@charset "UTF-8";

*{ margin:0px; padding:0px; border:none; box-sizing:border-box; font-family:Meiryo UI, "メイリオ", arial, sans-serif; font-size:14px; }
html{ text-align:center; height:100%; color:#000; background:url(../img/bg.jpg) center no-repeat fixed; background-size:cover; }
body{ text-a:center; width:100%; }

a{ outline:none; text-decoration:none; font-size:1em; }
span{ font-size:1em; }
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); }

a.lnk{ color:#666; }
a.lnk:hover{ text-decoration:underline; color:#195385; }

.waku{ position:relative; width:100%; max-width:1100px; margin:0px auto; z-index:1; }
.waku1200{ position:relative; width:100%; max-width:1200px; margin:0px auto; z-index:1; }

.left{ float:left; text-align:left; }
.right{ float:right; text-align:left; }
p.right-t{ text-align:center; font-weight:bold; color:#555; }
div.right-t{ text-align:center; background:#E4DEC7; margin:5px auto 25px; padding:10px; font-weight:bold; color:#555; font-size:14px; }
.cleft{ float:left; text-align:left; }
.cright{ float:right; text-align:left; }
img.zen{ display:none; }

/*メニュー*/
div#menubg{ background-size:cover; width:100%; }
div#menubg { height:100%; }
div#menubg ul{ width:100%; height:100%; }
div#menubg ul li{ position:relative; float:right; }
div#menubg ul li a{ -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#menubg ul li a.act{ }
div#menubg ul li a.non{ }
div#menubg ul li a.non:hover{ }
div#menubg ul li.ho{ float:left; }
div#menubg ul li.ho a{ }
div#menubg ul li.ho a img{ }
div#menubg ul li.lm{ }
div#menubg ul li.lm a{ }
div#menubg ul li.sm{ float:right; }
div#menubg ul li.sm a div{ display:inline-block; width:28px; cursor:pointer; color:#000; text-align:center; margin-top:4px; }
div#menubg ul li.sm a div p{ margin:0px auto; }
div#menubg ul li.sm a div p.c1{ border-bottom:3px solid #036EB8; }
div#menubg ul li.sm a div p.c2{ border-bottom:3px solid #036EB8; margin:5px 0px; }
div#menubg ul li.sm a div p.c3{ border-bottom:3px solid #036EB8; margin-bottom:3px; }
div#menubg ul li.sm a div p.c4{ color:#036EB8; font-weight:normal; }
div#menubg ul li.sm a:hover div{ color:#555; }

/* ドロップダウンメニュー */
ul#dmenu{ position:fixed; left:50%; top:5%; width:0px; height:0%; padding:0px; overflow:auto; width:100%; z-index:2000; background:url(../img/w80.png) center; opacity:0.0; filter:alpha(opacity=000); overflow:hidden; }
ul#dmenu li{ width:auto; text-align:left; background:#036EB8; color:#FFF; margin:0px 5% 5px; }
ul#dmenu li:hover{ box-shadow:0px 0px 9px #2E4940; }
ul#dmenu li.las{ }
ul#dmenu li a{ font-family:'dejima-mincho-r227'; display:block; line-height:40px; }
ul#dmenu a{ color:#FFF; text-align:center; white-space:nowrap; font-weight:bold; overflow:hidden; font-size:17px; -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; }
ul#dmenu a.ho{ }
ul#dmenu a.te{ font-size:25px; display:block; line-height:40px; margin:35px auto; color:#f9f1bc; }
ul#dmenu a.te:hover{ text-shadow:0px 0px 7px #f9f1bc; }
ul#dmenu a.cl{ color:#036EB8; font-size:25px; display:block; line-height:40px; font-weight:bold; margin-top:15px; }
ul#dmenu a.cl:hover{ text-shadow:0px 0px 5px #036EB8; }
a.sns{ margin:0px 5px; }
a.sns img{ width:40px; }

/*トップスライドショー*/
div#openingbg{ position:relative; width:100%; text-align:center; max-width:1500px; z-index:0; }
ul#view { position:absolute; top:0px; left:0px; width:100%; height:100%; margin:0px auto; }
ul#view li{ position:absolute; width:100%; height:100%; text-align:center; background:center no-repeat; background-size:cover; z-index:0; overflow:hidden; z-index:0; }
ul#view li div.bg{ width:100%; text-align:center; }
div#openwaku{ position:relative; width:100%; height:100%; background:url(../img/tsujigroup.png) center no-repeat; z-index:1; }

div#thumbBtnbg{ position:absolute; left:0px; width:100%; height:0px; text-align:center; z-index:500; }
ul#thumbBtn{ width:auto; max-width:1200px; margin:0px auto; text-align:center; background:url(../img/thumbBtnbg.png) center bottom no-repeat; }
ul#thumbBtn li{ background:#888; position:relative; cursor:pointer; overflow:hidden; direction:-moz-inline-box; display:inline-block; z-index:500; }
ul#thumbBtn li:hover{ background:#555; }
ul#thumbBtn li.active{ background:#036EB8; }

/*ページルート*/
div#olbg{ width:100%; text-align:center; margin-bottom:0px; }
ol{ list-style:none; height:24px; overflow:hidden; }
ol li{ float:left; height:24px; line-height:24px; color:#000; }
ol li.home{ padding-left:17px; background:url(../img/home.png) left center no-repeat; background-size:12px; }
ol li.back{ float:right; padding-left:15px; background:url(../img/yaji-b.png) left center no-repeat; background-size:12px; }
ol li.yaji{ padding-left:15px; margin-left:5px; background:url(../img/yaji.png) left center no-repeat; background-size:12px; }
ol li a{ line-height:24px; color:#555; font-size:11px; }
ol li a:hover{ color:#333; }

div#pagebg{ background-image:url(../img/pagebg.png); background-position:center; }

/*新着情報*/
div.tinfo{ border-top:1px solid #666; }
div.tinfo a{ }
div.tinfo a p{ color:#000; border-bottom:1px solid #666; text-align:left; }
div.tinfo a:hover p{ text-decoration:underline; color:#036EB8; background:url(../img/w50.png); box-shadow:0px 0px 20px #999;  }

ul.tcop{ width:100%; }
ul.tcop li{}
ul.tcop li img{ width:100%; }
ul.tcop li:hover img{ width:100%; box-shadow:0px 0px 20px #036EB8; opacity:1.0; filter:alpha(opacity=100); }
ul.tcop li.t1{}
ul.tcop li.t2{}
ul.tcop li.t3{}
ul.tcop li.t4{}

/*トップスライドショー*/
.simg{ width:100%; padding-top:56.25%; background-position:center; background-repeat:no-repeat; background-color:transparent; }
.sbg{ font-family:'logtypegCondense'; text-align:left; padding:5px; }

/*トップAbout*/
div.aboutbg{ background:url(../img/washi.png) center; padding:50px 0px; }
div.aboutbg img.tx{ margin-top:25px; }
div.aboutbg img.im{ margin-bottom:25px; }
div.aboutbg a{ font-family:'dejima-mincho-r227'; background:url(../img/b100.png); color:#FFF; display:inline-block; margin-top:25px; border-radius:5px; }
div.aboutbg a:hover{ box-shadow:0px 0px 3px #555; text-shadow:0px 0px 3px #FFF; }

/*キャプション*/
h1.t-cap1{}
h2.t-cap2{ color:#195385; border-top:2px dotted #195385; display:inline-block; margin:0px auto; }

/*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; }

/*商品一覧*/
ul.cat{ padding:10px; box-sizing:border-box; margin-bottom:10px; background:#E4DEC7; }
ul.cat p{ font-weight:bold; line-height:40px; font-size:15px; color:#555; }
ul.cat h1{ font-weight:bold; font-size:15px; color:#555; }
ul.cat h2{ font-weight:bold; line-height:40px;  font-size:18px; color:#000; }
ul.cat h3{ font-weight:bold; font-size:15px; color:#555; }
ul.cat h4{ font-weight:bold; font-size:15px; color:#555; margin-bottom:10px; }
ul.cat h4 span{ font-size:18px; color:red; }
ul.cat li{ background:#FFF; margin-bottom:3px; padding:0px 5px; }
ul.cat li.oki{ background:#FFF; margin-bottom:5px; padding:0px; }
ul.cat li a{ color:#000; line-height:50px; padding-right:20px; box-sizing:border-box; display:block; background:right center no-repeat; background-size:10px; }
ul.cat li a{ color:#000; line-height:50px; padding-right:20px; box-sizing:border-box; display:block; background:right center no-repeat; background-size:10px; }
ul.cat li.act { background-color:#78674E; }
ul.cat li.non { background-color:#FFF; }
ul.cat li.act a{ background-image:url(../img/fmenu-y.png); color:#FFF; }
ul.cat li.non a{ background-image:url(../img/fmenu-b.png); }
ul.cat li.non:hover { background-color:#e5e5e5; }
ul.cat li.oki a{ background:#FFF; padding:5px; }

ul.cat li.sub { background-color:#f3f3f3; }
ul.cat li.sub a{ line-height:15px; font-size:0.8em; padding:8px 0px; color:#663; }
ul.cat li.sub a:hover{ text-decoration:underline; }

div.codbg{ float:left; margin-bottom:25px; }
div.codbg:hover{ background:; box-shadow:0px 2px 15px #ddd; }
div.codbg div.popbg{ width:100%; height:40px; overflow:hidden; }
div.codbg div img{ float:left; width:30%; }
div.codbg div.img{ position:relative; background:center no-repeat; width:100%; padding-top:75%; -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.codbg div.img img.size{ position:absolute; right:0px; bottom:-5%; width:20%; }
div.codbg div.img img.kiwami{ position:absolute; right:0px; top:5%; width:30%; }
div.codbg div.img img.kiwami1{ position:absolute; right:0%; margin-left:-0%; top:5%; width:40%; }
div.codbg div.img img.bu47{ position:absolute; right:0px; bottom:0%; width:40%; }
div.codbg div.img img.pop{ position:absolute; left:0%; top:0%; width:30%; }
div.codbg div.img img.nflg{ position:absolute; right:0%; top:0%; width:30%; }
div.codbg div.img img.sflg{ position:absolute; right:0%; bottom:0%; width:30%; }
div.codbg div.img img.wflg{ position:absolute; left:0%; bottom:0%; width:30%; }
div.codbg div.img img.rflg{ position:absolute; right:10px; top:10px; width:20%; }
div.codbg div.img img.zflg{ position:absolute; right:10px; bottom:10px; width:20%; }
div.codbg div.img:hover img{ opacity:1.0; filter:alpha(opacity=100); }
div.codbg p{ font-weight:bold; color:#333; white-space:nowrap; overflow:hidden; }
div.codbg:hover p{ color:#555; }
div.codbg p.ar{ font-weight:normal; }
div.codbg p.da{}
div.codbg p.ca{}
div.codbg p.na{}
div.codbg p.pr{ margin:5px 0px 10px; }

div.iconbg{ height:34px; overflow:hidden; text-align:center; }
div.iconbg span{ border:1px solid #224263; color:#224263; line-height:16px; height:16px; display:inline-block; font-size:12px; padding:0px 6px; font-weight:bold; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; margin-bottom:1px; margin-right:1px; }
div.iconbg span.b{ background:#224263; color:#FFF; margin-bottom:1px; margin-right:1px; }

h2.gcap{ margin:60px 0px 15px; padding:2px 5px; border:1px solid #CCC; background:#F3F3F3; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
div.gyomubg{}
div.gyomubg .img{ background-position:left; background-repeat:no-repeat; }
div.gyomubg .img1{ background-position:left; background-repeat:no-repeat; }
div.gyomubg .det{ overflow:hidden; }
/*div.gyomubg .det p{ font-family:'dejima-mincho-r227'; margin-top:10px; }*/
div.gyomubg .det p{ margin-top:7px; }

/*div.gyomubg .det p span.chs{ font-family:'dejima-mincho-r227'; }*/
div.gyomubg .det p span.chs{ }

table.tgyomu{ background:#CCC; }
table.tgyomu td{ background:#FFF; padding:3px; font-size:0.85em; }
table.tgyomu td.c1{ white-space:nowrap; background:#F2F0E8; }
table.tgyomu td.c2{ white-space:nowrap; }
table.tgyomu td.c3{ width:auto; }

/*一覧・詳細共通*/
div.popbg{ width:100%; margin:0px auto; overflow:hidden; }
div.popbg div{ text-align:center; padding:0px 5px; }
div.ku1{ background:#ca3538; color:#FFF; }
div.ku2{ background:#296c9b; color:#FFF; }
div.ku3{ background:#017E60; color:#FFF; }
div.ku4{ background:#DCD0BA; color:#000; }
div.te5{ background:#69F; color:#FFF; }
.ku1.stop{ background:#999; }
.ku2.stop{ background:#999; }
.ku3.stop{ background:#999; }
.ku4.stop{ background:#999; }

/*商品詳細*/
div.ccap p.ar{ font-weight:bold; color:#555; margin-bottom:10px; }
div.ccap p.da{ font-weight:bold; color:#333; margin-bottom:5px }
div.ccap p.ca{ font-weight:bold; color:#333; margin-bottom:20px }
div.ccap p.pr{ font-weight:bold; color:#555; }
div.ccap p.na{ text-align:justify; text-justify:inter-ideograph; margin-bottom:25px; }
#cartcob { -webkit-appearance:none;-moz-appearance:none; border:2px solid #555; width:250px; line-height:40px; height:40px; }
#cartbtn { -webkit-appearance:none;-moz-appearance:none; background:#ca3538; color:#FFF; width:300px; line-height:40px; margin:10px 5px 0px; }
#zerobtn { -webkit-appearance:none;-moz-appearance:none; background:#ca3538; color:#FFF; width:300px; line-height:40px; margin:10px 5px 0px; }
#teikibtn{ -webkit-appearance:none;-moz-appearance:none; background:#69F;    color:#FFF; width:300px; line-height:40px; margin:10px 5px 0px; }
#pastbtn { -webkit-appearance:none;-moz-appearance:none; background:#017E60; color:#FFF; width:300px; line-height:40px; margin:10px 5px 0px; }
#ketteibtn { -webkit-appearance:none;-moz-appearance:none; background:#017E60; color:#FFF; width:200px; line-height:30px; margin:10px auto 0px; }
#erabubtn { -webkit-appearance:none;-moz-appearance:none; background:url(../img/ora50.png); background-size:100%; color:#FFF; width:300px; line-height:40px; margin:10px auto 0px; }
#delbtn  { -webkit-appearance:none;-moz-appearance:none; background:#017E60; color:#FFF; line-height:20px; margin:10px 5px 0px; padding:0px 10px; font-size:11px; }
#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; }

/*カートの中身*/
div.cartbg{ width:100%; border-bottom:1px solid #aaa; padding:5px 0px; text-align:left; }
div.cartbg div.img{ position:relative; vertical-align:middle; }
div.cartbg div.img img{ width:100%; }
div.cartbg div.img img.sflg{ position:absolute; right:0px; top:0px; width:50px; }
div.cartbg div.img img.rflg{ position:absolute; right:0px; top:0px; width:50px; }
div.cartbg div.det{ vertical-align:middle; }
div.cartbg div.det p.ar{ }
div.cartbg div.det p.pd{ }
div.cartbg div.det p.da{ font-weight:bold; }
div.cartbg div.det p.na{ }
div.cartbg div.pri { vertical-align:middle; font-weight:bold; box-sizing:border-box; }
div.cartbg div a{ font-weight:normal; color:#063; }
div.cartbg div a:hover{ text-decoration:underline; }
div.cartbg div.pri1{ vertical-align:middle; font-weight:bold; box-sizing:border-box; }
div.cartbg div.pri2{ vertical-align:middle; font-weight:bold; box-sizing:border-box; }
.cartbg.stop{ color:#999; }
.cartbg.stop div.img img{ opacity:0.5; filter:alpha(opacity=50); }
.cartbg.stop div.img:hover img{ opacity:0.5; filter:alpha(opacity=50); }

/*ページ番号*/
ul.pageview{ width:100%; margin:0px auto; clear:both; text-align:center; border-bottom:1px dotted #aaa; border-top:1px dotted #aaa; padding:0px 0px 6px; }
ul.pageview li{ direction:-moz-inline-box; display:inline-block; border-top:6px solid #FFF; border-left:3px solid #FFF; border-right:3px solid #FFF; }
ul.pageview li a{ display:table-cell; width:30px; height:30px; line-height:30px; text-align:center; }
ul.pageview li a.nonp{ background-color:#DDD; color:#555; }
ul.pageview li a.nonp:hover{ background-color:#CCC; color:#000; }
ul.pageview li a.actp{ background-color:#78674E; color:#FFF; }

/* Youtube用	 */
div.youtube { position:relative; height:0px; overflow:hidden; }
div.youtube iframe{ position:absolute; top:0px; left:0px; width:100%; height:100%; }

/*アーカイブ*/
div.ibcap{ font-weight:bold; color:#ccc; text-align:left; font-size:1.2em; }
div.ibcap p{ width:20px; height:0px; border-bottom:1px solid #36C36C; }

p.yyyy{ clear:both; line-height:20px; font-weight:bold; border-bottom:1px solid #555; }
p.yyyy a{ display:block; font-weight:normal; padding:5px; color:#555; }
p.yyyy a:hover{ color:#000; }
p.mmmm{ clear:both; line-height:20px; font-weight:bold; border-bottom:1px solid #555; }
p.mmmm a{ display:block; font-weight:normal; padding:5px 10px; color:#555; }
p.mmmm a:hover{ color:#000; }
ul.archives{ width:100%; }
ul.archives li{ float:left; border-bottom:1px dotted #000; cursor:pointer; }
ul.archives li div.img{ float:left; margin:5px 5px 5px 0px; width:25%; padding-top:25%; background:center; background-size:cover; }
ul.archives li div.dta{ overflow:hidden; padding:5px; }
ul.archives li div.dta p.dt{ font-size:0.8em; line-height:20px; height:20px; white-space:nowrap; }
ul.archives li div.dta p.da{ font-size:12px; line-height:22px; overflow:hidden; }
ul.archives li div.dta p.ni{ font-size:0.8em;; line-height:20px; overflow:hidden; }
ul.archives li div.dta p.na{ font-size:11px; line-height:15px; overflow:hidden; }

ul.archives li.act{ }
ul.archives li.act .img{ opacity:1.0; filter:alpha(opacity=100); }
ul.archives li.act p.dt{ color:#555; }
ul.archives li.act p.da{ color:#039; }
ul.archives li.act p.ni{ color:#555; }
ul.archives li.act p.na{ color:#777; }
ul.archives li.non{ }
ul.archives li.non .img{ opacity:0.6; filter:alpha(opacity=60); }
ul.archives li.non p.dt{ color:#777; }
ul.archives li.non p.da{ color:#555; }
ul.archives li.non p.ni{ color:#777; }
ul.archives li.non p.na{ color:#999; }
ul.archives li.non:hover .img{ opacity:0.9; filter:alpha(opacity=90); }
ul.archives li.non:hover p.dt{ color:#333; }
ul.archives li.non:hover p.da{ color:#000; }
ul.archives li.non:hover p.ni{ color:#333; }
ul.archives li.non:hover p.na{ color:#555; }

/* お知らせ・ブログ */
.mcap{ background:url(../img/capbg.png); background-size:100% 100%; color:#FFF; text-shadow:0px 1px 2px #000; font-weight:bold; text-align:left; }
.mcap span{ font-size:0.7em; padding-left:10px; font-style:italic; } 
.mcap2{ color:#036EB8; margin:10px 0px; text-align:left; }

div.info-l{ float:left; text-align:left; padding:0px 0px 0px; }
div.info-r{ float:left; text-align:left; padding:0px 0px 0px; }

p.ibdt{ color:#36C; margin-bottom:25px; line-height:30px; }
div.ibda{ margin-bottom:30px; }
div.ibda p{ width:20px; height:0px; border-bottom:1px solid #000; margin-top:5px; }
div.ibna{ line-height:25px; text-align:justify; text-justify:inter-ideograph; }
div.ibna a{ color:#36C; }
div.ibna a:hover{ text-decoration:underline; }
div.ibna div.img{ width:100%; padding-top:56%; background-position:center; background-repeat:no-repeat; background-size:cover; }

p.ibli{ font-size:0.9em; margin-top:25px; }
p.ibli a{ color:#000; }
p.ibli a:hover{ color:#036EB8; text-decoration:underline; }
p.ibfb{ border-top:1px solid #ddd; padding-top:10px; margin-top:10px; }

/*PREV_NEXT*/
div#prevback{ text-align:center; width:100%; margin:50px auto 0px; clear:both; border-top:1px solid #555; padding-top:25px; }
div#prevback ul{ margin:0px auto; display:inline-block; }
div#prevback ul li{ float:left; color:#aaa; }
div#prevback ul li a{ color:#9A8A61; display:inline-block; }
div#prevback ul li:hover a{ color:#837754;}
div#prevback ul li div.ppi{ float:left; background:center no-repeat; background-size:cover; opacity:0.7; filter: alpha(opacity=70); }
div#prevback ul li.prev:hover a div.ppi{ opacity:1.0; filter: alpha(opacity=100); box-shadow:0px 1px 5px #aaa; }
div#prevback ul li div.ppf{ overflow:hidden; padding:0px 10px; }
div#prevback ul li div.nni{ float:right; background:center no-repeat; background-size:cover; opacity:0.7; filter: alpha(opacity=70); }
div#prevback ul li.next:hover a div.nni{ opacity:1.0; filter: alpha(opacity=100); box-shadow:0px 1px 5px #aaa; }
div#prevback ul li div.nnf{ overflow:hidden; padding:0px 10px; }

/*会社案内*/
h1.c-cap{ margin:50px 0px 25px; }
h1.c-cap span{ font-size:0.5em; display:none; }
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.png); }
div.com a.ma{ background-image:url(../img/ic-mail.png); }
div.com a.ad{ background-image:url(../img/icon-map.png); }
div.com a:hover{ color:#036EB8; text-decoration:underline; }
div.com1{ text-align:left; background:#f0f0f0; font-weight:bold; vertical-align:middle; color:#036EB8; }
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; background:url(../img/w50.png); }
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.access{ border:3px solid #DCDDDD; }
div.access iframe{ width:100%; height:100%; }

div.about-flow{ width:100%; padding:50px 0px; }
.about-flow.gr{ background:#F1F1F1; }
div.about-flow .con{ text-align:left; background:no-repeat; }
div.about-flow .con-l{}
div.about-flow .con-r{}
div.about-flow .con .wbg{}
div.about-flow .con .wbg h1.cap{ background:left top no-repeat; color:#000; }
div.about-flow .con .wbg p.det{ margin:30px 0px; }
div.about-flow .con .wbg p.det span{ background-color:#FADBDA;  }
div.about-flow .con .wbg a.btn{ display:inline-block; background:url(../img/byaji.png) no-repeat #D31926 95% center; color:#FFF; font-weight:bold; text-align:center; }
div.about-flow .con .wbg a.btn:hover{ text-shadow:0px 0px 7px #FFF; }


h1.cap1{ text-align:left; color:#195385; margin:50px 0px 15px; line-height:30px; }
h1.cap1 span{ margin-left:8px; padding-left:8px; color:#666; border-left:1px solid #666; line-height:30px; }
h1.cap1 a{ float:right; color:#666; font-weight:normal; line-height:30px; }
h1.cap1 a:hover{ text-decoration:underline; color:#333; }

p.enkaku{ border-bottom:1px dotted #CCC; margin-bottom:5px; }
p.hgrgy{ font-family:'HGRGY'; }
div#map{ width:100%; }
div#map:hover{ box-shadow:0px 0px 15px #888; }

p.ad{}
p.ad a{ color:#000; background:url(../img/access-g.png) right center no-repeat; background-size:14px; padding-right:20px; }
p.ad a:hover{ color:#486659; background-image:url(../img/access-g.png); text-shadow:0px 0px 5px #FFF; }


ul.pmenu{ border-bottom:none; margin:0px auto 25px; }
ul.pmenu li{ float:left; }
ul.pmenu li.c1{ }
ul.pmenu li.c2{ }
ul.pmenu li.c3{ }
ul.pmenu li a{ position:relative; color:#FFF; display:block; border-right:1px solid #FFF; border-bottom:1px solid #FFF; white-space:nowrap; overflow:hidden; -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; }
ul.pmenu li a span{ position:absolute; color:#036EB8; font-weight:bold; -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; }
ul.pmenu li a.act{ background:#036EB8; color:#FFF; }
ul.pmenu li a.act span{ color:#FFF; }
ul.pmenu li a.non{ background:#aaa; }
ul.pmenu li a.non:hover{ background:#488EB5; color:#FFF; }
ul.pmenu li a.non:hover span{ color:#FFF; }

p.mwh{ }
div.aboutopbg-r{ width:100%; text-align:center; background:center no-repeat; background-size:cover; z-index:0; overflow:hidden; z-index:0; }
div#aboutmainbg-r{ position:relative; width:100%; text-align:center; z-index:0; }
div#aboutmainbg-r div.sec2a-r{ text-align:center; margin:0px auto; max-width:1026px; width:100%; height:100%; display:table; }
div#aboutmainbg-r div.sec2a-r div.sec2b-r{ width:100%; height:100%; display:table-cell; vertical-align:middle; }
div#aboutmainbg-r div.sec2a-r div.sec2b-r p{ color:#FFF; font-weight:bold; }
div#aboutmainbg-r div.sec2a-r div.sec2b-r p.second{ color:#FFF; font-weight:normal; }
div#aboutmainbg-r div.sec3a-r div.sec3b-r{ }

h1.cap3{ color:#000; background:url(../img/ggg50.png) bottom center no-repeat; display:inline-block; text-shadow:0px 0px 3px #FFF;  }
h1.cap4{  font-family:'dejima-mincho-r227'; color:#000; background:url(../img/ggg50.png) bottom center no-repeat; display:inline-block; text-shadow:0px 0px 3px #FFF;  }
h2.capxx{ font-weight:normal; color:#CCC; display:inline-block; }
h1.asoh1{ color:#000; }
div.aso-det{ color:#000; text-align:justify; text-justify:inter-ideograph; text-align:left; }


/*ボタン*/
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.png) 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{ }

.dbtn{ -webkit-appearance:none; background:#00A29A; color:#FFF; border:1px solid #00A29A; padding:0px 15px; height:40px; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; cursor:pointer; white-space:nowrap; overflow:hidden; }
.dbtn:hover { background:#FFF; color:#00A29A; }

/*ボタン*/
.cbtn{ -webkit-appearance:none; background:#00A29A; color:#FFF; width:150px; margin:25px 5px 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; }
.cbtn div{ background:url(../img/btn-r.png) 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; }
.cbtn:hover { box-shadow:0px 2px 9px #555; text-shadow:0px 0px 5px #FFF; }
.cbtn1{ -webkit-appearance:none; background:#00A29A; color:#FFF; width:200px; margin:25px 5px 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; }
.cbtn1 div{ background:url(../img/btn-r.png) 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; }
.cbtn1:hover { box-shadow:0px 2px 9px #555; text-shadow:0px 0px 5px #FFF; }
.qbtn{ -webkit-appearance:none; background:url(../img/w10.png); color:#FFF; border:1px solid #FFF; text-shadow:0px 0px 2px #000; box-shadow:0px 0px 2px #000; cursor:pointer; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; cursor:pointer; white-space:nowrap; overflow:hidden; }
.qbtn:hover { box-shadow:0px 0px 9px #000; background:#FFF; color:#000; text-shadow:none; }
.gbtn{ -webkit-appearance:none; background:url(../img/w10.png); color:#00A29A; border:1px solid #00A29A; width:200px; margin:25px 0px 0px; height:40px; cursor:pointer; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; cursor:pointer; white-space:nowrap; overflow:hidden; }
.gbtn:hover { box-shadow:0px 0px 9px #000; background:#00A29A; color:#FFF; text-shadow:none; }

/*写真一覧*/
.res32{ float:left; }
.res32 div.imgbg{ position:relative; width:100%; padding-top:56.25%; overflow:hidden; margin:5px 0px; }
.res32 div.imgbg div.img{ position:absolute; top:0px; left:0px; width:100%; height:100%; background:center no-repeat; background-size:cover; z-index:1; -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; z-index:1; }
.res32 div.imgbg p.mai{ position:absolute; right:5px; bottom:5px; display:inline; color:#FFF; background:url(../img/img.png) no-repeat center left; background-size:12px; padding-left:15px; text-shadow:0px 0px 2px #000; z-index:2; }
a:hover .res32 div.imgbg div.img{ top:-2.5%; left:-2.5%; width:105%; height:105%; background:center no-repeat; background-size:cover; margin-bottom:5px; }
a:hover .res32 div.img{ opacity:0.7; filter:alpha(opacity=70); }
.res32 p.dt{ text-align:left; color:#000; }
.res32 p.da{ text-align:left; color:#000; }

/*Google*/
div#map{ width:100%; }

/*サービス*/
.serbg{ border-top:2px dotted #333; padding:15px; text-align:left; background:url(../img/w50.png); }
.serbg.las{ border-bottom:2px dotted #333; }
.serbg .img{ background:center no-repeat; background-size:cover; }
.serbg .det{ overflow:hidden; }
.serbg .det h3{ color:#036EB8; }

.worbg{ border-top:2px dotted #333; padding:15px; text-align:left; background:url(../img/w50.png); }
.worbg.las{ border-bottom:2px dotted #333; }
.worbg ul{ margin:15px auto; }
.worbg ul li{ float:left; background-size:cover; background-color:#aaa; }

.polbg{ border-top:2px dotted #333; padding:25px 15px; text-align:left; background:url(../img/w50.png); }
.polbg.las{ border-bottom:2px dotted #333; }
.polbg h3{ color:#036EB8; }
.polbg p{ margin:10px 0px; font-weight:bold; }
.polbg ul{ list-style:disc outside; border-top:1px dotted #888; margin-left:15px; }
.polbg ul li{ border-bottom:1px dotted #888; padding:5px 0px; }

/*お問い合わせ*/
img.navi{ max-width:600px; margin:25px auto; width:100%; }
div.c1122bg{ margin-bottom:20px; width:100%; }
div.c1122bg div.c11{ text-align:left; font-size:1em; color:#036EB8; }
div.c1122bg div.c11 span{ font-size:0.7em; color:#900; padding-left:10px; }
div.c1122bg div.c22{ text-align:left; font-size:1em; background:url(../img/w50.png); }
div.c1122bg div.c22 p{ color:#000; margin-top:5px; }
div.c1122bg div.c22 div.img{ float:left; background:center no-repeat; background-size:cover; }
div.c1122bg div.c22 div.det{ overflow:hidden;  }
div.c1122bg div.c22 div.det p.fac1{ color:#000; line-height:20px; font-weight:bold; }
div.c1122bg div.c22 div.det p.fac2{ color:#000; line-height:16px; }
div.c1122bg div.c22 div.det p.fac3{ color:#000; line-height:16px; }
div.c1122bg div.c22 div.det p.fac4{ color:#000; line-height:16px; }

ul.msg{ text-align:left; margin:0px auto 25px; max-width:700px; list-style:disc; list-style:outside; padding-left:10px; }
ul.msg li{ font-size:1em; }

.btn{ -webkit-appearance:none; cursor:pointer; -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; }
.btn.br{ background:#036EB8; color:#FFF; border:1px solid #036EB8; }
.btn.br:hover{ background:#FFF; color:#036EB8; }
.btn.gr{ background:#999; color:#FFF; border:1px solid #999; }
.btn.gr:hover{ background:#FFF; color:#999; }

label.con{ padding:0px 15px 0px 5px; }
input.radio + label.con{}
input.radio:checked + label.con{ color:#20405F; font-weight:bold; }

.txt{ -webkit-appearance:none; width:100%; padding:5px; background-color:#FFF; border:1px solid #555; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:1em; }
.txt:focus{ border:1px solid #036EB8; }
.txt10{ -webkit-appearance:none; max-width:20%; padding:2px 5px; background-color:#FFF; border:1px solid #555; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:1em; }
.txt10:focus{ border:1px solid #036EB8; }
.txt20{ -webkit-appearance:none; max-width:150px; width:45%; padding:5px; background-color:#FFF; border:1px solid #555; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:1em; }
.txt20:focus{ border:1px solid #036EB8; }
.txt30{ -webkit-appearance:none; max-width:300px; width:100%; padding:5px; background-color:#FFF; border:1px solid #555;  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:1em; }
.txt30:focus{ border:1px solid #036EB8; }
.txt100{ -webkit-appearance:none; width:100px; padding:5px; background-color:#FFF; border:1px solid #555; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:1em; }
.txt100:focus{ border:1px solid #036EB8; }

p.dmsg{ font-size:0.7em; text-align:center; }
p.dmsg span{ font-weight:bold; }
p.ccap{ font-size:0.7em; text-align:center; margin:15px 0px; }
div#jouken{ border:1px solid #AAA; background:#FFF; padding:10px; width:100%; height:180px; overflow:auto; margin:0px auto; line-height:15px; text-align:left; font-size:12px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
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{ font-size:0.9em; color:#555; }
div#jouken p strong{ font-size:1.1em; }
div#jouken a{ font-size:0.9em; color:#555; }
div#jouken a:hover{ color:#999; }
p.kanryo{ font-size:0.8em; line-height:25px; text-align:center; }

/*フッター*/
div.footbg{ padding-top:50px; background:#FFF; margin-top:50px; }
div.f-left{ position:relative; }
div.f-left p{ color:#000; }
div.f-left a{ color:#000; }
div.f-left a.ho{ display:inline-block; }
div.f-left a.ho img{ width:100%; }
div.f-left p.ad{}
div.f-left p.ad a{ color:#000; background:url(../img/access.png) right center no-repeat; background-size:14px; padding-right:20px; }
div.f-left p.ad a:hover{ color:#555; text-decoration:underline; }
div.f-left p.te{}
div.f-left p.te a{ color:#000; }
div.f-left p.te a:hover{ color:#555; text-decoration:underline; }
div.f-right{ position:relative; }

ul.fmenu{ text-align:left; }
ul.fmenu p{ margin-bottom:10px; color:#555; }
ul.fmenu li a{ color:#555; background:url(../img/yaji.png) left center no-repeat; background-position:0px center; display:block; }
ul.fmenu li a:hover{ color:#888; }
ul.fmenu li a span{ background:red; color:#FFF; font-size:9px; font-weight:bold; width:14px; height:14px; line-height:14px; text-align:center; margin-left:5px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; display:inline-block; } 

p.copy{ color:#036EB8; border-top:1px solid #036EB8; }

a#pagetop{ position:fixed; background:url(../img/pagetop.png) center no-repeat;  background-size:contain; width:60px; height:0px; bottom:25px; right:25px; z-index:1501; }





/*ここからdefault.cssの中身*/
html{ text-align:center; height:100%; color:#000; background:none; background-size:cover; }

.waku{ min-width:1000px; padding:0px 2%; }
.waku1000{ min-width:1000px; padding:0px 2%; }
.waku1200{ min-width:1000px; padding:0px 2%; }

.left{ display:block; width:23%; }
.right{ width:72%; }
p.right-t{ display:none; }
div.right-t{ display:none; }
.cleft{ display:block; width:47.5%; padding-bottom:0px; }
.cright{ width:47.5%; }
.clcap{ display:none; }
.crcap{ display:block; }

.pts{ font-size:14px; line-height:20px; }
.pts1{ font-size:13px; }
.pts2{ font-size:12px; }
.pts3{ font-size:11px; }
.pts4{ font-size:17px; }
.pts5{ font-size:50px; }
.pts6{ font-size:40px; }
.pts7{ font-size:16px; }
.pts8{ font-size:15px; }
.pts9{ font-size:25px; }

/*メニュー*/
div#menubg{ height:84px; }
div#menubg ul{ padding-top:0px; }
div#menubg ul li{  }
div#menubg ul li.ho{ margin-right:0px; margin-top:9px; }
div#menubg ul li.ho a img{ width:250px; }
div#menubg ul li.lm{ display:inline-block; margin-left:40px; }
div#menubg ul li img{ }
div#menubg ul li img.m1{ margin-top:24px; width:70px; }
div#menubg ul li img.m2{ margin-top:24px; width:163px; }
div#menubg ul li img.m3{ margin-top:24px; width:70px; }
div#menubg ul li img.m4{ margin-top:24px; width:72px; }
div#menubg ul li img.m5{ margin-top:24px; width:108px; }
div#menubg ul li.sm{ display:none; }

ol{ margin-top:88px;}
ol li{ font-size:11px; }
ol li a{ font-size:11px; }

div#pagebg{ height:150px; }

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

div#thumbBtnbg{ bottom:25px; }
ul#thumbBtn{ height:7px;}
ul#thumbBtn li{ margin-left:5px; width:30px; height:7px; }
ul#thumbBtn li.active img{ }

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

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

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%; }

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

/*会社案内*/
h1.c-cap{ font-size:50px; }
h1.c-cap span{ margin-left:15px; }
h2.c-sub{ font-size:18px; margin-bottom:25px; }
h2.c-sub span{ display: inline-block; width:20px; }
h4.tcom{ font-size:20px; text-align:center; line-height:50px; }
h5.tcom span{ font-size:13px; text-align:center; display:inline; }
div.greeting{ font-size:14px; }
div.greeting p img{ width:180px; }
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:1.6%; }
div.com,div.com p,div.com a{ font-size:14px; }
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:0px; width:30%; }
div.com2 img.rcom{ float:right; margin-left:15px; margin-right:0px; border-bottom:0px; width:30%; } 
div.com2 div{ width:auto; clear:none; }
div.access{ height:350px; }

div.about-flow{  }
div.about-flow .con{ background-size:50%; padding-top:0px; }
div.about-flow .con-l{ padding-right:55%; background-position:right center; }
div.about-flow .con-r{ padding-left:55%; background-position:left center; }
div.about-flow .con .wbg{ width:auto; margin:0px; padding:50px 0px; background:none; box-shadow:none; }
div.about-flow .con .wbg h1.cap{ font-size:30px; background-size:32px; line-height:35px; padding-left:0px; }
div.about-flow .con .wbg p.det{ }
div.about-flow .con .wbg a.btn{ height:50px; line-height:50px; width:250px; margin:0px; background-size:12px; }

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

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

p.mwh{ max-width:810px; }
div.aboutopbg-r{ height:250px; }
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:20px; }
div#aboutmainbg-r div.sec3a-r div.sec3b-r{ text-align:center; }

h1.cap3{ font-size:15px; background-size:100% 6px; padding:0px 7px; margin-bottom:50px; }
h1.cap4{ font-size:40px; background-size:100% 6px; 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:35%; margin:0px 2.5% 0px 0px; }
.doci img.img1{ display:none; width:100%; }
.doci img.img2{ display:inline-block; width:100%; }
.doci dl{ text-align:left; }
.docn{ width:auto; overflow:hidden; }

.ceo-l{ float:left; margin-right:5%; margin-bottom:0px; }
.ceo-r{ overflow:hidden; width:auto; }

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; 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:31% }
.res32.c1{ margin:0px 0px 3.5%; }
.res32.c2{ margin:0px 3.5% 3.5%; }
.res32.c3{ margin:0px 0px 3.5%; }
.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:50%; padding-top:30%; }
.c-right{ width:auto; padding-left:5%; padding-top:0px; }

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

/* お知らせ・ブログ */
.mcap{ font-size:22px; padding:10px; }
	
.info-l{ width:65%; }
.info-r{ width:30%; margin-left:5%; margin-top:0%; }

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

h2.gcap{  }
div.gyomubg{}
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:17px; }

/*一覧・詳細共通*/
div.popbg{ text-align:center; height:34px; }
div.popbg div{ min-width:70px; display:inline-block; 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.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:16px; line-height:22px; }
h2.mycap span{ height:18px; }
h2.mycap a{ height:18px; font-weight:normal; color:#F30; text-decoration:underline; }
h2.mycap a:hover{ color:#F90; }

h2.okicap{ font-size:18px; line-height:50px; padding-left:130px; }
h2.okicap span{ line-height:50px; font-size:14px; }
h2.okicap a{ line-height:50px; font-size:14px; }
h2.okicap img{ width:130px; left:-10px; top:-20px; }

/*カートの中身*/
/*div.cartbg{ display:table; }
div.cartbg div.img{ display:table-cell; width:15%; }
div.cartbg div.det{ display:table-cell; width:60%; padding:0px 2.5%; }
div.cartbg div.det p.lcr{ text-align:right; }
div.cartbg div.det span.cap{ display:none; }
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:0px; }
div.cartbg div.pri { display:table-cell; width:25%; text-align:center; background:#eee; }
div.cartbg div.pri1{ display:none; }
div.cartbg div.pri2{ display:table-cell; width:25%; text-align:center; background:#eee; }*/

div.cartbg{ display:table; }
div.cartbg div.img{ display:table-cell; vertical-align:top; width:30%; }
div.cartbg div.det{ display:table-cell; vertical-align:middle; width:70%; padding:0px 0px 0px 2.5%; }
div.cartbg div.det p.lcr{ text-align:center; font-size:14px; }
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:100%; }

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


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

/*サービス*/
.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:15%; padding-top:15%; margin-right:1.5%; margin-bottom:0px; }

/*お問い合わせ*/
div.c1122bg{ border-left:8px solid #036EB8; display:table; padding:5px 0px 5px 25px; }
div.c1122bg div.c11{ display:table-cell; width:30%; vertical-align:middle; padding-bottom:0px; }
div.c1122bg div.c11 span{ }
div.c1122bg div.c22{ display:table-cell; width:70%; vertical-align:middle; }
div.c1122bg div.c22 p{  }
div.c1122bg div.c22 div.img{ width:200px; padding-top:96px; margin-right:2%; }

.btn{ line-height:50px; width:250px; height:50px; }
.btn.gr{ margin:0px auto 0px; }
.btn.br{ margin:0px auto 0px; }

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

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

h2.gcap{ font-size:17px; }
p.gsub{ font-size:15px; }
img.gl{ float:left;  margin:0px 5% 0px 0px; width:47.5%; }
div.gr{ overflow:hidden; font-size:14px; }
p.kugiri{ margin:25px 0px; }

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

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

ul.fmenu{ float:right; width:400px; margin-top:0px; padding-top:0px; border:none; }
ul.fmenu li{ text-align:left; width:50%; float:left; }
ul.fmenu li a{ padding-left:15px; line-height:22px; }
ul.fmenu li a:hover{  }

p.copy{ line-height:50px; margin-top:25px; text-align:left; }