@charset "UTF-8";


/* topbanner slider
 ****************************** */
.topbanner .bx-wrapper .bx-viewport{width:90.00% !important; margin:auto !important;}
.topbanner  .bx-controls-direction a{font-weight:bold; font-size: 25px; color:#7A7A7A !important; transform: scale(0.9,1.2);opacity: 0.9; filter: alpha(opacity=90);-ms-filter: "alpha(opacity=90)";-moz-filter: "alpha(opacity=90)";}
.topbanner  .bx-controls-direction a:hover{opacity: 1; filter: alpha(opacity=100);-ms-filter: "alpha(opacity=100)";-moz-filter: "alpha(opacity=100)"; color:#000 !important;}
.topbanner  .bx-wrapper .bx-pager.bx-default-pager a{background:#A1A1A1;}
/*.topbanner li{border: 1px solid #0082cd; margin: 0 0 15px; margin:5px; pading:5px;}*/
.topbanner li{margin:5px; padding-top:15px;}


/* recommend slider
******************************* */
.bx-wrapper .bx-controls-direction a { z-index: 10 !important; }
.bx-wrapper .bx-pager.bx-default-pager a.active { background: #000 !important; }

/*.recommendItem{position: relative; margin:20px auto; padding:20px 10px 10px; line-height:1;} */
.recommendItem h3{margin: 10px 0 5px 15px !important;}
.recommendItem h3 span{font-size:18px;}
.recommendItem dl,.recommendItem dt,.recommendItem dd{margin:0; padding:0;}
.recommendItem p{text-align:center; margin:0; padding:0;}
.recommendItem .bx-wrapper{margin-top:15px !important;padding: 5px;background: #fff;max-width:100% !important;}
.recommendItem .bx-wrapper .bx-viewport{padding-top:10px;}
.recommendItem li{width:164px !important; margin: 0 5px !important; padding:10px; font-size:10px; line-height:1.5; text-align: center;}
.recommendItem li a{text-decoration:none;display: block;cursor: pointer;}
.recommendItem li:hover{opacity: 0.9; filter: alpha(opacity=90);-ms-filter: "alpha(opacity=90)";-moz-filter: "alpha(opacity=90)";}
.recommendItem .ogPrice{text-decoration: line-through;font-size:13px;}
.recommendItem .wbTxt{font-size:12px;     color: #d4021a;}
.recommendItem .price{font-size:18px; font-weight:bold !important; color:#d4021a; text-align:center;}
.recommendItem .tax{font-size:10px; font-weight:bold !important; color:#444 !important; text-align:center;display:block;}
.recommendItem .bx-controls-auto{visibility:hidden;}
.recommendItem .bx-wrapper .bx-viewport{width:90.00% !important; margin:auto !important;}
.recommendItem .bxslider{margin:10px auto 20px auto;}
.recommendItem .itemImg{text-align: center !important; display: inline-block !important;}
.recommendItem .itemName{text-decoration:underline !important; font-size:12px; text-align:left !important; color:#0387c5; margin-bottom:5px;line-height:1.5;height:4.5em;overflow:hidden;}
.recommendItem .itemName:hover{text-decoration:none !important;}
.recommendItem li .itemName{word-break: break-all;}
.recommendItem .bx-controls-direction a{font-weight:bold; font-size: 25px; color:#7A7A7A !important; transform: scale(0.9,1.2);opacity: 0.9; filter: alpha(opacity=90);-ms-filter: "alpha(opacity=90)";-moz-filter: "alpha(opacity=90)";}
.recommendItem .bx-controls-direction a:hover{opacity: 1; filter: alpha(opacity=100);-ms-filter: "alpha(opacity=100)";-moz-filter: "alpha(opacity=100)"; color:#000 !important;}
.recommendItem .bx-wrapper .bx-pager.bx-default-pager a{background:#A1A1A1;}
.recommendItem .moreItems{position: absolute; right:20px; top:38px;}
.recommendItem .percentBatch{background:#d62720;color:#fff;width:70px;height:50px;border-radius:40px;-webkit-border-radius: 40px;-moz-border-radius:40px;position:absolute;right:-15px;top:-10px;font-size:14px;padding-top: 20px;line-height: 1.4;font-weight: bold;}
.ribbon{color:#fff;width: 100%;position:absolute;top:12px;left:-29%;text-align:center;padding:5px 5px 4px;font-size:1.2em;line-height:1.3;transform: rotate(-25deg);-webkit-transform: rotate(-25deg);-moz-transform: rotate(-25deg);-o-transform: rotate(-25deg);-ms-transform: rotate(-25deg);z-index:10000;}
.ribbon.timeSaleR{background:#018f91  !important;}
.ribbon.couponR{background:#ce0a29 !important;}
.ribbon.osusumeR{background:#efca31 !important;}
.ribbon.newR{background:#f49e26 !important;}
#slide01{margin-top:30px;}
#slide01{margin-bottom: 0 !important;}
#slide01 hr,#slide02 hr{background:#666;border:0; height:1px;}



/* topItemWrapper
************************************************ */
.topItemWrapper{ /*width: 950px;*/ margin:0 auto 50px auto; font-size:14px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust:none; -webkit-font-smothing:antialiased;color:#222; line-height: 1.8;}
.topItemWrapper ul,.topItemWrapper li,.topItemWrapper p,.topItemWrapper dl,.topItemWrapper dt,.topItemWrapper dd{list-style: none; margin:0; padding:0;}
.topItemWrapper li{overflow: hidden; position:relative;}
.topItemWrapper .ctr{text-align: center;}
.topItemWrapper .left{text-align: left;}
.topItemWrapper .bgB{background:#f9f5ea;}
.topItemWrapper .pd30{padding:30px;}
.topItemWrapper .pd20{padding:20px;}
.topItemWrapper .pd10{padding:10px;}
.topItemWrapper .pd5{padding:5px;}
.topItemWrapper .w50{width:50%;}
.topItemWrapper h2{text-align: center;}
.topItemWrapper h3{font-size:30px; border:none !important; text-align: center; font-weight: normal !important;}
.topItemWrapper .txtRed{color:#da433d;}
.topItemWrapper .f11{font-size:11px; color:#888;}
.topItemWrapper .f18{font-size:18px;}
.topItemWrapper .mgTp30{margin-top: 30px;}
.topItemWrapper .mgTp60{margin-top: 60px;}
.topItemWrapper .mgTp30{margin-top: 30px;}
.topItemWrapper .mgBt30{margin-bottom: 30px;}

.topItemWrapper .header{ background:url(../images/bg_header.png)left top no-repeat #f9f5ea; height:260px; position: relative;}
.topItemWrapper .header h1{position: absolute; left:5px; top:0;margin-bottom:15px; border:none !important;}
.topItemWrapper .header .period{position:absolute;font-size: 12px;left:30px; bottom:5px;line-height: 1.8;}
.topItemWrapper .header .period span{background:#393a37;  font-size: 18px !important;color:#fff; font-weight: bold; padding:3px 5px;letter-spacing: -1px;}
.topItemWrapper .header .waribikiPriceBox{background:url(../images/waribikicode.png)left top no-repeat; width: 400px; height:277px; position:absolute; right:20px; top:15px;}
.topItemWrapper .header .waribikiPrice{font-weight:bold; font-size:70px; letter-spacing: 3px;position:absolute;left:7%;top:35%;}
.topItemWrapper .header .waribikiPrice span{font-size:45px;}

.topItemWrapper .section{text-align: left;}
.topItemWrapper .section img{max-width: 100%;}
.topItemWrapper .note li{padding-left: 1em;text-indent: -1em; list-style: none;}
.topItemWrapper .box{padding:30px; margin-top:20px; border:solid 1px #515151;}
.topItemWrapper .cols3 dl{width: 33.333%; text-align: center; float: left;}
.topItemWrapper .cols3 dd{margin-top: 30px; line-height: 2;}
.topItemWrapper .section.bgB h2 img{margin-top: -30px;} 
.topItemWrapper .cols3 li{width: 32%; text-align: center; float: left;}
.topItemWrapper .cols3 li:nth-child(2){margin:0 15px;}
.topItemWrapper .boxGr{padding:20px 30px;background:#f0f0f0; font-size:12px; line-height: 2;}
.topItemWrapper .mLink{background:#fff; width: 100%; display: inline-block;}
.topItemWrapper .step1{background:url(../images/step1.png)left top no-repeat; min-height:320px; background-size:100% auto; position: relative;}
.topItemWrapper .step2{background:url(../images/step2.png)left top no-repeat; min-height:320px; background-size:100% auto; position: relative;}
.topItemWrapper .step3{background:url(../images/step3.png)left top no-repeat; min-height:320px; background-size:100% auto; position: relative;}
.topItemWrapper .step3 span{line-height: 1;}
.topItemWrapper .step1 dt,.topItemWrapper .step2 dt,.topItemWrapper .step3 dt{color:#fff; font-size:20px;text-align: center; font-weight: bold;margin-top:20px;}
.topItemWrapper .step1 dd,.topItemWrapper .step2 dd,.topItemWrapper .step3 dd{padding:15px;}
.topItemWrapper .spH3{background: #eaeaea; margin-bottom:40px;}

/* button & Link
******************************* */
/*　ボタン　*/
.topItemWrapper .btH{text-align: center; margin:30px auto;line-height: 2;}
.topItemWrapper .btH span{font-size:12px;}
.topItemWrapper .btH span a{display: inline !important;}
.topItemWrapper .btH a{display: block;}
.topItemWrapper .btH span{background:#fff;}
.topItemWrapper input:hover,.topItemWrapper a img:hover{
top:1px; left:1px; position:relative;
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
-moz-filter: "alpha(opacity=80)";
transition: ease 0.8s;
-webkit-transition: all ease 0.8s;
}
/* clearfix
******************************* */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

