@charset "UTF-8";
@media screen and (max-width: 768px){

.waku{ min-width:auto; padding:0px 2.5%; }
.waku1000{ min-width:auto; padding:0px 2.5%; }
.waku1200{ min-width:auto; padding:0px 2.5%; }

.left{ display:none; }
.right{ width:100%; }
p.right-t{ display:block; }
div.right-t{ display:block; }
.cleft{ width:100%; padding-bottom:50px; }
.cright{ width:100%; }
.clcap{ display:block; }
.crcap{ display:none; }
img.zen{ display:block; }

.pts{ font-size:13px; line-height:18px; }
.pts1{ font-size:12px; }
.pts2{ font-size:11px; }
.pts3{ font-size:10px; }
.pts4{ font-size:16px; }
.pts5{ font-size:40px; }
.pts6{ font-size:35px; }
.pts7{ font-size:15px; }
.pts8{ font-size:14px; }
.pts9{ font-size:22px; }

/*メニュー*/
div#menubg{ height:70px; }
div#menubg ul{ padding-top:0px; }
div#menubg ul li{  }
div#menubg ul li.ho{ margin-right:0px; margin-top:10px; }
div#menubg ul li.ho a img{ width:200px; }
div#menubg ul li.lm{ display:none; }
div#menubg ul li img{ }
div#menubg ul li.sm{ display:inline-block; margin-top:15px; margin-left:10px; }
div#menubg ul li.sm a div p.c4{ font-size:11px; line-height:11px; }

ol{ margin-top:70px;}
ol li{ font-size:10px; }
ol li a{ font-size:10px; }

div#pagebg{ height:150px; }

/*トップスライドショー*/
div#openingbg{ min-width:auto; height:400px; margin:0px auto; }
div#openwaku{ background-size:80%; } 

div#thumbBtnbg{ bottom:40px; }
ul#thumbBtn{ height:6px;}
ul#thumbBtn li{ margin-left:5px; width:28px; height:6px; }

.copy1{ display:none; }
.copy2{ display:inline-block; }

/*新着情報*/
div.tinfo{ }
div.tinfo a{ }
div.tinfo a p{ overflow:hidden; white-space:nowrap; padding:10px; }

/*トップスライドショー*/
.simg{ background-size:50%; }

/*トップAbout*/
div.aboutbg{ margin-top:50px; }
div.aboutbg img.tx{ width:80%; }
div.aboutbg img.im{ width:60%; }
div.aboutbg a{ line-height:40px; padding:0px 30px; }

/*キャプション*/
h1.t-cap1{ font-size:28px; line-height:40px; }
h2.t-cap2{ font-size:14px; padding:0px 15px; }

/*pageview*/
ul.pageview{ clear:both; padding:5px 0px; font-size:12px; }
ul.pageview li{ line-height:28px; margin:2.5px; }
ul.pageview li a{ width:28px; height:28px; line-height:28px; -webkit-border-radius:14px; -moz-border-radius:14px; border-radius:14px; }

/*お客様の声*/
div.cusbg{ background-size:13%; margin-bottom:25px; }
.cusbg.cl{ padding-left:15%; }
.cusbg.cr{ padding-right:15%; }

.cus{ padding:2%; }
.cus .da{ margin-bottom:10px; padding-bottom:10px; }
.cus .na{ }

.cus .fu{ top:35px; width:25px; padding-top:15px; }
.cl .fu{ left:-25px; }
.cr .fu{ right:-25px; }

/*会社案内*/
h1.c-cap{ font-size:40px; }
h1.c-cap span{ margin-left:15px; }
h2.c-sub{ font-size:16px; margin-bottom:25px; }
h2.c-sub span{ display: inline-block; width:20px; }
h4.tcom{ font-size:18px; text-align:center; line-height:45px; }
h5.tcom span{ font-size:12px; text-align:center; display:inline; }
div.greeting{ font-size:13px; }
div.greeting p img{ width:150px; }
div.combg{ display:table; width:100%; border:1px solid #555; border-bottom:none; }
.combg.las{ border-bottom:1px solid #555; }
div.com{ display:table-cell; padding:2.5%; }
div.com,div.com p,div.com a{ font-size:13px; }
div.com1{ width:25%; border-right:1px solid #555; border-bottom:none; }
div.com2{ width:75%; }
div.com2 img{ float:left; margin-right:15px; margin-bottom:10px; width:70%; }
div.com2 img.rcom{ float:right; margin-left:15px; margin-right:0px; border-bottom:10px; width:35%; } 
div.com2 div{ width:100%; clear:both; }
div.access{ height:300px; }

div.about-flow{  }
div.about-flow .con{ background-size:90%; padding-top:30%; }
div.about-flow .con-l{ padding-right:20%; background-position:right top; }
div.about-flow .con-r{ padding-left:20%; background-position:left top; }
div.about-flow .con .wbg{ width:auto; margin:0px; padding:25px; background:url(../img/about-w50.png); box-shadow:0px 0px 5px #000; }
div.about-flow .con .wbg h1.cap{ font-size:24px; background-size:26px; line-height:29px; padding-left:0px; }
div.about-flow .con .wbg p.det{ }
div.about-flow .con .wbg a.btn{ height:45px; line-height:45px; width:250px; margin:0px; background-size:12px; }

div#map{ height:350px; margin:25px 0px; }

div.f-left p.ad{}
div.f-left p.ad a{ background-size:14px; padding-right:20px; line-height:24px; }
div.f-left p.ad br{ display:none; }

p.mwh{ max-width:610px; }
div.aboutopbg-r{ height:150px; }
div#aboutmainbg-r{ }
div#aboutmainbg-r div.sec2a-r{ }
div#aboutmainbg-r div.sec2a-r div.sec2b-r{ text-align:center; }
div#aboutmainbg-r div.sec2a-r div.sec2b-r p{ }
div#aboutmainbg-r div.sec2a-r div.sec2b-r p.second{ margin-top:0px; }
div#aboutmainbg-r div.sec3a-r div.sec3b-r{ }

h1.cap3{ font-size:14px; background-size:100% 5px; padding:0px 7px; margin-bottom:25px; }
h1.cap4{ font-size:35px; background-size:100% 5px; padding:0px 7px; margin-bottom:5px; }
h2.capxx{ font-size:11px; padding:0px 7px; }
h1.asoh1{ margin:10px auto 25px; }
div.aso-det{ text-align:center; }

.doci{ float:left; width:100%; margin:0px 0px 25px; }
.doci img.img1{ display:none; }
.doci img.img2{ display:inline-block; width:65%; margin:0px auto; }

.ceo-l1{ display:none; }
.ceo-l2{ display:inline-block; float:none; margin:15px 15%; width:70%; }
.ceo-r{ overflow:hidden; width:100%; }

ul.pmenu{ }
ul.pmenu li{ width:33.3333%; }
ul.pmenu li.c1{}
ul.pmenu li.c2{}
ul.pmenu li.c3{}
ul.pmenu li a{ line-height:35px; padding:0px 20px 0px 0px; text-align:center; }
ul.pmenu li a span{ top:0px; right:10px; font-size:0.5em; line-height:35px; }
ul.pmenu li a:hover{ }
ul.pmenu li a:hover span{ }

/*写真一覧*/
.res32{ width:32% }
.res32.c1{ margin:0px 0px 2%; }
.res32.c2{ margin:0px 2% 2%; }
.res32.c3{ margin:0px 0px 2%; }
.res32.c1 div.imgbg{ box-shadow:-10px 10px 10px #888; }
.res32.c2 div.imgbg{ box-shadow:0px 10px 10px #888; }
.res32.c3 div.imgbg{ box-shadow:10px 10px 10px #888; }

/*あいさつ文*/
.c-left{ float:left; width:70%; padding-top:43%; }
.c-right{ width:100%; padding-left:0px; padding-top:45px; }

/*Google*/
div#map{ height:400px; }

/* お知らせ・ブログ */
.mcap{ font-size:20px; padding:10px; }

.info-l{ width:100%; }
.info-r{ width:100%; margin-left:0%; margin-top:50px; }

/*商品一覧*/
div.codbg{ float:left; width:33%; text-align:center; }
div.codbg div.img{ background-size:97%; }
div.codbg:hover div.img{ background-size:100%; }
div.codbg p{ font-size:15px; }
div.codbg p.ar{ font-size:0.8em; }
div.codbg p.ca{ font-size:12px; }
div.codbg p.na{ font-size:14px; }
div.codbg p.pr{ font-size:14px; }

div.gyomubg .img{ float:left; width:35%; padding-top:40%; margin-right:; background-size:contain; }
div.gyomubg .img1{ float:left; width:35%; padding-top:48%; margin-right:; background-size:contain; }
div.gyomubg .det{ padding-top:5px;}
div.gyomubg .det p span.chs{ font-size:16px; }


/*一覧・詳細共通*/
div.popbg{ text-align:center; height:34px; padding:15px 0px; }
div.popbg div{  min-width:50px; display:inline-block; width:70px; margin:0px 2px 2px; font-size:10px; line-height:16px; }
div.popbg div.ku1{}
div.popbg div.ku2{}
div.popbg div.ku3{}
div.popbg div.ku4{}

/*商品詳細*/
div.ccap p.ar{ font-size:15px; }
div.ccap p.pd{ font-size:15px; }
div.ccap p.da{ font-size:20px; }
div.ccap p.ca{ font-size:15px; }
div.ccap p.pr{ font-size:20px; }
div.ccap p.na{ font-size:15px; margin-top:25px; }

/*マイページ*/
h2.mycap{ font-size:15px; line-height:21px; }
h2.mycap span{ height:17px; }
h2.mycap img{ width:22px; top:5px; right:5px; }

h2.okicap{ font-size:16px; line-height:40px; padding-left:115px; }
h2.okicap span{ line-height:40px; font-size:13px; }
h2.okicap a{ line-height:40px; font-size:13px; }
h2.okicap img{ width:115px; left:-10px; top:-20px; }

/*カートの中身*/
div.cartbg{ display:table; }
div.cartbg div.img{ display:table-cell; vertical-align:top; width:25%; }
div.cartbg div.det{ display:table-cell; vertical-align:middle; width:75%; padding:0px 0px 0px 2.5%; }
div.cartbg div.det p.lcr{ text-align:center; font-size:13px; }
div.cartbg div.det span.cap{ display:inline; }
div.cartbg div.det p.ar{ font-size:12px; }
div.cartbg div.det p.pd{ font-size:12px; }
div.cartbg div.det p.da{ font-size:14px; margin-bottom:10px }
div.cartbg div.det p.na{ font-size:11px; margin-bottom:10px; }
div.cartbg div.pri { display:table-cell; width:40%; }
div.cartbg div.pri1{ display:block; width:100%; background:#eee; padding:10px; text-align:center; }
div.cartbg div.pri2{ display:none; width:40%; }

/*アーカイブ*/
.archives li{ width:50%; }

/*サービス*/
.serbg{ }
.serbg .img{ float:left; margin-right:5%; width:30%; padding-bottom:16.875%; margin-bottom:0px; }
.serbg .det{ width:auto; }
.serbg .det h3{ margin-bottom:15px; }

.worbg{ }
.worbg.las{ }
.worbg ul{ }
.worbg ul li{ width:30%; padding-top:30%; margin-right:2%; margin-bottom:2%; }

ul.tcop{ }
ul.tcop li{ float:left; width:32%; }
ul.tcop li.t1{ margin:0px 0px 2%; }
ul.tcop li.t2{ margin:0px 2% 2%; }
ul.tcop li.t3{ margin:0px 0px 2% ; }
ul.tcop li.t4{ margin:0px 0px 2%; }
ul.tcop li.t5{ margin:0px 2% 2%; }
ul.tcop li.t6{ margin:0px 0px 2%; }
ul.tcop li.t7{ margin:0px 0px 2%; }
ul.tcop li.t8{ margin:0px 2% 2%; }
ul.tcop li.t9{ margin:0px 0px 2%; }

/*お問い合わせ*/
.txt30{ width:250px; }
.cob{ width:85px; }

div.c1122bg{ border-left:6px solid #036EB8; display:block; padding:5px 0px 5px 2.5%; }
div.c1122bg div.c11{ display:block; width:100%; padding-bottom:5px; }
div.c1122bg div.c11 span{ }
div.c1122bg div.c22{ display:block; width:100%; }
div.c1122bg div.c22 p{  }
div.c1122bg div.c22 div.img{ width:200px; padding-top:96px; margin-right:2.5%; }

.btn{ line-height:45px; width:250px; height:45px; }
.btn.gr{ margin:0px 3px 5px; }
.btn.br{ margin:5px 3px 0px; }

/*レシピ*/
.Rbg{ float:left; width:48.75%; }
.Rbg p{ }
.Rbg div.img{ float:none; width:100%; padding-top:56.25%; }
.Rbg div.det{ width:100%; }
.Rbr2{ display:block; }
.Rbr3{ display:none; }
.Rbg.r1{ margin:0px 0px 25px; }
.Rbg.r2{ margin:0px 0px 25px 2.5%; }
.Rbg.r3{ margin:0px 0px 25px; }
.Rbg.r4{ margin:0px 0px 25px 2.5%; }
.Rbg.r5{ margin:0px 0px 25px; }
.Rbg.r6{ margin:0px 0px 25px 2.5%; }
.Rbg.r7{ margin:0px 0px 25px; }
.Rbg.r8{ margin:0px 0px 25px 2.5%; }
.Rbg.r9{ margin:0px 0px 25px; }


/*PREV_NEXT*/
div#prevback{ }
div#prevback ul li{ line-height:50px; height:50px; }
div#prevback ul li a{ line-height:50px; height:50px; }
div#prevback ul li div.ppi{ float:left; width:50px; padding-top:50px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; }
div#prevback ul li div.nni{ float:right; width:50px;padding-top:50px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; }
div#prevback ul li div.ppf{ line-height:50px; height:50px;  }
div#prevback ul li div.nnf{ line-height:50px; height:50px;  }

/*マイページ*/
div.mypagebg{ float:none; width:100%; }
div.mypagebg span{ top:10px; right:100%; margin-right:-100px; }
div.mypagebg div.myl{ float:left; margin-right:15px; width:100px; }
div.mypagebg div.myl h2{ display:none; }
div.mypagebg div.myl img{ width:50px; margin:5px auto; }
div.mypagebg div.myr{ overflow:hidden; font-size:13px; text-align:left; }
div.mypagebg div.myr h2{ display:block; }
.mypagebg.c1{ margin:0px;}
.mypagebg.c2{ margin:25px 0px 0px; }
.mypagebg.c3{ margin:25px 0px 0px; }
.mypagebg.c4{ margin:25px 0px 0px; }
.mypagebg.c5{ margin:25px 0px 0px; }
.mypagebg.c6{ margin:25px 0px 0px; }
.mypagebg.c7{ margin:25px 0px 0px; }
.mypagebg.c11{ width:100%; margin:0px; }
.mypagebg.c22{ width:100%; margin:5% 0px 0px; }
p.my2{ display:none; }
p.my3{ display:block; }

/*ご利用ガイド*/
div.g321bg{ width:47.5%; }
.g321bg.g1{ margin:0px 0px 25px; }
.g321bg.g2{ margin:0px 0px 25px 5%; }
.g321bg.g3{ margin:0px 0px 25px; }
.g321bg.g4{ margin:0px 0px 25px 5%; }
.g321bg.g5{ margin:0px 0px 25px; }
.g321bg.g6{ margin:0px 0px 25px 5%; }
div.g321bg p.cap{ margin-bottom:15px; }
div.g321bg p.cap a{ font-size:18px; padding-left:25px; background-size:23px; }
div.g321bg p.sub a{ font-size:14px; }
div.g321bg p.sub{  }
div.g321bg p.damy{ border-bottom:none; }
div.g321bg p.sub a:hover{ }
p.kg2{ display:block; }
p.kg3{ display:none; }

h2.gcap{ font-size:16px; }
p.gsub{ font-size:14px; }
img.gl{ float:none; margin:15px auto 15px; width:80%; }
div.gr{ overflow:hidden; font-size:14px; }
p.kugiri{ margin:25px 0px; }

/*よくある質問*/
img.ss{ max-width:200px; }
img.sl{ float:left; }
img.sm{ margin-left:10px; }


/*フッター*/
div.footbg{ }
div.f-left{ float:none; width:100%; text-align:center; }
div.f-left a.ho{ width:250px; margin-bottom:25px; }
div.f-left p.ad{}
div.f-left p.ad a{ background-size:14px; padding-right:20px; line-height:24px; }
div.f-left p.ad br{ display:none; }
div.f-left{ position:relative; }
div.f-right{ float:none; width:100%; } 

ul.fmenu{ margin-top:15px; padding-top:15px; border-top:1px solid #CCC; }
ul.fmenu li{ text-align:left; width:33.33333%; float:left; }
ul.fmenu li a{ padding-left:15px; line-height:22px; }
ul.fmenu li a:hover{  }

p.copy{ line-height:40px; margin-top:0px; text-align:center; }
}