@charset "UTF-8";

/* ==============================================
2026クリスマス商品特集
============================================== */

.item_box img {
	max-width: 1000px !important;
}



.bg {
	background: #190d03;
}

.bg p,
.bg ul li,
.bg .product_name,
.bg h3,
.bg h3.productTitle {
	color: #fff !important;
}

.bg-brown {
	background: #6c4931;
}
.bg-brown p,
.bg-brown ul li,
.bg-brown .product_name,
.bg-brown h3,
.bg-brown h3.productTitle {
	color: #fff !important;
}







.orderBtn,
.orderBtn_02 {
	color: #fff;
	background: #991e21;
}

.orderBtn a,
.orderBtn_02 a {
	color: #fff;
	background: #991e21;
}

.orderBtn:hover,
.orderBtn a:hover,
.orderBtn_02:hover,
.orderBtn_02 a:hover {
	background: #6f0003;
}

.orderBtn_soldout a {
	color: #fff;
	background: #6f0003;
}

.orderBtn_02 {
	width: 60%;
}


.price {
	font-size: 22px;
}
.bg .price {
}




/*#season h1 {
	padding: 50px 0 10px 0;
	/*font-family: 'Noto Sans JP', sans-serif;*/
	font-family: 'Noto Serif JP', serif;
	font-size: 120px;
	font-weight:500;
	text-align:center;
	color: #fff;
	line-height: 130%;
}*/
h1#xmastitle {
	text-align:center;
	padding: 30px 0 !important;
}
h1#xmastitle img {
	max-width: 750px;
}

#season h2 {
	font-family: 'Noto Serif JP', serif;
	margin: 80px 0 30px 0;
	padding: 20px;
	text-align: center;
	background: #6c4931;
	border-radius: 6px 6px 0 0;
	color: #fff;
	font-size: 32px;
}

#season h2.othercolor {
	background: #991e21;
}

#season h2.linetitle {
	background: #fff;
}

#season h3 {
	color: #4C3324;
	line-height: 220%;
	margin-bottom: 10px;
}

#season h3.productTitle {
	font-size: 17px;

}
#season h3.productTitle span {
	display: block;
	font-size: 40px;
}

#season h3.xmas_productname {
	margin: 70px 0 20px;
	font-size: 40px;
	line-height: 110%;
}
#season h3.xmas_productname span {
	display: block;
	font-size: 20px;
}


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

	/*#season h1 {
		padding:50px 0 30px 0;
		font-size: 38px;
	}*/

	h1#xmastitle img {
		max-width: 80%;
		margin: 10px auto;
	}

	#season h2 {
		font-size: 28px;
	}
	
	
	
	
	.orderBtn {
		width: 96%;
		/*padding: 5px;*/
	}
	.orderBtn_02 {
		width: 70%;
		/*padding: 5px;
		font-size: 10px;*/
	}
	
	#season h3.productTitle {
		font-size: 17px;

	}
	#season h3.productTitle span {
		display: block;
		font-size: 28px;
	}
	

	#season h3.xmas_productname {
		font-size: 28px;
	}
	#season h3.xmas_productname span {
		font-size: 17px;
	}




}




.tax { font-weight: normal; font-size:12px; }

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

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


div.cake-kakomi {
	padding:20px;
	margin:0;
	border:solid 1px #6c4931;
	line-height:160%;
	text-align: left;
}
div.cake-kakomi h3 {
	text-align: center;
	font-size:20px;
	margin: 0;
	color: #FFF !important;
}

div.cake-kakomi ul li {
	margin: 0 0 0 30px;
	list-style-type: disc;
} 

p.cake-kakomi-detail {
	margin: 0;
	padding:20px 0;
	border-left:solid 1px #6c4931;
	border-right:solid 1px #6c4931;
	border-bottom:solid 1px #6c4931;
	text-align:center !important;
}
p.cake-kakomi-detail a:hover {
	color: #FFF !important;
}





.bg-brown .cake-kakomi p {
	color: #4C3324 !important;
}

.bg-brown div.cake-kakomi {
	padding:20px;
	margin:0;
	border:solid 1px #FFF !important;
	line-height:160%;
	text-align: left;
}
.bg-brown div.cake-kakomi h3 {
	text-align: center;
	font-size:20px;
	margin: 0;
	color: #FFF !important;
}

.bg-brown div.cake-kakomi ul li {
	margin: 0 0 0 30px;
	list-style-type: disc;
} 

.bg-brown p.cake-kakomi-detail {
	margin: 0;
	padding:20px 0;
	border-left:solid 1px #FFF;
	border-right:solid 1px #FFF;
	border-bottom:solid 1px #FFF;
	text-align:center !important;
}

.bg-brown p.cake-kakomi-detail a {
	/*color: #190d03 !important;*/
}
.bg-brown p.cake-kakomi-detail a:hover {
	color: #FFF !important;
}





/*----------------------------------------------------------------------
.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 {margin: 10px; 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) {

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


/*----------------------------------------------------------------------
 .note
----------------------------------------------------------------------*/
.note p.note_img{
	margin: 0 auto;
	padding: 0;
	background: #E03F33;
}
.note p:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

/* ---------- SP ---------- */
@media screen and (max-width: 767px) {
	.note p.note_img{
		width: 100%;
		float: none;
	}
}

/*----------------------------------------------------------------------
 .menulist
----------------------------------------------------------------------*/
.parent {
  display: flex; /* ブロックを横並びにする */
}

.nav {color: #FFF;background: #991e21;}
.nav:hover {background: #6f0003;}

/*.nav-other {color: #FFF;background: #3d2515;}
.nav-other:hover {background: #4f392a;}*/

.menulist {
	font-weight: bold;
	margin: 0 auto 30px;
	padding: 30px 0 50px 0;
	/*border-top: solid 1px #FFF;*/
	border-bottom: solid 1px #6c4931;
}

.menulist p.menutitle {
	font-size: 150%;
	margin-bottom: 50px;
	text-align: center;
	/*color: #fff;*/
	}

.menulist ul {margin: 0 0 0 0;/*max-width: 730px*/}
.menulist ul:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.menulist li {
	/*width: 171px;*/
	/*height: 51px;*/
	float: left;
	width: 31.3%;
	margin: 0 1% 20px 1%;
	/*padding-top: 20px; */
	list-style-type: none;
	border-radius: 6px;
	text-align: center;
	font-size: 100%;
	line-height: 150%;
	font-weight: normal;
	}
.child {
	flex: 1; /* 均等に横幅を分ける場合 */
	height: 80px; /* 高さを指定 */
	display: flex; /* 中のテキストを中央にするため */
	justify-content: center; /* 左右中央 */
	align-items: center; /* 上下中央 */
	}

ul.navbtn {
	clear: both;
	width: 90%;
	margin: 0 auto;
}
/*ul.navbtn li {
width: 31.3%;
height: auto;
}*/

/*.menuml {margin-left: 16% !important;}*/


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

	ul.navbtn {
		width: 98%;
	}
	
	ul.navbtn li {
		width: 46% !important;
	}
	.menulist li {margin: 0 0 10px 10px;}
	.menuml {margin-left: 0 !important;}


}



.two_column 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;}
}



/* ---------- SP ---------- */
@media screen and (max-width: 767px) {
	.sp_txt22 {font-size: 22px !important;}
	.sp_txt24 {font-size: 24px !important;}
	.sp_txt18 {font-size: 18px !important;}
}




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

}