@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Overpass:600');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap');

/* スタイルリセット　共通スタイル
----------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	font-size: 100%;
}
.clear{ clear:both;}
li {list-style-type: none;}

/*clearfix*/
.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
.clearfix {display:inline-table;}

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

.clear{clear: both;}

body {
	font:14px/1.5  "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "Osaka", sans-serif ;
	*font-size:small;
	*font:x-small;
	font/*\**/: 13px/1.5\9;
	vertical-align:baseline;
	font-style: normal;
	letter-spacing: normal;
	color: #3C3C3C;
	}

/* リンク指定
----------------------------------------------- */
a:link {color: #FF6666; text-decoration: none;}
a:visited {color: #FF9EB3;text-decoration: none;}
a:hover {color: #F78700; text-decoration: underline;}
a img{ border: none;}

p::selection,li::selection {background: #6699CC;color:#FFFFFF;}
p::-moz-selection,li::-moz-selection {background: #6699CC;color:#FFFFFF;} /* Firefox対応*/

.onlymobile{display: none}

/* TYPEKIT 
----------------------------------------------- */
html {visibility: hidden;}
html.wf-active {visibility: visible;}

/* ヘッダー共通レイアウト
----------------------------------------------- */

#maintop2{ margin:0; padding: 00px 0 0 0;}
#main980{ max-width: 1150px; width:100%; margin: 0 auto 0 auto; padding: 0 16px 0 16px; }
h1#topleft{margin: 0; background: url(../img/common/logo1.gif) no-repeat; float: left;}
h1#topleft a{ text-indent: -9899px;display:block; height:37px; width:200px;}
#conts{ clear: both; margin: 0 auto 0 auto; padding: 8px 0 0 0; }
p.arrow-r{ text-align: right;}
p.arrow-r a{ background: url(../img/common/arrow_r.png) no-repeat right; padding: 0 18px 0 0;}
#topicpath{max-width: 1150px; width:100%; margin: 0 auto 0 auto;padding: 0;  border-bottom: none;}
#topicpath ol{ border-bottom: none;}
#topicpath li{font-size: 0.8em; font-weight: normal;}
#topicpath li:after{ content: ">" ; padding: 0 0.2em;}

/* ナビゲーション
----------------------------------------------- */

/*サブナビゲーション*/
ul#subnavi{margin: 0 0 0 0; display: flex; justify-content: center;font-family:"Kosugi Maru",/* "tbchibirgothicplusk-pro"*/,sans-serif; font-weight: 400; }
ul#subnavi li {background:url(../img/common/subnavi_bg2.gif) ; color: #FF6666;margin: 0 1.0em; padding: 0.4em 1.0em;  text-align: center;font-weight: bold; }
ul#subnavi li a{color: #FF6666;}
ul#subnavi li a:hover,ul#subnavi2 li a:hover,ul#subnavi3 li a:hover,ul#subnavi4 li a:hover{color: #FFFFFF;text-decoration: none;}
ul#subnavi li:hover,ul#subnavi2 li:hover,ul#subnavi3 li:hover,ul#subnavi4 li:hover{background:url(../img/common/subnavi_bg.gif) ; }


/*リニューアル 1708*/
#header {background: url(../img/common/topbg2.jpg) repeat-x center -535px; margin:0 0 18px 0; padding: 0 0 20px}
#header h1{ float: left; width: 216px; margin: 24px 0 0; }
#header nav{font-family:"Kosugi Maru",/* "tbchibirgothicplusk-pro"*/sans-serif; font-weight: 400; clear: both; padding: 24px 0 24px;}
#header nav a{ color: #754C24;}
#header nav a:hover{ text-decoration: none; color: #FFFFFF;}

#header nav #bbmainmenu {display: flex; justify-content: space-between;font-size: 18px;}
#header nav #bbmainmenu li{margin: 0 0;}
#header nav #bbsubmenu{font-size: 14px; position: absolute; right: 100px; top: 24px;display: flex; justify-content:flex-end; }
#header nav #bbsubmenu li{ margin: 0 1.0em;}
#header nav #bbsubmenu li:last-child{ margin-right: 0;}
#cart_area{ position:absolute; right: 10px; top:16px; }

#category{ width: 100%;font-family:"Kosugi Maru",/* "tbchibirgothicplusk-pro"*/sans-serif; font-weight: 400; }
#category::after{ clear: both; display: block; content: ""; height: 0;} 
#category ul{  }
#category .category-nav{display: flex; justify-content: center;font-size: 19px;  text-align: center; margin: 1.6em auto 1.6em; width: 100%;}
#category ul li a{color: #754C24;font-size: 18px;}
#contents_top::after{ clear: both; display: block; content: ""; height: 0;} 

#drawer ul li{font-family:"Kosugi Maru",/* "tbchibirgothicplusk-pro"*/sans-serif; font-weight: 400; font-size: 18px;}
#drawer ul li a:link,#drawer ul li a:visited,#drawer ul li a:hover{color: #FF6666; text-decoration: none;}
#drawer ul li a {display: block;height: 50px;line-height: 50px;padding: 0 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    border-bottom: 1px solid #eeeeee;
}
.cart-trigger img{  }
.cart-icon img{  }
.cart-icon img,.cart-trigger img{width: 26px; height: auto; fill: #754C24;color: #754C24; }
.cart-icon { margin: 8px 0 0 -64px;}

/*パン屑ナビゲーション*/
ul#breadcrumb{margin: 0px 0 0 0px; padding: 0; list-style: none outside; border: 0px #dddddd solid; height: 40px; font-size: 0.9em;}
ul#breadcrumb li{ float: left; margin: 0 0 0 18px;padding: 0;}
ul#breadcrumb li a{ color: #75A9CB;}


@media all and (-ms-high-contrast:none){ /* IE10 */
  #header h1{ margin: 12px 0 0; height: 80px; }
  #header nav { margin: 0; padding-top: 0px;  }
}


/* オンラインショップトップページ
----------------------------------------------- 
stylesに記述
*/



/* トップページ
----------------------------------------------- */
/*#image-navigation{clear: both; background: #FFFFFF;padding: 10px; height: 380px;}*/

#header.header-home {background: url(../img/top/topbg2.jpg) repeat-x center 0; margin:0 0 36px 0; padding: 0 0 20px}

/*打ち出し・イメージナビゲーション*/
.main_visual .item{ /*border: 8px solid #FFF;*/}
.main_visual img{ width: 100%; height: auto; max-height: 70vh;}


ul#topindex{ margin: 16px 0 0 0; display: flex; justify-content: space-between; flex-wrap: wrap;}
#topindex li{ width: 28%; margin: 0 1.5%; }
img.round1{ border-radius: 8px; border: 3px solid #FFF;}

#topindex li.middle{margin: 0;}
#topindex li h2{ margin:0 0 8px 0; padding:0;}
#topindex li h2 a{ text-indent: -9888px; display: block; height: 35px;}
#topindex li h2.top-h2-about{ background: url(../img/top/h2_about.gif) no-repeat center center;}
#topindex li h2.top-h2-products{ background: url(../img/top/h2_products.gif) no-repeat center center;}
#topindex li h2.top-h2-ecocert{ background: url(../img/top/h2_ecocert.gif) no-repeat center center;}
#topindex li p img.left{margin: 0 8px 0 0; float: left;}
#topindex li p{ line-height: 2.0em; margin-bottom: 0.1em;}
#topindex li p span.line{border-bottom: dashed #ffffff 2px; padding: 0 0 2px 0; }
#topindex li p a span.line{color: #3C3C3C; }
#topindex li p a:hover{text-decoration:none;  }
#topindex li p a:hover span.line{border-bottom: dashed #FFFFFF 2px;}

#topindex li p.todetail,#top-howto p.todetail{ text-align: right; padding: 0 0 24px 0;}
#topindex li p.todetail a,#top-howto p.todetail a{ background: url(../img/common/arrow_r.png) no-repeat right; padding: 0 18px 0 0;}
.ranking{ text-align: center; max-width: 800px; width:90%; margin: 0 auto 3.0em auto;padding: 0; }
.ranking img{ width: 100%; height: auto;}

#maintop{ }

#top-lower{margin: 0 auto 0 auto; padding: 24px 22px 0 22px; margin/*\**/: -8px auto 0 auto\9;}
#topnews{background: url(../img/top/news_bg.gif) repeat-y; float: left; width: 410px; padding: 0 0 18px 0; margin: 0; }
#topnews h2{background: url(../img/top/h2_news.gif) no-repeat; height: 46px; text-indent: -8888px;margin: 0;}
#topnews ul li{ margin: 6px 16px 1.0em 28px; }
#topnews ul li h3{background: #ffffff; padding: 0.4em; font-weight: normal; line-height: 1.4em; font-size: 1.1em; margin: 0;}
#topnews ul li p.n-date{ font-size: 0.9em; text-align: right; margin: 0;}
#topnews .news-bottom{background: url(../img/top/news_bg2.gif) no-repeat; height: 16px; }

#buy{float: left; width: 274px; background: url(../img/top/buy_bg.gif) repeat-y; margin: 0 0 0 36px;}
#buy h2{background: url(../img/top/h2_buy.gif) no-repeat; height: 46px; text-indent: -8888px;}
#buy p{ margin: 0 16px 0 28px;}
#buy p img{ margin: 0 3px 0 3px;}
#buy .buy-bottom{ background: url(../img/top/buy_bg2.gif) no-repeat; height: 14px;}
#buy p.link_amazon{ font-size: 0.9em;}
.btn{ text-align:center; margin: 0.8em auto; }
.btn a{display: block; margin: auto; background: #f96464; color: #FFF; font-weight: bold; padding: 0.6em 1.0em; border-radius: 6px; text-decoration: none;}
.btn a:hover{ background: #ffb9b9; }

#top-howto{float: left; width: 520px;margin: 80px 0 0 80px;}
#top-howto h2{float: left; margin: 0 18px 0 0;}
#top-howto h3{color:#5E381D; }
#top-howto p{ line-height: 1.8em; margin: 0 0 6px 0;}
#top-howto p span.line{border-bottom: dashed #D9D9D9 1px; padding: 0 0px 2px 0; }
#social{float: right;  background: url(../img/top/social_bg.png) no-repeat 0px 0px; margin: -10px 10px 0 0; padding: 36px 12px 0 38px; width:270px; height: 200px; background-size: contain;}
#social img{ margin: 0 3px 0 3px;}

#top-socialicons{ width: 390px; margin: 6px auto 18px auto; clear: both; text-align: center; }


/* フッター インデックス
----------------------------------------------- */
#footindex{clear: both; width: 100%; max-width: 980px; margin: 0 auto 0 auto; padding: 0 0 0 0px;  display: flex; justify-content: space-around;}
#footindex > div{ border: 1px dashed red;}
#to-pagetop{ text-align: center; font-size: 0.9em; clear: both;}
#footindex .policy,#footindex .power,#footindex .ecocert,#footindex .campaign,#footindex .playwith{
	cursor:pointer;
	height: 168px; width: 168px;  margin: 80px 0 48px 0; padding: 0 0 0 0;
	background: #FFFFFF;
	border-radius: 50%;
	vertical-align: middle;
	text-align: center;
	cursor:pointer;
	behavior: url(/js/PIE.htc);
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	position:relative;}	
#footindex .policy:hover,#footindex .power:hover,#footindex .ecocert:hover,#footindex .campaign:hover,#footindex .playwith:hover{
	cursor:pointer;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;}
#footindex .innercircle{
	height: 168px; width: 168px;
	border-radius: 50%;
	behavior: url(../js/PIE.htc);
	padding: 0px 0 0 0;
	opacity: 0.8;
	position:absolute;
	top:-6px;
	left:-6px;
	z-index:999;
	cursor:pointer;
	-webkit-transform: scale(0);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transform: scale(0);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms
	}
#footindex .policy:hover .innercircle,#footindex .power:hover .innercircle,#footindex .ecocert:hover .innercircle,#footindex .campaign:hover .innercircle,#footindex .playwith:hover .innercircle{
	cursor:pointer;
	-webkit-transform: scale(1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms; 
	-moz-transform: scale(1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms; 
	}
#footindex .innercircle h4{ margin: 68px 0 0 0; color: #5E381D; font-family: "Gill Sans" sans-serif;cursor:pointer; text-align: center;}
#footindex .innercircle h4 a{color: #5E381D; text-decoration: none;}

#footindex .policy{border: 6px #A8CA30 solid; }
#footindex .policy h3{ margin:45px 0 0 0;}
#footindex .policy a{color: #A7CA30;}
#footindex .policy .innercircle{background: #EFF5D8;}

#footindex .power{border: 6px #669966 solid; }
#footindex .power h3{ margin:45px 0 0 0;}
#footindex .power a{ color:#669966;}
#footindex .power .innercircle{background: #D0EFD0;}

#footindex .ecocert{border: 6px #66CCFF solid; }
#footindex .ecocert a{ color: #66CCFF;}
#footindex .ecocert .innercircle{background: #E0F5FF;}

#footindex .campaign{border: 6px #FF6666 solid;}
#footindex .campaign h3{ margin:45px 0 0 0;}
#footindex .campaign a{ color: #FF6666;}
#footindex .campaign .innercircle{background: #FFE0E0;}

#footindex .playwith{border: 6px #FF9933 solid;}
#footindex .playwith h3{ margin:45px 0 0 0;}
#footindex .playwith a{ color: #FF9933;}
#footindex .playwith .innercircle{background: #FFF0E1;}

/*IE HUCK*/
#footindex .innercircle{ visibility/*\**/:  hidden\9;}

#footindex h3{padding: 5px; vertical-align: middle; margin:auto 0 auto 0;margin-top:4em; text-align: center; font-size: 16px;font-family:"Kosugi Maru",/* "tbchibirgothicplusk-pro"*/sans-serif; font-weight: 400; }
#footindex h3 a{color: #888888;}


/* フッター 
----------------------------------------------- */
#footer{ clear: both; background: url(../img/common/footerbg2.jpg) center bottom repeat-x; margin: 0px 0 0 0; padding: 220px 0 0 0; font-size: 0.9em; }
#footer .f-con{ }
#foot-logo{ margin: -120px 0 0 0;text-align: center; padding: 0;}
.footer-a #foot-logo{ margin: -120px 0 0 0;text-align: center; padding: 0;}

.footersnsnavi {display: flex; margin: 0.6em 0;}
.footersnsnavi li a {color: #754C24; margin: 0 0.8em 0 0;}
.footersnsnavi .icon-line{ width: 24px; height: auto; padding: 1px 0 0 0;}

#foot-logo .innercircle{
	height: 157px; width: 157px;
	/*border-radius: 77px;*/
	behavior: url(../js/PIE.htc);
	background:  url(/img/common/footer_logo2_over.png) center top;
	padding: 0px 0 0 0;
	opacity: 1.0;
	position:absolute;
	top:0px;
	left: 18px;
	z-index:999;
	-webkit-transform: scale(0);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transform: scale(0);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;
	visibility/*\**/:  hidden\9;
	}
#foot-logo:hover .innercircle{
	cursor: pointer;
	-webkit-transform: scale(1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transform: scale(1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;}

/*FIREFOX HUCK*/
@-moz-document url-prefix(){
	#foot-logo{ margin: -114px 0 0 0;}
	.footer-a #foot-logo{ margin: -98px 0 0 0;}
}
/*SAFARI HUCK*/
/*_::-webkit-full-page-media, _:future, :root #foot-logo {margin: -114px 0 0 0;}*/
_::-webkit-full-page-media, _:future, :root .footer-a #foot-logo {margin: -114px 0 0 0;}

/*IE HUCK*/
@media all and (-ms-high-contrast: none){
	#foot-logo .innercircle{ background:none; cursor: default;}
}

#bbjp-instagram{ width: 100%; max-width: 1100px; margin: auto}
#bbjp-instagram h3{font-size: 1.3em; margin: 2.0em 2%; color: #795F48; padding: 0 0 3px 0;background: url(../img/common/line.gif) repeat-x left bottom;}

#footer .f-left{ }
#footer .f-right{ }
#footer .copyright{ clear: both; text-align: center; padding: 12px 0 6px 0; font-size: 0.9rem}
#footnavi-l{}
#footnavi-r{ }
#footer .f-left h3,#footer .f-left h4,#footer .f-left p{}


#page-top{display: none;text-align: center;position: fixed;bottom: 10px; right: 10px;z-index: 2;}
#page-top a{width: 30px; height: 30px;background-color: rgba(176, 176, 176, 0.6) ;border-radius: 50%; display: inline-block; padding: 2px 0 0 0; color: #FFF;}
#page-top a::before{content: "\f102";font-family: FontAwesome; font-size: 16px;}
#page-top a:link,#page-top a:visited,#page-top a:hover{ text-decoration: none;}

/* ページ共通について
----------------------------------------------- */
.post h1,.page-campaign h1,.bb-archive h1{font-size: 1.1em; margin: 0 8px 18px 8px; color: #795F48; padding: 0 0 3px 0;background: url(../img/common/line.gif) no-repeat left bottom; height: 50px;}
.cont-1{}
.cont-1 p,#content p{ margin: 0 0 18px 0;}
.navigation .alignleft{ float: left;}
.navigation .alignright{ float: right;}
.post-edit-link{display: none;}

/* babybubaについて
----------------------------------------------- */
#conts .block03 h2{ margin: 0 0 36px 0; clear: both; }
#conts h3{ color: #5E381D; font-size: 1.15em; margin: 12px 0 12px 0;}
#conts h3.level2{ margin: 36px 0 12px 0;}
#conts h4{margin: 18px 0 18px 0;color: #5E381D; font-size: 1.0em; }
#conts img.photo1{float: right; margin: -40px 0 36px 28px;}
#conts img.photo2{ float: left; margin: 12px 0 0 0;}
#conts img.photo3{float: left; margin: 42px 18px 18px 0px;}
#conts .block02{ float: right; width:calc( 100% - 340px); margin: 18px 24px 48px 0;}
#conts .block03{ clear: both; background: url(../img/common/line.gif) repeat-x 100px top; padding: 60px 0 0 0; margin: 0 0 48px 0;}
#conts .block04{ float: left; width:48%; margin: 18px 0 18px 0;}
#conts .block05{ float: left; width:480px; margin: 18px 0 18px 0;}
#conts .block06{ float:right; width:48%; margin: 18px 0 18px 0;}
#conts .block04 ul{padding: 0 0 36px 0;}
#conts .block04 ul li{ list-style: circle inside; width: 120px; float: left; font-size:0.9em;}
#conts img.pyramid{ margin: 12px 0 0 48px;}
#conts .block02 p,#conts .block03 p,#conts .block04 p{ margin: 0 0 8px 0;}

#conts .block-ingredient{clear: both; background: #F4F2F2 url(../img/about/ingredients-top.gif) no-repeat 0 0 ; padding: 0 0 0 0;  }
#conts .block-ingredient .bottom{background: url(../img/about/ingredients-bottom.gif) no-repeat bottom ; height: 20px; clear: both;}
#conts .block-ingredient ul{padding: 0 18px 0 36px; display: flex; flex-wrap: wrap; justify-content: flex-start;}
#conts .block-ingredient ul li{ width: 30%; margin: 0 3% 12px 0; padding: 18px 8px 10px 8px;border-radius: 6px; position: relative;behavior: url(../js/PIE.htc);}
.block-ingredient h4{ text-align: center;}
#conts .block-ingredient li h5{ color: #FFFFFF; margin: 0 0 8px 6px; font-size:0.9em;}
#conts .block-ingredient li p{ background: #FFFFFF; margin: 0 0 0 0px; padding: 8px; border-radius: 6px; position: relative;behavior: url(../js/PIE.htc);}
#conts .block-ingredient li#ing-lavender{ background: #A3C2E0 url(../img/about/bg_lavender.gif) no-repeat 105px 20px;}
#conts .block-ingredient li#ing-macademia{ background: #AC9188 url(../img/about/bg_macademia.gif) no-repeat 105px 20px;}
#conts .block-ingredient li#ing-olive{ background: #C2E085 url(../img/about/bg_olive.gif) no-repeat 105px 20px;}
#conts .block-ingredient li#ing-sunflower{ background: #FFE085 url(../img/about/bg_sunflower.gif) no-repeat 105px 20px;}
#conts .block-ingredient li#ing-jojoba{ background: #A385A3 url(../img/about/bg_jojoba.gif) no-repeat 105px 20px;}
#conts .block-ingredient p.cautions{ float: left; width: 270px; margin: 0 0 0 0; font-size: 0.85em;}
#conts #forfuture{ margin: 0 0 0px 0;}
#conts .block03 .future-main{float: left; width:56%;}
#conts .block03 .future-r{ width: 420px; float: right; background: url(../img/about/future-r-bg.gif) no-repeat; padding: 24px 0 0 0; margin:-40px 24px 0 0;color: #5E381D;}
#conts .block03 .future-r h4{ text-align: center;  font-family: "Hiragino Mincho Pro" serif ;}
#conts .block03 .future-r ul#activity{margin: 0 38px 0 36px; position: relative; z-index: 2;}
#conts .block03 .future-r ul li{ list-style: disc; margin: 0 0 6px 14px;font-size: 0.82em; }
#conts .block03 .future-r .act-botom{ background: url(../img/about/future-r-bg2.gif) no-repeat 0 bottom; height: 107px;  z-index: 1; position: relative; top:-60px;}
#conts .block03 .forsafe-l{ float: left; width:48%;}
#conts .block03 .forsafe-r{float: right; width:48%;}


/* 製品について
----------------------------------------------- */
#policy .policymain{ width:895px; height: 567px; margin: 40px auto 0 auto; background: url(../img/products/main.jpg) no-repeat top; padding: 16px 0 0 0; }
#policy .policymain h3{margin: 40px  0 0 0; text-align: center; }
ol#policy9{margin: 30px 0 0 164px; font-size: 1.0em; font-weight: bold;}
ol#policy9 li{ list-style: decimal outside; line-height: 2.8em;}
ul.products-list{ margin:24px 0 24px 0; clear: left;}


.block03 .btn-amazon{ float: right; clear: right ; padding: 0 0 36px 0; width: 300px; margin: -130px 80px 0 0;}
.block03 .btn-amazon2{ margin: 36px 0;}

#shampoo p.ingredient,#oil p.ingredient,#gift p.ingredient,#lotion p.ingredient{ font-size: 0.9em; width:460px;}
#shampoo .btn-amazon{ margin: -160px 80px 0 0;}
#gift .btn-amazon{ margin: -100px 80px 0 0;}
#lotion .btn-amazon{ margin: -100px 80px 0 0;}
#lotion h4{font-family: 'Archivo Narrow', sans-serif; color: #FF6666; margin: 0 0 0 0; padding: 0;font-size: 1.4em;}

#product1 .block-product{ margin: 0 0 0 48px; }
#product1 .block-product .product-info{ font-size: 0.85em;margin: 0 2.0em 0 0; padding: 0; float: left; }
#product1 .block-product .product-info h3{font-size: 1.6em; margin: 0;}
#product1 .block-product .ecocertlogo{float: left;}
#product1 .block-product .ecocertlogo img{padding: 0 3px;}
#product1 .block-product h4{ clear: left; padding: 2.0em 0 0.6em 0;}
#product1 img.photo1{float: right; margin: 0px 0 36px 28px;}

.btn_l,.btn_m{ text-align: center;}
.btn_l a,.btn_m a{ background: #F44B52; display: block; min-width: 4.0em; color: #FFF; font-weight: bold; padding: 0.8em 1.0em; border-radius: 8px; }
.btn_l a:hover,.btn_m a:hover{ text-decoration: none;background: #f9999c;  }
.btn_l a{ width: 16.6em; font-size: 1.28em;}
.btn_m a{ width: 15.0em; font-size: 1.0em;}




/* エコサート
----------------------------------------------- */
#conts .block03 .history{ width:40%; float: right; background: #EFEBE8; padding: 0 0 0 0; margin: 0 0 0 48px;}
#conts .block03 .history h4{ margin: 36px 36px 12px 36px; text-align: center;}
#conts .block03 .history ul{ margin: 0 28px 36px 28px;}
#conts .block03 .history ul li{ margin: 0 0 12px 0;}
#conts .block03 .history ul li ul{ margin: -20px 0 0 60px;}
#conts .block03 .history ul li ul li{ margin: 0 0 0 0;}
#conts .block03 .ecocert-rules{background: #EFEBE8; padding: 0 24px 24px 24px;margin: 0 0 0 0;}
#conts .block03 .ecocert-rules h4{ margin: 0; clear: both; padding: 24px 0 8px;}
#conts .block03 .ecocert-cont{ background: #FFFFFF; padding: 24px 36px 24px 36px;border-radius: 8px;behavior: url(../js/PIE.htc);}
#conts .block03 .ecocert-cont .logo{float: left;margin: 0 60px 0 0;}
#conts .block03 .ecocert-cont ul.rules{float: left;margin: 0 36px 0 0; }
#conts .block03 .ecocert-cont li{list-style: decimal; margin: 0 0 12px 24px; font-size: 1.1em; font-weight: bold;}
#conts .block03 .ecocert-cont p{ clear: both;margin: 0 0 0 152px;}
#conts .block03 .ecocert-rules .rules1{ width: 45%; float: left; margin: 48px 2.5% 36px 2.5%;}
#conts .block03 .ecocert-rules .rules1 h5{border-bottom: dashed 1px #5E381D; margin: 0 0 18px 0; color: #5E381D; padding: 0 0 3px 0;}
#conts .block03 .ecocert-rules .rules1 li{ list-style: square; margin: 0 0 0 36px;}
#conts .block03 .ecocert-rules .rules1 p{margin: 12px 0 0 24px;}
#conts #proof p.link2, p.link2{ text-align: right; padding: 8px 0 0 0; font-weight: bold; margin: 0 36px 36px 0;}
#conts #proof p.link2 a, p.link2 a{ background: url(../img/common/arrow_r.png) no-repeat right 0px; padding: 0 18px 0 0px;}


/* よくあるご質問
----------------------------------------------- */
/*
ol#faq{ margin: 36px 0 0 0; display: flex; justify-content: space-around; flex-wrap: wrap;}
ol#faq li.eachq{ background: #F0F7E1; width: 48%; float: left; margin: 0 1% 18px 1%; list-style: inside none; color: #FFFFFF; font-weight: bold;  padding-bottom: 1.0em;}
ol#faq li.eachq h3{margin: 0 0 0 -6px; background: url(../img/qa/h3_bg.gif) no-repeat; color: #ffffff; height: 44px; padding: 6px 0 0 36px; font-size: 1.1em;}
ol#faq li.eachq p.answer{ margin: 0px 16px 8px 16px; color:#3C3C3C; font-weight: normal; background: url(../img/qa/icon_a.gif) no-repeat 0px 0px; padding: 0 0 0 48px; min-height: 3.0em;}*/

ol.faq{ margin: 36px 0 0 0; display: flex; justify-content:flex-start; flex-wrap: wrap;}
ol.faq li.eachq{ background: #F0F7E1; width: 48%; float: left; margin: 0 1% 18px 1%; list-style: inside none; color: #FFFFFF; font-weight: bold;  padding-bottom: 1.0em;}
ol.faq li.eachq h3{margin: 0 0 0 -6px; background: url(../img/qa/h3_bg.gif) no-repeat; color: #ffffff; height: 44px; padding: 6px 0 0 36px; font-size: 1.1em;}
ol.faq li.eachq p.answer{ margin: 0px 16px 8px 16px; color:#3C3C3C; font-weight: normal; background: url(../img/qa/icon_a.gif) no-repeat 0px 0px; padding: 0 2.2em 0 48px; min-height: 3.0em;}
ol.page-navi{display: flex; justify-content: space-around; }
ol.page-navi li {width: 48%; text-align: center;}
ol.page-navi li a{ display: block; text-decoration: none; background:#fff7af; width: 100%; padding: 0.3em; color: #795427; font-weight: bold; border-radius:8px;}
ol.page-navi li a::before{content: "\f103"; font-family: FontAwesome;}
.faq-title{ font-weight: bold; font-size: 2.0rem; margin: 6.0rem 0 0 0;}


/* ベビースキンケアの仕方
----------------------------------------------- */
#howto .header{ background: url(../img/howto/header_bg.jpg) no-repeat 0 0; width:100%; max-width: 1150px; height:680px;padding: 360px 0 0 0; margin: 0 0px 60px 0px; background-size: cover;}
#howto h2,#howto h3{clear: both;}
#howto .header ul{ margin: 40px 0 0 70px;}
#howto .header ul li{ width: 46%; float: left; margin: 0 2% 0 2%;}
#howto .header ul li h2{ background: url(../img/howto/h2-1.png) no-repeat; width:416px;padding: 18px 0 18px 58px; font-size: 1.4em; font-weight: bold; color: #9EC5E2;}
#howto .header ul li p{clear: both; margin: 0 0 0 12px; padding: 6px 0 0 0;}
#howto .mokuyoku{ /*width:940px; */background: #EAF7F9; clear: both; margin: -20px auto 0 8px; padding: 40px 0 50px 0; z-index: 0;position: relative; }
#howto .nyuyoku{ /*width:940px; */ background: #E5F0F7; clear: both; margin: -20px auto 0 8px; padding: 40px 0 50px 0; z-index: 0;position: relative; }

#howto .mokuyoku .w-cont,#howto .nyuyoku .w-cont{ background: #FFFFFF; border-radius: 16px; margin: 30px 50px 12px 50px; padding: 18px; clear: both;}
#howto .mokuyoku img.illust01{ float: right; margin: -70px 0 0 18px;}
#howto .mokuyoku h3,#howto .nyuyoku h3{margin: 0 0 12px 12px;}
#howto .mokuyoku p.lead{ line-height: 2.1em; margin: 0 0 0 12px;}
#howto .underline-sky{ border-bottom: dashed #ABE0E6 2px; padding: 0 0 2px 0; }
#howto .mokuyoku ol{ background: url(../img/howto/mokuyoku-bg.jpg) no-repeat;  background-size: contain; margin: 0 -20px 0 0; padding: 28px 0px 0 0;}
#howto .mokuyoku ol li,#howto .nyuyoku ol li{ width:46%; float: left; margin: 0 2% 0 2%; }
#howto .mokuyoku ol li:nth-child(-n+2),#howto .nyuyoku ol li:nth-child(-n+2){ margin-bottom:  70px;}

#howto .mokuyoku ol li h4,#howto .nyuyoku ol li h4{ margin: 0 0 0 34px; font-size: 1.2em; font-weight: bold;}
#howto .mokuyoku ol li p,#howto .nyuyoku ol li p{ margin: 12px 0 0 12px; line-height: 1.61em; font-size: 0.98em;letter-spacing:-0.05em;}
#howto .mokuyoku ol li p.p01{ margin: 8px 36px 0 12px;}
#howto .mokuyoku ol li p.p02{ margin: 8px 98px 0 8px;}
#howto .mokuyoku ol li p.p03{ margin: 8px 140px 0 12px;}
#howto .mokuyoku ol li p.p04{ margin: 8px 20px 0 12px;}

#howto .nyuyoku p.lead{ line-height: 2.1em; margin: 0 48px 0 12px;}
#howto .nyuyoku img.illust01{ float: right; margin: -30px -20px 0 30px;}
#howto .nyuyoku ol{ background: url(../img/howto/nyuyoku-bg.jpg) no-repeat; background-size: contain;margin: 0 -20px 0 0; padding: 28px 0px 0 0;}
#howto .nyuyoku ol li p.p02{ margin: 8px 98px 0 12px;}
#howto .nyuyoku ol li p.p03{ margin: 8px 140px 0 12px;}
#howto p.link{ text-align: right; padding: 20px 0 0 0; font-weight: bold;}
#howto p.link a{ background: url(../img/common/arrow_r.png) no-repeat right 0px; padding: 0 18px 0 0px;}

#howto .title{ margin:  0 auto 0px auto;background: #ABE0E6; color: #FFFFFF; padding: 8px 0 8px 0; max-width: 400px; text-align: center;font-size: 1.4em; font-weight: bold;border-radius: 3px; z-index: 1;position: relative; }
#howto .title2{ margin:  0 auto 0px auto;background: #7EB2D9; color: #FFFFFF; padding: 8px 0 8px 0; max-width: 400px; text-align: center;font-size: 1.4em; font-weight: bold;border-radius: 3px; z-index: 1;position: relative; }


/* プライバシーポリシー
----------------------------------------------- */
#conts #post-14,#conts #post-16,#conts #post-38{ margin: 0 48px 120px 48px; line-height: 1.8em;}
#conts .page-privacypolicy {}
.page-privacypolicy ol li ul,#post-14 ol li ul{ margin: 0 0 1.0em 1.0em}


/* お問い合わせ
----------------------------------------------- */
#post-16 .wpcf7{ margin: 48px 48px 0 48px;background: #D9E9F1; padding: 48px;border-radius:6px; }
#post-16 .wpcf7 input,#post-16 .wpcf7 textarea{ padding: 5px; font-size: 1.2em;margin: 0 0 12px 0; border-radius:6px; width:400px; border: solid 1px #dddddd;}
.wpcf7-submit{border:1px solid #dddddd;padding: 4px 10px;color: #fff;cursor: pointer;background: #428ec9;border-radius: 5px; text-align: center; margin:auto; }
.wpcf7 td.submit{ text-align: center; padding: 8px; margin: 12px 0 0 0;}
.wpcf7 .contentform span.caution{font-size: 0.80em; color: #f05da7;vertical-align: super;}


/* キャンペーン
----------------------------------------------- */
#content .page-campaign .entry{ margin: -18px 12px 0 12px;}
#campaign-left{ float: left; width: 555px; padding: 18px 0 0 0;}
#campaign-right{width:360px; float: right; margin: 0 0 0 0;padding: 18px 0 0 0;}
#cap-twitter{}
#cap-facebook{}
#cap-twitter h3{background: url(../img/campaign/l_twitter.png) no-repeat; color: #FFFFFF; height: 44px; padding: 24px 0 0 80px;margin: 0; font-family: "Arial Black" sans-serif;}
#cap-facebook h3{background: url(../img/campaign/l_facebook.png) no-repeat; color: #FFFFFF;height: 54px;padding: 12px 0 0 80px;margin: 0;font-family: "Arial Black" sans-serif;}
#cap-twitter .social-conts{ background: #C9E5F1; margin: 0 0 24px 19px; width:340px; padding: 12px 0px 12px 0px; }
#cap-facebook .social-conts{background: #BAD0F1;margin: 0 0 24px 19px;width:340px;padding: 12px 0px 12px 0px;}
#cap-twitter .social-conts p,#cap-facebook .social-conts p{ padding: 6px 18px 6px 18px; }
#campaign-right .fb-like{ margin: 0 0 0 18px;}

#content .presnt-entry{ background: #D9E9F1;padding: 36px; margin: 18px 0 0 0;border-radius: 8px;}
#content .presnt-entry input{ font-size: 1.3em; padding: 4px; border: solid 1px #dddddd; margin: 0 0 12px 0;}
#content .presnt-entry label{ font-weight: bold;}
#content .presnt-entry input.familyname,#content .presnt-entry input.firstname,#content .presnt-entry input.zip{ width: 150px;}
#content .presnt-entry input.address,#content .presnt-entry input.url{width: 460px;}
#content .presnt-entry input.message{width: 460px; height: 60px;}
#content .presnt-entry dt.left1block{ float: left; margin: 0 0 0 0; width: 160px;}
#content .presnt-entry dt.left2block{ float: left; margin: 0 0 0 0px; width: 100px;}
#content .presnt-entry dd.left1block{clear: both;}
#content .presnt-entry dd.left2block{ clear: both;}

/*フォーム（キャンペーン登録など）*/
.contentform {margin: 48px 48px 0 48px;background: #D9E9F1; padding: 48px;border-radius:6px;}
.contentform::after{clear: both; height: 0; content: ""; display: block;} 
.contentform table{}
.contentform table th,.contentform table td{padding: 1.0em}
.contentform table th{ white-space: nowrap; width: 30%; text-align: right;}
.contentform table td{width: 70%; padding: 1.0em 2%; }
.contentform input,.contentform textarea{padding: 5px; font-size: 1.2em;margin: 0 0 12px 0; border-radius:6px; width:400px; border: solid 1px #dddddd; max-width: 90%; max-height: 6.0em;}
.contentform .size10{ width: 25%; max-width:50%;}
.contentform p,#content .contentform p{text-align: center}


/*ニュース系ページレイアウト（記事）
-----------------------------------------------------------------------*/
.column2-left{ float: left; margin: 0 0 0 240px; }
#content .bb-archive .post h3{ font-size: 1.6em;}
.column2-left .post .entry{ margin: 18px 18px 0 18px;}
.column2-left .post .post-date{ text-align: right;  padding: 0 0 6px 0; margin: -24px 0 0 0 ;font-family: 'Oleo Script', cursive; color: #3D9BD1;}

#content .bb-archive .post{ margin: 0 0 36px 18px; padding: 0 0 18px 0;border-bottom: dashed 3px #D9EDF6; }
.column2-left .post .entry img{ max-width: 100%; height: auto;}

/*会社概要
-----------------------------------------------------------------------*/
#post-38 table{ margin: 0 0 0 48px;}
#post-38 table th,#post-38 table td{ border-bottom: 1px dashed #D5EAF6;}
#post-38 table th{ padding: 16px 16px 16px 100px; text-align: right;}
#post-38 table td{ padding: 16px 16px 16px 100px; text-align: left;}


/*取扱い店舗一覧
-----------------------------------------------------------------------*/
#post-40{}
#post-40 h1{ display: none;}
#post-40 h2{ text-align: center; font-size: 1.8em; color: #5E381D;}
#post-40 h3{text-align: center; font-size: 1.1em; }
#post-40 h4{width: 90%; border-bottom: 1px solid #5E381D;margin: 48px auto 3px auto; }
#post-40 h4 .brwon{ background: #5E381D; padding: 3px 12px; color: #ffffff;}
#post-40 table{ width: 90%; margin: 0 auto; text-align: left;border-collapse:collapse;}
#post-40 table th{padding: 8px 8px 8px 24px;background: #D8ECF5; color: #1EA5CE; width: 38%; white-space: nowrap;}
#post-40 table td{ padding: 8px 8px 8px 48px; background: #D8ECF5;}
#post-40 table tr:nth-child(odd) td,#post-40 table tr:nth-child(odd) th { background: #F0F8FB}


/*カート
-----------------------------------------------------------------------*/
.flowline.step3 ul{width:100%; max-width: 100%;}
.btn_group p{ margin: 0.8em;}

#navi_list a{ color:#f097a0 }
.mypage .message{ margin-top: 2.0em;}

#shipping_confirm_box--0 .deliverycaution{ color:#ff50c2; margin: 0;}
.deliverycaution{}

.deliverycaution li{list-style: disc; font-size: 0.9em; margin: 0 0 0.8em 1.0em;}
.gift-servie-caution li{list-style: disc; font-size: 0.9em; margin: 0 0 0.8em 1.0em;}

@media screen and (max-width:1158px) {
	#foot-logo .innercircle{ display: none;}
	}

@media screen and (max-width:958px) {
	#header nav #bbmainmenu{font-size: 15px; }
	#header #bbmainmenu li{ margin: 0 1%;}
	#bbsubmenu{right: 80px; }
	#bbsubmenu li{ font-size: 13px; margin: 0 0.6em;}
	}

@media screen and (max-width:878px) {
	#foot-logo{ margin: -80px 0 0 0;text-align: center; padding: 0;}
	
}

/*+++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++

スマートフォン向け

-----------------------------------------------------------------------*/
/*@media screen and (max-device-width:480px),
(max-device-width:1024px) and (max-width:768px) and (-webkit-device-pixel-ratio: 1) */
@media screen and (max-width:768px) {

	body {width: 100%;padding: 0; font-size: 1.4rem;}
	img{ max-width: 100%; height: auto;}

	/* ヘッダー共通レイアウト
	----------------------------------------------- */
	#maintop{ width: 100%; overflow: hidden; background: none;}
	#maintop2{padding: 0 0 0;width:100%; margin: 0 auto 0; overflow: hidden;}
	#main980{width:100%; margin: 0 auto 0; overflow: hidden; }
	#maintop2,#contents{ margin: 60px 0 0;}
	#content{width: 96%; margin: 0 auto 120px ; }
	#content .entry{font-size: 1.2em; }
	.post h1,.page-campaign h1,.bb-archive h1{height: auto; font-size: 1.6em; line-height: 1.4em;margin: 0 auto 1.6em; }
	#topicpath{ width: 98%; margin: auto;}
	h1#topleft{margin: 0 0 12px 0; background: url(../img/common/logo1.gif) no-repeat center; text-align: center;}

/*	#maninmenu,#mainnavi{margin: 0 0 0 10px; clear: both;}
	ul#mainnavi li{ float:left; width:auto; text-indent:-9999px;margin: 0 10px 0 0;overflow: auto; }
	#mainnavi li a{ display:block; height:20px; float: left; }
	#mainnavi li#about { width: 53px;}
	#mainnavi li#news{ width: 49px;}
	#mainnavi li#about a{ background: url(../img/common/navi_about.gif) no-repeat -24px 0px; width: 53px;}
	#mainnavi li#about a:hover{ background: url(../img/common/navi_about_on.gif) no-repeat -24px 0px; }
	#mainnavi li#shop a{ background: url(../img/common/navi_shop.gif) no-repeat -12px 0px; width: 69px;}
	#mainnavi li#shop a:hover{ background: url(../img/common/navi_shop_on.gif) no-repeat -12px 0px; width: 69px;}*/
	ul#subnavi,ul#subnavi2,ul#subnavi3{display: none;}
	ul#breadcrumb{margin: 18px 0 0 10px; height: auto; font-size: 0.7em;}


	/*リニューアル 1708*/
	#header {background: url(../img/common/header_bg_mobile.png) repeat-x right top ; margin:0; padding: 8px 0 18px; margin: 0 0 20px 0; position: fixed; width: 100%; top:0;}
	#header.header-home{background: url(../img/top/topbg_mobile2.jpg) repeat-x right top ;padding: 8px 0 24px; position: relative;}
	#header h1{ float: left; width: 160px; margin: 6px 0 0 6px; }
	#header nav { display: none;}
	.cart-icon { margin: 8px 0 0 0px;}
	#drawer #bbmainmenu,#drawer #bbsubmenu{ display: none; display: block; }
	#bbsubmenu{font-size: auto; position: relative; right: auto; top: auto;display:block;  }
	#cart_area{ position: absolute; right: 60px; top:-4px; width:60px; }
	#category .category-nav{display: block; justify-content: inherit; text-align: left;} 
	#category ul li a{color: #FF6666; border-bottom: 1px solid #eeeeee;}
	
	/* フッター
	----------------------------------------------- */
	#footer{ background: url(../img/common/footerbg2_mobile.jpg) center top repeat-x #afd8ec; }
	#footindex{ display: none;}
	#footer .f-con{ text-align: left; font-size: 1.4rem; padding: 0 5%;}
	#foot-logo{ display: none;}
	#footer .f-left,#footer .f-right{ margin: 1.0em 0; width: 50%;}
	.footersnsnavi {justify-content: center;}
	
	#footer .copyright{ }
	#footnavi-l,#footnavi-r{}
	
	/* オンラインショップトップページ
	----------------------------------------------- */
	.main_visual{ margin: 24px 0}
	#category ul li.shop-catagory a{ padding: 0 0 0 1.6em;}
	.choosefromuse > div{  margin-bottom: 28px }

	

	/* トップページ
	----------------------------------------------- */
	#image-navigation{ width: 98%; margin: 0 auto; height:auto;padding: 1% 1% 36% ; }
	#image-navigation::after{ clear: both; content: ""; height: 0; display: block;}

/*	.navi-image img{ width: 97%;}*/
	.navi li{ float:none; margin: 0px; position:relative;}
	.navi li a{position:relative; margin: 0 0 0 0; top:0; right: 0px;}

	ul#topindex{ margin: 18px 5% 0; clear: both;}
	#topindex li{ width: 100%; float:none; clear: both; margin: 0;}
	#topindex li.middle{margin: 0 ;}
	#top-lower{width: 100%; margin: 18px auto 0 auto; padding: 0 0 0 0; margin/*\**/: -20px auto 0 auto\9;}
	#topnews{}
	#social{ margin-bottom: 24px;}
	#buy{} 
	#top-howto{f}
	#top-howto h2{ }
	#top-howto h2 img{}
	.ranking { margin: 0 auto 1.0em}
	.ranking img{ width: 90%; height: auto;}

	/* コンセプト
	----------------------------------------------- */
	#conts{width: 100%; margin: 0; padding: 2.0em auto 24px auto; clear: both;}
	#about,#ingredient,#forfuture{ float: none; width: 100%; margin: 0 0 0 0; padding: 0; clear: both;}
	#about img,#ingredient img,#forfuture img{ float: none; margin: 0; text-align:center; }
	#conts .block02{ display: block;float: none; width: 100%; margin: 0 0 0 0; padding: 0; clear: both;}
	#conts .block04{ display: block;float: none; width:100%; margin: 0 0 18px 0;}
	#conts .block05{ display: block;float: none; width:100%; margin: 0 0 18px 0;}
	#conts .block06{ display: block;float: none; width:100%; margin: 0 0 18px 0; clear: both;}
	
	
	#conts img.pyramid{ margin: 0;zoom:80%;}
	#conts .block-ingredient{ display: block;width:100%;}
	#conts .block-ingredient h4 img{ zoom:60%;}
	#conts .block-ingredient ul{padding: 0 2% 0 2%; margin: 0 1% 0 1%; flex-wrap: wrap;}
	#conts .block-ingredient ul li{ float:none; width: 100%; margin: auto auto 1.2em;}
	
	#conts .block03 .future-main{float: none; width:100%;padding: 0;}
	#conts .block03 .future-r{ width:100%; float:none;margin:0px auto 0 auto;padding: 20px 2% 0 2%; background-size: contain;}
	#conts .block03 .future-r .act-botom{background-size: contain;width: 100%;}
	#conts .block03 .forsafe-l{ float: none; width:100%;padding: 0 0 1.2em;}
	#conts .block03 .forsafe-r{float: none; width:100%;padding: 0;}
	#conts img.photo1,#conts img.photo2,#conts img.photo3{float: none; margin: 0px auto; display: block; width: 100%; height: auto}
	#conts .block03 h2{ margin: 0;}
	#conts #about h2,#conts #ingredient h2,#conts #forfuture h2,#conts #forsafe h2{ text-align: center; margin-bottom: 0.6em}


	
	/* 製品について
	----------------------------------------------- */
	#policy .policymain{ width: calc(100% + 28px); height: auto; margin: 20px auto 0 auto; background: url(../img/products/main_mobile.jpg) no-repeat right bottom; padding: 1.2em 36px 100px 2%; font-size: 0.85em; }
	#policy .policymain h3{margin: 12px  3% 0; text-align: left; font-size: 1.4em; font-feature-settings : "palt";  font-weight: bold;}
	ol#policy9{margin: 20px 0 0 30px; font-size: 1.1em; font-weight: bold;}
	ol#policy9 li{ list-style: decimal outside; line-height: 1.8em;}
	.block03 .btn-amazon{ float: none; padding: 0 0 36px 0; width: 300px; margin: 0 60px 0 0;}
	#shampoo p.ingredient,#oil p.ingredient,#gift p.ingredient,#lotion p.ingredient{ font-size: 0.8em; width:95%;}
	#product1 .block-product{ margin:0; }
	
	.btn_l a,.btn_m a{ padding: 0.8em 1.0em; margin: 0 auto 1.6em; display: block; }
	.btn_l a{  max-width: 90%; width: 18.0em; font-size: 1.1em;}
	.btn_m a{ max-width: 90%;width: 14.0em; font-size: 0.9em;}

	/* エコサート
	----------------------------------------------- */
	#conts .block03 .history{ width:100%;  float: none; background: #EFEBE8; padding: 1px 0 1px 0; margin: 0 8px 0 0px;}
	#conts .block03 .history ul{ margin: 0 8px 0px 8px;}
	#conts .block03 .ecocert-cont .logo{float: none;margin: 0 auto 8px auto; text-align: center;}
	#conts .block03 .ecocert-rules .rules1{ width: 90%; float:none; margin: 24px 12px 36px 12px;}
	#conts .block03 .ecocert-cont p{ clear: both;margin: 0 0 0 0;}
	#conts .block03 .ecocert-rules .rules1 li{ list-style: square; margin: 0 0 0 18px;}
	#conts .block03 .ecocert-rules .rules1 p{margin: 12px 0 0 18px;}

	/* キャンペーン
	----------------------------------------------- */
	#content .entry img.pagehead{width: 95%;}
	#campaign-left{ float: none; width: 95%; padding: 0;}
	#campaign-right{width: 95%; float: none; margin: 18px 0 0 0;padding: 0;}
	#content .presnt-entry input.address,#content .presnt-entry input.url{width: 85%;}
	#cap-twitter h3{ padding: 12px 0 0 75px; margin: 0 0 0 -10px;}
	#cap-facebook h3{padding: 12px 0 0 75px;margin: 0 0 0 -10px;}
	#cap-twitter .social-conts{ background: #C9E5F1; margin: 0 0 24px 0; width:99%; padding: 12px 0px 12px 0px; }
	#cap-facebook .social-conts{background: #BAD0F1;margin: 0 0 24px 0;width:99%;padding: 12px 0px 12px 0px;}

	/* ベビースキンケアの仕方
	----------------------------------------------- */
	#post-22{ padding: 24px 0 0 0;}
	#howto{ margin: -40px 0 0 0}
	#howto .header{ background: url(../img/howto/header_bg_mobile.jpg) no-repeat left top/100%;  width:100%;  height: auto;margin: 0 0 60px 0; padding: 200px 0 0 0;}
	#howto h2,#howto h3{clear: both;}
	#howto .header ul{ margin: 24px 0 0 2px; background: url(../img/howto/header_bg_mobile2.jpg)  repeat-y left top/100%; }
	#howto .header ul li{ width: 100%; float:none; margin: 0; padding: 0 0 48px 0;}
	#howto .header ul li h2{ background: url(../img/howto/h2-1.png) no-repeat left bottom; width:auto;padding: 0px 0 18px 58px; font-size: 1.4em; line-height:1.3em;  font-weight: bold; color: #9EC5E2; margin: 0 18px 0 18px;}
	#howto .header ul li p{clear: both; margin: 0 5% 0 5%; padding: 6px 0 0 0;}
	#howto .mokuyoku{ width:99%; margin: -24px 0 0 1%; }
	#howto .nyuyoku{ width:99%; margin: -24px 0 0 1%;}
	#howto .title,#howto .title2{ margin:  0 5% 0px 5%;padding: 8px 0 8px 0; width: auto; }
	#howto .mokuyoku .w-cont,#howto .nyuyoku .w-cont{ background: #FFFFFF; border-radius: 8px; margin: 3px 3% 3px 3%; padding: 3%; }
	
	
	#howto .mokuyoku h3 img,#howto .nyuyoku h3 img{width:100%; padding: 8px 0 0 0;}
	#howto .mokuyoku img.illust01{ float: none; margin: 0 0 0 -24px; display: block;}
	#howto .nyuyoku img.illust01{ float: none; margin: 0 0 0 -0px;display: block; }
	#howto .mokuyoku ol,#howto .nyuyoku ol{ background: none; margin: 24px 0 0 -18px; padding: 0;}
	#howto .mokuyoku ol li,#howto .nyuyoku ol li{ float: none; margin: 0 0 40px 6%; height: auto; font-size: 0.9em; width: auto; padding: 8px 0 36px 0;}
	#howto .mokuyoku ol li:nth-child(-n+2), #howto .nyuyoku ol li:nth-child(-n+2){margin-bottom: 40px; }
	#howto .mokuyoku ol li h4::before,#howto .nyuyoku ol li h4::before { content: url(../img/howto/icon-suiteki.png); margin: 0 0 0 -48px; float: left;}
	#howto .mokuyoku ol li h4,#howto .nyuyoku ol li h4{ margin: 12px 0 0 38px; padding: 0 0 0 0;font-size: 1.2em; font-weight: bold;}
	#howto .mokuyoku ol li p,#howto .nyuyoku ol li p{ margin: 3px 3% 3% 3%; padding: 6px 0 6px 0;}
	#howto .mokuyoku ol li p.p01,#howto .mokuyoku ol li p.p02,#howto .mokuyoku ol li p.p03,#howto .mokuyoku ol li p.p04,#howto .nyuyoku ol li p.p01,#howto .nyuyoku ol li p.p02,#howto .nyuyoku ol li p.p03,#howto .nyuyoku ol li p.p04{ margin: 0 3% 0 3%; }
	#howto p.link{ padding:0; margin: 0;}
	#howto .mokuyoku ol li:nth-child(1),
	#howto .mokuyoku ol li:nth-child(2),
	#howto .mokuyoku ol li:nth-child(3),
	#howto .mokuyoku ol li:nth-child(4),
	#howto .nyuyoku ol li:nth-child(1),
	#howto .nyuyoku ol li:nth-child(2),
	#howto .nyuyoku ol li:nth-child(3),
	#howto .nyuyoku ol li:nth-child(4){background: url(../img/howto/step-bg.jpg); border-radius: 16px;} 
	#howto .mokuyoku ol li:nth-child(-n+3)::after,#howto .nyuyoku ol li:nth-child(-n+3)::after{ content: url(../img/howto/icon_arrow_bottom.png); text-align: center; display: block; margin-bottom: -70px; }
	
	#howto .nyuyoku p.lead{margin: 0 3% 0 3%; clear: both;}

	/*ニュース系ページレイアウト（記事）
	-----------------------------------------------------------------------*/
	.column2-left{ float:none; margin: 0; }
	.column2-left .post .entry,.column2-left .post{ margin: 0; padding: 0; }
	#content .bb-archive .post{ margin: 0; }

	/* プライバシーポリシー
	----------------------------------------------- */
	#conts #post-14,#conts #post-16,#conts #post-38{ margin: 0 12px 120px 12px;}

	/* お問い合わせ
	----------------------------------------------- */
	#post-16 .wpcf7{ margin: 48px auto; padding: 1.0em 1%; }
	#post-16 .wpcf7 input,#post-16 .wpcf7 textarea{ padding: 5px; font-size: 1.2em;margin: 0 0 12px 0; width: 90%; }
	#post-16 table th,#post-16 table td{ display: block; text-align: left}

	/*フォーム（キャンペーン登録など）*/
	.contentform {margin: 48px 2%; padding: 2%;}
	.contentform::after{clear: both; height: 0; content: ""; display: block;} 
	.contentform table{}
	.contentform table th,.contentform table td{display: block; padding: 0.6em 1% 0 1%; }
	.contentform table th{ width: 100%; text-align: left;}
	.contentform table td{width: 98%; }
	.contentform input,.contentform textarea{width:100%; max-width: auto; }
	.contentform .size10{width: 45%; }
	.contentform p,#content .contentform p{}

	/* よくあるご質問
	----------------------------------------------- */
	/*ol#faq{ margin: 36px 0 0 0;}
	ol#faq li.eachq{ width: 98%; height: auto;}
	ol#faq li.eachq h3{ font-size: 0.70em; padding: 8px 0 0 36px;}*/
	
	#post-12 ol.faq{ margin: 36px 0 0 0;}
	#post-12  ol.faq li.eachq{ width: 98%; height: auto;}
	#post-12 ol.faq li.eachq h3{ font-size: 0.70em; padding: 8px 0 0 36px;}
	ol#faq li.eachq p.answer{ }
	ol.page-navi{justify-content: center;flex-wrap: wrap;}
	ol.page-navi li {width: 90%; margin: 0 0 1.0rem;}
	
	/*会社概要
-----------------------------------------------------------------------*/
	#post-38 table{ margin: 0 0 0 6px;}
	#post-38 table th{ padding: 3px 3px 3px 6px; }
	#post-38 table td{ padding: 3px 3px 3px 6px; }

	/*ショップ
	-----------------------------------------------------------------------*/
	#post-40 h4{width: 100%;}
	#post-40 table{ width: 100%; }
	#post-40 table th{white-space: normal; }
	#post-40 table td{ padding: 0 8px 8px 36px}
	#post-40 table td,#post-40 table th{display: block; padding: 0.8em auto; width:100%}

}


@media screen and (max-width:600px) {
	body{ font-size: 1.26rem; }
	#header.header-home{position:relative; background: url(../img/top/topbg_mobile.jpg) repeat-x right top ;padding: 8px 0 24px; }
	#header h1 { width: 120px; margin: 10px 0 0 6px; }
	#footer .f-left,#footer .f-right{ margin: 1.0em 2%; width: 96%;}
	.onlymobile{display: block}
	p{ line-height: 1.8em; }
	/* トップページ
	----------------------------------------------- */
	ul#topindex{ margin: 18px 0 0 0; clear: both;}
	#topnews{float: none; width: 96%;margin: 0 2% 0 2%;}
	#social{margin: 12px 0 0 20px; float: none; width: 70%;padding: 40px 0px 0 28px;}
	#buy{float: none; margin: 36px auto 0;width: 90%;} 
	#top-howto{float: none; margin: 24px 2% 0 2%;width: 96%; clear: both;}
	#top-howto h2{ float: none;}
	#top-howto h2 img{display: block; width: 60%; height: auto; margin: auto}
}