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


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

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

/*-----------------------------------------------
campaign
-----------------------------------------------*/  
   .tokushu_wrap .cont_wrap .campaign img {
		width: 98%;
	} 
    
    
/*-----------------------------------------------
 商品一覧
-----------------------------------------------*/
	.tokushu_wrap .product_l {
		width: 96% !important;
		margin: 5px auto 10px !important;
		padding: 0 0 5px !important;
	}

/*-----------------------------------------------
 商品名
-----------------------------------------------*/
	.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;
	}

	.tokushu_wrap .product_l div .tokuten {
		width: 43%;
		height: auto;
	}

/*-----------------------------------------------
 商品詳細
-----------------------------------------------*/
	.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;
	}

/*-----------------------------------------------
 価格 カートエリア
-----------------------------------------------*/
	.tokushu_wrap .product_l .bottom {
		width: 100% !important;
		text-align: center !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 0 !important;
		text-align: center;
	}

/*-----------------------------------------------
 フッター
-----------------------------------------------*/
	.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;
	}
}