@charset "UTF-8";

/* -- all -- */
@media screen and (max-device-width: 480px) {
	.tokushu-wrap .top {
		width: 100%;
		height: auto;
		padding-bottom: 18px !important;
	}

	.tokushu-wrap .top > img {
		width: calc(100% - 10px);
		height: auto;
	}

	.tokushu-wrap .top .youtube_wrap {
		top: 10px;
		right: 7px;
	}

	.tokushu-wrap .top .youtube_wrap img {
		width: 64%!important;
	}

	.tokushu-wrap .cont {
		width: 98%;
	}

	.tokushu-wrap .cont:before {
		top: -3px;
		width: 100%;
		height: 0;
		padding-top: 1.65289% !important;
		background-size: contain;
	}

	.tokushu-wrap .cont:after {
		bottom: -3px;
		width: 100%;
		height: 0;
		padding-top: 1.65289% !important;
		background-size: contain;
	}

	.tokushu-wrap .cont h3 {
		width: 100%;
		font-size: 1.2em !important;
		line-height: 1.4;
	}

	.tokushu-wrap .cont .fair {
		width: 100%;
	}

	.tokushu-wrap .cont .fair h4 {
		width: 95%;
	}

	.tokushu-wrap .cont .fair img {
		width: 95%;
	}

	.tokushu-wrap .cont .fair a img {
		width: 60%;
	}

	.tokushu-wrap .cont .item_l {
		width: 96%;
	}

	.tokushu-wrap .cont .item_l > p {
		font-size: 1.1em !important;
	}

	.tokushu-wrap .cont .item_l .detail {
		width: 90%;
		text-align: center;
	}

	.tokushu-wrap .cont .item_l .detail img {
		float: none;
		width: 90%;
		margin: 5px auto !important;
	}

	.tokushu-wrap .cont .item_l .detail img:first-child {
		width: 90%;
		margin: 5px auto !important;
	}

	.tokushu-wrap .cont .item_l .detail p {
		font-size: 1em !important;
		text-align: left;
	}

	.tokushu-wrap .cont .item_l .detail ul {
		text-align: left;
	}

	.tokushu-wrap .cont .item_l .detail ul li {
		font-size: 1em !important;
		line-height: 1.4 !important;
	}

	.tokushu-wrap .cont .item_l .value {
		position: static;
		text-align: center;
	}

	.tokushu-wrap .cont .item_l .value a {
		margin: 3px auto !important;
		line-height: 29px !important;
	}

	.tokushu-wrap .cont .item_l table {
		width: 96%;
		font-size: 0.95em !important;
	}

	.tokushu-wrap .itemlist {
		width: 100%;
	}

	.tokushu-wrap .itemlist a {
		font-size: 1.35em !important;
		line-height: 52px !important;
	}

	.tokushu-wrap .select-box {
		width: 90%;
	}

	.tokushu-wrap input[type="button"] {
		width: 50%;
		margin-top: 10px !important;
		margin-left: 0px !important;
	}
	
	/*　モーダル設定 */
	.tokushu-wrap .modal-window .modal-inner img {
		width: 95%;
		height: auto;
	}
}