@charset "utf-8";

/*  
Theme Name: amasia blog  ver.04
Theme URI: http://www.ardamis.com/2007/06/03/apricot/
Description: A minimalist, text-based layout with support for widgets and avatars.  Apricot is tested and proven SEO friendly.  All pages validate as XHTML 1.0 Strict.
Version: 1.0
Author: daisuke suzuki @grid.inc
Author URI: http://www.ardamis.com/
Tags: fixed-width, left-sidebar, two-columns, black, orange, white, light
*/

					/* Body and Major Structural Elements */
					


@import url(https://fonts.googleapis.com/css?family=Trocchi);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);

body {
	margin: 0;
	padding: 0;
	background: #fff;
	color: #202020;
	font: 62.5%  Verdana, Arial, sans-serif; /* Resets 1em to 10px */
}
@media all and (-ms-high-contrast: none){/* IE10以上 */
		body {font: 70%  Verdana, Arial, sans-serif; }
	}
#page {
	margin: 0 auto 0;
	padding: 0;
	width: 980px;
}
#header {
	margin: 40px 0 0;
}
#header p.blogtitle {
	text-indent: 180px;
	font: 3em Georgia, "Times New Roman", Times, serif;
}
#header p.description {
	text-indent: 180px;
	font-size: 1.4em;
}
#content { margin: 40px 0 0 0;}
.narrowcolumn {
	width: 640px;
	margin: 0;
	padding: 0;
	float: left;
}
.post { padding: 0 0 36px 0;}
.breadcrumbs .post{ padding: 0;}

/*.multipost {
	padding: 0 0 80px;
}*/
.entry {
	margin: 0;
	padding: 2.8em 0 0px 0;
	font: 1.56em/1.7"游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	clear: both;
	line-height: 1.8em;
}
@media all and (-ms-high-contrast: none){/* IE10以上 */
		.entry { font-size: 1.5em;}
	}

.navigation {
	padding: 10px 0 60px;
	line-height: 1.5em;
}
img.centered {
	margin: 0 auto 0;
	display: block;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	margin: 0 10px 0 0;
	padding: 4px 0 0 0;
	float: left;
	display: inline;
}
.alignright {
	margin: 0 0 0 10px;
	padding: 4px 0 0 0;
	float: right;
	display: inline;
}




					/* End Body and Major Structure */

.center {
	text-align: center;
}
.clear {
	clear: both;
}
.inline {
	display: inline;
}
.hidden {
	display: none;
}


					/* Begin Sidebar */
					
#sidebar {
	width: 220px;
	padding: 0px 0 0px;
	list-style-type: none;
	text-align: left;
	float: right;
}
#sidebar a {
	padding: 0.3em 0 0.3em 0;
	border: none;
	color: #202020;
	text-decoration: none;

}
#sidebar a:hover {
	border: none;
	color: #202020;
	text-decoration: none;
}
#sidebar h2 {
	margin: 30px 0 10px;
	padding: 2px 0 2px 0px;
	border-bottom: 1px solid #cacaca;
	font: 1.2em "Lucida Grande", Verdana, Arial, sans-serif;
	text-align: left;
}
#sidebar li {
	margin: 0 0 15px 0;
	
	/* each main section, i.e., Pages, Categories, Archives, etc. */
}
#sidebar ol li {
	list-style: decimal outside;
}
#sidebar p, #sidebar select {
	margin: 5px 0 8px;
}
#sidebar ul, #sidebar ol {
	margin: 8px 0 0 0;
/*	text-transform: uppercase;*/
	letter-spacing: 0.3em;
	padding: 0 0 0 1.0em;
	/* the block of links for all the Pages, Categories, Monthly Archives, etc. */
}
#sidebar ul li, #sidebar ol li {
	margin: 3px 0; 
	padding: 0.2em 0;
	list-style-type: none;
	/* each individual link, i.e., each page, each category, each month, etc. */
}

#sidebar ul li:hover {
	/* border-left: 1px solid #ff8900; */
}
#sidebar ul ul, #sidebar ol {
	margin: 0 0 0 10px;
}
#sidebar form {
	margin: 0;
}
#searchform {
	padding: 40px 0 0;
}
#sidebar #searchform #s {
	width: 220px;
	height: 22px;
	padding: 3px 0 3px 30px;
	border: none;
	color: #404040;
	font: 1.2em "Lucida Grande", Verdana, Arial, sans-serif;
	background: #fff url(images/bg_search_full.png) no-repeat;
}
#sidebar #searchsubmit {
	padding: 1px;
}

#sidebar li ul.side-brandindex{ text-align: left;letter-spacing: 0.0em; margin: 0; padding: 0;}
#sidebar ul.wpp-2{ letter-spacing: 0; }



					/* End Sidebar */
					
					/* Begin Paragraphs and Fonts */

acronym, abbr {
	border-bottom: 1px dashed #cacaca;
}
acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
	cursor: help;
}
h1, h2, h3 {
	margin: 30px 0 14px;
	color: #202020; /* color for post titles is in links section */
	text-decoration: none;
	font: normal 2.0em Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-feature-settings: "palt";
	line-height: 1.4em;
/* 	
	font-family: "Century Gothic", "Avant Garde", Verdana, Helvetica, Arial, sans-serif; 
*/	
}

.post h2{ font-weight:bold; font-size: 1.45em; margin: 2.0em 0 0.4em 0; clear: both;  }
.post h3{ font-weight:bold; font-size: 1.38em;margin: 2.0em 0 0.2em 0;clear: both;}
.post h4{ font-weight:bold; font-size: 1.1em;margin: 2.0em 0 0.2em 0;clear: both;}
.post h5{ font-weight:bold; font-size: 1.1em;margin: 1.8em 0 0.2em 0;clear: both;}
.post h6{ font-weight:bold; font-size: 1.0em;margin: 1.6em 0 0.2em 0;clear: both;}

.post .entry h2{border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 1.0em 0 ;}
.post .entry h3{padding: .25em 0 .1em 0;/*border-left: 6px solid #ccc;*/}
.post .entry h4{}
.post .entry h5{}
.post .entry h6{}



#footer h1 {
	margin: 0;
	display: inline;
	font: normal 1em "Lucida Grande", Verdana, Arial, sans-serif;
}
/*h3, .entry h2 {
	font: normal 1.6em Georgia, "Times New Roman", Times, serif;
}*/
h4 {
	margin: 0;
	display: inline;
	font-size: 1em;
	font-weight: normal;
	/* used in footer on non-single pages */
}
h6 {
	margin: 9px 0 14px;
	font: normal 0.9em "Lucida Grande", Verdana, Arial, sans-serif;
	/* little sub-heading line, to be used on pages in place of a post's date line */
}
p.postdate {
	margin: -0.8em 0 18px 0;
	font: 0.9em "Lucida Grande", Verdana, Arial, sans-serif;
	color: #9d9d9d;
}
.entry p {
	margin: 0 0 28px 0;
}

.entry p img,.entry img{
	margin: 0 0 20px 0;
	max-width: 100%;
	height: auto;
	max-width: 100%;
	display: block;
}

.entry p img.aligncenter{
	margin: 18px auto;
}



.bookmarks {
	margin: 40px 0 0 0;
	padding: 4px 0;
	font: 1.2em Arial, Helvetica, sans-serif;
	text-align: center;
	/* social bookmarking */
}
.bookmarks a {
	border: none;
	/* social bookmarking */
}
.postmetadata  {
	margin: 40px 0 30px;
	padding: 10px 10px 12px;
	font: 1.1em/1.4 Arial, Helvetica, sans-serif;
	text-align: left;
	clear: both;
}
small {
	font: 1.0em/1.4 Arial, Helvetica, sans-serif;
}
.alt {
	border-top: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
}
.entry blockquote {
	margin: 15px 40px 15px 20px;
	padding: 0 0 0 20px;
	border-left: 1px dotted #ff8900;
	text-align: justify;
}
.entry blockquote p {
	line-height: 1.2em;
}
blockquote cite {
	margin: 4px 0 0 0;
	display: block;
}
pre {
	width: 95%;
	margin: 1em 0;
	padding: 1em 3em 1em 1em;
	font: 1.1em "Courier New", Courier, monospace;
	overflow: scroll;
	border: 1px solid #cacaca;
}
code {
	color: #668800;
	font: 110% "Courier New", Courier, monospace;
}
#commentform p {
	margin: 5px 0;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}
.isolate {
	margin: 6px auto 12px;
	padding: 0;
	text-align: center;
}
.recentdate {
	padding: 0 20px 0 10px;
}
#footer p {
	margin: 0;
	padding: 4px 0 0;
}


					/* End Paragraphs and Fonts */

					/* Begin Comments */

.commentlist {
	padding: 0;
	border-bottom: 1px solid #cacaca;
	/* border-bottom styles the end of the list of comments */
	font: 1.1em/1.3 "Lucida Grande", Verdana, Arial, sans-serif;
	/* keep font the same as .entry p */
}
.commentlist li {
	margin: 0;
	padding: 10px 18px;;
	list-style: none;
	border-top: 1px solid #cacaca;
}
.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
}
.commentlist a {
}
.commentlist p {
	margin: 10px 5px 10px 0;
}
.commentmetadata {
	margin: 0;
	display: block;
}
.commentlist cite {
	font-weight: bold;
}
.commentlist li pre {
	/* controls text within <code> brackets within comments (pre is added automatically by codeautoescape plugin) */	
	width: 90%;
}
.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
}
.commentlist cite a {
	border: none;
	text-decoration: none;
}
.commentlist cite a:hover {
	border: none;
	text-decoration: underline;
}
.commentmetadata {
	font-weight: normal;
}
.comment {
	background: #fff url(../Copy%20of%20apricot/images/com_bubble_white.png) 0 12px no-repeat;
}
.oddcomment {
	background: #fff url(../Copy%20of%20apricot/images/com_bubble_white.png) 0 12px no-repeat;
}
.authority {
	/* li.authority controls behavior of comment if comment author = post author */
	background: #fff url(../Copy%20of%20apricot/images/com_bubble_auth_white.png) 0 12px no-repeat;
}
.commentnumber {
}

					/* End Comments */

					/* Links */

a {
	border-bottom: 1px solid #6c6882;
	color: #202020;
	text-decoration: none;
}


.postmetadata a {
	border: none;
	text-decoration: underline;
}
.postmetadata a:hover {
	border: none;
	text-decoration: none;
}
small a {
	border: none;
}
.download {
	background: #fff url(../Copy%20of%20apricot/images/down_white.png) 0 50% no-repeat;
	padding: 0 0 0 18px;
}
.download a {
	padding: 0 2px;
	border-bottom: 1px solid #779900;
}
.download a:hover {
	border-bottom: 1px solid #779900;
	color: #fff;
	background: #779900;
}
.hidelink, a.hidelink:hover, a img {
	border: none;
}
li.tagcloudtags a {
	letter-spacing: 0;
	text-transform: none;
}
.more-link a {
	/* .more-link added by the_excerpt_reloaded plugin http://guff.szub.net/2005/02/26/the-excerpt-reloaded/ */
	border: none;
	color: #cacaca;
}
.more-link a:hover {
	border: none;
	color: #404040;
}

					/* End Links */

					/* Begin Lists */
					
.entry ol, .entry ul {
	margin: 0 0 2.0em 4px;
	padding: 0 0 8px 0;
	/* keep the same as .entry p */
}
.entry ol {
	list-style: decimal outside;
}
.entry ul {
	list-style: circle outside;
}
.entry ol li, .entry ul li {
	margin: 0 0 0 1.5em;
	padding: 2px 0 4px 0;
}
.nocomments {
	margin: 0 0 20px 0;
	text-align: center;
	padding: 0;
}
.postmetadata ul, .postmetadata li {
	clear: both;
	display: inline;
	list-style-type: none;
}

					/* End Lists */

					/* Begin Forms */
					
	/* Give forms a class of clearfix to make them contain the floated submit button */
	
.entry form {
	/* text-align: center; */ 
	/* This is mainly for password protected posts, makes them look better. */
}
#commentform {
}
select {
	width: 130px;
}
#commentform input, #contact input {
	width: 170px;
	margin: 5px 5px 1px 0;
	padding: 2px;
}
#commentform textarea {
	width: 99%;
	padding: 2px;
}
#commentform #submit {
	margin: 0;
	float: right;
}
#contact input, #contact textarea {
	font: 0.9em "Lucida Grande", Verdana, Arial, sans-serif;
}
#contact p {
	margin: 5px 0;
}
#contact textarea {
	width: 100%;
	margin: 6px 0 0 0;
	padding: 2px;
	overflow: hidden;
}
#contact #submit {
	width: 100px;
	margin: 0;
	float: right;
}

					/* End Forms */

					/* Begin Calendar */

#wp-calendar {
	margin: 10px auto 0;
	width: 140px;
	empty-cells: show;
}
#wp-calendar a {
	display: block;
	text-decoration: underline;
}
#wp-calendar #next a {
	font-size: 9pt;
	text-align: right;
}
#wp-calendar #prev a {
	font-size: 9pt;
	text-align: left;
}
#wp-calendar caption {
	width: 100%;
	font: bold 1.3em "Lucida Grande", Verdana, Arial, sans-serif;
	text-align: center;
	text-decoration: none;
}
#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	text-align: center;
}
#wp-calendar td {
	width: 20px;
	padding: 3px 0;
	text-align: center;
}
#wp-calendar td.pad:hover {
	background: #FFFFFF;
}

					/* End Calendar */



/* Captions */

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text, .wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

					/* Begin .clearfix http://www.positioniseverything.net/easyclearing.html */
					
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac ¥*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

					/* End .clearfix */

/* ヘッダー
----------------------------------------------- */
#header a { border-bottom: none;}
#header #blogmenu{ margin: -18px 0 0 200px;}
#header #blogmenu ul{ clear:both; padding: 0px 0 0 0; margin: 0px; display: table;}
#header #blogmenu li{ float:left; width: 70px; text-indent:-9999px;list-style:none;}
#header #blogmenu li a{ display:block; height:25px; text-decoration:none; overflow:hidden;}

#header #blogmenu li.home a{ background: url(images/blog_menu.gif) 0 0 no-repeat; width: 40px;}
#header #blogmenu li.blog a{ background: url(images/blog_menu.gif) -65px 0 no-repeat; width: 40px;}
#header #blogmenu li.brands a{ background: url(images/blog_menu.gif) -130px 0 no-repeat; width: 50px;}
#header #blogmenu li.profile a{ background: url(images/blog_menu.gif) -200px 0 no-repeat; width: 90px;}
#header #blogmenu li.home a:hover{ background: url(images/blog_menu.gif) 0 -25px no-repeat; }
#header #blogmenu li.blog a:hover{ background: url(images/blog_menu.gif) -65px -25px no-repeat; }
#header #blogmenu li.brands a:hover{ background: url(images/blog_menu.gif) -130px -25px no-repeat; }
#header #blogmenu li.profile a:hover{ background: url(images/blog_menu.gif) -200px -25px no-repeat; }

/* ヘッダー2014
----------------------------------------------- */
#header2 a{ text-decoration: none; border-bottom: none;color: #ffffff;}
#header2{ text-align: center; padding: 18px 0 0 0;}
#mainmenu{ background: #000000; width: 100%; margin: 24px 0; height: 50px; }
#mainmenu2{width: 980px; margin: 0 auto;}
#mainmenu-btn {display: none;}
#mainmenu_cont{ white-space: nowrap; font-family: 'Trocchi', 'serif'; color: #ffffff; font-size: 1.3em; font-weight: normal; display: table;width: 80%; padding: 0;}
#mainmenu_cont li{padding: 16px 0 16px 0; margin: 0 1px 0 0;vertical-align: bottom; list-style: none; width: 16.6%; text-align: center;display: table-cell;}
#mainmenu_cont li:hover{background: #333333; }
#social-menu{position: relative; float: right; right: 0; top: -54px; width: 20%; }
#social-menu li{display: inline-block; margin: 0 0.3em; }
#social-menu li a{ color: #FFF;}
#social-menu li img{ width: 50%; height: auto; padding: 0;}
#social-menu li a:hover img{opacity: 0.5;}
.header2-logo{ width: 128px; height: auto}

/* ホーム
----------------------------------------------- */
#home{}
#home h2{ border-bottom: 1px #000000 solid; padding: 0 0 6px 0; font: normal 1.8em 'Trocchi', 'serif'; letter-spacing: 0.1em; margin: 0 0 1.5em 0;}
#home .eachcolmn a,#home .eachcolmn {color: #ffffff; border-bottom: none;}
#home .eachcolmn{ background: #333333; height: 260px; clear: both;}
#home .eachcolmn p.thumb{ float: left; margin: 0 24px 0 0; width: 371px; overflow: hidden; }
#home .eachcolmn p.thumb img{ height: 260px; width: auto;}
#home .eachcolmn h3{ padding: 14px 14px 1.0em 18px; font-size: 1.76em;}
#home .eachcolmn .summary{ font-size: 1.2em; margin: 0 14px 0 0}
#home .eachcolmn h3 a:hover{border-bottom: 1px solid #ff8900; color: #ffffff; text-decoration: none;}
#home .home-block2{margin: 60px 0; }
#home .home-block2 ul{ padding: 0;}
#home .eachblog,#home .eachblog img{ width: 200px; height: auto; list-style: none;}
#home .eachblog{ float: left; margin: 0 10px 0 0; height: 300px; overflow: hidden;}
#home .amlist-3x{margin: 0 0 0 0;}
#home .eachblog a{ border-bottom: none;}
#home .eachblog h3{ font-size: 1.3em; margin: 1.0em 0.3em;}


/* リスト
----------------------------------------------- */
.thumb2 img{ max-width: 220px; height: auto; float: left; margin: 0 1.8em 0 0;}
.column h2{ clear: none; font-size: 1.8em; }
.column .entry { clear: none; padding: 0 24px;}
.column  p.postdate{ margin: 0;}
.column .social{ clear: both; padding: 1.0em 0;}

/* フッター
----------------------------------------------- */
#footercon a:link {color: #3E7309; text-decoration: none; border-bottom: none;}
#footercon a:visited {color: #99be93; text-decoration: none; border-bottom: none;}


#pagetop {
	clear: both;
    width: 980px;
    margin: 0 auto;
    padding: 30px 8px 15px 8px;
    background-color: #fff;
    text-align: right;
	font-size: 10px;  
}

#footer {
	border-top: 1px solid #DADADA;
	clear: both;
	width: 100%;
}

#footercon{ 
	width: 980px;
	margin: 0 auto;
	padding: 15px 8px 24px 0;
	text-align: left;
	font-size: 0.9em;}

#footercon .f_block_1{ float: left; width: 185px;}
#footercon .f_block_2{ float: left; width: 240px;}
#footercon ul li{ list-style: none; font-size: 10px; line-height: 2.1em;}
#footercon  .logo{ max-width: 200px; height: auto;}
#footercon .copyright{ clear:both; font-size:9px; color: #707070; padding: 18px 0 0 0;}


/* フッター
----------------------------------------------- */
.social{ }
.social li{ float: left; list-style: none; margin: 0 0.2em 0 0;}
.social .fb-like{ display: inline;}
#fb-root{ display: inline;}
.facebook4{border: solid #000 1px; text-align: right;}
p.yarpp{ clear: both; padding: 48px 0 0 0;}


/* 記事詳細
----------------------------------------------- */
.post h1{ font-size: 3.0em; font-feature-settings : "palt" 1;}
.regularprice{ color: #3c94ff; }
.saleprice{ color: #ff1a6f; font-size: 1.2em; font-weight: bold;}
.largetext{ font-size: 1.8em;}
.post .social a{ text-decoration: none; border-bottom: none;}
table.type01{border-collapse: collapse;}
table.type01 th,table.type01 td{ border: 1px solid #dddddd; padding: 0.4em;}
table.type01 th{ background: #ddd; font-weight: bold;}
div#toc_container{width: calc(100% - 3.6em); border: solid 1px #DFDFDF; background-color: #f5f5f5; padding: 1.8em;} /* table of content */
.reference{ font-size: 0.8em; opacity: 0.6; line-height: 1.4em;}
.reference li{margin: 0 0 0.2em; list-style: none;}


/* 商品紹介*/

.post ul.product-list1,.post ul.product-list2, .post ul.product-list3{ margin: 2.0em auto; display: flex; justify-content: flex-start;flex-wrap: wrap;  }
.post ul.product-list1 li{ float:none; margin: 0 1% 2.0em; list-style: none; width:21.5%; }
.post ul.product-list1 li:nth-child(odd){ }
.post ul.product-list1:after,.post ul.product-list3:after{ clear: both; content: ""; height: 0; display: block; }
.post ul.product-list1 p,.post ul.product-list3 p{ margin: 1.0em 0 0 0; font-size: 0.84em; line-height: 1.6em;}
.post ul.product-list1 h5,.post ul.product-list2 h5,.post ul.product-list3 h5{ line-height: 1.3em; font-weight: bold; margin: 0;}
.post ul.product-list1 li img,.post ul.product-list2 li img,.post ul.product-list3 li img{ width: 100%; height: auto; margin: 0 0 0 0;}

.post ul.product-list2{ display: flex; flex-wrap: wrap;  padding: 0; justify-content: flex-start; }
.post ul.product-list2 li{ width: 40%; margin: 0 5%; list-style: none;}
.post ul.product-list2 li img{ width: 100%; height: auto;}

.post ul.product-list3 li{ float: left; margin: 0; list-style: none; width:31% ;}
.post ul.product-list3 li:nth-child(odd){ margin: 0 1.5%;}
.post ul.product-list3 li img{ margin: auto; display: block;}

.post ul.product-list31{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.post ul.product-list31 li {width: 30%; list-style: none inside; margin: 0 1.5% 1.8em}
.post ul.product-list31 li img{ width: 100%; height: auto;}

.product-list{ list-style: none; }
.product-list li{list-style: none; }


/* embed カード*/
iframe.wp-embedded-content {width:100%; margin: auto 0%}



/*関連記事プラグイン*/
.linktotop{ margin: 1.0em auto 2.0em; padding: 1.0em 3% 1.0em; border: 1px solid #000; font-size: 0.76rem; font-weight: normal; line-height: 1.6em}
.linktotop a:link,.linktotop a:visited{ text-decoration: none; border-bottom: none}
.linktotop a:hover{text-decoration: underline;}
.linktotop::after{clear: both; display: block; height: :0; content: "";}

.yarpp-related { padding: 1.0em 0; clear: both;}
.yarpp-related:after { clear: both; display: block; height: :0; content: "";}
#content .yarpp-related h3{ border-top: 2px solid #000000; border-bottom: 1px solid #000000; padding: 10px 0; font-size: 1.4rem;}
.yarpp-related ol{ margin: 0;}
.yarpp-related  ol  li{ float: left; width: 30%; list-style: none; margin: 0 1.5% 2.0em 1.5%; height: 138px; position: relative; padding: 1.0em 0; line-height: 1.4em; font-size: 0.9em;}
.yarpp-related  ol  li img{ overflow: hidden; position: absolute;clip: rect( 10px, 190px, 110px, 0 ); width: 100%; height: auto; padding: 0 0 8px 0; margin: 0;}
.yarpp-related  ol  li h4.related_title{ clear: both; display: block;position: absolute; top: 132px; font-size: 0.9em; height: 4.6em; overflow: hidden;  margin: 0;}

.bnr_content_bottom{ width: 96%; margin: 0 2% 48px; font-size: 1.3em; }
.bnr_content_bottom img{ max-width: 100%; height: auto; padding: 12px 0 4px;}
.caution { font-size: 0.8em; margin: 4.0em 0 0 0;}

/*最新記事一覧*/

.latest-post{ }
.latest-post h3{ border-top: 2px solid #000000; border-bottom: 1px solid #000000; padding: 10px 0;font-size: 1.4rem; }
.latest-post .eachcolmn{ clear: both; }
.latest-post .eachcolmn .thumb{ width: 32%; float: left; margin: 0 3% 1.0em 0;}
.latest-post .eachcolmn .thumb img{width: 100%;  height: auto;}
.latest-post .eachcolmn h4{ font-size: 1.8em; font-weight: bold; }
.latest-post .eachcolmn .summary{ font-size: 1.2em; line-height: 1.8em;}

/*精油コンテンツ*/

.page-aroma-title{ border: 1px solid #1d1d1d; padding: 2.80em 3%; }
.aromaoil h1,.aromaoil h2{ font-feature-settings : "palt" 1; }
.aromaoil h1{ font-size: 3.8em; margin: 0 0 0.2em 0; line-height: 1.0em; padding: 0;}
.page-aroma-title h1 span{ font-size: 0.5em; padding-left: 0.2em;}
.aromaoil h2{ font-size: 1.8em;margin: 0 0 0em 0; line-height: 1.0em;}
.aromaoil { padding:38px 0 48px 0;}
.aromaoil  p.postdate{ margin: 0;}
.aromaoil .entry{ padding: 0px 0px 48px 0px;}
.aroma-phead .thumnail img{max-width: 100%; height: auto; }
.aromaoil p img{max-width: 100%; height: auto;}
.pageindex{ background: #f7f7f4; padding: 1.2em 2.0em 0.8em; font-size: 0.9em; margin: 0 0 2.0em 0; }
.pageindex h3{ font-size: 1.2em; margin: 0 0 1.0em 0; line-height: 1.0em;}
#basicdata h3{ font-size: 1.1em;}
#basicdata table{ border-collapse: collapse; font-size: 0.9em; margin-bottom: 4.0em}
#basicdata th,#basicdata td{ padding: 0.3em 1.0em; background: #fafafa; border-bottom: 1px solid #ddd; }
#basicdata tr:nth-child(odd) th,#basicdata tr:nth-child(odd) td{ background:  #EEE;}
#basicdata th{ white-space: nowrap; width: 28%;}
#basicdata td{ }
#effect h3{ border-bottom: 1px solid #000; margin: 0 0 0.8em 0; }


.maincopy,#effect,.entry p.linktostore{ margin: 0 2%;}
.aromalead{ padding: 24px 0 0; font-size: 1.06em; line-height: 1.9em; clear: both; margin: auto 2.5%;}
.aromaoiltop{font: 1.56em "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;}
.chooseby{ padding: 30px 0 ; clear: both; display: flex; flex-wrap: wrap;}
.chooseby ul{ display: flex; flex-wrap: wrap; margin: 1.0em 0;}
.chooseby ul li{ width: 25%; padding: 0;}
.chooseby table{}
.chooseby table tr:first-child th,.chooseby table tr:first-child  td{ border-top: #DDD solid 1px;}
.chooseby table th,.chooseby table td{padding: 0.3em 0.6em;vertical-align: top;  border-bottom: #DDD solid 1px; }
.chooseby table th{ font-weight: bold; width: 50%; text-align: left;}
.chooseby table td{ } 
.chooseby table td a{ padding: 0 0em; display: inline-block; margin: 0 1.0em; }
.essentialoil{ width: 21%;   margin: 0 2% 2.0em;}
.thumb3{ margin: 0;}
.thumb3 img{width: 100%; height: auto; border-radius: 50%;transition: 0.3s; }
.thumb3 a:hover img{opacity: 0.7; }
.thumb3 a{ border-bottom: none;}
.essentialoil h3{ text-align: center; margin: 0; font-size: 0.9em; line-height: 1.1em;}
.choosebyeffect,.productbyaroma{  }
.choosebyeffect h2,.productbyaroma h2,.chooseby h2 { font-size: 1.4em;}
.productbyaroma ul{ display: flex; flex-wrap: wrap; margin: 0; padding: 0;}
.productbyaroma ul li{ width: 25%; list-style: none inside; margin: 0; }
#relative, #relatedproducts{margin:1.2em 0 ; padding-top: 1.2em;}
#relative h3, #relatedproducts h3{border-bottom: 1px solid #000; padding: 0; margin: 0 0 0.8em 0;}
#relative ul{ display: flex;margin: 0; padding: 0 }
#relative ul li{ width: 20%; list-style: none; padding: 0 2.5%; margin: 0; text-align: center; }
#relative ul li a{ border-bottom: none}
#relative ul li img{ border-radius: 50%; width: 100%; height: auto;transition: 0.3s;}
#relative ul li a:hover img{ opacity: 0.5; filter: sepia(0); } 
#relative ul li h4{ text-align: center; font-size: 1.0em;}

.taxhead{ border-bottom: 1px solid #DDD; padding: 0 0 0.3em 0;}
.taxhead h3{font-size: 3.0em;}
.taxhead h3 .smalltext{ font-size: 0.5em;}
.taxhead p{ font-size: 1.6em; margin: 0 0 0 1.8em;}




@media screen and (max-width : 768px){
	/*img{ max-width: 100%; height: auto;display:block}*/
	div,section,article{max-width: 100%;}
	.header2-logo{ width: 100px}
	.narrowcolumn{width: 100%; overflow: hidden;}
	.breadcrumbs{ padding: 1.0em 0.8em 0; font-size: 0.9em;}
	#content { margin: 0 4%; width: 92%}
	
	#mainmenu-btn {position: absolute;width: 40px;height: 40px;top: 18px;right: 18px;text-align: center;border: solid 1px #666;border-radius: 8px;display: block;}
	#mainmenu-btn i {padding: 10px 0;}
	#mainmenu{ display: none; height: auto;}
	#mainmenu2 {position: relative;width: 100%;margin: 0 auto; }
	#mainmenu_cont{ display: block;width: 100%; margin: 0; padding: 1.0em 0;background: #000;}
	#mainmenu_cont li{width: 100%; text-align: center;display: block; margin: 0; padding: 0.6em 0; font-size: 18px; letter-spacing: 0.2em; }
	#social-menu{position: relative; float:none; right: auto; top: auto; width: 100%; margin: 0 auto; padding: 1.0em 0;}
	#social-menu li{ margin: 0 1.0em 1.0em;}
	#social-menu li img{ width: 80%; }
		
	#page { width: 100%;}
	#sidebar { width: 98%; margin: 0 1%;  float: none; clear: both; overflow: hidden; font-size: 1.1em;}
	#sidebar li ul.side-brandindex li{  }
	#sidebar li ul.side-brandindex::after{ }
	#pagetop{ width: 100%; margin: 0; padding: 18px 0; overflow: hidden;text-align: center; }
	#footer { }
	#footercon{ width: 96%; padding: 16px 2%; }
	#footercon .f_block_1{ float: left; width: 44%; margin: 0 3%; }
	#footercon .f_block_2{ float: none; width:98%; margin: auto auto 2.0em;}
	#footercon ul ,#footercon ul li{ padding: 0; margin: 0; font-size: 1.2em}
	#footercon .copyright{ text-align: center;}
	
	#home .eachcolmn{ position: relative;background: #333333;width: 100%;height: 260px; clear: both;margin-bottom: 20px;}
	#home .eachcolmn p.thumb{overflow: hidden;width: 100%;height: 260px; }
	#home .eachcolmn p.thumb img{ height: auto; width: 100%;}
	#home .eachcolmn h3{position: absolute;display: block;box-sizing: border-box;width: 100%;height: auto;bottom: 0;font-size: 1.6em;line-height: 1.6em;font-weight: normal;color: #fff;background-color: rgba(0,0,0,.6);padding: 10px;margin: 0;}
	#home .eachcolmn .summary{display: none;margin: 0 14px 0 0}
	#home .home-block2{ }
	#home .home-block2 ul { display: flex; flex-wrap: wrap;}
	#home .home-block2 .eachblog{ width: 48%; margin: 0 1%; float: none; height: auto;}
	#home .home-block2 .eachblog .thumb{ overflow: hidden; height: 120px;  text-align: center; vertical-align: middle;}
	#home .home-block2 .eachblog .thumb img{ width: 100%; height: auto;}
	#home .home-block2 .eachblog h3{ font-size: 1.6em; line-height: 1.2em;}
	#home .home-block2 .eachblog .date{ color: #8d8d8d}
	#home h2.home-title{ padding: 0 1%;}
	
	#sidebar ul, #sidebar ol{ letter-spacing: 0.0em; }
	#sidebar ul li, #sidebar ol li{ padding: 0 0 0 0; margin: 0 0 0.6em 0;}
	#sidebar li ul.side-brandindex{ display: flex; flex-wrap: wrap;}
	#sidebar li ul.side-brandindex li{width: 48%; margin: 0 1% 2.0em;; overflow: hidden; line-height: 1.3em; font-size: 1.3em;}
	#sidebar li ul.side-brandindex li img{ width: 100%; height: auto;}
	
	/*詳細ページ*/
	.post h1,.post  .postdate{ padding: 0 0.3rem;}
	.entry{ font-size: 1.02rem;  padding: 0 2%;}
	.entry h2{ font-size: 1.2em;}
	.entry h3{ font-size: 1.1em; }
	.entry iframe{ width:100%; margin: 0;}
	.entry p{ margin: 1.0em 0;}
	.entry p img.alignleft, .entry p img.alignright{ float: none; display: block; margin: 1.0em auto; }
	
	.navigation{ padding: 0 1%;}
	#respond{display: none; }
	#commentform{ display: none;}
	.postmetadata{ padding: 10px 0 12px;font-size: 0.9rem;  }
	.yarpp-related{}
	.yarpp-related ol{ display: flex; flex-flow: wrap;}
	.yarpp-related ol li{ width: 48%; margin: 0 1% 0em; overflow: hidden; height: auto; float: none; }
	.yarpp-related ol li img{ width: 100%; height: auto;position: relative; clip: rect(0px, auto, 170px, auto);}
	.yarpp-related ol li h4.related_title{position: relative; height: auto; top:auto; line-height: 1.2em; font-size: 0.96em;}
	.social{display: flex; justify-content: space-around;padding: 0; }
	.social li{ float: none; text-align: left;  }
	.latest-post { width: 98%; padding: 0 1%;}
	.latest-post .eachcolmn{ margin: 0 0 2.0em 0; border-bottom: 1px dotted #ddd; padding: 0 0 0.4em 0;}
	.latest-post .eachcolmn .summary,.latest-post .eachcolmn h4{overflow: hidden;}
	.post ul.product-list1,.post ul.product-list3{ display: flex; margin: 0 0 1.0em 0; padding: 0; flex-wrap: wrap}
	.post ul.product-list1 li,.post ul.product-list1 li:nth-child(odd),.post ul.product-list3 li,.post ul.product-list3 li:nth-child(odd){ margin: 0 2%; width: 46%; padding: 0;}
	.post ul.product-list1 li img,.post ul.product-list3 li img{ display: block; margin: auto; }
	.post ul.product-list31{ }
	.post ul.product-list31 li {width: 47%; list-style: none inside; margin: 0 1.5% 1.8em}
	
	
	/*精油コンテンツ*/
	.page-aroma-title h1 span{display: block;}
	.aromaoil h2{margin-left: 0.5em; }
	#basicdata th,#basicdata td{ display: block; width: 100%; text-align: left;}
	.essentialoil h2{ font-size: 1.1em; }
	.productbyaroma ul li{ width: 33.3%;}
	.chooseby ul li{ width: 50%; padding: 0;}
	
	/*リストページ*/
	.pagetitle{ width: 98%; padding: 0 1%;}
	.multipost {padding: 0;}
	.thumb2 img{ width: 30%;}
	.multipost .entry{ display: none;}
	.multipost .postmetadata{ display: none;}
}


@media screen and (max-width : 412px){
	table.type01 th,table.type01 td{ display: block; }
	table.type01 tr td:first-child{ background: #EEE;  }
	table.type01 tr td:nth-child(2){ padding-left: 2.0em }
}