@charset "UTF-8";

/* SP用 */
@media screen and (max-device-width:1024px) {
	.tokushu-wrap .pc {
		display: none !important;
	}

	.tokushu-wrap > img {
		margin-top: 30px !important;
	}

	.tokushu-wrap .movie iframe {
		width: 80%;
		height: auto;
	}

	.tokushu-wrap .cont {
		width: 96%;
	}

	.tokushu-wrap .cont .special_area .fin {
		font-size: 15px !important;
	}

	.tokushu-wrap .cont h3 {
		width: 100%;
		height: auto !important;
		font-size: 1.3em !important;
		line-height: 15px !important;
		padding: 8px 0 !important;
	}

	.tokushu-wrap .cont h5 {
		font-size: 1.2em;
		font-size: 12px !important;
	}

	.tokushu-wrap .cont .product-l,
	.tokushu-wrap .cont .special_area {
		width: 98%;
		padding: 10px 8px 8px !important;
		text-align: center;
	}

	.tokushu-wrap .cont .product-m {
		margin: 5px 1px !important;
		padding: 5px !important;
		text-align: center;
	}

	.tokushu-wrap .cont .product-l p,
	.tokushu-wrap .cont .product-m p {
		padding: 0 !important;
		margin: 5px auto !important;
		font-size: 1.2em !important;
		line-height: 1.4 !important;
	}

	.tokushu-wrap .cont .product-l p span,
	.tokushu-wrap .cont .product-m p span {
		font-size: 0.7em !important;
	}

	.tokushu-wrap .cont .product-l p:before,
	.tokushu-wrap .cont .product-m p:before {
		display: none;
	}

	.tokushu-wrap .cont .product-l .detail,
	.tokushu-wrap .cont .product-m .detail {
		text-align: center !important;
	}

	.tokushu-wrap .cont .product-l .detail img {
		display: inline-block;
		margin: 5px 1px !important;
		width: 50% !important;
		border: 1px solid #cccccc;
	}

	.tokushu-wrap .cont .product-l .detail .tokuten img {
		display: inline-block;
		border: 1px solid #cccccc;
		margin: 5px 0 !important;
		width: 43% !important;
		vertical-align: top !important;
	}

	.tokushu-wrap .cont .tokuten-img img {
		width: 90% !important;
		height: auto !important;
	}

	.tokushu-wrap .cont .product-l .value,
	.tokushu-wrap .cont .product-m .value {
		position: static;
		margin: 0 auto !important;
		text-align: center;
	}

	.tokushu-wrap .cont .product-l .value dl {
		display: inline-block;
		width: 57%;
		margin: 5px auto !important;
	}

	.tokushu-wrap .cont .product-m .value dl {
		margin: 5px auto !important;
	}

	.tokushu-wrap .cont .product-l .value dd:after,
	.tokushu-wrap .cont .product-m .value dd:after {
		font-size: 0.55em !important;
	}

	.tokushu-wrap .cont .product-m .value dl dt {
		font-size: 1.1em;
		font-size: 11px !important;
	}

	.tokushu-wrap .cont .product-m .value dl dd {
		display: inline-block;
		font-size: 1.4em;
		font-size: 14px !important;
	}

	.tokushu-wrap .cont .product-m .value dd:after {
		font-size: 0.8em;
		font-size: 8px !important;
		letter-spacing: -0.3px !important;
		margin: 0 -2px !important;
	}

	.tokushu-wrap .cont .product-l ul li,
	.tokushu-wrap .cont .product-m ul li {
		font-size: 1em !important;
		line-height: 1.5 !important;
	}

	.tokushu-wrap .cont .product-l .detail img {
		float: none;
		width: 40%;
		margin: 5px auto !important;
	}

	.tokushu-wrap .cont .product-l .detail img:first-child {
		width: 53%;
		margin-right: 5px !important;
	}

	.tokushu-wrap .cont .product-l ul {
		padding: 5px !important;
	}

	.tokushu-wrap .cont .product-m .detail img {
		float: none;
		width: 60%;
		margin: 5px auto !important;
	}

	.tokushu-wrap .itemlist {
		width: 90%;
	}

	.tokushu-wrap .cont .special_area p.ttl {
		text-align: center !important;
	}

	.tokushu-wrap .cont .special_area .tokuten {
		position: relative;
		width: 80%;
		min-height: 0%;
		height: auto;
		margin: 0 auto !important;
	}

	.tokushu-wrap .cont .special_area img {
		width: 100%;
		min-height: 0%;
		height: auto;
	}

	.tokushu-wrap .cont .special_area .discontinued {
		position: absolute;
		left: -10px;
		bottom: -5px;
		width: 80%;
		height: 80%;
	}

	.tokushu-wrap .cont .special_area .item-txt {
		width: 100%;
	}


	/*　モーダル設定 */
	.tokushu-wrap .modal-window .modal-inner img {
		width: 95%;
		height: auto;
	}
}
