@charset "UTF-8";

/* -- SP用設定 -- */
@media screen and (max-device-width: 480px) {
	.tokushu-wrap {
		background: url(../imgs/bg.jpg) repeat left top !important;
	}

	.tokushu-wrap .br-pc {
		display: none !important;
	}

	.sns-wrap .fb-like,
	.sns-wrap .fb-share-button {
		top: -3.5px;
	}

	.tokushu-wrap .cont {
		width: 96%;
	}


	.tokushu-wrap .cont:before {
		left: 5px;
		width: 97%;
	}

	.tokushu-wrap .cont:after {
		left: 5px;
		width: 97%;
	}

	.tokushu-wrap .cont h3 {
		width: 100%;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}

	.tokushu-wrap .cont h3 img {
		width: auto;
		height: 22px;
	}

	.tokushu-wrap .product-l .image {
		text-align: center;
	}

	.tokushu-wrap .product-l .image img {
		float: none;
		width: 40%;
		margin: 5px auto !important;
	}

	.tokushu-wrap .product-l .image img:first-child {
		width: 53%;
		margin-right: 5px !important;
	}

	.tokushu-wrap .product-l .tokuten:before {
		display: none;
	}

	.tokushu-wrap .product-l .image + p {
		font-size: 1em !important;
	}

	.tokushu-wrap .product-l table {
		width: 98%;
	}

	.tokushu-wrap .product-l table th,
	.tokushu-wrap .product-l table td {
		font-size: 1em !important;
		text-align: left;
	}

	.tokushu-wrap .product-l ul {
		width: 98%;
	}

	.tokushu-wrap .product-l .value {
		text-align: center;
	}

	.tokushu-wrap .product-l .value dl dd:after {
		font-size: 0.5em !important;
	}

	.tokushu-wrap .product-s {
		width: 47.8%;
		padding: 5px 5px 8px !important;
		vertical-align: top;
	}

	.tokushu-wrap .product-s > p {
		/*height: calc(110px - 6.5vw) !important;*/
		padding: 4px 5px 7px !important;
	}

	.tokushu-wrap .product-s img {
		margin: 10px auto 2px auto !important;
	}

	.tokushu-wrap .product-s dl dd:after {
		font-size: 0.5em !important;
	}

	.tokushu-wrap .itemlist img {
		width: 50%;
		height: auto;
	}

	.tokushu-wrap .product-s .cart,
	.tokushu-wrap .product-s .bottom .cart {
		display: inline-block;
		width: 95%;
		height: 95%;
		max-height: 31px;
		margin: 0 auto;
		background: url(../imgs/cart.png) no-repeat 50% top;
		background-size: contain !important;
		text-align: center;
	}

	.tokushu-wrap .product-s .cart span {
		color: #ffffff;
		font-size: 12.5px !important;
		font-weight: bold;
		line-height: 30px !important;
	}

	.tokushu-wrap .product-s .cart:hover {
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: alpha(opacity=70);
	}

	/* -- special -- */
	.tokushu-wrap .cont.special p {
		margin: 10px auto 0 !important;
		font-size: 1.4em;
		font-size: 14px !important;
		font-weight: bold;
	}

	/*　モーダル設定 */
	.tokushu-wrap .modal-window .modal-inner img {
		width: 95%;
		height: auto;
	}

	.tokushu-wrap .modal-window.special .modal-inner img {
		width: 75%;
		height: auto;
	}

	/*　セレクトリスト */
	.tokushu-wrap .select-box {
		display: inline-block;
		width: 96%;
		margin: 0 auto 5px !important;
		text-align: center;
	}

	.tokushu-wrap .select-box.cp_sl01::before {
		position: absolute;
		top: 15px !important;
	}

}
