@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%;
	}

	/* -- campaign -- */
	.tokushu_wrap .cont_wrap .campaign img {
		width: 98%;
	}

	/* -- cont_title -- */
	.tokushu_wrap .cont_title {
		width: 100% !important;
	}

	.tokushu_wrap .cont_title img {
		width: 80%;
	}

	/* -- product_l -- */
	.tokushu_wrap .product_l {
		width: 96% !important;
		margin: 5px auto 10px !important;
		padding: 0 0 5px !important;
	}

	/*product_l 商品名*/
	.tokushu_wrap .product_l h4 {
		width: calc(100% - 20px);
		font-size: 1.3em;
		font-size: 13px !important;
		margin: 0px !important;
		padding: 10px 10px 0 !important;
	}

	.tokushu_wrap .product_l h4 span {
		font-size: 9px !important;
	}

	/* -- 商品画像 -- */
	.tokushu_wrap .product_l div .p_img {
		width: 50%;
		height: auto;
		border: 2px solid #362e2b;
	}

	.tokushu_wrap .product_l div .tokuten {
		width: 43%;
		height: auto;
		border: 2px solid #362e2b;
	}

.tokushu_wrap .product_l div .tokuten .discontinued {
	width: 90%!important;
	height: auto!important;
	padding-top: 90%!important;
}


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

	.tokushu_wrap th {
		width: 80px;
		font-size: 1.0em;
		font-size: 10px !important;
	}

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

	/* --bottom -- */
	.tokushu_wrap .product_l .bottom {
		width: 100% !important;
		text-align: center !important;
	}

	/* -- 媒体 -- */
	.tokushu_wrap .product_l .media {
		margin: 6px 10px 0 0 !important;
		font-weight: bold !important;
	}

	/*価格*/
	.tokushu_wrap .product_l .price {
		display: inline-block !important;
		width: calc(100% - 180px);
		font-size: 1.2em;
		font-size: 12px !important;
		margin: 4px auto 0 0 !important;
	}

	@media screen and (max-device-width: 320px) {
		.tokushu_wrap .product_l .price {
			display: inline-block;
			width: 100%;
			margin: 10px 0 0 !important;
			line-height: 20px !important;
		}
	}

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

	/*カート*/
	.tokushu_wrap .cart {
		display: inline-block !important;
		width: 150px;
		height: 38px;
		line-height: 39px !important;
	}

	@media screen and (max-device-width: 320px) {
		.tokushu_wrap .cart {
			display: inline-block;
			width: 180px;
		}
	}

	/* -- 一覧ボタン -- */
	.tokushu_wrap .itemlist {
		width: 100%;
		height: auto;
		margin: 15px auto 20px !important;
		text-align: center;
	}

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

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

	.tokushu_wrap .modal-window.special .modal-inner img {
		width: 75%;
		height: auto;
	}
}