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

	/*-----------------------------------------------
 見出し
-----------------------------------------------*/
	.tokushu_wrap .header {
		position: relative;
		width: 100% !important;
	}

	.tokushu_wrap h3 {
		background: none !important;
	}

	.tokushu_wrap h3 span {
		font-size: 28px !important;
	}

	.tokushu_wrap h3 span:first-letter {
		font-size: 40px !important;
	}

	/*-----------------------------------------------
 見出し サブ
-----------------------------------------------*/
	.tokushu_wrap .sub_ttl {
		font-size: 18px !important;
	}

	/*-----------------------------------------------
 リードテキスト
-----------------------------------------------*/
	.tokushu_wrap .lead {
		width: calc(100% - 16px);
		font-size: 13px !important;
		line-height: 125% !important;
		margin: 8px !important;
	}

/*-----------------------------------------------
 商品解説など
-----------------------------------------------*/
.tokushu_wrap .detailInfo .infoImg {
	display: inline-block;
	width: 48%!important;
}

.tokushu_wrap .detailInfo .infoImg img {
	width: 100%!important;
}

.tokushu_wrap .detailInfo .ttl {
		font-size: 15px !important;
}

	/*-----------------------------------------------
 動画
-----------------------------------------------*/
	.tokushu_wrap .movie iframe {
		width: 90%;
		height: auto;
	}

	/*-----------------------------------------------
 商品一覧
-----------------------------------------------*/
	.tokushu_wrap .item-block {
		padding: 0 !important;
		margin: 0 auto !important;
	}

	.tokushu_wrap .product_l {
		width: calc(100% - 10px);
		margin: 10px 5px 5px auto !important;
		padding: 5px !important;
		-webkit-box-shadow: 2px 2px 0px #aaa;
		-ms-box-shadow: 2px 2px 0px #aaa;
		-moz-box-shadow: 2px 2px 0px #aaa;
		-o-box-shadow: 2px 2px 0px #aaa;
		box-shadow: 2px 2px 0px #aaa;
	}

	.tokushu_wrap .product_m {
		width: calc(50% - 12px);
		padding: 5px 0 !important;
		margin: 5px auto 5px 0 !important;
		-webkit-box-shadow: 2px 2px 0px #aaa;
		-ms-box-shadow: 2px 2px 0px #aaa;
		-moz-box-shadow: 2px 2px 0px #aaa;
		-o-box-shadow: 2px 2px 0px #aaa;
		box-shadow: 2px 2px 0px #aaa;
	}

	.tokushu_wrap .product_m:nth-child(odd) {
		margin: 5px auto 5px 5px !important;
	}


	/*-----------------------------------------------
 価格とカートボタンエリア
-----------------------------------------------*/
	.tokushu_wrap .product_l .bottom {
		display: inline-block;
		width: 100% !important;
		text-align: center !important;
		padding-left: 10px !important;
	}

	.tokushu_wrap .product_m .bottom {
		text-align: left !important;
	}

	/*-----------------------------------------------
 商品名
-----------------------------------------------*/
	.tokushu_wrap .product_l h4 {
		font-size: 1.2em;
		font-size: 12px !important;
		margin: 0 5px !important;
	}

	.tokushu_wrap .product_m h4,
	.tokushu_wrap .product_s h4 {
		font-size: 1.2em;
		font-size: 12px !important;
		margin: 0 0 5px !important;
	}

	.tokushu_wrap .product_l h4 span,
	.tokushu_wrap .product_m h4 span,
	.tokushu_wrap .product_s h4 span {
		font-size: 1.1em;
		font-size: 11px !important;
	}

	/*-----------------------------------------------
 商品画像
-----------------------------------------------*/
	.tokushu_wrap .product_m .p_img,
	.tokushu_wrap .product_s .p_img {
		margin-top: 4px !important;
		width: 95%;
	}

	.tokushu_wrap .product_l .p_img img {
		width: 65%;
	}

	.tokushu_wrap .product_l .tokuten {
		width: 42%;
	}

	.tokushu_wrap .product_s .p_img img,
	.tokushu_wrap .product_m .p_img img {
		width: 98%;
	}

	/*-----------------------------------------------
 商品画像 切り替え
-----------------------------------------------*/
	/* 範囲 */
	.tokushu_wrap .product_l .itemthum {
		position: relative;
		width: 88%;
		padding-top: 89%;
	}

	.tokushu_wrap .product_l .itemthum > img {
		width: 100%;
		height: auto;
	}

	/* サムネイル */
	.tokushu_wrap .product_l .itemthum label {
		width: 17.5%;
		min-height: 0%;
		height: auto;
		margin: 1px 1px !important;
	}

	.tokushu_wrap .product_l .itemthum label img {
		width: 100%;
		height: auto;
	}

	/*-----------------------------------------------
 商品仕様
-----------------------------------------------*/
	.tokushu_wrap table {
		width: 100% !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;
	}

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

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

	/*-----------------------------------------------
 会員価格 off
-----------------------------------------------*/
	.tokushu_wrap .bottom .off {
		position: relative;
		display: inline-block;
		width: 48px;
		height: 14px;
		background-color: #d32618;
		color: #fff;
		font-size: 1.0em;
		font-size: 10px !important;
		line-height: 14px !important;
		margin: 0 5px 0 10px !important;
		padding: 0 0 0 2px !important;
	}

	.tokushu_wrap .off:after {
		content: "";
		position: absolute;
		right: -5px;
		bottom: 0px;
		width: 0px;
		height: 0px;
		margin: auto;
		border-style: solid;
		border-color: transparent transparent transparent #d32618;
		border-width: 7px 0px 7px 5px;
	}

	/*-----------------------------------------------
 価格
-----------------------------------------------*/
	.tokushu_wrap .product_l .price {
		line-height: 18px !important;
	}

	.tokushu_wrap .product_m .price {
		margin: 0 !important;
		width: 100%;
		font-size: 1.2em;
		font-size: 12px !important;
		text-align: center !important;
	}

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

	.tokushu_wrap .product_m .price span,
	.tokushu_wrap .product_s .price span {
		font-size: 1.5em;
		font-size: 15px !important;
		font-weight: bold;
		margin: 0 !important;
	}

	.tokushu_wrap .orig_price {
		color: #444;
		font-size: 1.2em;
		font-size: 12px !important;
		margin-bottom: 3px !improtant;
	}

	/*-----------------------------------------------
 カートボタン
-----------------------------------------------*/
	.tokushu_wrap .cart {
		display: inline-block;
		width: 70% !important;
		height: 37px !important;
		margin: 0 auto !important;
		padding: 0 !important;
		font-size: 1.25em;
		font-size: 12.5px !important;
		line-height: 35px !important;
	}

	.tokushu_wrap .product_m .cart {
		display: inline-block;
		width: calc(100% - 20px) !important;
		height: 37px !important;
		margin: 2px 10px 7px !important;
		padding: 0 !important;
		font-size: 1.25em;
		font-size: 12.5px !important;
		line-height: 35px !important;
	}

	/*-----------------------------------------------
 プルダウン
-----------------------------------------------*/
	.tokushu_wrap .select-box {
		display: block;
		width: 80% !important;
		height: 39px !important;
		margin: 0 auto !important;
		padding: 0 !important;
		text-align: center;
	}

	.tokushu_wrap input[type="button"] {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border: none;
		outline: none;
		background: transparent;
		display: block;
		width: 80% !important;
		height: 42px !important;
		color: #fe9a01 !important;
		font-size: 1.4em;
		font-size: 14px !important;
		font-weight: 600;
		text-align: center;
		text-decoration: none;
		background-color: #202020;
		border: 2px solid #fe9a01;
		padding: 8px 0 !important;
		margin: 5px auto !important;
		cursor: pointer;
	}

	/*-----------------------------------------------
 一覧ボタン
-----------------------------------------------*/
	.tokushu_wrap .itemlist img {
		width: 100%;
	}

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

	/*-----------------------------------------------
 page-top
-----------------------------------------------*/
	.tokusetsu .page-top {
		position: fixed;
		bottom: 0px;
		right: 10px;
		z-index: 333;
	}

	.tokusetsu .page-top a {
		display: block;
		width: 69px;
		height: 34px;
		-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 .page-top 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;
	}

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