@charset "UTF-8";

/* ==============================================
	季節の特集ページ（テンプレート用）
　　Last Updated：2021.8.06
============================================== */

.pc {display: block !important;}
.sp {display: none !important;}
/* ---------- SP ---------- */
@media screen and (max-width: 767px) {
	.pc {display: none !important;}
	.sp {display: block !important;}
}

#main h2 {margin: 0;padding: 16px 20px 20px 20px;font-size: 160%;text-align: center;}
#main p {font-size: 16px;}

.lineupInner {width: 100%;margin: 0 auto;padding: 30px 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%;}


/*-------------------------------------------------
#season
---------------------------------------------------*/
.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }

#season h2.h-2 {
	border-top: 1px solid #e33f19;
	background-image:  url("../../../../../../images/lineup/halloween2021/h2_bg.png");
	background-repeat:no-repeat;
	background-color:#ed6c00;
	background-position: left bottom;
	border-radius: 5px 5px 0 0;
	color: #fff;
	padding: 12px;
}

#season h2.h-2a {
	border-top: 1px solid #e33f19;
	background-image:  url("../../../../../../images/lineup/halloween2021/h2a_bg.png");
	background-repeat:no-repeat;
	background-color:#ed6c00;
	background-position: right bottom;
	border-radius: 5px 5px 0 0;
	color: #fff;
	padding: 12px;
}

/* ---------- SP ---------- */
@media screen and (max-width: 767px) {
	#season h2.h-2 {
		padding: 20px 15px;
		font-size: 140%;
	}
}

#season h3 {
	font-size: 140%;
	text-align: center;
	line-height: 160%;
}

/* ---------- SP ---------- */
@media screen and (max-width: 767px) {
	#season h3 {
		padding: 20px 15px;
		background-size: 30px 30px;

	}
}

/*----------------------------------------------------------------------
.2カラム　３カラムの設定
----------------------------------------------------------------------*/

ul.two_column {margin: 0;padding: 0;}
ul.two_column:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
ul.two_column li {width: 48%;float: left;margin: 0 1% 20px 1%;text-align: left;list-style-type: none;font-size: 16px;}
ul.two_column li:nth-child(odd) {clear: both;}


ul.three_column {margin: 0;padding: 0;}
ul.three_column:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
ul.three_column li {width: 31%;float: left;margin: 0 1% 20px 1%;text-align: left;list-style-type: none;font-size: 16px;}

ul.two_column li img,
ul.three_column li img {width:100%;height: auto;margin: 0 0 10px 0; }

ul.two_column li img.img_square {width:250px;height: 250px; object-fit: cover;} /* 写真のスクエア表示 */
ul.three_column li img.img_square {width:100px;height: 100px; object-fit: cover;} /* 写真のスクエア表示 */

.shopIcon {margin: 5px 0 0 0 !important;width: 40px !important;height: 40px !important;}

.borderbox {padding: 10px 5px;border: solid 1px #442E28;}
.borderbox p,.borderbox ul,.borderbox ol {margin-bottom: 0;}
.borderbox h3 {margin: 0 0 10px 0;text-align: left;}


.borderlinkbtn a {display: block;border: solid  1px #A9814D;padding:10px;max-width: 400px;margin:0 auto;}

.pc_center_sp_left {text-align: center;}

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

	.lineupInner {width: 96%;margin: 0 auto;}

	ul.two_column li {width: 42%;float: left;margin: 0 4%;padding: 0 0 20px 0;height: auto !important;}
	ul.two_column li img {width: 90%;height: auto;}
	ul.two_column li img.img_square {width: 144px;height:144px;object-fit: cover;border: 1px solid #cccccc;} /* 写真のスクエア表示 */


	ul.two_column li img.shopIcon {width: auto;height: auto;}
	
	.borderlinkbtn a {max-width: 280px;}

	.pc_center_sp_left {text-align: left;}
	
}

/*----------------------------------------------------------------------
 .lead
----------------------------------------------------------------------*/
.lead {
	padding: 30px;
	background: url(../../../../../../images/lineup/halloween2021/lead_bg_01.png) no-repeat right bottom,
				url(../../../../../../images/lineup/halloween2021/lead_bg_02.png) no-repeat left top;
	background-color: #232139;
}

.lead h2#lead_h2 {
	color: #ed6c00;
	background: none;
	border: none;
	padding: auto 0;
	margin: auto  0;
}

.lead p {
	color: #ffffff;
	font-weight:  normal;
	text-align: center;
}

/*----------------------------------------------------------------------
 .menulist
----------------------------------------------------------------------*/
.menulist {
	margin: 0 auto;
	background-image:  url(../../../../../../images/lineup/halloween2021/menu_bg_01.png);
	background-repeat:no-repeat;
	background-color:#414a5b;
	background-position: left top;
}

.menulist p.menutitle {
	font-weight: 100;
	margin-bottom: 10px;
	padding: 30px 10px 5px;
	text-align: center;
	color: #fff;
	}

.menulist ul {margin: 0 auto;padding: 0 auto; max-width: 730px}
.menulist ul:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.menulist li {
	width: 171px;
	height: 51px;
	float: left;
	margin: 0 0 20px 10px;
	padding-top: 25px; 
	list-style-type: none;
	border-radius: 5px;
	border-bottom-color: #e33f19;
	text-align: center;
	}
.menulist li.menulist_01 {
	background: url("../../../../../../images/lineup/halloween2021/menu_list_01.png") no-repeat left top,
				url("../../../../../../images/lineup/halloween2021/menu_list_bk.png") no-repeat right bottom;
	background-color:#ed6c00;
}
.menulist li.menulist_02 {
	background: url("../../../../../../images/lineup/halloween2021/menu_list_02.png") no-repeat left top,
				url("../../../../../../images/lineup/halloween2021/menu_list_bk.png") no-repeat right bottom;
	background-color:#ed6c00;
}
.menulist li.menulist_03 {
	background: url("../../../../../../images/lineup/halloween2021/menu_list_03.png") no-repeat left top,
				url("../../../../../../images/lineup/halloween2021/menu_list_bk.png") no-repeat right bottom;
	background-color:#ed6c00;
}
.menulist li.menulist_04 {
	background: url("../../../../../../images/lineup/halloween2021/menu_list_04.png") no-repeat left top,
				url("../../../../../../images/lineup/halloween2021/menu_list_bk.png") no-repeat right bottom;
	background-color:#ed6c00;
}

/* ---------- SP ---------- */
@media screen and (max-width: 767px) {
		.menulist li {width: 45%; margin-left: 3%; }
}

/*----------------------------------------------------------------------
商品
----------------------------------------------------------------------*/
.product_name {font-weight: bold;}
.price {color: #ed6c00; font-weight: bold;}
.tax {color: #ed6c00; font-weight: normal; font-size: smaller;}
/*.free img {width: 51px !important;  height: 30px !important; margin-bottom: 0px !important;}*/

.orderBtn, .orderBtn_02 {
	display: block;
	width: 50%;
	line-height: 3em;
	margin: 0 auto;
	padding: 5px 10px;
	color: #FFF !important;
	font-size: 14px;
	background: #7b59a3;
	border-radius: 5px;
	font-weight: normal;
}

.orderBtn_02 {
	/*background: #1d976e;*/
	background: #7b59a3;
}

.orderBtn span, .orderBtn_02 span {
	background: url("../../../../../../images/lineup/halloween2021/arrow_01.png") no-repeat left center;
	padding-left: 1.2em;
}

.anc {
	padding-top: 110px;
	margin-top: -110px;
}

@media screen and (max-width: 767px) {
	.orderBtn, .orderBtn_02 {
		width: 96%;
		padding: 5px;
	}
	.anc {
		padding-top: 140px;
		margin-top: -140px;
	}
}

/*----------------------------------------------------------------------
ポイント制度
----------------------------------------------------------------------*/
h2#point_h2 {
	color: #1b8962;
	background: none;
	border: none;
	padding: auto 0;
	margin: auto  0;
	font-weight: bold;
}

.pointBtn {
	display: block;
	width: 270px;
	margin: 0 auto;
	padding: 10px 15px;
	color: #FFF !important;
	font-size: 14px;
	background: #1b8962;
	border-radius: 5px;
}

.pointBtn span {
	background: url("../../../../../../images/lineup/halloween2021/arrow_01.png") no-repeat left center;
	padding-left: 20px;
}

/*----------------------------------------------------------------------
ラッピングについて
----------------------------------------------------------------------*/
#wrap_area {
	padding: 140px 10px 10px;
	border: 15px solid #654a38;
	background: url("../../../../../../images/lineup/halloween2021/wrap_bg.png") no-repeat left top #f2f0ec;
}

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

	#wrap_area {
	padding-top: 100px;
	background-size: 30%;
	}
	
	#wrap_area img {
		width: 100%;
		height: auto;
		max-width: 400px;
	}

	.fl,
	.fr {width: 100%;clear: both;float: none;}



}

/* #pagetop ------------------------ */
p#pagetop{position: fixed;bottom: 20px;right: 20px;font-size: 10px;z-index:500;opacity: 0.8;}
* html p#pagetop{text-align:right;margin-right:20px;margin-bottom:20px;}

/* ---------- SP ---------- */
@media screen and (max-width: 767px) {
	p#pagetop img{width:50px;height:50px;}
}

/* ----------------------------------------
	base style
---------------------------------------- */
/* common module --------------------- */
/*width*/
.w5p{width:5%;}
.w10p{width:10%;}
.w15p{width:15%;}
.w20p{width:20%;}
.w25p{width:25%;}
.w30p{width:30%;}
.w35p{width:35%;}
.w40p{width:40%;}
.w45p{width:45%;}
.w50p{width:50%;}
.w55p{width:55%;}
.w60p{width:60%;}
.w65p{width:65%;}
.w70p{width:70%;}
.w75p{width:75%;}
.w80p{width:80%;}
.w85p{width:85%;}
.w90p{width:90%;}
.w95p{width:95%;}

/*text-align setting*/
.tc{ text-align:center !important;}
.tl{ text-align:left !important;}
.tr{ text-align:right !important;}

/*border setting*/
.b1 {border: 1px solid #cccccc;}

/*font setting*/
.bold {font-weight:bold;}
.red {color:#C00;}

/*float setting*/
.fl{ float:left;}
.fr{ float:right;}
.clear{clear:both;}
.clearfix{	zoom:1;}
.clearfix:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}


/* #note ------------------------ */
.note {overflow:hidden;}

.note dt,
.note dd {
	margin-top:5px;
}

.note dt {
	clear:both;
	float:left;
}

.note dd {margin-left:2em;}
.note.single dd {margin-left:1.2em;}
.note dd.space {margin-top:1em;}

/*-------------------------------------------------
	.clearFix
---------------------------------------------------*/
.clearFix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearFix {display:inline-block;}
/*Hides from IE-mac \*/
* html .clearFix {height: 1%;}
.clearFix {display: block;}
/*End hide from IE-mac */
/* IE7 */
*:first-child+html .clearFix {height: 1%;}

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



.txt12 {font-size: 12px !important;}
.txt14 {font-size: 14px !important;}
.mb0 {margin-bottom: 0 !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}

.addTxt {border: solid 2px #ed6c00;margin-bottom: 30px;padding: 10px;line-height: 150%;}

.description {font-size: 13px !important;}
.detail {font-size: 15px !important;}
/* ---------- SP ---------- */
@media screen and (max-width: 767px) {
	.description {display: block;text-align: left !important;}
	.addTxt {padding: 5px 3px;font-size: 14px !important;}

}


#pickup03 li {display: block;position: relative;}
.free {display: block;position: absolute; top: 10px;left: 60px;width: 60px;height: 35px;}
.free img {width: 100%;height: auto;}

/* ---------- SP ---------- */
@media screen and (max-width: 767px) {
	.free {left: 5px;}
}