＃@charset "UTF-8";
/* top
----------------------------------------------- */
body#top {}
/* slide fullVisual
----------------------------------------------- */
.fullVisualWrap .slide a{ overflow:hidden;}
.fullVisualWrap .slide .contents h3{ position:absolute; top:0; display:table;}
.fullVisualWrap .slide .contents h3 div.hin{ height:400px; display:table-cell; vertical-align:middle;}
body#top .detailFull .sbannerBox{ margin-bottom:40px; position:relative; text-align:center; overflow:hidden;}
body#top .detailFull .sbannerBox .image{ display:block; padding-top:20.2%; color:#fff;}
body#top .detailFull .sbannerBox .image.sp{ display:none;}
body#top .detailFull .sbannerBox .image:after{
content:'';
display:block;
width:100%;
padding-top:100%;
background-color:#FFF;
opacity:0;
position:absolute;
top:0;
left:0;
z-index:1;
-moz-transition: -moz-all 300ms cubic-bezier(.50,.0,.50,1);
-webkit-transition: -webkit-all 300ms cubic-bezier(.50,.0,.50,1);
-o-transition: -o-all 300ms cubic-bezier(.50,.0,.50,1);
-ms-transition: -ms-all 300ms cubic-bezier(.50,.0,.50,1);
transition: all 300ms cubic-bezier(.50,.0,.50,1);
}
body#top .detailFull .sbannerBox .image:not(.nolink):hover:after{ opacity:.15;}
body#top .detailFull .labelBox{ background:url(./img/top/about.png) center center no-repeat; background-size:cover;margin-bottom:40px; position:relative; text-align:center; overflow:hidden;}
body#top .detailFull .labelBox a{ display:block; padding-top:200px; color:#fff;}
body#top .detailFull .labelBox{ background-size:cover;margin-bottom:40px; position:relative; text-align:center; overflow:hidden;}
body#top .detailFull .labelBox a{ display:block; padding-top:200px; color:#fff;}
body#top .detailFull .labelBox a *{ z-index:2;}
body#top .detailFull .labelBox a:after{
content:'';
display:block;
width:100%;
padding-top:100%;
background-color:#000;
opacity:.3;
position:absolute;
top:0;
left:0;
z-index:1;
-moz-transition: -moz-all 300ms cubic-bezier(.50,.0,.50,1);
-webkit-transition: -webkit-all 300ms cubic-bezier(.50,.0,.50,1);
-o-transition: -o-all 300ms cubic-bezier(.50,.0,.50,1);
-ms-transition: -ms-all 300ms cubic-bezier(.50,.0,.50,1);
transition: all 300ms cubic-bezier(.50,.0,.50,1);
}
body#top .detailFull .labelBox a:hover:after{ opacity:0.2;}
body#top .detailFull .labelBox h3{ position:absolute; top:40px; color:#fff;width:100%; padding:0 20px; line-height:1.5; box-sizing:border-box; font-size:2.1rem;text-align:center;}
body#top .detailFull .labelBox .more{ position:absolute; bottom:20px; width:100%; text-decoration:none; font-size:0.9rem;}
body#top .detailFull .labelBox .more span{ display:inline-block;white-space: nowrap;padding:5px 20px; background-color:#000; margin:0;}
body#top .detailFull .labelBox a:hover span{ background-color:#000000;}
body#top .detailFull #labelAbout.labelBox{background:url(./img/top/about.png) center center no-repeat; }
body#top .detailFull #labelEvent.labelBox{background:url(./img/top/event.png) center center no-repeat; }
body#top .detailFull #labelEvent.labelBox h3{ top:70px;}
body#top .detailFull .bannerBox{ padding-bottom:20px;}
body#top .detailFull .bannerBox img{ margin-bottom:20px; width:100%; height:auto;}
body#top .detailFull .contentsWrap{ margin-bottom:60px; clear:both; }
body#top .detailFull .contentsWrap h3{ font-size:1.5rem; line-height:1.8; margin-bottom:10px; position:relative; border-bottom: solid 1px #9a9a9a; }
body#top .detailFull .contentsWrap .titleRead{ font-size:0.85rem; display:block; padding-top:5px; border-top:solid 1px #dadada;margin-bottom:10px; }
body#top .detailFull .contentsWrap .icons{ position:relative; top:0px; right:0; margin-bottom:20px;}
body#top .detailFull .contentsWrap .titleWrap{ position:relative;}
body#top .detailFull .contentsWrap .titleWrap .icons{ position:absolute; top:0px; right:0; margin-bottom:0px;}
body#top .detailFull .contentsWrap .fullBtn{ width:100%; margin-bottom:60px;}
body#top .detailFull .contentsWrap .fullBtn a{ position: relative;display:block; background-color:#000; height:58px; line-height:58px; color:#fff; font-size:1.2rem; text-align:center;}
body#top .detailFull .contentsWrap .fullBtn a:before{ position:relative; margin-right: 10px}
body#top .detailFull .contentsWrap .fullBtn a:hover{ background-color:#000000; text-decoration: none;}
body#top .detailFull .contentsWrap .fullTitle{ height:auto; line-height:1.5; margin-bottom:80px; overflow:hidden; border-bottom: solid 1px #9a9a9a; padding-bottom: 10px;}
body#top .detailFull .contentsWrap .fullTitle h2{ display:inline-block; font-size:1.5rem; white-space:nowrap;}
body#top .detailFull .contentsWrap .fullTitle span{ font-size:0.9rem; display:inline-block; float:right; padding-right:0px; padding-top: 5px}
body#top .detailFull #recommend h2{ font-size:1.5rem; line-height:1.8; margin-bottom:80px; position:relative; border-bottom: solid 1px #9a9a9a;}
body#top .detailFull #otoku .readTitle{ margin-bottom:80px; }
body#top .detailFull #ranking h3{ margin-bottom:80px; }
body#top .itemWrap{ overflow:hidden; margin-bottom:60px; position:relative; vertical-align:top;}
body#top .itemWrap:after{ content:''; display:block; clear:both;}
body#top .itemWrap article,
body#top .itemWrap div,
body#top .itemWrap p,
body#top .itemWrap span{ text-align:left;}
body#top .itemWrap article.item{ position:relative; width:29.729%; height:auto; display:block; float:left; margin:0 5.405% 5.405% 0;}
body#top .itemWrap article.item .more{ letter-spacing:0;}
body#top .itemWrap article.item.full{ width:100%; margin-right:0;}
body#top .itemWrap article.item:nth-child(3n) { margin-right:0;}
body#top .itemWrap article.item a{ display:block; color:#fff; overflow:hidden;}
body#top .itemWrap article.item a *{ z-index:2;}
body#top .itemWrap article.item a:after{
content:'';
display:block;
width:100%;
padding-top:100%;
background-color:#000;
opacity:.3;
position:absolute;
top:0;
left:0;
z-index:1;
-moz-transition: -moz-all 300ms cubic-bezier(.50,.0,.50,1);
-webkit-transition: -webkit-all 300ms cubic-bezier(.50,.0,.50,1);
-o-transition: -o-all 300ms cubic-bezier(.50,.0,.50,1);
-ms-transition: -ms-all 300ms cubic-bezier(.50,.0,.50,1);
transition: all 300ms cubic-bezier(.50,.0,.50,1);
}
body#top .itemWrap article.item a:hover:after{ opacity:0.2;}
body#top .itemWrap article.item h4{ position:absolute; top:30px; left:0px; padding:0 20px; font-size:1.2rem; line-height:1.8;}
body#top .itemWrap article.item .more{ width:100%; box-sizing:border-box; position:absolute; bottom:20px; left:0px; padding:0 20px; font-size:0.9rem;line-height:1; text-align:center;}
body#top .itemWrap article.item .more span{ display:block;white-space: nowrap;padding:10px 10px; background-color:#000; margin:0; text-align:center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
body#top .itemWrap article.item.w2 h4{ position:absolute; top:60px; left:0px; width:100%; padding:0 15px; box-sizing:border-box; text-align:center; font-size:2.0rem; line-height:1.5;}
body#top .itemWrap article.item.w2 .more{}
body#top .itemWrap article.item.w2 .more span{ display:inline-block;}
body#top .itemWrap article.item.care:before,
body#top .itemWrap article.item.recommend:before,
body#top .itemWrap article.item.web:before{
content:"";
display:block;
width:auto;
height:auto;
background-color:#343f42;
color:#fff;
padding:5px 15px;
line-height:1;
position:absolute;
left:20px;
top:20px;
z-index:2;
letter-spacing:0;
white-space:nowrap;
}
body#top .itemWrap article.item.care:before{
content:"ãŠæ‰‹å…¥ã‚Œæƒ…å ±";
}
body#top .itemWrap article.item.recommend:before{
content:"ãŠã™ã™ã‚æƒ…å ±";
}
body#top .itemWrap article.item.web:before{
content:"WEBé™å®š";
}
body#top #recommend{ margin-bottom:55px; padding-top:74px;}
body#top #push{ margin-bottom:55px;}
body#top #ranking{ margin-bottom:55px;}
body#top #recommend h3.iconLove:before{ top:10px;}
body#top #otoku h3.iconStar:before{ top:10px;}
body#top #ranking h3.iconClown:before{ top:10px;}
body#top #recommend .itemWrap{ margin-bottom: 0px;}
body#top #recommend .itemWrap article{ overflow:hidden; background-color:#999;}
body#top #recommend .itemWrap article a{ display:block;padding-top:100%; height:0; }
body#top #recommend .itemWrap article.happybag { background:url(./img/top/recommend_happy.png) center center no-repeat; background-size:cover; }
body#top #recommend .itemWrap article.happybag a:hover:after{ opacity:.3;}
body#top #recommend .itemWrap article h4{ position:absolute; top:28%; left:0px; padding:0 20px; font-size:1.48rem; line-height:1.5;}
body#top #recommend .itemWrap article h4 small{ display:block;}
body#top #recommend .itemWrap article.happybag h4{ font-size:1.7rem; top:25%;letter-spacing:0;}
body#top #recommend .itemWrap article.happybag h4 small{ font-size:1.2rem; line-height:1.4; letter-spacing:0; display:inline-block; padding-top:10px;}
body#top #recommend .itemWrap article .more{ position:absolute; width:auto; bottom:20px; left:0px; padding:0 20px; font-size:0.9rem;line-height:1; text-decoration:none; text-align:left;}
body#top #recommend .fullBtn {
margin-bottom: 110px;
}
body#top #recommend .itemTools{ margin-bottom: 110px;}
body#top article.itemBanner{ width:47.2%; height:auto; float:left; margin-bottom:60px; overflow:hidden; position:relative; letter-spacing:0;}
body#top article.itemBanner.full{ width:100%; float:none; margin-left: 0 !important; margin-right: 0 !important;}
body#top article.itemBanner.column3{ width:29.729%; float:left;}
body#top article.itemBanner:nth-child(odd){ margin-right:5.6%;}
body#top article.itemBanner:nth-child(even){ }
body#top article.itemBanner.column3:nth-child(odd){ margin-right:0;}
body#top article.itemBanner.column3:nth-child(even){ margin-right:0;}
body#top .itemWrap article.column3:nth-child(1){ margin-right:5.405%;}
body#top .itemWrap article.column3:nth-child(2){ margin-right:5.405%;}
body#top .itemWrap article.column3:nth-child(3){ margin-right:0;}
body#top article.itemBanner a{ display:block; overflow:hidden;}
body#top article.itemBanner a *{ z-index:2;}
body#top .contentsWrap article.itemBanner h3{ font-size:1.3rem; border: 0; margin-bottom: 0; padding-bottom:5px; line-height: 1.5;}
body#top .contentsWrap article.itemBanner h4{ font-size:0.9rem; padding-bottom:20px; line-height:1.5; font-weight: normal;}
body#top .contentsWrap article.itemBanner .image{ background:url(img/top/top_item_bg.png) center center no-repeat; background-size:cover; width:100%; padding-top:56.25%; position:relative;
-moz-transition: -moz-all 300ms cubic-bezier(.50,.0,.50,1);
-webkit-transition: -webkit-all 300ms cubic-bezier(.50,.0,.50,1);
-o-transition: -o-all 300ms cubic-bezier(.50,.0,.50,1);
-ms-transition: -ms-all 300ms cubic-bezier(.50,.0,.50,1);
transition: all 300ms cubic-bezier(.50,.0,.50,1);
}
body#top article.itemBanner a .image:after{
content:'';
display:block;
width:100%;
padding-top:56.25%;
opacity:1;
position:absolute;
top:0;
left:0;
z-index:1;
-moz-transition: -moz-all 300ms cubic-bezier(.50,.0,.50,1);
-webkit-transition: -webkit-all 300ms cubic-bezier(.50,.0,.50,1);
-o-transition: -o-all 300ms cubic-bezier(.50,.0,.50,1);
-ms-transition: -ms-all 300ms cubic-bezier(.50,.0,.50,1);
transition: all 300ms cubic-bezier(.50,.0,.50,1);
}
body#top article.itemBanner a:hover .image:after,
body#top #haircare article.itemBanner a:hover .image,
body#top #foods article.itemBanner a:hover .image{
-webkit-filter:brightness(1.05);
-moz-filter:brightness(1.05);
-ms-filter:brightness(1.05);
filter:brightness(1.05);
}
body#top .contentsWrap article.itemBanner.full .image{padding-top:29.74%;}
body#top #skincare article.itemBanner:nth-child(1) .image:after{ background:url(img/top/skincare_cleansing.png) center center no-repeat; background-size:cover;}
body#top #skincare article.itemBanner:nth-child(2) .image:after{ background:url(img/top/skincare_wash.png) center center no-repeat; background-size:cover;}
body#top #skincare article.itemBanner:nth-child(3) .image:after{ background:url(img/top/skincare_essential.png) center center no-repeat; background-size:cover;}
body#top #skincare article.itemBanner:nth-child(4) .image:after{ background:url(img/top/skincare_oilrich.png) center center no-repeat; background-size:cover;}
body#top #skincare article.itemBanner:nth-child(5) .image:after{ background:url(img/top/skincare_lotion.png) center center no-repeat; background-size:cover;}
body#top #skincare article.itemBanner:nth-child(6) .image:after{ background:url(img/top/skincare_cream.png) center center no-repeat; background-size:cover;}
body#top #skincare article.itemBanner:nth-child(7) .image:after{ background:url(img/top/skincare_allinone.png) center center no-repeat; background-size:cover;}
body#top #skincare article.itemBanner:nth-child(8) .image:after{ background:url(img/top/special_care.png) center center no-repeat; background-size:cover;}
body#top #basemake article.itemBanner:nth-child(1) .image{ background:url(img/top/skincare_bb.jpg) center center no-repeat; background-size:cover;}
body#top #haircare article.itemBanner:nth-child(1) .image{ background:url(img/top/haircare.jpg) center center no-repeat; background-size:cover;}
body#top #foods article.itemBanner:nth-child(1) .image{ background:url(img/top/sapri.jpg) center center no-repeat; background-size:cover;}
body#top #foods article.itemBanner:nth-child(2) .image{ background:url(img/top/green.jpg) center center no-repeat; background-size:cover;}
body#top #otoku article.itemBanner:nth-child(1) .image:after{ background:url(img/top/otoku_set.png) center center no-repeat; background-size:cover;}
body#top #otoku article.itemBanner:nth-child(2) .image:after{ background:url(img/top/otoku_sample.png) center center no-repeat; background-size:cover;}
body#top #otoku article.itemBanner:nth-child(3) .image:after{ background:url(img/top/otoku_teiki.png) center center no-repeat; background-size:cover;}
body#top #otoku article.itemBanner:nth-child(3) h5,
body#top #otoku article.itemBanner:nth-child(3) h6{ display:none;}
body#top #ranking h3{ margin-bottom:30px;}
body#top #ranking .itemWrap{ overflow:visible;}
body#top #ranking .itemWrap article.products:nth-child(4){ display:none;}
body#top #ranking .itemWrap article.products{ position:relative; height:auto;}
body#top #ranking .itemWrap article.products:after{
display:block;
position:absolute;
top:-20px;
left:-20px;
width:80px;
height:80px;
border-radius: 40px;
overflow: hidden;
line-height:80px;
font-size:1.5rem;
text-align:center;
color:#fff;
box-sizing:border-box;
z-index:10;
}
body#top #ranking .itemWrap article.products:nth-child(1):after{
content:'1';
background:#deb243;
}
body#top #ranking .itemWrap article.products:nth-child(2):after{
content:'2';
background:#a3a6ab;
}
body#top #ranking .itemWrap article.products:nth-child(3):after{
content:'3';
background:#ac7d6d;
}
body#top #ranking .itemWrap article.products:nth-child(4):after{
content:'4';
background:#ccc;
}
/* products
----------------------------------------------- */
body#products main > section.detail .detailMain h1.page-title{ margin-bottom:30px; font-size:1.7rem; line-height:1.5; }
body#products main > section.detail .detailMain .enTitle{font-size:0.8rem;
margin-bottom:15px;
letter-spacing:0.15em;
line-height:1;
}
body#products main > section.detail .detailMain h2{ margin-bottom:8px;
margin-bottom:35px;
}
body#products main > section.detail .detailMain h2 .setItems{ padding-top:15px; font-size: 1.2rem;}
body#products main > section.detail .detailMain h5{
margin-bottom:60px;
line-height:2.0;
}
body#products main > section.detail .detailMain h6{
margin-bottom:1em;
}
body#products main > section.detail .detailMain ul.tags{ margin-bottom:70px;}
body#products main > section.detail .detailMain .text h3{ margin-bottom:15px; white-space:normal; line-height: 1.5;}
body#products main > section.detail .detailMain .text p{ font-size:1.05rem; line-height:2.5;}
body#products main > section.detail .detailMain .detail{ margin-bottom:80px; border:solid 1px #dadada; padding:75px 8%}
body#products main > section.detail .detailMain .detail a{ }
body#products main > section.detail .detailMain .detail a:hover{ }
body#products main > section.detail .detailMain .detail a.more{ position:relative; padding-left: 1.5em; text-decoration: none;}
body#products main > section.detail .detailMain .detail a.more:before{ content:'â–²'; display: inline-block; transform: scale(0.5,0.5) rotate(90deg); position: absolute; left: 0; top: -0.3em;}
body#products main > section.detail .detailMain .detail h4{ display:none;}
body#products main > section.detail .detailMain .detail p{margin-bottom:60px;}
body#products main > section.detail .detailMain .detail p img{ margin-bottom:0; vertical-align:bottom;}
body#products main > section.detail .detailMain .detail h5{ }
body#products main > section.detail .detailMain .detail p,
body#products main > section.detail .detailMain .use .body{ font-size:0.9rem; line-height:2;}
body#products main > section.detail .detailMain .adviser .body{ font-size:1.1rem; line-height:2;}
/* page
----------------------------------------------- */
body.page main > section.detail .detailMain article:nth-child(odd){ }
body.page main > section.detail .detailMain article:nth-child(even){ }
main > section.detail .entryBody{}
main > section.detail h3.title,
main > section.detail .entryBody h3{ position:relative; line-height:1.5; margin-bottom:80px;}
main > section.detail h3.title,
main > section.detail .entryBody h3.info{}
@media screen and (max-width: 750px) {
main > section.detail h3.title,
main > section.detail .entryBody h3.info{}
main > section.detail h3.title:before,
main > section.detail .entryBody h3.info:before{
}
}
main > section.detail .entryBody h4.hLine{ padding:30px 0; font-size:2.2rem; border-top:solid 1px #dadada; border-bottom:solid 1px #dadada;}
main > section.detail .entryBody p.kome{ padding-left:1em;}
main > section.detail .entryBody p.kome:before{ content:'※'; display:inline-block; margin-left:-1em;}
main > section.detail .entryBody ul.kome{}
main > section.detail .entryBody ul.kome li{ padding-left:1em; margin-bottom:5px; line-height:1.4;}
main > section.detail .entryBody ul.kome li:before{ content:'※'; display:inline-block; margin-left:-1em;}
main > section.detail .entryBody .inBox{ display:inline-block; border:solid 0px #f30;}
table.normal{ width:100%; border-left:solid 1px #dadada;border-top:solid 1px #dadada; border-right:solid 1px #dadada; margin-bottom:30px; line-height:2; letter-spacing:0;}
table.normal caption{ border:solid 1px #dadada; border-bottom:0; text-align:left; padding:20px;}
table.normal th{ padding:10px 10px; width:150px; white-space:nowrap; background-color:#f2f2f2;border-bottom:dotted 1px #dadada; text-align:center;}
table.normal td{ padding:10px 20px; border-bottom:dotted 1px #dadada; text-align:left;}
table.normal tr:not(:first-child) td{}
table.normal tr:last-child th,
table.normal tr:last-child td{border-bottom:solid 1px #dadada;}
#spAddCartWrap{ position:fixed; bottom:0; left:0; z-index:800; width:100%; height:170px; background:#fff; border-top:solid 1px #dadada; letter-spacing:0 !important; padding:0 30px; box-sizing:border-box; opacity:0.01;}
#spAddCartWrap .inner{ width:auto;min-width:480px; height:135px; margin:auto; overflow:hidden; padding-top:15px; position:relative;}
#spAddCartWrap ul{ float:left; letter-spacing:0; line-height:1; padding-top:25px;}
#spAddCartWrap ul li:nth-of-type(2){ }
#spAddCartWrap ul li .price{ font-size:1.5rem; line-height:1;}
#spAddCartWrap ul li .price small{ font-size:0.8rem;}
#spAddCartWrap ul li .price.sale{color: #bf191d !important;}
#spAddCartWrap ul li .price.sale small{color: #000 !important;}
#spAddCartWrap .addCart{ width:300px; height:100px; position:absolute; top:25px; right:0px;}
#spAddCartWrap .addCart a{ display:block;background-color:#000; height:100px; line-height:103px; text-align:center; color:#fff; font-size:1.2rem;}
#spAddCartWrap .addCart .iconCart{ padding-left:35px !important;}
#spAddCartWrap .addCart .iconCart:before {
content: "";
display: block;
width: 40px;
height: 40px;
position: absolute;
left: -20px !important;
top: 50% !important;
margin-top:-23px !important;
}
#spAddCartWrap .priceList{}
#spAddCartWrap .priceList li{ margin-bottom:5px; font-size: 0.7em;}
#spAddCartWrap .priceList li:last-child{ margin-bottom:0px;}
#spAddCartWrap .cancel{ width:100%; height:100px; box-sizing:border-box; line-height:105px; text-align:center; color:#fff; background:#999; position:absolute; top:25px; left:0; z-index:600; cursor:pointer; display:none;}
#spAddCartWrap .cancel span{ padding-left:35px; display:inline-block; position:relative;font-size:1.5rem; white-space:nowrap;}
#spAddCartWrap .cancel span:before {
content: "×";
display: block;
font-size: 1.5rem;
line-height: 40px;
width: 40px;
height: 40px;
position: absolute;
left: -30px !important;
top: 50% !important;
margin-top:-20px !important;
}
.touchDevice #spAddCartWrap .cancel span:before{margin-top:-18px !important;left: -3px !important;}
#spAddCart{ position:fixed; bottom:0; left:0; z-index:700; width:100%; height:100%; padding:0px; box-sizing:border-box; display:none; overflow:hidden;}
#spAddCart:before{ content:''; display:block; position:fixed; bottom:0; left:0; z-index:700; width:100%; height:100%; background-color:#000; opacity:.8;}
#spAddCart *{ position:relative; z-index:710; margin:0; top:0; left:0; float:none;}
#spAddCart .inner{ overflow:hidden; clear:both; }
#spAddCart article.add > .inner{background:url(img/common/bg_thumb.jpg) left top no-repeat; background-size:contain; }
#spAddCart .wrap{ position:fixed; top:auto; bottom:0; left:0; z-index:702; width:100%; height:auto; padding:30px 30px 180px 30px; box-sizing:border-box; display:block; overflow:hidden;background-color:#fff;}
#spAddCart .outArea{ position:fixed; top:auto; bottom:0; left:0; z-index:701; width:100%; height: 100%;}
#spAddCart .wrap h2{ letter-spacing:0 !important; line-height:1.3; margin-bottom:10px;}
#spAddCart .set{ margin-bottom:20px;}
#spAddCart .set a{ display:table; clear:both; margin-bottom:5px;}
#spAddCart .thumbImage{ width:40%; padding-top:40%; float:left; border: solid 1px #e6e6e6; box-sizing: border-box;}
#spAddCart .left{ float:left; width:40%;}
#spAddCart .right{ float:right;width:55%;}
#spAddCart .arrowLink{ clear:both;}
#spAddCart .code{ margin-bottom:10px;font-size:0.65rem;}
#spAddCart .price{ margin-bottom:10px; width:100%; height: 70px; font-size:1.8rem; position:relative; letter-spacing:-0.05em;}
#spAddCart .price_sale{ font-size:1.2rem; margin-bottom:5px;}
#spAddCart .price_sale span{ font-size:0.7rem; display:inline-block; padding-left:3px;}
#spAddCart .price .quantity{ position:absolute; bottom:auto; top:-1.7em; right:0; left:auto;line-height: 1.5;}
#spAddCart .price .quantity select{
font-size:1.5rem;
line-height: 1;
width: auto;
height: 50px;
padding: 5px 40px 5px 30px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #999;
background: #eee;
background: url(img/parts/select_arrow.png) right 50% no-repeat #fff;
background-size: 20px ,100%;
}
#spAddCart .postage{ margin-bottom:40px; width:100%; box-sizing:border-box;}
#spAddCart .addCart{ width:100%;}
#spAddCart .addCart a{ text-indent:0 !important; white-space:nowrap; height: 100px; line-height: 100px;}
#spAddCart .addCart .iconCart{ padding-left:35px !important;}
#spAddCart .addCart .iconCart:before {
content: "";
display: block;
width: 40px;
height: 40px;
position: absolute;
left: -20px !important;
top: 50% !important;
margin-top:-23px !important;
}
#spAddCart h5{ margin-bottom:20px; font-size:1.5rem;}
#spAddCart ul.link li{ margin-bottom:10px;}
#spAddCart ul.link li:last-child{ margin-bottom:0;}
#spAddCart .add{}
#spAddCart .add .addCart{ width:55%; position:absolute; bottom:0; top:auto; left:auto; right:0;}
#spAddCart .regularly .left{font-size:0.9rem;}
#spAddCart .price.sale{color: #bf191d !important;}
#spAddCart .price.sale .price_sale,
#spAddCart .price.sale span,
#spAddCart .price.sale .quantity{color: #000 !important;}
/* about
----------------------------------------------- */
body#about main > section.detail .detailMain h3{ white-space:normal;}
body#about main > section.detail .detailMain .content a{ text-decoration:underline;}
body#about main > section.detail .detailMain article.full{ box-sizing:border-box; width:100%; position:relative;}
body#about main > section.detail .detailMain article.full:before{
content:'';
display:block;
}
body#about main > section.detail .detailMain article.full:nth-of-type(1){ }
body#about main > section.detail .detailMain article.full:nth-of-type(1) > .bg{ background:url(./img/about/0.jpg) center center no-repeat; background-size:auto 100%;
display: block !important;
width: 100%;
height: 640px;
}
body#about main > section.detail .detailMain article.full:nth-of-type(1):before{}
body#about main > section.detail .detailMain article.full:nth-of-type(2){ background:url(./img/about/1.jpg) center center no-repeat; background-size:auto 100%;}
body#about main > section.detail .detailMain article.full:nth-of-type(2) > .bg{ background:url(./img/about/1_sp.jpg) center center no-repeat; background-size:auto 100%;}
body#about main > section.detail .detailMain article.full:nth-of-type(2):before{ }
body#about main > section.detail .detailMain article.full:nth-of-type(3){ background:url(./img/about/2.jpg) center center no-repeat; background-size:auto 100%;}
body#about main > section.detail .detailMain article.full:nth-of-type(3) > .bg{ background:url(./img/about/2_sp.jpg) center center no-repeat; background-size:auto 100%;}
body#about main > section.detail .detailMain article.full:nth-of-type(3):before{}
body#about main > section.detail .detailMain article.full:nth-of-type(4){ background:url(./img/about/3.jpg) center center no-repeat; background-size:auto 100%;}
body#about main > section.detail .detailMain article.full:nth-of-type(4) > .bg{ background:url(./img/about/3_sp.jpg) center center no-repeat; background-size:auto 100%;}
body#about main > section.detail .detailMain article.full:nth-of-type(4):before{ }
body#about main > section.detail .detailMain article.full:nth-of-type(5){ background:url(./img/about/4.jpg) center center no-repeat; background-size:auto 100%;}
body#about main > section.detail .detailMain article.full:nth-of-type(5) > .bg{ background:url(./img/about/4_sp.jpg) center center no-repeat; background-size:auto 100%;}
body#about main > section.detail .detailMain article.full:nth-of-type(5):before{ }
@media screen and (min-width: 2000px) {
body#about main > section.detail .detailMain article.full:nth-of-type(1),
body#about main > section.detail .detailMain article.full:nth-of-type(2),
body#about main > section.detail .detailMain article.full:nth-of-type(3),
body#about main > section.detail .detailMain article.full:nth-of-type(4),
body#about main > section.detail .detailMain article.full:nth-of-type(5){ background-size:100% auto;}
}
body#about main > section.detail .detailMain article.full > .bg{ display:none; height:400px;}
body#about main > section.detail .detailMain article.full > div.inner{ width:100%;height:640px; margin:auto; max-width:1300px; box-sizing:border-box; display:block; vertical-align:middle; }
body#about main > section.detail .detailMain article.full .inner{ box-sizing:border-box; position:relative;}
body#about main > section.detail .detailMain article.cContents{ text-align:center; padding:80px 0 0 0; margin-bottom:0;min-height:0;}
body#about main > section.detail .detailMain article.cContents > div.inner{ height:70px;}
body#about main > section.detail .detailMain article.full .inner .floater{ float:right;}
body#about main > section.detail .detailMain article.full .inner .contentWrap{height:640px;display:table-cell; vertical-align:middle; }
body#about main > section.detail .detailMain article.cContents .inner .contentWrap{height:100px;}
body#about main > section.detail .detailMain article.full .inner .contentWrap#shizenSub{ width:25%;}
body#about main > section.detail .detailMain article.full .inner .content{ width:auto; padding:40px 40px 20px 40px;position:relative; box-sizing:border-box; display:inline-block;}
body#about main > section.detail .detailMain article.full .inner h3{ font-size:2.0rem; margin-bottom: 30px;line-height: 1.5; white-space:nowrap;opacity:0;}
body#about main > section.detail .detailMain article.full .inner p{opacity:0; line-height: 1.8;font-size:1.15rem;}
body#about main > section.detail .detailMain article.full .inner h3,
body#about main > section.detail .detailMain article.full .inner p{
-moz-transition: -moz-all 500ms cubic-bezier(.50,.0,.50,1);
-webkit-transition: -webkit-all 500ms cubic-bezier(.50,.0,.50,1);
-o-transition: -o-all 500ms cubic-bezier(.50,.0,.50,1);
-ms-transition: -ms-all 500ms cubic-bezier(.50,.0,.50,1);
transition: all 500ms cubic-bezier(.50,.0,.50,1);
}
body#about main > section.detail .detailMain article.full .inner h3.view{ opacity:1;}
body#about main > section.detail .detailMain article.full .inner p.view{ opacity:1; }
body#about main > section.detail .detailMain article.full .inner h3{ }
body#about main > section.detail .detailMain article.full:nth-of-type(1) .inner{height: auto }
body#about main > section.detail .detailMain article.full:nth-of-type(1) .inner .contentWrap{height: auto}
body#about main > section.detail .detailMain article.full:nth-of-type(1) .inner .content{ padding: 80px 40px 140px 40px;}
body#about main > section.detail .detailMain article.full:nth-of-type(1) .inner h3{}
body#about main > section.detail .detailMain article.full:nth-of-type(1) .inner p{ }
body#about main > section.detail .detailMain article.full:nth-of-type(1) .inner .en{font-size:1.5rem;line-height: 1.5; margin-bottom: 30px;}
body#about main > section.detail .detailMain article.full:nth-of-type(2) {}
body#about main > section.detail .detailMain article.full:nth-of-type(2) .inner{}
body#about main > section.detail .detailMain article.full:nth-of-type(2) .inner .contentWrap{}
body#about main > section.detail .detailMain article.full:nth-of-type(2) .inner .content{}
body#about main > section.detail .detailMain article.full:nth-of-type(2) .inner h3{ }
body#about main > section.detail .detailMain article.full:nth-of-type(2) .inner p{ }
body#about main > section.detail .detailMain article.full:nth-of-type(3) .inner{}
body#about main > section.detail .detailMain article.full:nth-of-type(3) .inner .content{ }
body#about main > section.detail .detailMain article.full:nth-of-type(3) .inner h3{ }
body#about main > section.detail .detailMain article.full:nth-of-type(3) .inner p{ }
body#about main > section.detail .detailMain article.full:nth-of-type(4) .inner{}
body#about main > section.detail .detailMain article.full:nth-of-type(4) .inner .contentWrap{ }
body#about main > section.detail .detailMain article.full:nth-of-type(4) .inner h3{ }
body#about main > section.detail .detailMain article.full:nth-of-type(4) .inner p{ }
body#about main > section.detail .detailMain article.full:nth-of-type(5) .inner{}
body#about main > section.detail .detailMain article.full:nth-of-type(5) .inner .content{ }
body#about main > section.detail .detailMain article.full:nth-of-type(5) .inner h3{ }
body#about main > section.detail .detailMain article.full:nth-of-type(5) .inner p{ }
body#about main > section.detail .detailMain .btn{ display:inline-block; margin-bottom:20px;}
body#about main > section.detail .detailMain .btn a{ display:block; background-color:#000; color:#fff; width:264px; padding:20px 15px; box-sizing:border-box; }
body#about main > section.detail .detailMain .btn a:hover{ background-color:#000000;}
body#about main > section.detail .detailMain .toList{ margin-right:20px;}
body#about main > section.detail .detailMain .toTop{ margin-left:20px;}
@media screen and (min-width: 1000px) {
body#about main > section.detail .detailMain article.full:nth-of-type(1) .inner{ text-align: center; width: 100%;}
body#about main > section.detail .detailMain article.full:nth-of-type(1) .inner .contentWrap{ display:block;margin: auto;}
body#about main > section.detail .detailMain article.full:nth-of-type(1) .content{ }
}
/* items
----------------------------------------------- */
body#items main > section.detail .detailMain h3.title{ margin-bottom:80px;}
body#items main > section.detail .detailMain h4.typeName{ font-size: 1.5rem; border-bottom: solid 1px #9a9a9a; padding-bottom: 10px; margin-bottom: 40px;}
body#items main > section.detail .detailMain h4.typeName .sub{ font-size: 0.9rem;
display: inline-block;
float: right;
padding-right: 0px;
padding-top: 7px; }
body#items.page .entryBody div.area,
body#items.page .entryBody article.area {
border: 0;
padding: 0px;
}
body#items main > section.detail .detailMain .productsList{
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 40px;
}
body#items main > section.detail .detailMain article.items{ position: relative; overflow: hidden; min-height: 80px; display: grid;align-items: center;-ms-align-items: center;}
body#items main > section.detail .detailMain article.items a{ display:block; height: 100%;display: grid;align-items: center;-ms-align-items: center;}
body#items main > section.detail .detailMain article.items a:hover{text-decoration:none;}
body#items main > section.detail .detailMain article.items a:hover h4{text-decoration:underline;}
body#items main > section.detail .detailMain article.items .thumbImage{ position:absolute; top: 0; left: 0; border: solid 1px #e8e8e8; box-sizing: border-box; width: 80px; height: 80px;}
body#items main > section.detail .detailMain article.items .data{ padding-left: 100px; }
body#items main > section.detail .detailMain article.items .data .spec{ margin-bottom:5px; line-height: 1; font-size: 1rem;}
body#items main > section.detail .detailMain article.items .data h4{ margin:0; line-height: 1.3; font-size: 1.2rem;}
@media all and (-ms-high-contrast: none) {
body#items main > section.detail .detailMain .productsList{ display: block; overflow: hidden; }
body#items main > section.detail .detailMain .productsList article.items{ float: left; width: 49%; margin-bottom: 40px;}
body#items main > section.detail .detailMain .productsList article.items:nth-child(odd){ }
body#items main > section.detail .detailMain .productsList article.items:nth-child(even){ }
}
/*body#items main > section.detail .detailMain article.items{ position: relative; overflow: hidden; margin-bottom: 40px; min-height: 300px; width: 100%;}
body#items main > section.detail .detailMain article.items .thumbImage{ position:absolute; top: 0; left: 0; border: solid 1px #e8e8e8; box-sizing: border-box; width: 300px; height: 300px;}
body#items main > section.detail .detailMain article.items .thumbImage a{ display:block;width: 300px; height: 300px;}
body#items main > section.detail .detailMain article.items .data{ padding-left: 320px;}
body#items main > section.detail .detailMain article.items .data .enTitle{ padding-top: 37px;padding-bottom: 5px; border-bottom: solid 1px #818181; margin-bottom: 5px;font-size: 0.8em; }
body#items main > section.detail .detailMain article.items .data .jpTitle{margin-bottom: 35px;}
body#items main > section.detail .detailMain article.items .data .enName{margin-bottom: 5px; font-size: 0.8em; }
body#items main > section.detail .detailMain article.items .data .jpName{margin-bottom: 35px; font-size: 1.4em; }
body#items main > section.detail .detailMain article.items .data .enUse{margin-bottom: 10px;padding-bottom: 5px;font-size: 0.8em; border-bottom: solid 1px #818181;}
body#items main > section.detail .detailMain article.items .data .jpUse{font-size: 1.2em; padding-bottom: 10px;border-bottom: solid 1px #818181;}
*/
/* news & blog
----------------------------------------------- */
body.entry main > section.detail .visual{ margin-bottom:70px;}
body#news.archive main article.entrylist,
body#blog.archive main article.entrylist{ padding-top:0; margin-bottom:15px;}
body#news.archive main h3.title,
body#blog.archive main h3.title{ margin-bottom:40px !important;}
body#news.archive main h3.title,
body#blog.archive main h3.title{ margin-bottom:40px !important;}
/* Deals
----------------------------------------------- */
body#deals{}
body#deals .entryBody{}
body#deals main > section.detail ul.contentsNav{ border-bottom:0; margin-bottom:0;}
body#deals main > section.detail ul.contentsNav{}
body#deals main > section.detail ul.contentsNav li{ float:left; box-sizing:border-box; width:24.25% !important; margin:0 1% 1% 0;}
body#deals main > section.detail ul.contentsNav li:nth-child(3n){ margin-right:1% !important;}
body#deals main > section.detail ul.contentsNav li:nth-child(4n){ margin-right:0 !important;}
body#deals .entryBody .area{ }
body#deals.page .entryBody div.area,
body#deals.page .entryBody article.area {
border: 0;
padding: 0px;
margin-bottom: 120px;
border: solid 0px #f30;
}
body#deals.page .entryBody .read{
margin-bottom: 20px;
}
body#deals .entryBody h3.title{ border-bottom:0; padding-bottom:0; margin-bottom:20px;}
body#deals .entryBody h5{ margin-bottom:10px;}
body#deals main > section.detail .detailMain h4 {
border-bottom: solid 1px #818181;
padding-bottom: 10px;
margin-bottom: 10px;
}
body#deals .entryBody a.bgBtn{ font-size:1.2rem; background-color:#000; display:inline-block; box-sizing:border-box; padding:0 30px; line-height:49px; text-align:center; color:#fff; white-space:nowrap; letter-spacing:0; margin-bottom: 20px;}
body#deals .entryBody a.bgBtn:hover{ background-color:#000000;}
table.rankTable{border-collapse: collapse;}
table.rankTable thead th,
table.rankTable td{
padding: 10px;
border-right: 1px solid #818181;
border-bottom: 1px solid #818181;
vertical-align:top;
}
table.rankTable th:last-child,
table.rankTable td:last-child{border-right: 0;}
table.rankTable th:nth-of-type(2),
table.rankTable td:nth-of-type(2){ text-align: center}
table.rankTable th:nth-of-type(1),
table.rankTable td:nth-of-type(1),
table.rankTable th:nth-of-type(2),
table.rankTable td:nth-of-type(2){ white-space: nowrap}
table.rankTable tbody tr:nth-of-type(1) td:nth-of-type(1){ background-color: #f8f8f8;}
table.rankTable tbody tr:nth-of-type(2) td:nth-of-type(1){ background-color: #fdfae1;}
table.rankTable tbody tr:nth-of-type(3) td:nth-of-type(1){ background-color: #ebf2f9;}
body#deals .entryBody .teikiImage{ width:70%; height: auto;margin-bottom: 20px;}
body#deals .entryBody ul.inner { padding-left: 1.5em;margin-bottom: 40px;}
body#deals .entryBody ul.inner li{ margin-bottom: 20px; list-style: disc; }
body#deals .entryBody ul.inner li h5{ font-size:1.2rem;}
body#deals .entryBody .jouken{}
body#deals .entryBody .jouken h4{ margin-bottom:40px; padding:40px 0 0 0;}
body#deals .entryBody .jouken p.read{ font-size:1.2rem; margin-bottom:30px;}
body#deals .entryBody .jouken h5{ margin-bottom:5px;}
body#deals .entryBody .jouken table{ border-right:solid 1px #dadada}
body#deals .entryBody .jouken table tr{}
body#deals .entryBody .jouken table th{}
body#deals .entryBody .jouken table td{ padding:20px 20px}
body#deals .entryBody .flow{ padding-top:20px;}
body#deals .entryBody .flow h4{ border-top:solid 1px #dadada; padding:60px 0 0px 0;}
body#deals .entryBody .flow ul.step{ overflow:hidden; margin-bottom:40px;}
body#deals .entryBody .flow ul.step li{ width:30%; margin-right:5%; border:solid 1px #000; box-sizing:border-box; float:left; text-align:center; position:relative;}
body#deals .entryBody .flow ul.step li .inner{ vertical-align:top;padding:40px 20px;}
body#deals .entryBody .flow ul.step li h5{ font-size:1.5rem;}
body#deals .entryBody .flow ul.step li:nth-of-type(1):after,
body#deals .entryBody .flow ul.step li:nth-of-type(2):after{
content:'';
display:block;
width:15%;
height:50px;
background:url(img/svg/arrow_r_beige.svg) center center no-repeat;
background-size:80%;
position:absolute;
left:100%;
top:50%;
margin-top:-25px;
}
body#deals .entryBody .flow ul.step li:last-child{ margin-right:0;}
body#deals .entryBody .flow ul.step li p{ margin-bottom:0;}
body#deals .entryBody #sampleset{}
body#deals .entryBody #sampleset h3{ }
body#deals .entryBody #sampleset article{margin-bottom:0px;}
body#deals .entryBody #sampleset article h5{ font-size:2.3rem;}
body#deals .entryBody #sampleset article h5 small{ font-size:1.6rem; display:inline-block; padding:0 3px;}
body#deals .entryBody #sampleset article h5 .inBox{ display:inline-block;}
body#deals .entryBody #sampleset article img.size-full{ width:100%; height:auto; margin-bottom:40px; padding-top: 40px;}
body#deals .entryBody #sampleset article h5{ font-size:2.0rem;}
body#deals .entryBody #sampleset article h5 span{font-size:1.2rem; border:solid 1px #000; display:inline-block; padding:5px 20px; margin-right:10px; position:relative; top:-5px; white-space:nowrap; letter-spacing:0;}
table.setDetail{ width:100%; border:solid 1px #dadada; border-collapse: collapse;　}
table.setDetail td{ padding:10px 60px 10px 20px; border-top:solid 1px #dadada; position:relative; letter-spacing:0;}
table.setDetail tr:nth-of-type(1) td{border-top:0;}
table.setDetail td span{ display:inline-block; box-sizing:border-box; padding:10px; vertical-align:middle; width:60px; height:100%; text-align:center; background-color:#f2f2f2; position:absolute; top:0; right:0;}
table.setDetail tr:not(:first-child) td{}
table.setDetail tr:nth-of-type(5) td:nth-of-type(2){border-bottom:solid 1px #dadada; }
table.setDetail tr td:nth-of-type(1){border-right:solid 1px #dadada; }
.setSub{margin-bottom:20px; text-align:right; font-size:0.8em;}
body#deals .entryBody #sampleset article .souryou{ overflow:hidden;height:94px; vertical-align:middle;}
body#deals .entryBody #sampleset article .souryou .muryou{
display:block;
width:94px;
height:94px;
background:url(img/deals/souryou_muryou.png) center center no-repeat;
background-size:contain;
border: solid 1px #000;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius:50%;
text-align:center;
line-height:1.2;
font-size:1.5rem;
padding-top:23px;
box-sizing:border-box;
float:left;
}
body#deals .entryBody #sampleset article .souryou .text{display:table-cell; height:94px;vertical-align:middle; margin:0;float:left; padding-left:10px;line-height:1;padding-top:7px;}
body#deals .entryBody #sampleset article .souryou .text em{ font-size:1.5rem;}
body#deals .entryBody #sampleset article .souryou .text .price{ font-size:3.2rem;line-height:1.3;}
body#deals .entryBody #sampleset article .souryou .text .price small{ font-size:1.5rem; display:inline-block;}
body#deals .entryBody #sampleset article .souryou .more{ float:right; padding-top:23px;}
body#deals .entryBody #sampleset article .souryou .more a{ font-size:1.2rem; background-color:#000; display:inline-block; padding:0 30px; line-height:49px; text-align:center; color:#fff; white-space:nowrap; letter-spacing:0; box-sizing:border-box;}
body#deals .entryBody #sampleset article .souryou .more a:hover{ background-color:#000000;}
body#deals table.normal td{text-align:center;}
body#deals .entryBody .sampleSet{ margin-bottom:120px;}
body#deals .entryBody .sampleSet h4.title{}
body#deals .entryBody .setProduct h3{}
body#deals .entryBody .setProduct h4.title{}
/* Members
----------------------------------------------- */
body#members{}
body#members .entryBody{}
body#members .entryBody .area{ }
body#members .entryBody h3.title{ border-bottom:0; padding-bottom:0; margin-bottom:80px;}
body#members .entryBody h4.title{ padding-top:20px; font-size:1.7rem; line-height:1.5; color:#000000; margin-bottom:10px;}
body#members .entryBody .read{ margin-bottom:40px;}
body#members .entryBody .tokuten { padding:0px; margin-bottom:50px;}
body#members .entryBody .tokuten h4{ font-size:2.0rem; margin-bottom:0px; line-height:2;}
body#members .entryBody ul.link li { display:inline-block; margin-right:20px; margin-bottom:20px;}
body#members .entryBody ul.link li a{ font-size:1.2rem; background-color:#000; display:inline-block; box-sizing:border-box; padding:0 30px; line-height:49px; text-align:center; color:#fff; white-space:nowrap; letter-spacing:0;}
body#members .entryBody ul.link li a:hover{ background-color:#000000;}
body#members .entryBody .five{}
body#members .entryBody .five ul{ margin-bottom:80px; overflow:hidden;}
body#members .entryBody .five ul li{ border-bottom:dotted 1px #e6e6e6; box-sizing:border-box; width:100%; height:auto; padding:35px 20px 35px 100px; position:relative;}
body#members .entryBody .five ul li .no{
display:block;
width:80px;
height:80px;
background-color:#8b8b8b !important;
color:#fff;
position:absolute;
top:40px;
margin-top:-13px;
left:0px;
border-radius: 40px;
overflow: hidden;
}
body#members .entryBody .five ul li:nth-of-type(1){}
body#members .entryBody .five ul li h5{ margin:0 0 5px 0; font-size:1.6rem; line-height:1.6;}
body#members .entryBody .five ul li h5 small{ font-size:0.7em;}
body#members .entryBody .five ul li p{ margin:0 0 5px 0; line-height:1.6; font-size:1.2rem;}
body#members .entryBody .five ul li p.kome{ font-size:0.8rem; line-height:1.5;}
body#members .entryBody .five ul li em{ }
body#members .entryBody .five ul li:nth-of-type(1){}
body#members .entryBody .five ul li:nth-of-type(1) .no{
background:url(img/deals/tokuten_1.png) center center no-repeat;
background-size:contain;
}
body#members .entryBody .five ul li:nth-of-type(2){}
body#members .entryBody .five ul li:nth-of-type(2) .no{
background:url(img/deals/tokuten_2.png) center center no-repeat;
background-size:contain;
}
body#members .entryBody .five ul li:nth-of-type(3){}
body#members .entryBody .five ul li:nth-of-type(3) .no{
background:url(img/deals/tokuten_3.png) center center no-repeat;
background-size:contain;
}
body#members .entryBody .five ul li:nth-of-type(4){ }
body#members .entryBody .five ul li:nth-of-type(4) .no{
background:url(img/deals/tokuten_4.png) center center no-repeat;
background-size:contain;
}
body#members .entryBody .five ul li:nth-of-type(5){}
body#members .entryBody .five ul li:nth-of-type(5) .no{
background:url(img/deals/tokuten_5.png) center center no-repeat;
background-size:contain;
}
body#members .entryBody ul.link {text-align:center;}
body#members .entryBody ul.link li { display:inline-block; margin-right:20px; margin-bottom:20px; }
body#members .entryBody ul.link li a{ font-size:1.2rem; background-color:#000; display:inline-block; box-sizing:border-box; padding:0 30px; line-height:49px; text-align:center; color:#fff; white-space:nowrap; letter-spacing:0;}
body#members .entryBody ul.link li a:hover{ background-color:#000000; text-decoration: none;}
table.rankup{ width:100%; border-left:solid 1px #dadada; border-top:dotted 1px #dadada; margin-bottom:30px; line-height:2; letter-spacing:0;}
table.rankup th{ padding:10px 10px; width:150px; white-space:nowrap; background-color:#000;border-bottom:solid 1px #dadada;border-right:solid 1px #dadada; text-align:center; color: #fff;}
table.rankup th:nth-of-type(1){ width:120px;}
table.rankup th:nth-of-type(2){ width:80px;}
table.rankup th:nth-of-type(3){ width:auto; text-align: left;}
table.rankup td:nth-of-type(3){ width:auto; text-align: left;}
table.rankup td{ padding:10px 10px; border-bottom:solid 1px #dadada; border-right:solid 1px #dadada;text-align:center; line-height:1.4; vertical-align:middle;}
table.rankup tr:not(:first-child) td{}
/* stores
----------------------------------------------- */
body#stores .entryBody h3.info{ margin-bottom:80px;}
body#stores .entryBody dl.store{ overflow:hidden; position:relative; border-bottom:solid 1px #818181; padding-bottom:80px; margin-bottom:80px;}
body#stores .entryBody dl.store:nth-of-type(1){ border-top:solid 1px #818181 !important; padding-top:80px;}
body#stores .entryBody dl.store:last-child{ border-bottom:0; margin-bottom:0px;}
body#stores .entryBody dl.store dt{ width:66%; float:left; }
body#stores .entryBody dl.store dt h4{ border-bottom:dotted 1px #e6e6e6; height:105px; margin-bottom:15px; padding-bottom:35px; line-height:1.5; position:relative;}
body#stores .entryBody dl.store dt h4 .photo{ width:180px; height:auto;position:absolute; top:0; right:0;}
body#stores .entryBody dl.store dd{}
body#stores .entryBody dl.store dd.map{ width:30% !important; float:right;}
body#stores .entryBody dl.store dd.map .bikou{ margin-bottom:20px;}
body#stores .entryBody dl.store dd.map iframe{ width:100%; height:300px;}
body#stores .entryBody dl.store dd.bikou{ clear:both; width:100%;}
body#stores .entryBody dl.store table{ width:100%; letter-spacing:0; font-size: 1.2em;}
body#stores .entryBody dl.store table th{ width:120px; white-space: nowrap;}
body#stores .entryBody dl.store table th span{ display:inline-block; padding:5px 0 5px 25px; position:relative; line-height: 2.3;}
body#stores .entryBody dl.store table th span:before{
content:'';
display:block;
width:18px;
height:20px;
position:absolute;
top:0.75em;
left:0;
}
body#stores .entryBody dl.store table span.address:before { background:url(img/store/store_pin.png) center center no-repeat;background-size:contain;}
body#stores .entryBody dl.store table span.tel:before { background:url(img/store/store_phone.png) center center no-repeat;background-size:contain;}
body#stores .entryBody dl.store table span.time:before { background:url(img/store/store_time.png) center center no-repeat;background-size:contain;}
body#stores .entryBody dl.store table td{ padding:5px 0 5px 0px; line-height:1.5;}
/* events
----------------------------------------------- */
body#events h3.title{ margin-bottom:20px !important;}
body#events .entryBody .read{ font-size:1.3rem; margin-bottom:15px; padding:0px 0 80px 0; margin-bottom:10px;}
body#events .entryBody article.events{ border-bottom:solid 1px #818181; margin-bottom:10px;}
body#events .entryBody article.events:nth-of-type(1){border-top:solid 1px #818181; padding-top: 10px;}
body#events .entryBody article.events dl{ position:relative;cursor:pointer; background:url(img/parts/arrow_down.png) right 15px no-repeat; width:98%;}
body#events .entryBody article.events dl dt{ width:300px; position:absolute; top:5px; padding-left:0px; font-size:1.3rem; line-height:1.5; }
.pcDevice body#events .entryBody article.events dl:hover dt{ }
body#events .entryBody article.events dl dd{ letter-spacing:0;}
body#events .entryBody article.events dd.date{ padding:0 40px 0 320px; margin-bottom:14px; padding-top:5px; margin-right:40px;}
body#events .entryBody article.events dd.more{ display:none;}
body#events .entryBody article.events dl.open{background:url(img/parts/arrow_up.png) right 15px no-repeat; }
body#events .entryBody article.events dl.open dt{ top:5px; width:90%; position:relative;}
body#events .entryBody article.events dl.open dd.date{ display:none;}
body#events .entryBody article.events dl.open dd.date span{ opacity:0;}
body#events .entryBody article.events dl.open dd.more{ display:block; padding:20px 40px 40px 40px;}
body#events .entryBody table.events{ width:100%; border-top:solid 1px #dadada; border-right:solid 1px #dadada; border-left:solid 1px #dadada; letter-spacing:0;}
body#events .entryBody table.events tr{ border-bottom:solid 1px #dadada;}
body#events .entryBody table.events th,
body#events .entryBody table.events td{ padding:20px 40px; vertical-align:top;}
body#events .entryBody table.events th{ width:80px; white-space: nowrap; text-align:center; background-color:#f2f2f2;}
body#events .entryBody table.events td{ }
body#events .entryBody table.events tr:nth-of-type(1) td{ }
/* news & blog
----------------------------------------------- */
body.entrylist{}
body.entrylist article.entrylist{ padding:35px 0 5px 0; margin-bottom:0px; border-bottom:dotted 0px #e6e6e6;}
body.entrylist article.entrylist h4.entryTitle{ font-size:1.3rem; margin-bottom:5px;}
body.entrylist article.entrylist .date{ letter-spacing:0; font-size:1rem; margin-bottom:0px;}
body.entrylist article.entrylist a{ display:inline; position:relative;}
body.entrylist article.entrylist a:hover{ }
body.entrylist article.entrylist a.blank{ padding-right:20px; }
body.entrylist article.entrylist a.blank:after{
content:'';
display:block;
width:12px;
height:12px;
position:absolute;
top:auto;
bottom:3px;
right:0px;
background:url(img/svg/link_blank.svg) center center no-repeat;
background-size:contain;
}
body#news main > section.detail h3:before{
background:url(img/svg/news_red.svg) center center no-repeat;
background-size:contain;
}
body#blog main > section.detail h3:before{
background:url(img/svg/blog.svg) center center no-repeat;
background-size:contain;
}
body.entrylist article.entrylist a.nolink{ cursor:default; text-decoration:none;}
body.entrylist article.entrylist a.nolink:hover{}
main > section#single-entry .visual{ margin-bottom:60px;}
main > section#single-entry h2.entryTitle{
font-size:1.7rem; line-height:2;
border-bottom: solid 1px #818181;
padding-bottom: 10px;
margin-bottom: 20px;
}
main > section#single-entry .entryBody{border:solid 0px #818181 !important; padding:0}
main > section#single-entry .entryBody h5{ margin-bottom:10px; padding-top: 20px;
font-size:1.4rem;
line-height:2.0;
}
main > section#single-entry .entryBody h6{ padding-top: 20px; margin-bottom:10px; }
main > section#single-entry .entryBody h5:first-child{ margin-bottom:10px; }
main > section#single-entry .entryBody .tantou{ font-size:0.9rem; margin-bottom:50px;}
main > section#single-entry .entryBody p{line-height:2 !important; margin-bottom:30px;}
main > section#single-entry .entryBody img{ margin-bottom:30px; width:100%; height:auto; margin-top:30px;}
main > section#single-entry .entryBody p:last-child{ margin-bottom:0;}
main > section#single-entry .entryBody a{ text-decoration:underline;}
table.entryTable{border-collapse: collapse; border: solid 1px #dadada; margin-bottom: 20px;}
table.entryTable thead th,
table.entryTable td{
padding: 10px;
border-right: 1px solid #dadada;
border-bottom: 1px solid #dadada;
vertical-align:top;
}
table.entryTable thead th{ background-color: #9a9a9a; color: #fff;}
table.entryTable th:last-child,
table.entryTable td:last-child{border-right:0;}
table.entryTable tr:last-child td{ border-bottom: 0;}
table.entryTable th.c,
table.entryTable td.c{ text-align: center}
table.entryTable th.r,
table.entryTable td.r{ text-align: right}
table.entryTable th.l,
table.entryTable td.l{ text-align: left}
/* guide
----------------------------------------------- */
body#guide main > section.detail ul.contentsNav{ border-bottom:0; margin-bottom:0;}
body#guide .entryBody .area{ }
body#guide .entryBody h3.title{ border-bottom:0; padding-bottom:0;margin-bottom:20px;}
body#guide main > section.detail h3.title:before{}
body#guide .entryBody .read{}
body#guide .entryBody h3{ border-bottom:0; padding-bottom:0;}
body#guide main > section.detail h3.title:before{ background:url(img/svg/question_red.svg) center center no-repeat; background-size:contain;}
body#guide main > section.detail .detailMain h4 {
border-bottom: solid 1px #818181;
padding-bottom: 10px;
margin-bottom: 10px;
}
body#guide .entryBody article h5{ padding-top:20px; font-size:1.2rem; line-height:1.5; margin-bottom:10px;}
body#guide .entryBody article h6{ }
body#guide .entryBody article#order ol{ margin-bottom:20px;}
body#guide .entryBody article#order ol li{ padding-left:1.5em; text-indent:-1.5em; margin-bottom:5px; line-height:1.4;}
body#guide .entryBody article#coupon h4{ margin-bottom:30px;}
body#guide .entryBody article#coupon h5{ padding-top:0px;}
body#guide .entryBody article#coupon ul{}
body#guide .entryBody article#payment{}
body#guide .entryBody article#payment h4{}
body#guide .entryBody article#payment h5{ padding-top:0px;}
body#guide .entryBody article#payment table.responsive .logo{ width:auto; text-align:center;}
body#guide .entryBody article#payment table.responsive .logo img{ width:65px; height:auto; display:inline-block; clear:both;}
body#guide .entryBody article#payment table.responsive .logo img.visa{ margin-bottom:7px; }
body#guide .entryBody article#payment table.responsive .logo img.master{ margin-bottom:15px; }
body#guide .entryBody article#payment table.responsive tr td:nth-of-type(2){ width:130px;}
body#guide .entryBody article#delivery{}
body#guide .entryBody article#delivery h4:before{background:url(img/svg/guide_delivery_red.svg) center center no-repeat; background-size:contain;}
body#guide .entryBody article#delivery table.delivery{border-top: 1px solid #dadada; letter-spacing:0;}
body#guide .entryBody article#delivery table.delivery th{border-right: 1px solid #dadada;border-bottom: 1px solid #dadada; text-align:left; width:auto; white-space:normal;}
body#guide .entryBody article#delivery table.delivery td{ border-bottom: 1px solid #dadada;border-right: 1px solid #dadada;}
body#guide .entryBody article#delivery table.delivery tr td:last-child{}
body#guide .entryBody article#delivery table.delivery tr:nth-of-type(1) td:nth-of-type(1) { width:33%;}
body#guide .entryBody article#returned{}
body#guide .entryBody article#returned h4{}
/* FAQ
----------------------------------------------- */
body#faq .entryBody h3.title{ border-bottom:0; padding-bottom:0; margin-bottom:20px;}
body#faq .entryBody article#qa{}
body#faq .entryBody article#qa .qaArea{ margin-bottom:40px;}
body#faq .entryBody article#qa .qaArea article{ padding:30px; margin-bottom:30px;}
body#faq .entryBody article#qa .qaArea > article{ background-color:#fff;padding:0px;}
body#faq .entryBody article#qa .qaArea > article:last-child{ margin-bottom:60px;}
body#faq .entryBody article#qa .qaArea > article > article{ padding:0px; margin-bottom:0;}
body#faq .entryBody article#qa .qaArea > article > article:last-child{}
body#faq .entryBody article#qa .qaArea h2{ font-size:1.8rem;margin-bottom:40px; line-height: 1.8; border-bottom: solid 1px #818181}
body#faq .entryBody article#qa .qaArea h3{ font-size:1.6rem; margin-bottom:20px; }
body#faq .entryBody article#qa .qaArea h4{ font-size:1.2rem; margin-bottom:20px; }
body#faq .entryBody article#qa .qaArea h5{ font-size:1.2rem; margin-bottom:10px;}
body#faq .entryBody article#qa dl.qa{ margin-bottom:40px; line-height:2;}
body#faq .entryBody article#qa dl.qa dt{ font-size:1rem; margin-bottom:0; cursor:pointer;}
body#faq .entryBody article#qa dl.qa dd{ font-size:1rem; display:none; margin-bottom:20px; padding:0 0px 20px 1.5em; border-bottom:dotted 1px #dadada;}
body#faq .entryBody article#qa dl.qa dt:hover{text-decoration:underline;}
body#faq .entryBody article#qa dl.qa dd.open{ display:block;}
body#faq .entryBody article#qa dl.qa dd a{ text-decoration:underline;}
/* type
----------------------------------------------- */
body#type .entryBody h3.title{
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 20px;
}
body#type .entryBody h4.typeName{ border-bottom: solid 1px #818181; line-height: 1.8; margin-bottom: 40px;}
body#type.page .entryBody div.area,
body#type.page .entryBody article.area {
border: 0;
padding: 0px;
}
body#type .entryBody .productList{}
body#type .entryBody .productList article.products:after {
display: none;
position: absolute;
top: -10px;
left: -10px;
width: 40px;
height: 40px;
border-radius: 20px;
overflow: hidden;
line-height: 40px;
font-size: 1.5rem;
text-align: center;
color: #fff;
box-sizing: border-box;
z-index: 10;
background: #000;
}
body#type .entryBody .productList article.products:nth-of-type(1):after{content: '1'; }
body#type .entryBody .productList article.products:nth-of-type(2):after{content: '2'; }
body#type .entryBody .productList article.products:nth-of-type(3):after{content: '3'; }
body#type .entryBody .productList article.products:nth-of-type(4):after{content: '4'; }
body#type .entryBody .productList article.products:nth-of-type(5):after{content: '5'; }
body#type .entryBody .productList article.products:nth-of-type(6):after{content: '6'; }
body#type .entryBody .productList article.products:nth-of-type(7):after{content: '7'; }
body#type .entryBody .productList article.products:nth-of-type(8):after{content: '8'; }
body#type .entryBody .productList article.products:nth-of-type(9):after{content: '9'; }
body#type .entryBody .productList article.products:nth-of-type(10):after{content: '10'; }
/* company
----------------------------------------------- */
body#company .entryBody h3{}
body#company .entryBody .read{ font-size:1.3rem; margin-bottom:30px; padding:30px 0 30px 0;border-bottom:solid 1px #dadada; border-top:solid 1px #dadada !important;}
body#company .entryBody {}
/* tokutei
----------------------------------------------- */
body#tokutei .entryBody h3{}
body#tokutei .entryBody .read{ font-size:1.3rem; margin-bottom:30px; padding:30px 0 30px 0;border-bottom:solid 1px #dadada; border-top:solid 1px #dadada !important;}
/* privacy
----------------------------------------------- */
body#privacy h3{ margin-bottom:20px !important;}
body#privacy .entryBody .read{ font-size:1.3rem; margin-bottom:70px; padding:0px 0 0px 0;}
body#privacy .entryBody p{letter-spacing:0;}
/* movie
----------------------------------------------- */
body#movie .pankuzu{ display:none;}
body#movie .entryBody .entryTitle{ text-align:center;}
body#movie .entryBody .embed{ width:60%; margin:auto;}
body#movie .entryBody .back{ padding-top:50px; text-align:center;}
body#movie .entryBody .back a{ background-color:#000; color:#fff;padding:8px 15px; white-space: nowrap; margin:auto;}
body#movie .entryBody .back a:hover{ background-color:#000000;}
/* QR
----------------------------------------------- */
body#qr{}
body#qr .detailMain{ width: 96%; margin: auto; padding-bottom: 100px; text-align: center;}
table.qrEntry, table.qrEntry th, table.qrEntry td {
border-collapse: collapse;
border: 1px solid #ccc;
line-height: 1.5;
margin: auto;
}
table.qrEntry thead{text-align: left;}
table.qrEntry thead th,
table.qrEntry thead td{ background: #333; color: #fff;}
table.qrEntry th {
padding: 10px;
white-space: nowrap;
}
table.qrEntry td {
padding: 10px;
vertical-align: top;
}
table.qrEntry tr:nth-child(even) {
background: #f2f2f2;
}
table.qrEntry td:nth-of-type(1){
white-space: nowrap;
}
.qrImage{ width: auto !important; height: auto !important;}
@media screen and (max-width: 750px) { /* SP */
body#movie .entryBody .embed{ width:100%; margin:auto;}
}
/* 商å“詳細ã®ã¿ãƒšãƒ¼ã‚¸ã€€ */
body.mode_detail #detailHeader {height:200px;}
body.mode_detail #detailHeader h1 {
width: 170px;
height: 90px;
position: relative;
top: 45px;
left: auto;
margin: auto;
}
body.mode_detail #detailHeader a{ display: block; height: 90px; background:url(./img/svg/logo.svg) no-repeat; background-size:contain;}
body.mode_detail main{width:96%;max-width:1000px; }
body.mode_detail main section{ padding-left:0 !important;}
body.mode_detail main > section.detail .detailMain {
width: auto;
padding-right: 0px !important;
margin-bottom: 40px;
}
body.mode_detail footer {
width: 100%;
min-height: 100px;
position: relative;
background-color: transparent !important;
color: #bbbbbb;
letter-spacing: 0;
text-align: center;
}
body.mode_detail footer .official{ display:block; padding-top: 50px; margin-bottom: 100px; margin: auto; width: 96%; max-width: 1000px;}
body.mode_detail footer .official a{
display: block;
height: 120px;
line-height: 120px;
text-align: center;
font-size: 1.5rem;
padding: 0 50px;
background: #000;
color: #fff;
}
body.mode_detail footer .official a:hover{ text-decoration:none;}
body.mode_detail footer .copy {
position: relative;
right: auto;
bottom: auto;
padding-top: 50px;
padding-bottom: 150px;
white-space: nowrap;
}
body.mode_detail table.spec{margin-bottom: 0px !important;}
body.mode_detail main > section.detail table.seibun {
margin-bottom: 60px !important;
}
@media screen and (max-width: 1000px) {
body.mode_detail #base > #main{ padding-top:0px !important;}
body.mode_detail #detailHeader {}
body.mode_detail #detailHeader h1{ display:block !important;}
body.mode_detail main > section.detail .detailWrap {
padding-bottom: 0px;
}
body.mode_detail table.spec{margin-bottom: 80px !important;}
body.mode_detail footer{ padding: 0 30px !important; box-sizing: border-box;}
}
.passwordInput{ padding:100px 50px; text-align: center;}
.passwordInput h2{ margin-bottom:30px;}
.passwordInput .inputPass{margin-bottom:10px; padding: 10px; font-size:2em;}
.passwordInput .btnSubmit{padding: 5px 20px;
font-size: 1.5em;
background-color: #000;
color: #fff;
border-style: none;}
#secretMessage{padding:100px 50px; text-align: center;}
#secretMessage h2{ margin-bottom:0px;}
/* 一時対応　 */
main > nav .menu > li#cat_id_basemake{display: none;}
body#top .detailFull #basemake.contentsWrap{ display: none;}
body#items.page .entryBody #cat_id_143{ display: none}