@charset "utf-8";


.content__inner *{box-sizing: border-box;}
.sub{font-size:75%;text-indent:-1em;margin-left:1em;font-weight:normal;}
span.wordset{display:inline-block;font-weight:inherit;}

/*----------------------------------------
	for PC
----------------------------------------*/


/*@media screen and (min-width: 641px){*/

	.content__wrap{padding-top:0 !important;}
	.content__inner{padding:1px 0;}
	.content__selecter{text-align:center;margin:5% auto;display:flex;flex-flow: nowrap;justify-content:center;line-height:1;}
	.content__selecter.selected{
		margin:40px auto 40px;
		transition:margin 0.3s ease-in-out 0s;
	}
	.content__selecter a{width:50%;max-width:500px;display:block;margin:0 1%;box-shadow:0 0 7px rgba(0,0,0,1);border:5px rgba(255,255,255,0.3) solid;}
	.content__selecter img{width:100%;display:block;vertical-align:middle;}
	.content__selecter a.active{position:relative;}
	.content__selecter a.active:after{
		content:"";
		display:block;
		width:0;height:0;
		border:20px #000 solid;
		border-width:30px 60px;
		border-color:#e65600 transparent transparent;
		position:absolute;
		bottom:-60px;
		left:50%;
		transform:translate(-50%,0);
	}

	.content__selecter a.active{
		border:5px #e65600 solid;
		transition: 0.2s ease-in-out 0s;
	}

	.content__selecter a.active,.content__selecter a:hover{
		border:5px #e65600 solid;
		transition: 0.2s ease-in-out 0s;
	}

	.content__selecter a.inactive{
		opacity:0.7;
	}

	.content__selecter .img_nonselect{display:none;}
	.content__selecter .img_selected{display:block;}

	.content__selecter.selected .img_nonselect{display:none;}
	.content__selecter.selected .img_selected{display:block;}

	.product__list{
		width: 100%;
    max-width: 1200px;
    margin: 0 auto 3%;
		display:flex;
		flex-flow:wrap;
		justify-content: space-between;

		opacity:0;
		display:none;
	}
	.product__list *{box-sizing: border-box;}
	.product__lead{
		width:95%;
		text-align:center;
		margin:3% auto 4%;
		font-size:140%;
		font-weight:bold;
		color:#462108;
		text-shadow:2px 2px 0 rgba(0,0,0,0.1);
		padding:2% 0;
		border:1px rgba(70, 33, 8, 0.4) solid;
		border-width:1px 0;
	}
	a.link__faq,
	a.link__ugp{
		display:inline-block;
		margin:2% 0.5% 0;
		font-size:70%;
		border:1px #e65500 solid;
		padding:1%;
		text-align:center;
		color:#bf4d0a;
		background-color:rgba(255,255,255,0.7);
		width:45%;
		max-width:500px;
		border-radius:50px;
	}
	.product__item{
		width:49%;
		margin:0.5%;
		background-color:rgba(255,255,255,0.5);
		padding:14px;
		display:flex;
		flex-flow: wrap;
		padding-bottom:98px;
		position:relative;
		border-radius:7px;
		box-shadow:2px 2px 7px rgba(0,0,0,0.4);

		opacity:0;
	}

	.comment{font-size:12px;padding:8px 5px 3px;line-height:1.4;}

	ul.asterisk{padding-left:1em;}
	ul.asterisk li{margin-left:-1em;display:inline;}
	ul.asterisk li:before{content:'※';}


	.product__item__image{width:30%;max-width:240px;}
	.product__item__image>img{width:100%;display:block;}
	.product__item__text{width:70%;padding:10px 2%;font-size:90%;text-align:center;}
	.product__item__text h5{font-size:160%;font-weight:bold;line-height:1.3;margin:2% 0 4%;text-align: center;}
	.product__item__text h5 .product__name__type{font-size:70%;font-weight:normal;}
	.product__item__price{margin:2% auto 3%;width:100%;font-size:85%;text-align:center;line-height:1.4;border-top:1px #BBB solid;padding:2%;border-radius:5px;line-height:1;vertical-align:baseline;}
	.product__item__price>b{font-weight:bold;font-size:200%;display:inline;}
	.product__item__privilege{width:100%; text-align:center;margin:0 auto;}
	.product__item__privilege img{display:inline-block;width:32%;border-radius:5px;}
	.product__item__privilege .long{display:inline-block;width:100%;}
	.product__item__privilege b{font-weight:bold;}
	.product__item__privilege--steam{text-align:left;border:1px #BBB solid;padding:1%;}
	.product__item__privilege--steam ul{margin-left:2em;}
	.product__item__privilege--steam ul li{list-style: disc;}
	.product__item__text>a{text-decoration: underline;}
	.product__item__links{position:absolute;bottom:20px;left:0px;right:5px;width:100%;text-align:center;}
	.product__item__order{width:45%;background-color:#e65500;color:#FFF;display:inline-block;text-decoration:none;padding:12px 0;text-align: center;margin:0 auto;box-shadow:2px 2px 0 rgba(0,0,0,0.2);transition:all 0.3s;}
		.product__item__order:hover{background-color:#bf2800;}
	span.product__item__order{background-color:#bbb;}
	span.product__item__order:hover{background-color: #bbb;}

	.btn_privilege_more{border:none;background-color:rgba(255,255,255,0.3);color:#e65500;text-decoration:none!important;padding:2px 15px;border-radius:20px;border:2px solid #e65500;margin-top:8px;display:inline-block;}

.btn_out:after{content:'';display:inline-block;background-image:url('../img/common/icon_out.svg');background-repeat:no-repeat;width:18px;height:17px;background-size:100%;margin-left:0.5em;margin-bottom:-0.1em;position:relative;z-index:1;}



	/*.product__item__detail{width:40%;background-color:#330a0a;color:#FFF;}


	#product__detail-set>*,
	#privilege-set>*,
	#shops-set>*{opacity:0;}
	#product__detail-set .product__detail{display:flex;flex-flow: wrap;width:80%;max-width:1000px;margin:0 auto;padding-bottom:2em;position:relative;}
	#product__detail-set .product__detail h5{width:100%;text-align:center;font-size:120%;font-weight:bold;line-height:1.2;margin:2% 0;}
	#product__detail-set .product__item__text{width:70%;}
	#product__detail-set .product__item__price{border-width:0;}
	#product__detail-set .product__item__links{position:relative;display:block;}
	#product__detail-set .product__item__links a{margin:0 auto;}
	#product__detail-set .product__detail>a{position:absolute;top:3px;right:3px;}

	#privilege-set .privilege__wrap{margin-top:70px;}*/

	.storebenefits__heading{text-align:center;font-size:56px;color:#FFF;}
	.storebenefits__title{font-size:30px;}
/*}*/


.text-select{padding:80px 0 0;margin:0 auto;width:900px;font-weight:800;color:#362000;text-align:center;font-size:34px;transition:all 0.2s;}
.text-select.none{height:0;opacity:0;}
.content__selecter{margin-top:50px;margin-bottom:140px;}




@media screen and (min-width: 1551px) {/*大画面用サイズ変更*/


}






/*----------------------------------------
	for Tab
----------------------------------------*/

@media screen and (max-width: 1199px){
	.content__selecter a.active:after{
		border-width:20px 40px;
		bottom:-40px;
	}
	.product__lead{
		font-size:2.5vw;
	}
	a.link__faq{
		font-size:2vw;
	}
	.product__item{
		display:block;
		padding-bottom:5em;
	}
	.product__item__image{width:40%;margin:0 auto;}
	.product__item__text{width:95%;margin:0 auto;font-size:2vw;}
	.product__item__order{font-size:2vw;}
}



/*----------------------------------------
	for SP
----------------------------------------*/


@media screen and (max-width: 640px) {

	.text-select{padding:40px 0 0;margin:0 auto;width:auto;font-weight:800;color:#362000;text-align:center;font-size:22px;}

	.content__selecter .img_nonselect{display:block;}
	.content__selecter .img_selected{display:none;}


	.content__selecter{width:94%;margin:20px auto 60px;}
	.content__selecter.selected{width:94%;margin:0px auto 15px;}



	.content__selecter a.active:after{
		border-width:15px 30px;
		bottom:-30px;
	}


	.product__lead{width:90%;font-size:14px;padding:20px 0;}
	.product__lead br{display:none;}

 .product__lead{margin-bottom:30px;}

 .sub{margin-top:8px;margin-bottom:12px;}

 .product__item{
	 display:block;
	 padding-bottom:14px;
 }

 .product__item__links {
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
    width: 100%;
    text-align: center;
}

.product__item__links a{
	 width: 100%;
}

.product__item__price{
	margin-bottom:20px;
}

.product__list{margin-bottom:50px;}

	a.link__faq,
	a.link__ugp{
		display:block;
		margin:5px auto 0;
		width:90%;
		border:1px solid #e65500;
		text-shadow:none;
	}


	.comment{font-size:11px;padding:6px 5px 3px;line-height:1.4;}


	.product__item__order:hover{background-color:#e65500;}

	.product__item__order {
    width: 100%;
	}
	.content__selecter a{border-width:3px !important;border-radius:10px;}
	.content__selecter a img{border-radius:7px;}
	.product__lead{text-align:left;}
	.product__lead>.wordset{display: inline;}
	.product__item{color:#000;width:90%;margin:2% auto;}
	.product__item__image{width:40%;}
	.product__item__text{width:100%;margin:0 auto;font-size:3.2vw;}
	.product__item__order{font-size:14px;border-radius:0px;margin-bottom:8px;}
}