@charset "UTF-8";
@font-face { 
font-family:'font_1_honokamarugo_1.1'; 
src:url('../font/font_1_honokamarugo_1.1.eot'); /* IE9以上用 */
src:url('../font/font_1_honokamarugo_1.1.eot?#iefix') format('embedded-opentype'), /* IE8以前用 */
	url('../font/font_1_honokamarugo_1.1.woff') format('woff'), /* モダンブラウザ用 */
	url('../font/font_1_honokamarugo_1.1.ttf') format('truetype'); /* iOS, Android用 */
}

*{ margin:0px; padding:0px; border:none; font-family:"font_1_honokamarugo_1.1"; -webkit-text-size-adjust:100%; font-size:14px; box-sizing:border-box; }
html{ text-align:center; color:#000; }
body{ text-a:center; }

a{ outline:none; text-decoration:none; }
ul{ list-style:none; }
p.clear{ clear:both; }

a img{ -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
a img:hover{ opacity:0.7; filter:alpha(opacity=70); }

.waku{ position:relative; max-width:1100px; margin:0px auto; z-index:0; }
.waku1200{ max-width:1500px; margin:0px auto; }
div.responsivebg{ position:relative; width:auto; max-width:1026px; padding:50px 0px; margin:0px auto; z-index:0; }
div.responsive-l{ float:left; text-align:left; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
div.responsive-r{ float:left; text-align:left; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }

/*キャプション*/
h1.cap1{ color:#006934; text-shadow:0px 1px 5px #FFF; }
h1.cap2{ color:#FFF; text-shadow:0px 1px 4px #000; }

.topbg{ width:100%; background:url(../img/top.webp) no-repeat center; background-size:cover; }
.topbg .logo{}
.topbg .copy1{  width:100%; }
.topbg .copy11{ width:100%; }
.topbg .copy2{}
.topbg .copy31{ position:absolute; }
.topbg .copy32{ opacity:0.0; filter:alpha(opacity=000); }
.topbg .copy33{ position:absolute; }
.topbg .copy34{ opacity:0.0; filter:alpha(opacity=000); }

.topbg2{ width:100%; background:url(../img/top.webp) no-repeat center; background-size:cover; }
.topbg2 .logo{}
.topbg2 .copy1{ }
.topbg2 .copy11{ }
.topbg2 .copy2{}
.topbg2 .copy31{ position:absolute; }
.topbg2 .copy32{ opacity:0.0; filter:alpha(opacity=000); }
.topbg2 .copy33{ position:absolute; }
.topbg2 .copy34{ opacity:0.0; filter:alpha(opacity=000); }

/*今すぐお試し*/
.pricebg{ }
.pricebg img{}
.pricebg img.p1{}
.pricebg a{ position:relative; display:inline-block; }
.pricebg a img.p2{ position:absolute; left:0px; top:0px; width:100%; }
.pricebg a img.p22{ opacity:0.0; filter:alpha(opacity=000); width:100%; }
.pricebg a:hover img.p2{ left:-2%; top:-2%; width:104%; }

/*食物繊維*/
.retasubg{ width:100%; background:url(../img/retasubg.webp) center no-repeat; background-size:cover; }
.retasubg img{ position:absolute; }
.retasubg img.r1{}
.retasubg img.r2{}
.retasubg img.r3{}

/*だから太らない*/
.dakarabg{ width:100%; background:url(../img/dakara1.webp) center no-repeat; background-size:cover; }
.dakarabg img.da2{ max-width:800px; }
.dakarabg img.da22{ }
.dakarabg img.da3{ }
.dakarabg img.da4{ }

/*おいしい理由*/
.riyubgbg1{ width:100%; background:url(../img/riyubg.webp) no-repeat center top; background-size:cover; }
.riyubgbg2{ width:100%; background:url(../img/riyubg.webp) no-repeat center bottom; background-size:cover; }
.riyubgbg1 .riyubg{ background:url(../img/wgra1.webp) repeat-x center bottom; background-size:100% 300px; }
.riyubgbg2 .riyubg{ background:url(../img/wgra2.webp) repeat-x center top; background-size:100% 300px; }
.riyubg .waku{  }
.riyubg img.ri1{}
.riyubg img.ri2{}
.pr10{}
.pr11{}
.oimg{ background:url(../img/men1.webp) center top no-repeat; background-size:cover; }
.odet{ overflow:hidden; text-align:left; text-shadow:0px 0px 2px #000; color:#FFF; font-weight:bold; }

/*ゆきむつみの産地*/
.sanchibg1{ background:url(../img/yunitown.webp) center no-repeat; background-size:cover; }
.sanchibg2{}
.sanchibg3{}
.sanchibg{ background:url(../img/wgra1.webp) repeat-x center bottom; background-size:100% 300px; padding:50px 0px 0px; }

/*由仁町*/
.yuni1{ display:inline-block; text-shadow:0px 1px 2px #FFF; font-weight:bold; }
.yuni2bg{ display:inline-block; margin:0px auto; }
.yuni2{ }
.yuni2 img{ width:100%; margin-bottom:10px; text-shadow:0px 1px 2px #FFF; }
.yuni2 p{ text-shadow:0px 1px 2px #FFF; }
.yuni3{ display:inline-block; text-shadow:0px 1px 2px #FFF; font-weight:bold; margin-bottom:50px; }
/*生産者*/
.yuni4{}
.pNa{ }
.pNa span{ }
.yuni4 p{ font-weight:bold; color:#FFF; text-shadow:0px 0px 3px #000; }
.yuni5bg{ display:inline-block; margin:0px auto; }
.yuni5{ }
.yuni5 p{ color:#000; text-shadow:0px 1px 2px #FFF; font-weight:normal; }
.yuni5 img{ width:100%; margin-bottom:10px; text-shadow:0px 1px 2px #FFF; }
.yuni6{ }
.yuni6 p{ color:#FFF; text-shadow:0px 1px 3px #000; font-weight:bold; }
.yuni6 p span{ font-size:1.4em; color:red; text-shadow:0px 0px 2px #FFF; }
.yuni6 p.re{ color:red; text-shadow:0px 0px 3px #FFF; }

/*お客様の声*/
.customerbg{}
.customerbg .customer{ background:url(../img/bord.webp) center; margin-bottom:50px; }
.cus1{ background:#FFF; }
.cus2{ background:#603A1D; color:#FFF; font-weight:bold; font-family:Meiryo UI, arial, sans-serif; }
.cu{}
.cu1{}
.cu2{}
.cu3{}
.cu4{}
.cu5{}
.cu6{}

/*美味しい炊き方*/
.takibgbg{ background:url(../img/taki1.webp) top center no-repeat; }
.takibg{ background:url(../img/wgra1.webp) repeat-x center bottom; background-size:100% 200px; padding:50px 0px 0px; }
.taki1{}
.taki2{}
.taki22{ opacity:0.0; filter:alpha(opacity=000); }
.taki3{ text-align:left; }
.taki4{ text-align:left; }
.taki5{ text-align:left; }
img.st{ }
img.de{ width:100%; margin:10px 0px; }
p.mi{ font-weight:bold; }
p.se{}

.taki222{ }
.taki33{ text-align:left; margin-bottom:5%; }
img.stt{ float:left; width:20%; margin-right:10px; }
img.dee{ float:left; margin-right:2.5%; width:30%; }
div.see{ display:block; overflow:hidden; font-size:13px; line-height:18px; text-shadow:0px 1px 2px #FFF; }
p.mii{ font-weight:bold; color:#000; text-shadow:none; font-size:15px; margin-bottom:5px; }


/*レシピ*/
.rec1{ }
.rimg{ background:url(../img/recipe2.webp) top center no-repeat; background-size:cover; }
.rdet{ overflow:hidden; text-align:left;  }
.rec3{ cursor:pointer; }
.rec3:hover{ opacity:0.7; filter:alpha(opacity=070); }
.rec3 img{ width:100%; margin-bottom:5px; }
.rec4{ cursor:pointer; }
.rec4:hover{ opacity:0.7; filter:alpha(opacity=070); }
.rec4 img{ width:100%; margin-bottom:5px; }
.rec5{ cursor:pointer; }
.rec5:hover{ opacity:0.7; filter:alpha(opacity=070); }
.rec5 img{ width:100%; margin-bottom:5px; }

p.tsu1{ font-weight:bold; text-align:center; }
p.tsu2{ font-weight:bold; text-align:center; }
.rec-l{ text-align:left; }
.rec-l img{ width:100%; }
.rec-l table{ width:100%; background:#FFF; }
.rec-l table td{ width:50%; padding:3px 5px; }
.rec-l table td.bu{ background:#416DB4; color:#FFF; }
.rec-l table td.w1{ background:#CDD3E8; }
.rec-l table td.w2{ background:#E8EAF5; }
.rec-r{ text-align:left; }
.rec-r ul{ list-style:decimal outside; padding-left:15px; }
.rec-r ul li{ }
.rec-r img.ju1{ }
.rec-r img.ju2{ }
.rec-r .setsu{ }

/*dl*/
dl.standard{ width:auto; }
dl.standard dt, dl.standard dd{ padding:3px 0px;  }
dl.standard dt{ float:left; clear:both; border-bottom:1px dotted #FFF; font-weight:bold; font-size:12px; }
dl.standard dd{ border-bottom:1px dotted #bbb; word-break: break-all; font-size:13px; }
dl.standard dd:after { content:" "; display:block; clear:both; height:0px; }
dl.standard a{ color:#000; }
dl.standard a:hover{ color:#E2750F; }

/*会社案内*/
h4.tcom{ margin-top:50px; }
h5.tcom{ margin-bottom:10px; font-weight:normal; }
h5.tcom span{ font-weight:normal; }
div.greeting{ margin-bottom:50px; text-align:justify; text-justify:inter-ideograph; }
div.greeting p{ text-align:right; margin-top:15px; }
div.combg{ }
.combg.las{ }
div.com{ box-sizing:border-box; }
div.com a{ color:#000; background-position:center right; background-repeat:no-repeat; background-size:contain; padding-right:20px; }
div.com a.li{ background-image:url(../img/ic-link.webp); }
div.com a.ma{ background-image:url(../img/ic-mail.webp); }
div.com a.ad{ background-image:url(../img/icon-map.webp); }
div.com a:hover{ color:#396; text-decoration:underline; }
div.com1{ text-align:left; background:#f0f0f0; font-weight:bold; vertical-align:middle; }
div.com1 span{ display:inline-block; padding:0px 5px; margin-left:5px; color:#fff; background:#066; font-weight:normal; font-size:0.7em; }
div.com2{ text-align:left; color:#000; }
div.com2 img{ }
div.com2 div{ color:#000; }
div.com2 span{ font-size:0.8em; color:#888; }
div.com2 span span{ font-size:1em; }
div.com21{ text-align:justify; text-justify:inter-ideograph; }
p.com{ clear:both; border-bottom:1px dotted #888; }

/*ボタン*/
div.cbtn{ background:#F19691; color:#FFF; width:150px; margin:25px auto 0px; height:35px; cursor:pointer; text-align:center; -webkit-border-radius:24px; -moz-border-radius:24px; border-radius:24px; box-shadow:0px 2px 5px #777; font-size:0.8em; text-shadow:0px 1px 2px #555; cursor:pointer; white-space:nowrap; overflow:hidden; }
div.cbtn div{ background:url(../img/btn-r.webp) right center no-repeat; line-height:35px; height:35px; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
div.cbtn:hover { box-shadow:0px 2px 9px #555; text-shadow:0px 0px 5px #FFF; }
div.cbtn:hover div{ }

/*お問い合わせ*/
img.navi{ width:100%; max-width:500px; margin-bottom:10px; }
p.c11{ text-align:left; line-height:30px; font-size:0.9em; font-weight:bold; color:#000; }
p.c11 span{ font-size:0.8em; font-weight:normal; color:#00A29A; padding-left:15px; }
p.c22{ text-align:left; }
p.cka{ font-size:0.9em; margin:15px 0px; line-height:20px; }
div.c22{  }
p.c33{ line-height:20px; text-align:left; margin:0px auto; margin-bottom:5px; font-size:0.7em; color:#666; }

.txt{ box-sizing:border-box; width:100%; padding:5px; background-color:transparent; border:1px solid #bbb; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.txt:focus{ border:1px solid #00A29A; box-shadow:0px 1px 5px #bbb; }
.txt:hover{ box-shadow:0px 1px 5px #bbb; }
.txt30{ box-sizing:border-box; padding:5px; background-color:transparent; border:1px solid #bbb; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.txt30:focus{ border:1px solid #00A29A; box-shadow:0px 1px 5px #bbb; }
.txt30:hover{ box-shadow:0px 1px 5px #bbb; }
.txt100{ box-sizing:border-box; width:100px; padding:5px; background-color:transparent; border:1px solid #bbb; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.txt100:focus{ border:1px solid #00A29A; box-shadow:0px 1px 5px #bbb; }
.txt100:hover{ box-shadow:0px 1px 5px #bbb; }

.cob,.icob{ box-sizing:border-box; padding:5px; background-color:transparent; border:1px solid #bbb; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.cob:focus,.icob:focus{ border:1px solid #00A29A; box-shadow:0px 1px 5px #bbb; }
.cob:hover,.icob:hover{ box-shadow:0px 1px 5px #bbb; }

.ckugiri{ margin:15px 0px; border-bottom:1px dotted #777; }

label{ cursor:pointer; padding-left:5px; margin-right:5px; color:#666; }

div#sendmail{ display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; background-image:url(../img/w50.webp); z-index:10000; }
div#sendmail div{ width:100%; height:100%; background:url(../img/sendmail.webp) center no-repeat; }

p.dmsg{ font-size:0.7em; text-align:center; }
p.dmsg span{ font-weight:bold; }
p.ccap{ font-size:0.9em; text-align:center; margin:15px 0px; color:#00A29A; }
div#jouken{ border:1px solid #bbb; padding:10px; width:auto; height:180px; overflow:auto; color:#666; margin:25px 0px 0px; line-height:15px; text-align:left; font-size:12px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
div#jouken p.cap1{ font-weight:bold; margin-top:20px; }
div#jouken p.cap11{ font-weight:bold; margin-top:0px; margin-bottom:10px; }
div#jouken p{ color:#666; font-size:0.9em; }
div#jouken a{ color:#666; font-size:0.9em; }
div#jouken  a:hover{ color:#888; }
p.kanryo{ font-size:0.8em; line-height:25px; text-align:center; }

#okihaibtn { -webkit-appearance:none;-moz-appearance:none; background:#900; font-weight:bold; color:#FFF; width:300px; height:81px; margin:0px 5px 0px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }

.btn{}
.btn:hover{ box-shadow:0px 1px 7px #777; }
.btn.bl{ color:#FFF; background:#6CC; }
.btn.re{ color:#FFF; background:#900; }

/*フッター*/
.foot{ margin-top:25px; }
.foot img.flogo{ }
.foot img.ftel{  }
.foot p.fadd{ text-align:left; }
.foot p.fadd a{ color:#000; font-size:1em; }
.foot p.fadd a:hover{ text-decoration:underline; }
.foot p.fcopy{ margin-top:25px; color:#555; font-size:10px; line-height:20px; padding-bottom:10px; }

#mconbg{ position:fixed; left:0px; bottom:0px; background:url(../img/w50.webp); height:0px; width:100%; overflow:hidden; box-shadow:0px 0px 10px #555; z-index:700; }
#mconbg .web{ float:left; margin-top:5px; margin-bottom:5px; }
#mconbg .tel{ float:left; margin-top:5px; margin-bottom:5px; }

#mconbg2{ opacity:0.0; filter:alpha(opacity=000);  }
#mconbg2 .web{ float:left; margin-top:5px; margin-bottom:5px; }
#mconbg2 .tel{ float:left; margin-top:5px; margin-bottom:5px; }

a#pagetop{ bottom:25px; right:25px; position:fixed; width:80px; z-index:900; background:url(../img/pagetop.webp) center bottom no-repeat; background-size:contain; }