@charset "utf-8";
/* CSS Document */

.dsContent .dsxdf_time{padding:2%;background:#F8F2D3;font-weight:bold;font-size:130%}
.dsContent .dsxdf_text{padding:2%;background:#FEFF99;font-weight:bold;font-size:180%}
.dsContent .dsxdf_ttl{padding:15px 3%;margin:0 0 20px;background:#CC0033;color:#fff;font-weight:bold;text-align:center;font-size:180%}
.bnt-target-col.dsxdf{background:orange!important;width:40%;margin:0 3% 20px;box-shadow:none}

/*エントリー登録ページ*/
.dsxdf-lp-entry .dsxdf_text{font-size:150%}
.dsxdf-lp-entry .dsxdf_text span{font-size:120%}
.dsxdf-lp-entry .fs{font-size:90%}
.dsxdf-lp-entry .close{border:1px solid #ff0000;font-weight:bold;text-align:center;font-size:18px;padding:10px;color:#ff0000}
.dsxdf-lp-bonus{margin:30px 0}
.dsxdf-lp-bonus .pointArea{max-width:500px;margin:0 auto 20px}
.dsxdf-lp-bonus .pointArea p{margin:0}
.dsxdf-lp-bonus .pointTitle{margin:0 0 40px;padding:0;font-size:220%;font-weight:bold;text-align:center}
.dsxdf-lp-bonus .pointTitle span{font-size:150%;line-height:1;display:inline-block;margin:0 2px}
.dsxdf-lp-bonus .pointImg{overflow:hidden;margin-bottom:30px}
.dsxdf-lp-bonus .pointImg.last{margin-bottom:0}
.dsxdf-lp-bonus .pointImg img{float:left;width:17%;margin-right:3%}

.dsxdf-lp-bonus .pointImg .boxR{float:left;width:80%}
.dsxdf-lp-bonus .pointSub{font-size:120%}
.dsxdf-lp-bonus .pointMain{font-size:200%;font-weight:bold;line-height:1.25}
.dsxdf-lp-bonus .goentry{font-size:15px}
.dsxdf-lp-bonus .overviewLink{max-width:500px;margin:auto;padding-right:.5em;text-align:right}
.dsxdf-lp-bonus .overviewLink img{vertical-align:middle;width:10px;height:13px;transform:rotate(90deg)}
.dsxdf-lp-bonus .overviewLink a{vertical-align:middle;text-decoration:underline}
.dsxdf-lp-storelink .btnArea{text-align:center;margin:0 0 30px}
.dsxdf-lp-storelink .btnArea li{display:inline-block;width:33%;margin:0 1%}
.dsxdf-lp-storelink li a{display:block;text-decoration:none !important}
.dsxdf-lp-storelink .notice li{text-indent:0}
.dsxdf-lp-storelink ul.notice{width:65%;margin:0 auto 30px;font-size:95%}
.dsxdf-lp-dsday .dsdayBox{padding:20px;border:solid 3px #e2dfd6;border-radius:6px}
.dsxdf-lp-dsday h2{font-size:160%;margin-bottom:20px}
.dsxdf.dsxdf-lp-entry .entryBtn02{margin-bottom:10px}

/*エントリー完了ページ*/
.dsxdf-fin .mainText{margin-bottom:20px}
.dsxdf-fin-storelink .btnArea{text-align:center;margin:0 0 40px}
.dsxdf-fin-storelink .btnArea li{display:inline-block;width:31%;margin:0 .6%}
.dsxdf-fin-storelink .btnAreaBtn{font-size:14px}

/*エントリ登録＆完了*/
.dsxdf-lp-entry .MV, .dsxdf-fin .MV{margin:16px 32px}
.dsxdf-lp-storelink li a, .dsxdf-fin-storelink li a{display:block;text-decoration:none !important}
.dsxdf-lp-storelink li a img, .dsxdf-fin-storelink li a img{width:100%;margin:0 0 10px}
.dsxdf-lp-storelink .btnArea, .dsxdf-fin-storelink .btnArea{text-align:center}
.dsxdf-lp-storelink .btnAreaBtn, .dsxdf-fin-storelink .btnAreaBtn{display:block;padding:10px;border-radius:4px;color:#fff!important;-moz-box-shadow:inset 0px 46px 0px -24px #ffa600;-webkit-box-shadow:inset 0px 46px 0px -24px #ffa600;box-shadow:inset 0px 46px 0px -24px #ffa600;background-color:#ff8c00;text-shadow:1px 1px 0px #e27f07}

/*────────────────────────────────────────
 目玉商品
────────────────────────────────────────*/
.medama.close .medama-item{opacity:0.5;pointer-events:none}
.medama.close .medama-text{display:none}
.medama.open .link-note{display:none}

.medama br{line-height:1}
.medama-obi{position:relative;background:#EE0000;color:#fff;padding:.2em;text-align:center;font-size:150%}
.medama-obi:before, .medama-obi:after{position:absolute;content:'';width:0;height:0;top:0;border-style:solid}
.medama-obi:before{left:0;border-width:24px 0px 24px 15px;border-color:transparent transparent transparent #fff}
.medama-obi:after{right:0;border-width:24px 15px 24px 0px;border-color:transparent #fff transparent transparent}
.medama-list{padding:20px 0;letter-spacing:-.4em}
.medama-item{display:inline-block;letter-spacing:normal;width:46%;margin:0 2% 3%;vertical-align:top}
.dsxdf.medama .link-note {margin:0 20px;padding-top:15px;font-size:95%}
.medama-link{display:block;text-decoration:none}
.medama-img{width:100%;margin:0 0 5px;backface-visibility:hidden}
.medama-text{margin:0}

@media screen and (max-width: 767px) {
.medama-obi{font-size:130%;line-height:1.4;padding:8px 0.5em}
.medama-obi:before{border-width:35px 0px 35px 15px}
.medama-obi:after{border-width:35px 15px 35px 0px}
.dsxdf.medama .link-note{margin:0}
.medama-item {width:100%;margin:0 0 5%}
.medama-img{margin:0}
}


@media screen and (max-width: 767px) {
.dsxdf .section--box{padding:12px}
.dsContent .dsxdf_time{padding:10px 3%;font-size:100%}
.dsContent .dsxdf_text{padding:10px 3%;font-size:110%}
.dsContent .dsxdf_ttl{padding:10px 3%;font-size:110%}
.bnt-target-col.dsxdf{width:90%}

/*エントリー登録ページ*/
.dsxdf-lp-entry .MV{margin:0}
.dsxdf-lp-entry .section--box{margin:0}
.dsxdf-lp-entry .campAttention li{font-size:95%}
.dsxdf-lp-entry .entryBtn02{margin-left:12px;margin-right:12px}
.dsxdf-lp-bonus .pointTitle{font-size:150%;margin:0 0 30px;line-height:1.5}
.dsxdf-lp-bonus .pointArea{width:100%;margin:0 auto 30px}
.dsxdf-lp-bonus .pointImg{margin-bottom:20px}
.dsxdf-lp-bonus .pointImg img{width:20%;margin-right:3%;-o-object-fit:contain;object-fit:contain;max-height:100px;max-width:100px}
.dsxdf-lp-bonus .pointImg .boxR{width:77%}
.dsxdf-lp-bonus .pointSub{font-size:100%}
.dsxdf-lp-bonus .pointMain{font-size:150%}
.dsxdf-lp-bonus .goentry{font-size:90%}
.dsxdf-lp-bonus .overviewLink{margin-right:1em}
.dsxdf-lp-storelink .btnArea{padding:20px 0 0;margin: 0 5%}
.dsxdf-lp-storelink .btnArea li{display:block;width:100%;margin:0 0 30px}
.dsxdf-lp-storelink .btnArea li:nth-child(2){margin-bottom:20px}
.dsxdf-lp-storelink ul.notice{width:100%}
.dsxdf-lp-dsday .dsdayBox{padding:15px}
.dsxdf-lp-dsday h2{font-size:150%}

/*エントリー完了ページ*/
.dsxdf-fin .MV{margin:0 0 16px}
.dsxdf-fin .mainText{margin-bottom:0}
.dsxdf-fin-storelink .btnArea{padding:20px 0 0}
.dsxdf-fin-storelink .btnArea li{display:block;width:100%;margin:0 0 30px}
.dsxdf-fin-storelink .btnAreaBtn{font-size:15px}
}


/*ページパーツ*/
.dsimg { display: block;width: auto;margin: 0 auto; margin-bottom: 40px;}
.section--box-txt {padding: 16px 32px;clear: both;}
@media screen and (max-width: 767px){
	.section--box-txt{padding: 0px 0px 16px 0px;clear: both;}
	.dsimg { display: block;width: auto;margin: 0 auto; margin-bottom: 10px;width: 100%;}
	.daytime {font-size: 10px;}
}