@charset "UTF-8";

/* SP */
@media screen and (max-device-width: 480px) {

	.tokushu_wrap .pc {
		display: none !important;
	}

	/* -- sns -- */
	.sns_wrap iframe {
		margin-top: -3px !important
	}

	.sns_wrap {
		background-size: contain !important;
	}

	.tokushu_wrap {
		position: relative;
		overflow: hidden;
		width: 100% !important;
	}

	/* -- header -- */
	.tokushu_wrap .header {
		position: relative;
		z-index: 1;
		width: 100%;
		background: none !important;
	}

	.tokushu_wrap .header img {
		display: block;
		width: 100%;
	}
	
.tokushu_wrap .movie iframe {
	width: 80%;
	height: auto;
}

	/* -- コンテンツ見出し -- */
	.tokushu_wrap h3 {
		margin: 20px auto 10px !important;
		text-align: center;
		background: linear-gradient(180deg, #131211 14.8%, #b90000 15%, #b90000 84.8%, #131211 85%);
	}

	.tokushu_wrap h3 img {
		width: 60%;
	}

	/* -- product_l -- */
	.tokushu_wrap .product_l {
		margin: 0 !important;
		padding: 0 !important;
	}

	.tokushu_wrap .product_l:before {
		display: inline-block;
		position: relative;
		top: 0;
		right: 0;
		left: 0;
		width: 100%;
		height: 5px;
		background: url(../images/line_sp.png) repeat-x center bottom;
		background-size: 500px 10px;
		content: "";
		margin-bottom: 15px !important;
	}

	.tokushu_wrap .product_l:after {
		display: inline-block;
		position: relative;
		top: 0;
		right: 0;
		left: 0;
		width: 100%;
		height: 5px;
		background: url(../images/line_sp.png) repeat-x center top;
		background-size: 500px 10px;
		content: "";
		margin-top: 10px !important;
		margin-bottom: -2px !important;
	}

	/*product_l 商品名*/
	.tokushu_wrap .product_l h4 {
		font-size: 1.3em;
		font-size: 13px !important;
		margin-bottom: 3px !important;
	}

	.tokushu_wrap .product_l h4 span {
		font-size: 1.0em !important;
	}


	/* -- 商品画像 -- */
	.tokushu_wrap .product_l .images .img_main {
		width: 55% !important;
		height: auto;
	}

	.tokushu_wrap .product_l .images .tokuten {
		width: 40% !important;
		height: auto;
	}

	/* -- 商品画像 特典3画像時 -- */
	.tokushu_wrap .product_l .images.column3 .img_main {
		display: table;
		margin: 0 auto 5px !important;
		width: 55% !important;
		height: auto;
	}

	.tokushu_wrap .product_l .images.column3 .tokuten {
		width: 40% !important;
		height: auto;
	}

	/*商品詳細*/
	.tokushu_wrap table {
		width: 96% !important;
		margin: 5px auto !important;
		font-size: 1.05em;
		font-size: 10.5px !important;
	}

	.tokushu_wrap th {
		width: 70px;
	}

	.tokushu_wrap td {
		width: auto;
		text-align: left !important;
		line-height: 13px !important;
	}

	/*価格*/
	.tokushu_wrap .product_l p {
		width: 47% !important;
		font-size: 1.2em !important;
		line-height: 15px !important;
	}

	.tokushu_wrap .product_l p span {
		font-size: 1.5em !important;
		line-height: 15px !important;
	}

	/*カート*/
	.tokushu_wrap .cart {
		display: inline-block;
		width: 100% !important;
		max-width: 140px !important;
		margin-top: 10px !important;
		padding: 10px 0 !important;
		font-size: 1.25em;
		font-size: 12.5px !important;
	}

	.tokushu_wrap .product_m .cart {
		width: 90% !important;
		padding: 8px 0 !important;
		font-size: 1.25em;
		font-size: 12.5px !important;
	}

	/* -- 誘導ボタン -- */
	.tokushu_wrap .itemlist {
		width: 90%;
		height: auto;
		margin: 5px 0 0 !important;
		text-align: center;
	}

	.tokushu_wrap .itemlist p {
		font-size: 16px !important;
		line-height: 20px !important;
	}

	/*footer*/
	.tokushu_wrap .footer {
		width: 100%;
		height: 35px;
		font-size: 0.9em;
		font-size: 9px !important;
		font-weight: normal !important;
	}

/* -- backtop -- */
.tokusetsu .backtop {
	position: fixed;
	bottom: 0px;
	right: 10px;
	z-index: 9999;
}

.tokusetsu .backtop a {
	display: block;
	width: 69px;
	height: 34px;
	-webkit-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition: 1s;
	-ms-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}

.tokusetsu .backtop span {
	display: block;
	width: 69px;
	height: 34px;
	background: url(../images/backtop.png) no-repeat left top;
	background-size: cover;
}

.tokusetsu .backtop a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: alpha(opacity=70);
}



	/*　モーダル設定 */
	.tokushu_wrap .modal-window .modal-inner img {
		width: 95%;
		height: auto;
	}

}