@charset "UTF-8";

/* ==============================================
	クリスマス2025の特集ページ
============================================== */

#season {font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic" ,sans-serif;color:#320000;}
#season p {color:#320000 !important;}

.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: 0;background: none !important;}
#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%;}

.indent-1 {padding-left:1em;text-indent:-1em;display: block;}




.original-gradient {padding: 60px;background-image: linear-gradient(45deg, rgba(165, 10, 17, 1), rgba(218, 24, 31, 1) 50%, rgba(165, 10, 17, 1));}

.leadtxt p {color: #FFF !important;text-align: center !important;}

/* ---------- SP ---------- */
@media screen and (max-width: 767px) {
	.original-gradient { padding: 40px; }
}




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


.wf-yumincho {
	font-family :
	YuMincho,    /* Mac用 */
	'Yu Mincho', /* Windows用 */
	serif;
}

#season h2.h-2 {
	background:#c6000b;
	border-radius: 5px 5px 0 0;
	color: #fff;
	padding: 20px 12px;
}

#season h2.h-2a {
	border-radius: 5px 5px 0 0;
	color: #fff;
	padding: 20px 12px;
	background:#c6000b;
}

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

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

#season h3.productTitle {
	margin-top: 50px;
	padding-left: 0;
}
#season h3.productTitle span {
	font-size: 180%;
	display: block;
	line-height: 180%;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
}

#season h3.h-3 {
	border-top: 1px solid #B80006;
	background-color:#c6000b;
	border-radius: 5px 5px 0 0;
	color: #fff;
	padding: 12px;
	width: 50%;
	margin: 0 auto;
	font-size: 160%;
}

/* ---------- SP ---------- */
@media screen and (max-width: 767px) {
	#season h3 {
		padding: 20px 15px;
		background-size: 30px 30px;
	}
	#season h3.h-3 {
		background-size: 50%;
		padding: 20px 15px 40px 15px;
	}
}

/*----------------------------------------------------------------------
.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: center;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: center;list-style-type: none;font-size: 16px;}

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

.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.shopIcon {width: auto;height: auto;}
	
	.borderlinkbtn a {max-width: 280px;}

	.pc_center_sp_left {text-align: left;}
	
}

/*----------------------------------------------------------------------
 .lead
----------------------------------------------------------------------*/
.lead {
	padding: 30px;
	background-color: #e00000;
}

.lead h2#lead_h2 {
	color: #FFF;
	background: none;
	border: none;
	margin: 0 auto  20px;
	font-size: 200%;
	line-height: 160%;
}

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

/*----------------------------------------------------------------------
 .menulist
----------------------------------------------------------------------*/
.menulist {
	margin: 0 auto;
	/*background: #009C55;*/
}

.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: 735px;*/max-width: 500px}
.menulist ul:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.menulist li {
	/*width: 232px;*/
	width: 48%;
	float: left;
	margin: 0 0 20px 10px;
	padding-top: 0; 
	list-style-type: none;
	text-align: center;
	}
.menuml {margin-left: 25% !important;}

/* ---------- SP ---------- */
@media screen and (max-width: 767px) {
		.menulist li {width: 48%; margin-left: 1%; }
		.menuml {margin-left: 0 !important;}
}

/*----------------------------------------------------------------------
商品
----------------------------------------------------------------------*/
.product_name {font-weight: bold;font-size: 20px;}
.price {color: #320000; font-weight: bold;font-size: 20px;}
.price span {color: #e00000;}
.tax {color: #320000; 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: #007a41;
	border-radius: 5px;
	font-weight: normal;
}

.orderBtn_02 {
	width: 60%;
}

.orderBtn span, .orderBtn_02 span {
	background: url("../../../../../../images/lineup/xmas2022/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 {
		width: 96%;
		padding: 5px;
	}
	.orderBtn_02 {
		width: 70%;
		padding: 5px;
		font-size: 10px;
	}
	.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/xmas2021/arrow_01.png") no-repeat left center;
	padding-left: 20px;
}

/*----------------------------------------------------------------------
ラッピングについて
----------------------------------------------------------------------*/
#wrap_area {
	padding: 140px 10px 10px;
	border: 15px solid #654a38;
	background: url("../../../../../../images/lineup/xmas2021/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;}
.txt26 {font-size: 26px !important;}
.mb0 {margin-bottom: 0 !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}

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

.description {font-size: 13px !important;}
.detail,.size {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;}

}


#pickup04 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;}
}


.new {color: #fff; font-weight: bold; font-size: 80%; background: #009C55; padding:5px; border-radius: 5px;margin-right: 10px;} 


/*----------------------------------------------------------------------
.free_table_area
----------------------------------------------------------------------*/
.free_table_area {
	background-color:#e00000;
	margin-bottom: 50px;
	padding-bottom: 20px;
}
.free_table_area table {
	color: #320000;
	border: solid 2px #fff;
	width: 90%; 
	margin: 0 auto; 
	background:#fff;
}

.free_table_area p { color: #fff;}

.free_table_area table th {
	padding: 8px 5px;
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
	background: #009C55;
	color: #fff;
	border-right: solid 1px #fff;
}

.free_table_area table td {
	padding: 8px 5px;
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
	border-top: solid 1px #4E3324;
	border-right: solid 1px #4E3324;
	color: #4E3324;
}

.free_table_area table th:last-child,
.free_table_area table td:last-child {
	border-right: none;
}
/*----------------------------------------------------------------------
ポイント制度
----------------------------------------------------------------------*/
h2#point_h2 {
	color: #1b8962;
	background: none;
	border: none;
	margin: 0 0 10px;
	font-weight: bold;
	text-align: center;
}

.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/summer2022/arrow_02.png") no-repeat left center;
	padding-left: 20px;
}



.item_box {
	margin-bottom: 50px;
}



.greenborderwaku {
	padding: 30px 20px;
	border: solid 2px #00B900;
}
.greenborderwaku p {
	margin: 0 10px 20px;
}





.simekiri-kikan-table {
	margin: 0 auto 20px !important;
	border: solid 1px #000;
}
.simekiri-kikan-table th,
.simekiri-kikan-table td {
	padding: 15px;
	text-align: center;
	font-size: 18px;
	vertical-align: middle;
}

.simekiri-kikan-table th {
	border-bottom: solid 1px #000;
}


.simekiri-kikan-table td {
	border-bottom: solid 1px #000;
	border-left: double 3px #000;
}




.simekiri-kikan-ul {
	margin-left:20px;
	margin-bottom: 0;
	color:#fff;
}
.simekiri-kikan-ul li {
	font-size: 17px;
	list-style-type: disc !important;
	/*font-weight:bold;*/
	margin-bottom: 5px;
}

.simekiri-kikan-ul li ul {
	margin: 5px 0 10px 50px;
}
.simekiri-kikan-ul li ul li {
	list-style-type: circle !important;
}


.red-caution-kakomi {
	padding:20px;
	border:solid 4px #c5191e;
}
.red-caution-kakomi p.title {
	font-size:18px !important;
	text-align:center;
	font-weight:bold;
}
.red-caution-kakomi ul {
	margin: 0 0 0 30px;
	padding: 0;
	font-size:18px;
	font-weight:bold;
	list-style-type: disc;
}
.red-caution-kakomi ul li {
	margin-bottom: 10px !important;
}