@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 img {
		width: 80%;
	}

	/*-----------------------------------------------
contents base
-----------------------------------------------*/
	.tokushu_wrap .cont:before {
		width: 100%;
	}

	.tokushu_wrap .cont:after {
		width: 100%;
	}

/*-----------------------------------------------
　抽選プレゼント
-----------------------------------------------*/
	.tokushu_wrap .product_special {
		margin: -2px 0 !important;
		text-align: center !important;
	}

	.tokushu_wrap .product_special p {
		padding: 0 5px !important;
		text-align: left !important;
	}

	.tokushu_wrap .product_special img.presentimg {
		width: 60%;
		height: auto;
		margin: 10px 0 5px !important;
	}

	.tokushu_wrap .product_special .text-area {
		width: 94%;
		margin: 10px auto 0 !important;
	}

	.tokushu_wrap .product_special .text-area .cast {
		position: relative;
		display: inline-block;
		margin: 0 0 5px 0 !important;
		width: 95%;
		color: #fff;
		font-size: 1.2em;
		font-size: 12px !important;
		line-height: 15px !important;
		letter-spacing: 0.5px !important;
		background: #202020;
	}

	.tokushu_wrap .product_special .text-area .cast:before {
		content: "";
		position: absolute;
		top: -5px;
		left: 20%;
		margin-left: -10px;
		border: 10px solid transparent;
		border-bottom: 10px solid #202020;
	}

/*-----------------------------------------------
　商品覧 product_l
-----------------------------------------------*/
	.tokushu_wrap .product_l {
		margin: -1px 0 !important;
	}

	/* -- 商品見出し -- */
.tokushu_wrap .cont .limited {
	font-size: 1.3em;
	font-size: 13px !important;
}

	.tokushu_wrap .product_l h4 {
		font-size: 1.2em;
		font-size: 12px !important;
		font-weight: 400 !important;
	}

	.tokushu_wrap .product_l h4 span {
		font-size: 1.0em;
	font-size: 10px !important;
	font-weight: normal!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 .item-data table {
		width: 96% !important;
		margin: 5px auto !important;
		font-size: 1.05em;
		font-size: 10.5px !important;
	}

	.tokushu_wrap .item-data th {
		width: 70px !important;
	}

	.tokushu_wrap .item-data 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: 40px !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: 85%;
		height: auto;
		text-align: center;
	}

	/*footer*/
	.tokushu_wrap .footer {
		width: 100%;
		height: 30px;
		padding-top: 12px !important;
	}

	.tokushu_wrap .footer p {
		color: #ffffff;
		font-size: 0.95em;
		font-size: 9.5px !important;
		line-height: 10.5px !important;
		font-weight: normal !important;
	}

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

	.tokusetsu .backtop a {
		display: block;
		width: 55px;
		height: 55px;
		-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: 55px;
		height: 55px;
		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;
	}

}