@charset "UTF-8";
/* ==============================================
季節・イベント特集LP用
共通パーツ
============================================== */
#season {
	margin: 0 auto;
	max-width: 735px;
	padding-top: 50px;
	color: #4C3324;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
/*	font-family: "游ゴシック体" YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic" ,sans-serif;*/
}

#season .global_inner {padding: 0 0;}


.note {text-align: left;}



/*-------------------------------------------------
.lineupInner
---------------------------------------------------*/
.lineupInner {width: 100%;margin: 0 auto;padding: 0 0 10px 0;line-height: 180%;}
.lineupInner:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.lineupInner h2 {font-size: 20px;font-weight: normal;}
.lineupInner p {font-size: 16px;line-height: 180%;}

/* ---------- SP ---------- */
@media screen and (max-width: 767px) {
	.lineupInner {width: 100%;margin: 0 auto;} /*width:96%→100%に変更*/
	.lineupInner img {width: 100%; margin:0;}
	.lineupInner img.limited,
	.lineupInner img.Lacte38,
	.lineupInner img.selection
	{width: auto;}
}

/*-------------------------------------------------
#フォント
---------------------------------------------------*/
.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }
.txt10 {font-size: 10px !important;}
.txt12 {font-size: 12px !important;}
.txt14 {font-size: 14px !important;}
.txt16 {font-size: 16px !important;}
.txt18 {font-size: 18px !important;}
.txt20 {font-size: 20px !important;}
.txt22 {font-size: 22px !important;}
.txt24 {font-size: 24px !important;}
.txt26 {font-size: 26px !important;}
.txt28 {font-size: 28px !important;}
.txt30 {font-size: 30px !important;}

/*-------------------------------------------------
#見出し
---------------------------------------------------*/
#main h2 {margin: 0 10px;padding: 16px 20px 20px 20px;font-size: 200%;text-align: center;background: none !important;}

#season h3 {color: #4C3324;font-size: 26px;line-height: 160%;}
















/*----------------------------------------------------------------------
商品
----------------------------------------------------------------------*/
/* 商品タイトル */
.product_name {font-size: 22px;margin-top: 10px;color: #4C3324; font-weight: bold;line-height:150%;}

/* 商品金額 */
.price-text {display: inline-flex;align-items: baseline;font-weight: bold;color: #4C3324; font-weight: bold;font-size:18px;}
.price-symbol {margin-right: 5px;  }
.price-number { color:#C00; }
.price-tax { font-weight: normal; font-size:14px; }


/* ご購入はこちらボタン */
.orderBtn {
	display: block;
	width: 50%;
	line-height: 1em;
	margin: 0 auto;
	padding: 20px 10px;
	color: #6c3c20;
	font-size: 14px;
	background: #fecc5a;
	border-radius: 5px;
	font-weight: normal;
}

.orderBtn_soldout {
	display: block;
	width: 50%;
	line-height: 1em;
	margin: 0 auto;
	padding: 20px 10px;
	color: #6c3c20;
	font-size: 14px;
	background: #B50005;
	border-radius: 5px;
	font-weight: normal;
}

.linkBtn {
	display: block;
	width: 60%;
	line-height: 3em;
	margin: 0 auto;
	padding: 5px 10px;
	color: #FFF !important;
	font-size: 14px;
	background: #442c26;
	border-radius: 5px;
	font-weight: normal;
}

.orderBtn span, .linkBtn span {
	background: url("https://masale.jp/images/arrow_01.png") no-repeat left center;
	padding-left: 1.2em;
}

@media screen and (max-width: 767px) {
	.item_box {padding: 0 10px;}
	.orderBtn {
		width: 96%;
		padding: 20px 5px;
	}
}

.item_box img {max-width: 640px;}





/*----------------------------------------------------------------------
.free_table_area
----------------------------------------------------------------------*/
.free_table_area { 
	padding: 30px 0;margin-bottom: 30px;
	border-top: solid 1px #deb887;
	border-bottom: solid 1px #deb887;
}
.free_table_area p {/*color: #fff;*/margin: 0 10px; padding: 0 0 10px 0;}
.free_table_area table {/*color: #fff;*/border-top: solid 1px #C49566;border-bottom: solid 1px #C49566;margin-bottom: 30px; width: 90%; margin: 0 auto; background:rgba(255,255,255,0.1);}
.free_table_area table th {padding: 8px 5px;vertical-align: middle;text-align: left;font-weight: bold;}
.free_table_area table td {padding: 8px 5px;border-top: solid 1px #C49566;vertical-align: middle;}









/* ---------- SP ---------- */
@media screen and (max-width: 767px) {

}




/*----------------- margin,padding -----------------*/
.mt0 {margin-top: 0px!important;}
.mt1 {margin-top: 1px!important;}
.mt2 {margin-top: 2px!important;}
.mt3 {margin-top: 3px!important;}
.mt4 {margin-top: 4px!important;}
.mt5 {margin-top: 5px!important;}
.mt10 {margin-top: 10px!important;}
.mt15 {margin-top: 15px!important;}
.mt20 {margin-top: 20px!important;}
.mt25 {margin-top: 25px!important;}
.mt30 {margin-top: 30px!important;}
.mt35 {margin-top: 35px!important;}
.mt40 {margin-top: 40px!important;}
.mt45 {margin-top: 45px!important;}
.mt50 {margin-top: 50px!important;}
.mt55 {margin-top: 55px!important;}
.mt60 {margin-top: 60px!important;}
.mt65 {margin-top: 65px!important;}
.mt70 {margin-top: 70px!important;}
.mt75 {margin-top: 75px!important;}
.mt80 {margin-top: 80px!important;}
.mt85 {margin-top: 85px!important;}
.mt90 {margin-top: 90px!important;}
.mt95 {margin-top: 90px!important;}
.mt100 {margin-top: 100px!important;}
.mr0 {margin-right: 0px!important;}
.mr5 {margin-right: 5px!important;}
.mr10 {margin-right: 10px!important;}
.mr15 {margin-right: 15px!important;}
.mr20 {margin-right: 20px!important;}
.mr25 {margin-right: 25px!important;}
.mr30 {margin-right: 30px!important;}
.mr35 {margin-right: 30px!important;}
.mr40 {margin-right: 40px!important;}
.mr45 {margin-right: 45px!important;}
.mr50 {margin-right: 50px!important;}
.mb0 {margin-bottom: 0px!important;}
.mb5 {margin-bottom: 5px!important;}
.mb10 {margin-bottom: 10px!important;}
.mb15 {margin-bottom: 15px!important;}
.mb20 {margin-bottom: 20px!important;}
.mb25 {margin-bottom: 25px!important;}
.mb30 {margin-bottom: 30px!important;}
.mb30 {margin-bottom: 35px!important;}
.mb40 {margin-bottom: 40px!important;}
.mb45 {margin-bottom: 40px!important;}
.mb50 {margin-bottom: 50px!important;}
.ml0 {margin-left: 0px!important;}
.ml5 {margin-left: 5px!important;}
.ml10 {margin-left: 10px!important;}
.ml15 {margin-left: 15px!important;}
.ml20 {margin-left: 20px!important;}
.ml25 {margin-left: 25px!important;}
.ml30 {margin-left: 30px!important;}
.ml35 {margin-left: 35px!important;}
.ml40 {margin-left: 40px!important;}
.ml45 {margin-left: 45px!important;}
.ml50 {margin-left: 50px!important;}
.pt0 {padding-top: 0px!important;}
.pt5 {padding-top: 5px!important;}
.pt10 {padding-top: 10px!important;}
.pt15 {padding-top: 15px!important;}
.pt20 {padding-top: 20px!important;}
.pt25 {padding-top: 25px!important;}
.pt30 {padding-top: 30px!important;}
.pt35 {padding-top: 35px!important;}
.pt40 {padding-top: 40px!important;}
.pt45 {padding-top: 45px!important;}
.pt50 {padding-top: 50px!important;}
.pt55 {padding-top: 55px!important;}
.pt60 {padding-top: 60px!important;}
.pt65 {padding-top: 65px!important;}
.pt70 {padding-top: 70px!important;}
.pt75 {padding-top: 75px!important;}
.pt80 {padding-top: 80px!important;}
.pt85 {padding-top: 85px!important;}
.pt90 {padding-top: 90px!important;}
.pt95 {padding-top: 95px!important;}
.pt100 {padding-top: 100px!important;}
.pr0 {padding-right: 0px!important;}
.pr5 {padding-right: 5px!important;}
.pr10 {padding-right: 10px!important;}
.pr15 {padding-right: 15px!important;}
.pr20 {padding-right: 20px!important;}
.pr25 {padding-right: 25px!important;}
.pr30 {padding-right: 30px!important;}
.pr35 {padding-right: 35px!important;}
.pr40 {padding-right: 40px!important;}
.pr45 {padding-right: 45px!important;}
.pr50 {padding-right: 50px!important;}
.pb0 {padding-bottom: 0!important;}
.pb10 {padding-bottom: 10px!important;}
.pb15 {padding-bottom: 15px!important;}
.pb20 {padding-bottom: 20px!important;}
.pb25 {padding-bottom: 25px!important;}
.pb30 {padding-bottom: 30px!important;}
.pb35 {padding-bottom: 35px!important;}
.pb40 {padding-bottom: 40px!important;}
.pb45 {padding-bottom: 45px!important;}
.pb50 {padding-bottom: 50px!important;}
.pl0 {padding-left: 0px!important;}
.pl5 {padding-left: 5px!important;}
.pl10 {padding-left: 10px!important;}
.pl15 {padding-left: 15px!important;}
.pl20 {padding-left: 20px!important;}
.pl25 {padding-left: 25px!important;}
.pl30 {padding-left: 30px!important;}
.pl35 {padding-left: 35px!important;}
.pl40 {padding-left: 40px!important;}
.pl45 {padding-left: 45px!important;}
.pl50 {padding-left: 50px!important;}
/*----------------- cleafix -----------------*/
.clearfix:before,.clearfix:after { content: "."; display: block; height: 0; overflow: hidden;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE < 8 */
/*----------------- micro clearfix -----------------*/
/* For modern browsers */
.cf:before,.cf:after {content:""; display:table;}
.cf:after {clear:both;}
/* For IE 6/7 (trigger hasLayout) */
.cf {zoom:1;}

/*__________ SP __________*/
@media screen and (max-width: 767px) {
	.pcBlock {display: inline!important;}
	.pc {display: none!important;}
	.spBlock, .sp {display: block!important;}
	.spIl {display: inline!important;}
	.photoRight { display: block!important;float: none!important; margin: 0 auto 20px auto!important; }
	.photoLeft { display: block!important;float: none!important; margin: 0 auto 20px auto!important; }
	
	.txtC_onlyPC {text-align: left!important;}

}