/*
Theme Name: Fun Fiber
Theme URI: http://www.funfiber.jp/
Version: 1.1
Author: Design Studio Kamihiko-ki
Author URI: http://www.kamihiko-ki.jp/
Description: Theme for "Fun Fiber".
*/



@charset "utf-8";
/* CSS Document */

html, body {min-width:100%;}

body {
font-family:Helvetica ,"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic,'メイリオ', Meiryo, Osaka, sans-serif;
color:#383838;
font-size:14px;
line-height:1.8em;
letter-spacing:0.1em;
margin:0;
padding:0;
-webkit-text-size-adjust:100%;
transition:0.2s;
}

*{text-align:justify; text-justify:inter-ideograph;}

div,ul,ol,li,p,h1,h2,h3,h4,input,dl,dt,dd,figure {
padding:0;
margin:0;
font-weight:normal;
}

ul {list-style-type: none;}
img {border:none;}


/* link */
a {transition:0.2s;}
a:link {color:#666; text-decoration:none;}
a:visited {color:#666; text-decoration:none;}
a:active {color:#444; text-decoration:underline;}
a:hover {color:#444; text-decoration:underline;}
a img {transition:0.2s;}
a:hover img {filter:alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;}
a.innerlink {/*ページ内リンク*/}

::selection {background:#DDD;}
::-moz-selection {background:#DDD;}


/* LAYOUT -------------------------------------------------- */
div#header {margin:0 auto 80px; overflow:hidden;}
div#index {margin:0 auto 0; overflow:hidden; text-align:center; font-size:16px; line-height:1.8em}
div#footer {margin:8em auto 0; padding:20px 0; font-size:12px; overflow:hidden; background:#383838;}
div#sub {margin:0 auto 0; overflow:hidden; text-align:center; font-size:16px; line-height:1.8em}


/* DRAWER -------------------------------------------------- */
body.index header {display:none;}


/* HEADER -------------------------------------------------- */
div#header {}

div#header ul.menu_ic {float:right; overflow:hidden; margin-bottom:30px; width:100%; border-top:5px #383838 solid;}
div#header ul.menu_ic li {float:right;}
div#header ul.menu_ic li a {display:block; width:40px; height:45px; transition:.5s}
div#header ul.menu_ic li a span {display:none;}

div#header ul.menu_ic li.ic_my a {background:url(images/hd_ic_my.png) left top no-repeat;}
div#header ul.menu_ic li.ic_ct a {background:url(images/hd_ic_ct.png) right top no-repeat;}
div#header ul.menu_ic li.ic_ig a {background:url(images/hd_ic_ig.png) left -2px no-repeat #383838;}
div#header ul.menu_ic li.ic_fb a {background:url(images/hd_ic_fb.png) center -2px no-repeat #383838; width:37px;}
div#header ul.menu_ic li.ic_tw a {background:url(images/hd_ic_tw.png) right -2px no-repeat #383838;}

div#header ul.menu_ic li.ic_my a:hover {background:url(images/hd_ic_myon.png) left top no-repeat;}
div#header ul.menu_ic li.ic_ct a:hover {background:url(images/hd_ic_cton.png) right top no-repeat;}
div#header ul.menu_ic li.ic_ig a:hover {background:url(images/hd_ic_igon.png) left -2px no-repeat #383838;}
div#header ul.menu_ic li.ic_fb a:hover {background:url(images/hd_ic_fbon.png) center -2px no-repeat #383838;}
div#header ul.menu_ic li.ic_tw a:hover {background:url(images/hd_ic_twon.png) right -2px no-repeat #383838;}


div#header ul.menu_ic {position:fixed; z-index:2; top:0; right:0;}


div#header a.logo,
div#header H1 {clear:both; width:340px !important; height:100px; background:url(images/index_hdlogo.png) left top no-repeat; display:block;}
div#header a.logo span,
div#header H1 span {display:none;}

div#header ul.menu {width:1100px; margin:80px auto 0; overflow:hidden; clear:both;}
div#header ul.menu li {float:left;}
div#header ul.menu li a {display:block; width:190px; height:100px;}
div#header ul.menu li a span {display:none;}

div#header ul.menu li a {text-align:center; font-size:16px; font-weight:normal; line-height:1.4em; letter-spacing:0; padding:30px 0 0 0; height:70px; text-decoration:none; color:#383838; background-position:center bottom;}
div#header ul.menu li a p {text-align:center; font-size:10px;}
div#header ul.menu li a:hover {margin-top:-4px;}
body.index div#header ul.menu li.menu04 a:hover {background:url(images/index_hd00ton.png) center bottom no-repeat;}

/*20190228*/
div#header ul.menu li.logo.hnb{ position:relative;}
div#header .hnb H1 span,
div#header ul.menu li.logo.hnb a span {display: block; font-size:11px; transition: 0.2s;}
div#header ul.menu li.logo.hnb a span em.t1{top:0px; left:0; right:0; text-align:center;position:absolute; font-style:normal;transition: 0.2s;}
div#header .hnb H1 span em.t2,
div#header ul.menu li.logo.hnb a span em.t2{bottom:-4px; left:103px; position:absolute;font-style:normal;transition: 0.2s; font-size:14px}
div#header .hnb H1 span em.t2{bottom:-12px;}
div#header ul.menu li.logo.hnb a:hover span em.t1,
div#header ul.menu li.logo.hnb a:hover span  {top: -4px;transition: 0.2s;}

div#header .hnb H1 ,
div#header  li.logo.hnb a.logo{background-position:left 3px;}

div#header .hnb H1{line-height: 1.4em;letter-spacing: 0;}

/* 20190417 ヘッダーメニュー修正*/
div#header ul.menu.re1904 li.logo.hnb { float: none; width: 100%; text-align: center; position: static; margin-bottom: 20px; }
div#header ul.menu.re1904 li { width: 20%; }
div#header ul.menu.re1904 li.logo.hnb a { margin: 0px auto; display: block; position: relative; }
div#header ul.menu.re1904 li.menu01 p { line-height: 12px; margin: -8px auto 6px auto; text-align: center; width: 110px; }
div#header ul.menu.re1904 li.menu04 a:hover {background:url("images/index_hd00ton.png") center bottom no-repeat;}

/* 20250822 ハーブティー追加時の修正*/
div#header ul.menu.re1904 {text-align:center; margin-top:60px;}
div#header ul.menu.re1904 li {display:inline-block; float:none; position:relative; height:100px; width:19%;}
div#header ul.menu.re1904 li.menu04 {display:none;}
div#header ul.menu li a {width:100%; position:absolute;}
div#header ul.menu.re1904.item {margin-top:0;}


/*スマホ*/
body.sub .drawer-menu li.cntNav { list-style: disc; color:#fff; margin: 0 0 0 27px; }
body.sub .drawer-menu li.cntNav a { padding: .6rem 0px; display: block; }
body.sub .drawer-menu li.cntNav:last-of-type a { padding: 0; }

/* FOOTER -------------------------------------------------- */
div#footer {color:#CCC;}
div#footer a {color:#CCC;}

/* PAGETOP */
div.foot_pagetop {overflow:hidden; width:1100px; margin:0 auto 0;}
div.foot_pagetop a {display:block; float:right; width:90px; height:90px; background:url(images/pagetop.png) left top no-repeat; filter:alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;}
div.foot_pagetop a:hover {filter:alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;}
div.foot_pagetop a span {display:none;}

div.foot_news {width:1100px; margin:-25px auto 50px;}
div.foot_news H2 {color:#CCC; font-size:24px; margin-bottom:.5em;}
div.foot_news ul {overflow:hidden; line-height:1.2em; color:#999; border-top:1px #999 solid;}
div.foot_news ul li {border-bottom:1px #999 solid;}
div.foot_news ul li H3 {font-size:13px; line-height:1.5em;}
div.foot_news ul li H3 a {display:block; padding:1em .5em;}
div.foot_news ul li:hover {background:#333;}

div.foot_news a.view_all {display:block; margin:0 auto; text-align:center; width:100px; background:#999; color:#383838 !important; padding:5px; text-decoration:none;}
div.foot_news a.view_all:hover {color:#CCC !important; background:#333}

div#footer ul.menu {width:1100px; margin:0 auto; overflow:hidden;}
div#footer ul.menu > li {display:table-cell; width:175px; padding:1em 30px 2em 30px; border-right:1px #AAA solid;}
div#footer ul.menu > li:first-of-type {padding:0 30px 0 0;}
div#footer ul.menu > li:last-of-type {padding:0 0 0 30px; border:none; width:160px;}

div#footer ul.menu li ul li {text-indent:1em}
div#footer ul.menu li:first-of-type ul li,
div#footer ul.menu li ul li.title {text-indent:0}
div#footer ul.menu li ul li a {display:block;}

div#footer ul.menu li ul.menu2 li {margin-bottom:2em;}
div#footer ul.menu li ul.menu3 li {margin-bottom:1.85em;}
div#footer ul.menu li ul.menu4 li {margin-bottom:.75em;}
div#footer ul.menu li ul.menu5 li {margin-bottom:.25em;}
div#footer ul.menu li ul.menu6 li {margin-bottom:0;}

/*SNSアイコン*/
div#footer ul.menu li:last-of-type {vertical-align:middle;}
div#footer ul.menu li:last-of-type ul li {width:35px; float:left; margin-right:5px;}
div#footer ul.menu li:last-of-type ul li a {display:block; width:35px; height:35px;}
div#footer ul.menu li:last-of-type ul li a span {display:none;}
div#footer ul.menu li:last-of-type ul li a:hover {filter:alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;}

div#footer li.ic_fb a {background:url(images/ft_ic_fb.png) left top no-repeat;}
div#footer li.ic_ig a {background:url(images/ft_ic_ig.png) left top no-repeat;}
div#footer li.ic_tw a {background:url(images/ft_ic_tw.png) left top no-repeat;}
div#footer li.ic_my a {background:url(images/ft_ic_my.png) left top no-repeat;}
div#footer li.ic_ct a {background:url(images/ft_ic_ct.png) left top no-repeat;}

div#footer ul.navi {width:1100px; margin:0 auto; overflow:hidden; text-align:center; border-top:1px #AAA solid; border-bottom:1px #AAA solid; font-size:11px;}
div#footer ul.navi li {display:inline-block; padding:.5em 1em;}
div#footer ul.navi li a {display:block; padding:.5em 2em;}

div#footer div.credit {width:1100px; margin:2em auto 1em; font-size:10px; }
div#footer div.company {width:900px; float:left; color:#CCC; overflow:hidden; line-height:1.5em; margin-top:.5em}
div#footer div.company H3 {float:left; width:100px; height:30px; background:url(images/ft_mh_logo.png) left top no-repeat;}
div#footer div.company H3 span {display:none;}
div#footer ul.credit {width:200px; float:right; line-height:1.3em; letter-spacing:0;}
div#footer ul.credit li {text-align:right;}
div#footer ul.credit li p {display:inline-block; width:6em;}

div#footer p.copy {width:1100px; margin:1em auto 0; text-align:right; color:#CCC; font-size:10px; letter-spacing:0; clear:both;}


/* FADE -------------------------------------------------- */
/*表示前*/
.fade {
opacity: 0;
transform: translate(0,60px); 
-webkit-transform: translate(0,60px); 
transition: 1s;
/*padding-top:20px;*/
}
/*表示後*/
.fade_in {
opacity: 1.0;
transform: translate(0,0); 
-webkit-transform: translate(0,0);
}

/* 中央寄席 */
.t_center {text-align:center;}



/* INDEX -------------------------------------------------- */
div#index {}

div#index ul.bxslider {z-index:1}
div#index ul.bxslider img {width:100%;}
div.bx-controls-direction a {transition:none;}

div#index H2 {width:800px; height:150px; margin:4em auto .5em;}
div#index H2 span {display:none;}

div#index H2 {text-align:center; font-size:40px; line-height:50px; color:#383838; padding-top:5px; height:145px}
div#index H2 p {text-align:center; font-size:21px;}
div#index H2 big {font-size:48px;}
div#index H2 small {font-size:16px; vertical-align:top;}


div#index a.detail {display:block; margin:1em auto 9em; text-align:center; color:#0070C9;}

ul.list_fiber_rich {width:900px; margin:2em auto 7em; overflow:hidden;}
ul.list_fiber_rich li {width:280px; float:left; margin-right:30px; margin-bottom:40px;}
ul.list_fiber_rich li:nth-of-type(3n) {margin-right:0;}
ul.list_fiber_rich li p {text-align:center; margin-top:.5em}
ul.list_fiber_rich li a {color:#383838; transition:2s}
ul.list_fiber_rich li a img {width:100%; height:auto;}


/* SUB -------------------------------------------------- */
div#sub {}
div#sub H1 {width:800px; margin:1em auto .5em;}
div#sub H1 span {display:none;}

/*主に本文*/
div.sub800 {width:800px; margin:0 auto; overflow:hidden;}
div.sub800 .float_left {width:400px; float:left;}
div.sub800 .float_right {width:400px; float:right;}
div.sub800 small {letter-spacing:0; color:#666; display:inline-block;line-height:1.3em;}
div.sub800 sup {color:#888;}
div.sub800 em {color:#f39700; font-style:normal;}

/*出典*/
small.source {font-size:11px;}


div#sub H1 {text-align:center; font-size:48px; line-height:60px; color:#383838; padding-top:5px;}
div#sub H1 p {text-align:center; font-size:21px;}
body.lineup div#sub H1 p {font-size:48px;}
div#sub H1 big {font-size:52px;}
div#sub H1 small {font-size:16px; vertical-align:top;}

div#sub H2 {width:800px; margin:100px auto 70px;text-align:center; font-size:40px; line-height:50px; color:#383838;}
body.kuzuyu div#sub H2 { margin-top:40px;}
body.recipes div#sub H2 {}
div#sub H2 p {text-align:center; font-size:21px;}
div#sub H2 big {font-size:48px;}

div#sub a.detail {color:#0070C9; display:block}


/*YouTube*/
div.youtube {position:relative; padding-bottom:56.25%; height:0; overflow:hidden;}
div.youtube iframe {position:absolute; top:0; left:0; width:100%; height:100%;}


/*アコーディオン開閉*/
a span.arrow_open {
	position: absolute;
	width: 18px;
	height: 18px;
	margin-left:1em;
	border-top:none;
	border-right:none;
	border-left: 1px solid #0070C9;
	border-bottom: 1px solid #0070C9;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	box-sizing: border-box;
	border-bottom: 1px solid #0070C9
}

a span.arrow_close {
	position: absolute;
	bottom: 5px;
	width: 18px;
	height: 18px;
	margin-left:1em;
	border-top: 1px solid #0070C9;
	border-right: 1px solid #0070C9;
	border-left:none !important;
	border-bottom:none !important;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	box-sizing: border-box;
}

a span.accordsuffix small {margin-left:40px; display:inline-block; font-size:12px;}
a.detail_plus:hover small {text-decoration:none !important;}
a:hover span.arrow_open,
a:hover span.arrow_close {filter:alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;}


/* SUB about FunFiberについて -------------------------------------------------- */
body.about {}

.about_spoon {background:url(images/about_ph05.png) center bottom no-repeat; background-size:100%; padding-bottom:70%; margin:-35% 0 -80px;}
p.about_ph03 {width:360px; margin:0 0 -20px 40px; font-size:14px;text-align:center;}
img.about_ph03 {margin-left:40px;}
p.about_ph03s {width:360px; margin:0 0 0 40px;}
p.about_ph04 {width:360px; margin:0 0 0 40px; font-size:14px;text-align:center;}
img.about_ph04 {margin-left:40px;}


/* SUB fiber 食物繊維の現実 -------------------------------------------------- */
body.fiber {}
body.fiber div#sub H1 {margin-top:0;}

p.fiber_ph02 {width:360px; margin:0 0 -20px 40px; font-size:14px;text-align:center;}
img.fiber_ph02 {margin-left:30px;}
img.fiber_ph03 {margin-left:30px;}

ul.fiber_needs {overflow:hidden; width:840px; margin:4em 0;}
ul.fiber_needs:last-of-type {margin-bottom:0;}
ul.fiber_needs li {float:left; width:128px; margin-right:40px; text-align:center; font-size:12px; letter-spacing:0; line-height:2em; padding-bottom:1em}
ul.fiber_needs li p {font-size:24px; text-align:center; letter-spacing:0;}
ul.fiber_needs li p > small {display:inline-block; margin:0 .2em; font-size:16px; color:#383838;}
ul.fiber_needs li small {font-size:12px;}

/* SUB nice 食物繊維のいいところ -------------------------------------------------- */
body.nice {}

ul.nice_type {width:900px; overflow:hidden; margin:2em 0 -2em;}
ul.nice_type > li {width:350px; float:left; margin:0 100px 2em 0;}
ul.nice_type > li H3 {margin-bottom:.5em;}
ul.nice_type > li ul {list-style:disc; list-style-position:outside !important; padding-left:1em}
ul.nice_type > li ul li {line-height:1.2em; margin-bottom:.5em; letter-spacing:0;}

H3.nice {font-size:24px; margin:2em auto 1em;}
.foodstuff {letter-spacing:0; margin-top:-5px;}


/* SUB lineup 商品ページ -------------------------------------------------- */
/*一覧*/
table.ingredients {width:100%; font-size:13px; line-height:1.3em; margin-bottom:2em;}
table.ingredients th {width:220px; margin-bottom:1em;}
table.ingredients td {vertical-align:top;}
table.ingredients td.name {width:180px; font-size:12px; vertical-align:middle;}
table.ingredients td.name H3 {font-size:18px;}
table.ingredients td.name H3 p {font-size:16px; margin:.5em 0 1em;}
table.ingredients td.spec {width:400px;}
table.ingredients td.spec ul.nutrition {font-size:12px; border:1px #999 solid; padding:.5em; margin-top:.5em}
table.ingredients td.spec ul.nutrition li:first-of-type {font-weight:bold; margin-bottom:.5em;}
table.ingredients td.spec ul.nutrition li:last-of-type {padding-top:.5em; margin-top:.5em; border-top:1px #999 solid;}

/*スライド*/
ul.bxslider2 {z-index:1; margin:0 auto}
ul.bxslider2 img {width:1000px;}
div.bx-controls-direction a {transition:none;}

/*ページ内リンク*/
ul.innerlink {}
ul.innerlink li {width:45%; float:left;}
ul.innerlink li:nth-child(2) { margin-left:10%}
ul.innerlink li a {display:block; color:#FFF; padding:.5em 0 .4em; text-decoration:none; text-align:center;}
ul.innerlink li.cart a {background:#6EB92B;}
ul.innerlink li.cart a:hover {background:#157709;}
ul.innerlink li.teiki a {background:#E53355;}
ul.innerlink li.teiki a:hover {background:#E50011;}

/*カート関連*/
div.cart {width:1000px; margin:200px auto 0; overflow:hidden; vertical-align:top;}
div.cart div.float_left {width:480px; float:left; overflow:hidden;}
div.cart div.float_right {width:480px; min-height:480px; float:right; overflow:hidden; position:relative}

div.cart H2 {text-align:left !important; width:100% !important; margin:0 0 15px 0 !important;}

div.cart ul.cart_info {border:1px #999 solid; overflow:hidden; margin:1em 0 .5em;}
div.cart ul.cart_info li {width:33%; float:left; border-right:1px #999 solid;}
div.cart ul.cart_info li:last-of-type {border:none;}
div.cart ul.cart_info li a {display:block; text-align:center; font-size:14px; text-decoration:none; padding:.5em}
div.cart ul.cart_info li:hover {background:#EEE;}

div.popup {height:auto; width:500px; font-size:14px; color:#383838; padding:1em; line-height:1.8em; display: none; border:1px #CCC solid; letter-spacing:0;}
div.popup p {padding-top:.5em; margin-top:.5em; border-top:1px #999 solid;}
div.popup ul {list-style:disc; padding-left:2em;}
div.popup ul li {line-height:1.4em; margin-bottom:.5em;}

div.cart ul.cart_guide {position:absolute; bottom:0; left:0; font-size:16px;}
div.cart ul.cart_guide li {margin-bottom:.4em}
div.cart ul.cart_guide li a {display:block;}

/*div.cart p.cart_del {width:220px; position:absolute; bottom:0; right:0; background:#383838; color:#FFF; text-align:center; padding:35px 0 35px; font-size:40px;}*/
div.cart p.cart_del {width:218px; position:absolute; bottom:0; right:0; background:#FFF; color:#383838; text-align:center; padding:30px 0 30px; font-size:40px; border:1px #383838 solid;}
div.cart p.cart_del span {display:block; text-align:center; font-size:21px; margin-bottom:10px; letter-spacing:0;}
div.cart p.cart_del span small {font-size:16px;}

div.cart div.clear {clear:both;}
div.cart div.cart_btn {clear:both; margin-top:30px; letter-spacing:0; font-size:24px; padding-bottom:.5em; border-bottom:1px #999 solid; overflow:hidden; position:relative; vertical-align:bottom}
div.cart div.cart_btn p.name { display:inline-block; margin-top:.5em;}
div.cart div.cart_btn p.price {color:#6EB92B; display:inline-block; font-size:32px; float:right; margin-top:.3em}
div.cart div.cart_btn p.price span {color:#666; font-size:16px;}
div.cart div.cart_btn p.price small {font-size:21px;}
div.cart div.cart_btn a.order {background:#6EB92B; color:#FFF; font-size:18px; display:inline-block; text-align:center; padding:.5em 0 .4em; width:220px; text-decoration:none; float:right; margin-left:1em;}
div.cart div.cart_btn a:hover.order {background:#157709;}
div.cart div.cart_btn p.nosales {background:#999; color:#FFF; font-size:18px; display:inline-block; text-align:center; padding:.5em 0 .4em; width:220px; text-decoration:none; float:right; margin-left:1em;}


/*定期用カート関連*/
div.cart_teiki {width:1000px; margin:100px auto 0; overflow:hidden; vertical-align:top;}
div#sub div.cart_teiki H2 {width:1000px; text-align:center; font-size:40px; color:#383838; text-align:center; line-height:1em; margin:0 0 15px 0; letter-spacing:0.1em;}
div.cart_teiki div.teiki_info {overflow:hidden; letter-spacing:0; border-bottom:1px #999 solid; padding-bottom:2em; margin-bottom:3em;}
div.cart_teiki div.teiki_info H3 {font-size:24px; display:inline-block; margin-top:25px;}
div.cart_teiki div.teiki_info H3 > p {font-size:20px; display:inline-block; letter-spacing:0; margin-bottom:2em;}
div.cart_teiki div.teiki_info H3 > p span {color:#E50011; display:inline-block;}

div.cart_teiki div.teiki_info > p {float:right; font-size:16px; margin-top:.5em; letter-spacing:0;}

div.cart_teiki div.float_left {width:480px; float:left; overflow:hidden; position:relative}
div.cart_teiki div.float_right {width:480px; float:right; overflow:hidden; position:relative}
div.teiki_cart > div.float_left,
div.teiki_cart > div.float_right {min-height:365px;}

div.cart_teiki div.teiki_info ul.teiki_benefit {}
div.cart_teiki div.teiki_info ul.teiki_benefit li {width:49%; display:block; float:left;}
div.cart_teiki div.teiki_info ul.teiki_benefit li:nth-child(3n-1) {margin:0 0 0 2%;}
div.cart_teiki div.teiki_info ul.teiki_benefit li:nth-child(3) {background:#E53355; display:none;}
div.cart_teiki div.teiki_info ul.teiki_benefit li p.teiki_benefit {text-align:center; color:#E50011; border:1px #E50011 solid; font-size:24px; padding:.5em;}
div.cart_teiki div.teiki_info ul.teiki_benefit li:nth-child(3) p.teiki_benefit {color:#FFF;}

div.teiki_cart {clear:both; overflow:hidden; border-bottom:1px #999 solid; padding-bottom:2em; margin-bottom:3em;}

div.teiki_cart H3.item {font-size:40px; color:#383838; line-height:1.3em; letter-spacing:-2px; margin-bottom:1em;}
div.teiki_cart H3.item p {font-size:24px;}

div.teiki_cart ul.price {letter-spacing:0; overflow:hidden; position:absolute; right:0; bottom:180px;}
div.teiki_cart ul.price li {font-size:21px; float:left; width:230px;line-height:42px;}
div.teiki_cart ul.price li small {font-size:75%;}
div.teiki_cart ul.price li.teiki_price {color:#6EB92B; width:250px; font-size:42px; line-height:42px; text-align:right;}
div.teiki_cart ul.price li.teiki_price small {font-size:50%;}
div.teiki_cart ul.price li:first-of-type:after {content:"→";}

div.teiki_cart a.order {background:#6EB92B; color:#FFF; font-size:18px; display:block; text-align:center; padding:.7em 0 .6em; width:230px; text-decoration:none; position:absolute; right:0; bottom:120px;}
div.teiki_cart a:hover.order {background:#E50011;}
div.teiki_cart p.nosales {background:#999; color:#FFF; font-size:18px; display:block; text-align:center; padding:.7em 0 .6em; width:230px; text-decoration:none; position:absolute; right:0; bottom:100px;}

div.teiki_cart ul.teiki_benefit {clear:both; overflow:hidden; position:absolute; left:0; bottom:0; width:480px}
div.teiki_cart ul.teiki_benefit li {width:49%; display:block; float:left;}
div.teiki_cart ul.teiki_benefit li:nth-child(3n-1) {margin:0 0 0 2%;}
div.teiki_cart ul.teiki_benefit li:nth-child(3) {background:#E53355; display:none;}
div.teiki_cart ul.teiki_benefit li p {text-align:center; color:#E50011; border:1px #E50011 solid; font-size:21px; padding:.5em;}
div.teiki_cart ul.teiki_benefit li:nth-child(3) p {color:#FFF;}
div.teiki_cart ul.teiki_benefit li:last-of-type {width:100%; font-size:12px; letter-spacing:0; line-height:1.4em; padding-top:.5em; display:none;}

/* SUB recipes アレンジレシピ -------------------------------------------------- */
body.recipes {}

ul.sozai {margin-right:10px; font-size:14px}
ul.sozai li {border-bottom:1px #DDD solid; padding-top:1px;}
ul.sozai li:hover {background:#F5F5F5;}
ul.sozai li span {width:16em; display:inline-block;}
ul.sozai li span.measure {width:6em;}

ol.recipes {counter-reset:my-counter; line-height:1.4em; margin-top:2px;}
ol.recipes li {position:relative; padding-left:24px; padding-top:2px; margin-bottom:.4em;}
ol.recipes li:hover {background:#F5F5F5;}
ol.recipes li:before {
font-family:Helvetica;
content: counter(my-counter);
counter-increment: my-counter;
border:1px #666 solid;
background:#FFF;
color:#666;
text-align:center;
border-radius:50%;
width:15px;
height:15px;
line-height:16px;
position:absolute;
left:0;
top:2px;
font-size:14px;
letter-spacing:0;
}




/* SUB ガイド系情報ページ -------------------------------------------------- */

/*特定商取引法に基づく表記*/
body.law H1 {font-size:30px !important;}
body.law div.sub800 H2 {font-size:24px !important; margin:100px auto 10px !important; border-bottom:1px #999 solid;}

table.table {width:100%; font-size:14px; line-height:1.6em;}
table.table th {width:30%; padding:1.5em 1.5em 1em 1.5em; border-bottom:3px #999 solid;}
table.table td {width:70%; padding:1.5em 1.5em 1em 1.5em; border-bottom:1px #999 solid; letter-spacing:0;}
table.table small {font-size:12px;}

/*会社概要*/
body.outline H1 {font-size:30px !important;}

/*ご利用規約*/
body.terms H1 {font-size:30px !important;}
/*ポイント規約*/
body.point H1 {font-size:30px !important;}
/*プライバシーポリシー*/
body.privacy H1 {font-size:30px !important;}

ol.terms {list-style-type:decimal-leading-zero; padding-left:2em; font-size:14px; margin:3em 0 0 0; letter-spacing:0;}
ol.terms li {margin-bottom:3em; line-height:1.4em;}
ol.terms li p {font-size:16px !important; margin-bottom:.5em;}

ol.terms li > ol {list-style-type:lower-roman; margin:.5em 0 .5em 2em; line-height:1.4em;}
ol.terms li > ol li {margin-bottom:.3em;}
ol.terms li > ol li > ol {list-style-type:lower-latin}

/*お知らせ*/
body.news H1 {font-size:30px !important;}
div.news_main {float:left; width:540px;}

div.news_entry {width:540px; margin-bottom:3em; padding-bottom:2em; border-bottom:1px #CCC solid;}
div.news_entry H2 {width:540px !important; text-align:left !important; margin:0 !important; font-size:14px !important; line-height:1.8em !important; font-weight:bold;}
div.news_entry p.date {font-size:13px;}
div.news_entry div.news_content {margin-top:1em;}
div.news_entry div.news_content img {max-width:540px !important; height:auto !important;}
div.news_entry div.news_content p {margin-bottom:1em;}


ul.news_sidebar {float:right; width:200px; font-size:13px !important; line-height:1.4em;}
ul.news_sidebar H2 {width:200px !important; margin:0 !important; text-align:left !important; font-size:13px !important; line-height:1.8em !important; font-weight:bold; margin-bottom:1.2em !important;}
ul.news_sidebar div.execphpwidget ul li {margin-bottom:1em; line-height:1.3em;}
ul.news_sidebar div.execphpwidget ul li a {display:block;}


/* SUB プロモーション素材 -------------------------------------------------- */
body.promotion {}
body.promotion H1 {font-size:30px !important;}

ul.promotion {margin-top:2em; font-size:0;}
ul.promotion li {display:inline-block; /display:inline; /zoom:1; width:250px; vertical-align:top; line-height:1.3em; margin:0 25px 25px 0; font-size:12px;}
ul.promotion li:nth-of-type(3n) {margin-right:0;}
ul.promotion li a {display:block; width:250px; height:250px; margin-bottom:.5em;}
ul.promotion li.prom_img a img {max-width:250px; height:auto;} 
ul.promotion li.prom_pdf a img {width:200px; height:auto; margin:25px} 



/* LP -------------------------------------------------- */
body.lp {}

body.lp header,
body.lp div#header {display:none;}

body.lp div#sub {font-size:21px; color:#000;}

div.lp_ph01 {background:url(images/lp_ph01bg.jpg) center top no-repeat; background-color:#E0EDF4;}
div.lp_ph01 img {display:block; width:1000px; height:660px; margin:0 auto;}

div.lp_ph02 {background:url(images/lp_ph02bg.jpg) center top no-repeat; background-color:#D5DFDD; margin-top:80px;}
div.lp_ph02 img {display:block; width:1000px; height:550px; margin:0 auto;}


/*主に本文*/
div.sub900 {width:900px; margin:0 auto; overflow:hidden; letter-spacing:0;}
div.sub900 .float_left {width:400px; float:left;}
div.sub900 .float_right {width:400px; float:right;}
div.sub900 small {letter-spacing:0; color:#666; display:inline-block;line-height:1.3em;}
div.sub900 sup {color:#888;}
div.sub900 em {color:/*#f39700*/#BF0000; font-style:normal;}

body.lp div#sub H2 {width:1000px; margin:60px auto 40px;text-align:center; font-size:40px; line-height:40px; color:#000; letter-spacing:0;}
body.lp div#sub H2 em {font-size:60px; font-style:normal; color:#14AE67}

body.lp div#sub H3 {margin:40px auto 40px;text-align:center; font-size:36px; line-height:40px; color:#000; letter-spacing:0;}
body.lp div#sub H4 {text-align:center; margin:2em 0 .5em; font-size:28px;}

.lp_icon_ryo:before {content:url(images/lp_icon_ryo.png); position:relative; top:20px}
.lp_icon_full:before {content:url(images/lp_icon_full.png); position:relative; top:20px}
.lp_icon_shitsu:before {content:url(images/lp_icon_shitsu.png); position:relative; top:20px}
.lp_icon_balance:before {content:url(images/lp_icon_balance.png); position:relative; top:20px}
.lp_icon_anshin:before {content:url(images/lp_icon_anshin.png); position:relative; top:60px; left:-120px}


body.lp ul.list_fiber_rich {margin-bottom:2em; letter-spacing:0; line-height:1.4em;}
body.lp ul.list_fiber_rich H4 {font-size:24px; text-align:center; margin:1em 0 .5em !important;}

body.lp ul.list_fiber_rich li p {margin-top:0; text-align:left; font-size:18px; line-height:1.3em}

/**/
body.lp ul.list_fiber_rich li ul.cart_info {border:1px #999 solid; overflow:hidden; margin:.5em 0 0;}
body.lp ul.list_fiber_rich li ul.cart_info > li {width:33%; float:left; border-right:1px #999 solid; margin:0}
body.lp ul.list_fiber_rich li ul.cart_info li:last-of-type {border:none;}
body.lp ul.list_fiber_rich li ul.cart_info li a {display:block; text-align:center; font-size:14px; text-decoration:none; padding:.5em 0}
body.lp ul.list_fiber_rich li ul.cart_info li:hover {background:#EEE;}
/**/


div.lp_cart_ttl {background:#14AE67;}
div#sub div.lp_cart_ttl H2 {font-size:36px; color:#FFF; width:100%; margin:0 auto 40px; padding:.5em;}
div#sub div.lp_cart_ttl H2 em
{color:#14AE67; font-size:36px; padding:0 .4em; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; background:#FFD800; font-weight:bold;font-family:"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic,'メイリオ', Meiryo, Osaka, sans-serif;}


div.lp_cart {width:1000px; margin:0 auto; overflow:hidden;}
div.lp_cart div.float_left {width:480px; float:left; overflow:hidden;}
div.lp_cart div.float_right {width:480px; float:right; overflow:hidden; position:relative;}

div.lp_cart H3.item {width:100% !important; text-align:left !important; margin:0 0 15px 0 !important; font-size:30px !important; line-height:36px !important;}

div.lp_cart p.lp_price {letter-spacing:0; display:inline-block; padding:0 1em; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; background:#DDD; line-height:2em; font-size:14px;}
div.lp_cart p.lp_price span {display:block; float:left; margin:.6em .5em 0 0;}
div.lp_cart p.lp_price big {font-size:24px; margin-top:.3em; display:inline-block}

div.lp_cart p.lp_price_special {font-size:30px; letter-spacing:0; margin:30px 0 10px; border-bottom:3px #14AE67 double;}
div.lp_cart p.lp_price_special big {font-size:48px; color:#941f25;}
div.lp_cart p.lp_price_special:before {content:"▶ "; font-size:24px; color:#14AE67;}

div.lp_cart p.lp_price_offer {text-align:right; margin-bottom:15px; letter-spacing:0; color:#14AE67; font-size:21px;}
div.lp_cart p.lp_price_offer b {}
div.lp_cart p.lp_price_offer span {border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; background:#941f25; color:#FFF; padding:.2em .5em; display:inline-block}

div.lp_cart a.btn {display:block; width:480px; height:70px; background:url(images/lp_cart_btn.png) left top no-repeat; margin-bottom:15px;}
div.lp_cart a:hover.btn {background:url(images/lp_cart_btnon.png) left top no-repeat;}
div.lp_cart a.btn span {display:none;}

div.lp_cart a.btn2 {display:block; width:480px; height:70px; background:url(images/lp_cart_btn2.png) left top no-repeat; margin-bottom:15px;}
div.lp_cart a:hover.btn2 {background:url(images/lp_cart_btn2on.png) left top no-repeat;}
div.lp_cart a.btn2 span {display:none;}

div.lp_cart p.lp_notes {font-size:14px; line-height:1.4em; letter-spacing:0;}


body.lp div#sub ul.nice_type {margin-top:0; width:800px;}
body.lp div#sub ul.nice_type > li {display:inline-block; /display:inline; zoom:1; font-size:21px; width:350px; vertical-align:top; float:none; margin:0 !important}
body.lp div#sub ul.nice_type > li H3 {margin:0 0 10px 0; font-size:24px; width:100%; text-align:left;}
body.lp div#sub ul.nice_type > li p{letter-spacing:0; font-size:18px; line-height:1.3em;}
body.lp div#sub ul.nice_type > li:nth-of-type(6) {float:right}


/*
body.lp div#sub ul.nice_type {margin-top:0;}
body.lp div#sub ul.nice_type > li H3 {margin:0 0 10px 0; font-size:24px; width:100%; text-align:left;}
body.lp div#sub ul.nice_type > li p{letter-spacing:0; font-size:18px; line-height:1.3em; margin-top:1em;}
*/


body.lp ul.list_fiber_rich li table {margin:0 auto; width:300px; font-size:21px; line-height:1.6em;}
body.lp ul.list_fiber_rich li table th {font-weight:normal;}
body.lp ul.list_fiber_rich li table td {text-align:right;}



body.lp div#footer ul.foot_law {width:900px; margin:0 auto; border:1px #FFF solid; overflow:hidden; margin-bottom:10px; display:table; table-layout:fixed; text-align:center;}
body.lp div#footer ul.foot_law li {border-right:1px #FFF solid; display:table-cell; vertical-align:middle;}
body.lp div#footer ul.foot_law li:last-child {border-right:none;}
body.lp div#footer ul.foot_law li a{display:block; text-align:center; text-decoration:none; padding:.5em}
body.lp div#footer ul.foot_law li a:hover {background:#222;}

body.lp div#footer ul.navi {width:900px;}
body.lp div#footer p.copy {width:900px;}


/* -----------------------------------------------------------------------------------------------
 ヘノブstyle
----------------------------------------------------------------------------------------------- */

/* -----------------------------
 yuzukuzuyu.html 柚子本葛湯
----------------------------- */

div.sub800 .float_right.hnb-adjust {
	font-size: 23px;
	line-height: 1.5;
}
div.sub800 .float_right.hnb-adjust .hnb-font-adjust {
	display: inline-block;
	font-size: 15px;
}
div.teiki_cart ul.price.hnb-adjust {
	position: inherit;
	right: inherit;
	bottom: inherit;
}
div.teiki_cart ul.price.hnb-adjust li:first-of-type:after { content: ""; }
div.teiki_cart H3.item.hnb-adjust span {
	font-size: 21px;
	line-height: 0;
}
div.teiki_cart ul.teiki_benefit.hnb-adjust {
	position: inherit;
	left: inherit;
	bottom: inherit;
}
div.teiki_cart ul.price li.teiki_price .hnb-price {
	display: block;
	margin-bottom: 11px;
	padding-left: 25px;
	font-size: 15px;
	line-height: 1;
	color: #383838;
}
div.teiki_cart ul.price li.teiki_price .hnb-price span { font-size: 10px; }






/* レスポンシブ関連 -------------------------------------------------- */
/*-------------------------------------------------------------------- */
.only_sp {display:none !important;}

@media screen and (max-width:767px){
*{
max-width:100% !important;
height:auto;
width:auto;
letter-spacing:0 !important;
}
.only_pc {display:none !important;}
.only_sp {display:block !important;}

body {font-size:14px; line-height:1.6em; min-width:initial;}
body.index header {display:block;}
div#header ul.menu {display:none;}

div#header ul.menu_ic li.ic_ig {display:none;}
div#header ul.menu_ic li.ic_fb {display:none;}
div#header ul.menu_ic li.ic_tw {display:none;}


div#index H2 {height:auto !important; font-size:24px; margin: 2em auto; line-height:30px;}
div#index H2 p {font-size:14px;}
div#index H2 big {font-size:28px;}
div#index a.detail {margin:1em auto 2em;}
div#index > div {margin:0 1em;}

ul.list_fiber_rich {margin-bottom:4em;}
ul.list_fiber_rich li {margin-bottom:2em; width:100%;}
ul.list_fiber_rich li:last-of-type {margin-bottom:0;}
ul.list_fiber_rich li p {margin-top:.5em;}

div#footer {margin-top:2em; padding:1em; font-size:12px !important;}

div.foot_pagetop a {margin:0 auto; float:none}

div.foot_news H2 {font-size:18px;}
div.foot_news ul li a {line-height:1.2em !important;}
div#footer ul.menu > li {padding:0 !important; margin:0 3% 5% 0; width:48% !important; display:block; float:left; padding:0 0 5% 0 !important; border-bottom:1px #AAA solid;}
div#footer ul.menu > li:nth-of-type(2n) {margin-right:0;} 
div#footer ul.menu > li:last-of-type {margin:0; width:100% !important;}
div#footer ul.menu li ul li {text-indent:.5em}

div#footer ul.navi {font-size:12px; padding:1em ;}
div#footer ul.navi li {width:50%; display:block; float:left; padding:0;}
div#footer ul.navi li a {padding:0;}

div#footer div.credit {width:100%; margin:2em auto 1em;}
div#footer div.company {width:100%; float:none; margin-top:0; font-size:11px;}
div#footer ul.credit {width:100%; float:none; overflow:hidden; text-align:center; margin-top:1em;}
div#footer ul.credit li {display:inline-block; text-align:center; margin:0 1em;}
div#footer ul.credit li p {display:inline-block; width:auto;}

div#footer p.copy {text-align:center;}



/*sub*/

div#sub H1 {height:auto !important; font-size:24px; margin:0 auto 2em; line-height:30px;}
div#sub H1 p {font-size:14px;}
div#sub H1 big {font-size:28px;}

div#sub H2 {height:auto !important; font-size:21px; margin:2.5em auto 1em; line-height:1.2em; border-bottom:1px #555 solid; padding-bottom:8px}
div#sub H2 p {font-size:14px !important; line-height:25px !important;}
div#sub H2 big {font-size:24px;}

div#sub {padding:0 1em !important; width:auto;}

div#sub .float_left,
div#sub .float_right {float:none; width:auto; margin-bottom:1em}
div#sub div.float_left,
div#sub div.float_right {float:none; width:auto; margin:2em 0;}

/*about*/
p.about_ph03 {width:100%; margin:0 0 -1em 0;}
img.about_ph03 {margin-left:0;}
p.about_ph03s {width:100%; margin:0;}
p.about_ph04 {width:100%; margin:0;}
img.about_ph04 {margin-left:0;}
.about_spoon {background:url(images/about_ph05.png) center bottom no-repeat; background-size:100%; padding-bottom:70%; margin:-35% 0 -50px;}

/*fiber*/
p.fiber_ph02 {width:100%; margin:0 0 -1em 0;}
img.fiber_ph02 {margin-left:0;}
img.fiber_ph03 {margin-left:0;}

ul.fiber_needs {width:296px; margin:3em auto;}
ul.fiber_needs li {margin-bottom:.5em;}
ul.fiber_needs li:nth-of-type(2n) {margin-right:0;}

/*nice*/
H3.nice {font-size:18px;}

/*recipes*/
ul.sozai {letter-spacing:0;}

/*lineup*/
body.lineup div#sub H1 {margin:2em auto;}
body.lineup div#sub H1 p {font-size:24px;}

table.ingredients:first-of-type {margin-bottom:1em;}
table.ingredients:first-of-type th {display:none;}

table.ingredients {width:100%; font-size:13px; line-height:1.3em; margin-bottom:3em;}
table.ingredients th {width:90%; display:block;}
table.ingredients td.name {width:90%; display:block; font-size:12px;}
table.ingredients td.spec {width:50%;}

div.popup {height:auto; width:270px; font-size:12px; color:#383838; padding:1em; line-height:1.8em; display: none; border:1px #CCC solid; letter-spacing:0;}
div.popup p {padding-top:.5em; margin-top:.5em; border-top:1px #999 solid;}
div.popup ul {list-style:disc; padding-left:2em;}
div.popup ul li {line-height:1.4em; margin-bottom:.5em;}


/*cart*/
div.cart {margin:3em auto 0;}
div.cart div.float_right {height:auto !important; min-height:auto; margin-bottom:.5em !important;}
div.cart ul.cart_info {margin:1em 0;}
div.cart ul.cart_guide {position:inherit; font-size:12px; line-height:1.4em; float:left; width:50%;}
div.cart p.cart_del {position:inherit; width:50%; float:right; padding:.5em 0; margin:-1px 0 -1px -2px; font-size:21px; letter-spacing:0.2em !important;}
div.cart p.cart_del span {font-size:14px; margin:0; letter-spacing:0;}
div.cart p.cart_del span small {font-size:12px;}

div.cart div.cart_btn {margin-top:.5em;}
div.cart div.cart_btn p.name {margin:0}
div.cart div.cart_btn a.order {width:100%; margin:.5em 0; font-size:21px;}
div.cart div.cart_btn p.nosales {width:100%; margin:.5em 0; font-size:21px;}

/*cart_teiki*/
div.cart_teiki {margin:4em auto 0;}
div#sub div.cart_teiki H2 {font-size:21px;}
div.cart_teiki div.teiki_info {margin-bottom:0;}
div.cart_teiki div.teiki_info H3 {font-size:18px; text-align:center; width:100%; margin-top:0}
div.cart_teiki div.teiki_info H3 > p {font-size:16px; margin-bottom:0; float:none;}
div.cart_teiki div.teiki_info > p {float:none;}
div#sub div.cart_teiki div.teiki_info div.float_left {float:none; margin:.5em 0 0;}
div#sub div.cart_teiki div.teiki_info div.float_right  {float:none; margin:.5em 0 0;}

div.cart_teiki div.teiki_info ul.teiki_benefit {margin-top:1em;}
div.cart_teiki div.teiki_info ul.teiki_benefit li p.teiki_benefit {text-align:center; color:#E50011; border:1px #E50011 solid; font-size:14px; line-height:1.2em; padding:.5em;}


div.teiki_cart {padding-bottom:1em; margin-bottom:2em;}
div#sub div.teiki_cart div.float_left {margin:1em 0 0;}
div#sub div.teiki_cart div.float_right {margin:0 0 1em; height:auto !important; min-height:auto;}
div.teiki_cart H3.item {font-size:24px; margin-bottom:.5em;}
div.teiki_cart H3.item p {font-size:18px;}
div.teiki_cart ul.price {position:static;}
div.teiki_cart ul.price li {width:100%;}
div.teiki_cart ul.price li:first-of-type:after {display:none;}
div.teiki_cart ul.price li:nth-of-type(2):before {content:"→"; color:#383838; font-size:30px;}
div.teiki_cart ul.price li.teiki_price {font-size:48px; text-align:right; width:100%;}
div.teiki_cart a.order {position:static; width:100%; margin:.5em 0; font-size:24px;}
div.teiki_cart p.nosales {position:static; width:100%; margin:.5em 0; font-size:24px;}

div.teiki_cart ul.teiki_benefit {position:static;}

div.teiki_cart ul.teiki_benefit li {width:32%; display:block; float:left;}
div.teiki_cart ul.teiki_benefit li:nth-child(3n-1) {margin:0 2%;}
div.teiki_cart ul.teiki_benefit li p {text-align:center; color:#E50011; border:1px #E50011 solid; font-size:14px; padding:.5em;}
div.teiki_cart ul.teiki_benefit li:last-of-type {width:100%; font-size:12px; line-height:1.4em; letter-spacing:0; padding-top:.5em;}


/*outline*/
table.table th {width:auto; display:block; padding:0 0 0 1em; margin:0 0 1em 0; border-bottom:none; border-left:3px #999 solid;}
table.table td {width:auto; display:block; padding:0 0 .5em 1em; margin:0 0 3em 0;}

/*law*/
body.law H1 {font-size:24px !important;}
body.law div#sub H2 {margin:0 0 1em !important; padding-bottom:.5em; font-size:21px !important; padding-top:3em}

/*terms*/
ol.terms li > ol {margin-left:0;}
ol.terms li > ol li {margin-bottom:.5em;}

/*news*/
ul.news_sidebar {display:none;}
div.news_main {float:none; width:100%;}

div.news_entry {width:100%;}
div.news_entry H2 {width:100% !important;}
div.news_entry p.date {font-size:13px;}
div.news_entry div.news_content {margin-top:1em;}
div.news_entry div.news_content img {max-width:100%; height:auto;}

/*promotion*/
ul.promotion li {width:100%;}
ul.promotion li a {width:100% !important; height:auto !important;}
ul.promotion li.prom_img a img {max-width:100% !important; height:auto !important;} 
ul.promotion li.prom_pdf a img {width:80%; height:auto; margin:5% auto; display:block;} 


}
/* -----------------------------------------------------------------------------------------------
 ヘノブstyle
----------------------------------------------------------------------------------------------- */
/* -----------------------------
 yuzukuzuyu.html 柚子本葛湯
----------------------------- */

div.sub800 .float_right.hnb-adjust { font-size: 16px; }
div.teiki_cart ul.price li.teiki_price .hnb-price {
	padding-left: 25px;
	font-size: 15px;
}
div.teiki_cart ul.price li.teiki_price .hnb-price span { font-size: 13px; }
div.teiki_cart ul.price.hnb-adjust li:nth-of-type(2):before { content: "";}
div.teiki_cart H3.item.hnb-adjust span { font-size: 16px;}


.cart div.float_right.hnb p.hnb_icon.type2{line-height:1.4em; padding-top:25px; height:85px;}
.cart_teiki.hnb_icon_type2 p.hnb_icon{position: absolute; right: 0; font-weight: bold; top: 0;line-height:1.4em; padding-top:25px; height:65px;
border-radius: 50%;
font-size: 18px;
width:90px;
text-align:center;
border: 1px solid #999;
	}
.cart_teiki.hnb_icon_type2 H3.item{ line-height:1em;}
.cart_teiki.hnb_icon_type2  H3.item.hnb_mb{margin-bottom:1.9em;}
.cart_teiki.hnb_icon_type2 .hnb_price_gra{font-size:16px; color:#666; display:block; text-align:right; line-height:1.3em; margin-right:1em}
.cart_teiki.hnb_icon_type2 .teiki_price{min-height:230px;}
.cart_teiki.hnb_icon_type2 .price p{text-align:right;}


.cart div.float_right.hnb .pc{ display:block;}
@media screen and (max-width:767px){
.cart div.float_right.hnb .pc{ display:none;}
.cart div.float_right.hnb p.hnb_icon.type2{
font-size: 14px;padding-top:15px;
height:50px;
width:65px;
line-height:1.4em;
}
.cart_teiki.hnb_icon_type2 .teiki_price{min-height: inherit;}
.cart_teiki.hnb_icon_type2 .float_left{margin-bottom:40px !important;}
}


/* -----------------------------
 granola.html ナッツグラノーラ
----------------------------- */
.cart div.float_right.hnb p.hnb_icon{ position: absolute; right: 0; font-weight: bold; top: 0;
border-radius: 50%;
font-size: 24px;
height:110px;
width:110px;
line-height:110px;
text-align:center;
border: 1px solid #999;
}
.cart .hnb_price_gra{ text-align:right; display:block; margin-right:1em;}

.teiki_cart div.float_right.hnb p.hnb_icon{ position: absolute; right: 0; font-weight: bold; top: 0.8em;
border-radius: 50%;
font-size: 18px;
height:90px;
width:90px;
line-height:90px;
text-align:center;
border: 1px solid #999;
}
div.teiki_cart div.float_right.hnb{min-height: 450px;}
div.teiki_cart div.float_right.hnb H3.item{ margin-bottom: 0.5em;}
div.teiki_cart div.float_right.hnb .hnb_price_gra{position:absolute; right:10px; bottom:180px;}
div.teiki_cart div.float_right.hnb ul.price{bottom:205px;}
	
@media screen and (max-width:767px){
.cart div.float_right.hnb p.hnb_icon{
font-size: 14px;
height:45px;
width:45px;
line-height:45px;
}

.teiki_cart div.float_right.hnb p.hnb_icon{
top: 0.3em;
font-size: 14px;
height:55px;
width:55px;
line-height:55px;
}
div.teiki_cart div.float_right.hnb .hnb_price_gra{ position:initial; text-align:right; margin-right:1em}
}
	
	
.uki_shima{position:fixed; right:0; bottom:0; line-height:0; z-index:9999}
.uki_shima img{width:77px !important;}


.sub900.voice_fade_hnb p.voice{float:left; width:300px;}

.voice_fade_hnb.clear:after {
    display: block;
    clear: both;
    height: 0px;
    line-height: 0px;
    visibility: hidden;
    content: ".";
}
@media screen and (max-width:767px){
.sub900.voice_fade_hnb p.voice{float:none; width: auto; margin-bottom:20px}	
}

/* ナッツグラノーラ パンケーキ定期コースレイアウト修正 */
div.teiki_cart.add190311 div.float_right.hnb ul.price,
div.teiki_cart.add190311 ul.price {
    position: relative;
    bottom: initial;
    margin: 12px 0px 0px;
}

div.teiki_cart.add190311 div.float_right.hnb .hnb_price_gra,
div.teiki_cart.add190311 .hnb_price_gra {
    position: relative;
    bottom: initial;
    right: initial;
    width: 100%;
    text-align: right;
    box-sizing: border-box;
    padding: 0 12px 0 0;
    line-height: normal;
}
div.teiki_cart.add190311 div.float_right.hnb a.order,
div.teiki_cart.add190311 a.order {
    position: initial;
    right: initial;
    bottom: initial;
    margin: 10px 0 15px auto;
}
div.teiki_cart.add190311 div.float_right.hnb ul.teiki_benefit,
div.teiki_cart.add190311 ul.teiki_benefit {
    position: relative;
}
/* パンケーキのみ */
div.teiki_cart.add190311-p H3.item {
    margin-bottom: .8em;
}
div.teiki_cart.add190311-p ul.price {
    margin: 10px 0px 0px;
}



/* -------------------------------------------------------------------
　【一覧】記事ページリニューアル　190405 motoki
------------------------------------------------------------------- */
#listArticl190405 .news_main dl > * {
    display: inline-block;
}
/*画像 ------------- */
#listArticl190405 .news_main dl dt {
    width: 240px;
}
#listArticl190405 .news_main dl dt a {
    width: 240px;
    display: block;
}
#listArticl190405 .news_main dl dt a img {
   width: 100%;
  height: inherit;
}

/*データ ------------- */
#listArticl190405 .news_main dl dd {
    width: 275px;
    vertical-align: top;
    font-family: '小塚ゴシック Pro','Kozuka Gothic Pro','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
    color: #343434;
    margin: 0 0 0 19px;
}
#listArticl190405 .news_main dl dd h2 {
    width: 100% !important;
    text-align: left !important;
    margin: 0 0 10px 0 !important;
    font-size: 15px !important;
    line-height: 1.8em !important;
    font-weight: bold;
}
#listArticl190405 .news_main dl dd h2 a {
    color: #333333;
}
#listArticl190405 .news_main dl dd .date {
    font-size: 13px;
    margin: 0 0 10px 0;
    letter-spacing: 0.3em;
}
/*子カテゴリ/タグ一覧　の時の戻るボタン */
#listArticl190405 .backList {
    width: 200px;
    margin: 0px auto;
    background: #999;
}
#listArticl190405 .backList a {
    display: block;
    text-align: center;
    padding: 10px;
    color: #fff;
}


@media screen and (max-width: 767px) {
    #listArticl190405 {
        margin: 0px auto;
    }
	#listArticl190405 .news_entry {
		border: none;
		padding: 0;
		margin-bottom: 1.5em;
	}
    div#sub #listArticl190405 h1 {
		font-size: 24px;
		line-height: 20px;
	}
    #listArticl190405 .news_main dl dt a {
        width: 100%;
        height: 100%;
        max-width: 230px;
    }
    #listArticl190405 .news_main dl dt a img {
        height: unset;
    }
    #listArticl190405 .news_main dl dd h2 {
        border: none;
        font-weight: normal;
        margin: 0px !important;
        line-height: 1.5em !important;
        font-size: 0.937rem !important;
    }
    #listArticl190405 .news_main dl dd .date {
        display: none;
    }
    #listArticl190405 .news_main dl dd .tagSet a {
		padding: 2px 5px;
		margin: 0 5px 4px 0;
	}
/*子カテゴリ/タグ一覧　の時の戻るボタン */
	#listArticl190405 .backList {
		width: 70%;
	}
	#listArticl190405 .backList a {
		padding: 5px 0;
		font-size: 0.8rem;
	}
}


/* -------------------------------------------------------------------
　【詳細】記事ページリニューアル　190405 motoki
------------------------------------------------------------------- */
#detailArticl190405 h1 {
    font-size: 40px;
}
#detailArticl190405 .news_content img {
	margin: 0 0 15px 0;
}
#detailArticl190405 div.news_entry {
    border: none;
}

/*　関連記事*/
@media screen and (max-width: 767px) {
	ul.related_post li {
		margin-bottom: 1.5em !important;
		padding: 0 !important;
		border: none !important;
	}
	h3.related_post_title {
		font-size: 1.3rem !important;
	}
}



/* -------------------------------------------------------------------
　【サイドバー】記事ページリニューアル　190405 motoki
------------------------------------------------------------------- */
/*共通 ------------- */
#listArticl190405 .news_sidebar,
#detailArticl190405 .news_sidebar {
	float:right;
	width:200px;
	font-size:13px !important;
	line-height:1.4em;
}

.re_under_right [id$="190405"] {
    margin: 0px 0 50px 0;
}
.re_under_right [id$="190405"] h3 {
    font-weight: bold;
    margin: 0 0 25px;
}

/*最近の記事 ------------- */
.re_under_right #recently190405 dl {
    margin: 20px 0;
}
.re_under_right #recently190405 dl:last-of-type {
    margin:0;
}

.re_under_right #recently190405 dl > * {
    display: inline-block;
    vertical-align: top;
}
.re_under_right #recently190405 dl dt {
    width: 70px;
    background: #ddd;
}
.re_under_right #recently190405 dl dt a,
.re_under_right #recently190405 dl dt a img {
    width: 100%;
    height: inherit;
    display: block;
}
.re_under_right #recently190405 dl dd {
    width: 115px;
    margin: 0 0 0 9px;
    text-align: left;
}

/*カテゴリ一覧 ------------- */
.re_under_right #category190405 li {
    margin: 0 0 20px 0;
}



@media screen and (max-width: 767px) {
	#listArticl190405 .news_sidebar, #detailArticl190405 .news_sidebar {
		width: 100%;
	}
	[id*="Articl190405"] .news_main {
		margin: 0 0 3em 0;
	}
	.re_under_right [id$="190405"] h3 {
		font-size: 1.3rem;
		margin-bottom: 15px;
	}
	.re_under_right #category190405 li {
		margin: 0;
	}
	.re_under_right #category190405 li a {
		border-top: 1px #CCC solid;
		margin: 10px 0px;
		padding: 13px 0px 5px 0px;
		display: block;
	}
	.re_under_right #category190405 li:last-of-type a {
		border-bottom: 1px #CCC solid;
		padding: 13px 0px 15px 0px;
	}
/*最近の記事 ------------- */
	#listArticl190405 .news_main dl dd, .re_under_right #recently190405 dl dd,
	ul.related_post li a:last-of-type {
		font-size: 0.928rem !important;
		line-height: 1.8em !important;
	}
}

/* -------------------------------------------------------------------
　【共通】記事ページリニューアル　190405 motoki
------------------------------------------------------------------- */
div#listArticl190405 h1,
div#detailArticl190405 h1 {
    /* font-size: 40px; */
    line-height: 1.3em;
    margin-bottom: 2em;
}
div#listArticl190405 h1 p{
    /* font-size: 1.5rem; */
    line-height: 40px;
}
div#detailArticl190405 h1 a {
    display: block;
    vertical-align: middle;
    padding: 0 0 0 38px;
    position: relative;
    width: 50%;
    min-width: 295px;
    margin: 0 auto;
    text-align: center;
    font-size: 21px;
    line-height: 40px;
    color: #333333;
}
div#detailArticl190405 h1 a:before {
    content: "＜";
    color: #666;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 0px;
    line-height: 0;
    margin: auto;
    font-size: 40px;
}
div#listArticl190405 h1 span,
div#detailArticl190405 h1 a span {
    font-size: 48px;
    display: block;
    text-align: center;
    line-height: normal;
}

/*タグ ------------- */
#listArticl190405 .news_entry .tagSet,
[id*="Articl190405"] #tags190405 .tagSet{
    overflow: hidden;
}
[id*="Articl190405"] .tagSet {
	overflow: hidden;
}
[id*="Articl190405"] .tagSet a {
    background: #888888;
    font-size: 11px;
    color: #fff;
    display: inline-block;
    padding: 3px 6px;
    line-height: normal;
    float: left;
    margin: 0 10px 5px 0;
    height: 23px;
    box-sizing: border-box;
    line-height: 150%;
}

@media screen and (max-width: 767px) {
	div#listArticl190405 h1,
	div#listArticl190405 h1 p {
		margin-bottom: 1em;
		font-size: 14px;
		margin: 0 auto 2em;
		line-height: 20px;
	}
	div#detailArticl190405 h1 {
		font-size: 14px;
	}
	div#detailArticl190405 h1 a {
		/* width: 90%; */
		min-width: 312px;
		padding: 0 0 0 0px;
		font-size: 14px;
		line-height: 20px;
		/* left: 30px; */
	}
	div#listArticl190405 h1 span,
	div#detailArticl190405 h1 a span,	
	div#listArticl190405 h1 span.subCat {
		font-size: 24px;
	}
	div#detailArticl190405 h1 a span {
		/* font-size: 2.3rem; */
	}
	div#detailArticl190405 h1 a:before {
		/* top: 29%; */
		font-size: 25px;
	}
	/*記事レイアウト ------------- */
     #listArticl190405 .news_main dl dt,
     .re_under_right #recently190405 dl dt {
        max-width: 230px;
        width: 40%;
    }
    #listArticl190405 .news_main dl dd,
    .re_under_right #recently190405 dl dd {
        width: 55%;
        max-width: 250px;
        margin: 0 0 0 3%;
    }
    [id$="190405"] .tagSet a {
		padding: 2px 5px;
		margin: 0 5px 4px 0;
	}
   
}



/* -------------------------------------------------------------------
　ブラウザ　個別
------------------------------------------------------------------- */
/*
@-moz-document url-prefix() {
	.re_under_right #recently190405 dl dd {
			margin: 0 0 0 9px;
	}
	.re_under_right #recently190405 dl dd,
	ul.related_post li a:last-of-type {
		font-size: 0.75rem !important;
		line-height: 1.5em !important;
	}
}
*/
#listArticl190405 .news_main dl dd {
	width:274px\9;
}
[id*='Articl190405'] .tagSet a{
	line-height:28px\9;
}
#tags190405 .tagSet a {
	line-height:23px\9;
}

#listArticl190405 .news_main dl,.re_under_right #recently190405 dl {
	*overflow: hidden;
}
#listArticl190405 .news_main dl dt a img,
.re_under_right #recently190405 dl dt a img {
	*height: auto;
}
#listArticl190405 .news_main dl dt,.re_under_right #recently190405 dl dt {
	*float: left;
}
#listArticl190405 .news_main dl dd {
	*padding: 0 0 0 20px;
}

/* popupサイズ調整　240518 */
@media screen and (max-width: 767px) {
	.fancybox-opened,
	.fancybox-opened .fancybox-skin,
	.fancybox-opened .fancybox-skin .fancybox-inner	{
		width: auto !important;
		height: auto !important;
	}
	.fancybox-opened	{
		left: 50% !important;
		transform: translateX(-50%) !important;
		-webkit-transform: translateX(-50%) !important;
		-ms-transform: translateX(-50%) !important;
	}
}