@charset "UTF-8";

/* ==============================================
2026夏商品特集
============================================== */

#season {
	
}

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

.product_name {}


.orderBtn a {
	color: #6c3c20;
	background: #fecc5a;
}

.orderBtn_soldout a {
	color: #6c3c20;
	background: #B50005;
}




/*----------------------------------------------------------------------
.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
----------------------------------------------------------------------*/
.menulist {
	font-weight: bold;
	margin: 0 auto;
	background:  #9cdbf7;
	padding: 40px 0 30px 0;
}

.menulist p.menutitle {
	font-size: 150%;
	margin-bottom: 30px;
	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: 20px; */
	list-style-type: none;
	border-radius: 5px;
	text-align: center;
	font-size: 100%;
	}
.menulist li.menulist_01,
.menulist li.menulist_02,
.menulist li.menulist_03,
.menulist li.menulist_04
{
}
















/*----------------------------------------------------------------------
ラッピングについて
----------------------------------------------------------------------*/
#wrap_area {
	padding: 10px;
	background: #000;
	color: #fff;
}

#wrap_area h2
{
	color: #fff;
	font-weight: 100;
}

#wrap_area p
{
	color: #fff;
	font-weight: 100;
	width:  93%;
	margin:30px auto 0px;
}

@media screen and (max-width: 1100px) {
	#wrap_area p
	{
		width:  81%;
	}
}
	
@media screen and (max-width: 767px) {

	#wrap_area img {
	width: 100%;
	height: auto;
	max-width: 400px;
	}

	#wrap_area h2{
	background: none;
	}
	
	#wrap_area p
	{
		width:  91%;
	}
}









/*-------------------------------------------------
	
---------------------------------------------------*/

.bgPink {background: url(/images/lineup/mother2025/pink_bg.png);}
.bgPinkInner {background: url(/images/lineup/mother2025/bg_ribbon.png);}
.bgPinkInner2 {padding: 20px; }



.colorBg {background: #9cdbf7;padding-bottom:10px;}






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

}

@media screen and (max-width: 767px) {
	.bgGray {padding: 10px;}

}

.lh150 {line-height: 150%;}
.lh180 {line-height: 180%;}



.bg_bk {background:#000;}
.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;}
}



ul.navbtn {
clear: both;
}
ul.navbtn li {
width: 31.3%;
height: auto;
}

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


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

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

.menuml {margin-left: 0 !important;}



}


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




.messagecard_area {
	margin-bottom: 50px;
	border: solid 1px #E03F33;
	background: #FFF;
	padding: 0;
}
.messagecard_area img {
	float: left;
	width: 100%;
	height: auto;
	max-width: 300px;
}
.messagecard_area h4 {
	padding: 20px 20px 0 320px;
	font-size: 20px;
	font-weight: bold;
}
.messagecard_area p {
	padding: 20px 20px 20px 320px;
	line-height: 150%;
}
/* ---------- SP ---------- */
@media screen and (max-width: 767px) {

	.messagecard_area img {
		display: block;
		float: none;
		clear: both;
		margin: 0 auto 10px auto;
		max-width: 100%;
	}
	.messagecard_area h4 {
		padding: 20px 20px 0 20px;
		font-size: 20px;
		font-weight: bold;
	}
	.messagecard_area p {
		padding: 0 20px 20px 20px;
	}


	.sp_txt22 {font-size: 22px !important;}
	.sp_txt24 {font-size: 24px !important;}
	.sp_txt18 {font-size: 18px !important;}

}






/* お届け日の表組 */
.otodoke_table {
	width: 100%;
	max-width: 540px;
	margin: 0 auto;
	border: solid 1px #CCC;
}
.otodoke_table th {
	padding: 15px;
	text-align: center;
	background: #FBF6DD;
	font-weight: bold;
	border: solid 1px #CCC;
	font-size: 20px;
}
.otodoke_table td {
	padding: 15px;
	text-align: center;
	font-weight: bold;
	border: solid 1px #CCC;
	font-size: 20px;
}
/* ---------- SP ---------- */
@media screen and (max-width: 767px) {

	.otodoke_table th,
	.otodoke_table td {
		padding: 10px;
		font-size: 16px;
	}

}



/* LINE GIFTの画像右寄せ */
.linegift_txt_area {
	display:block;
	text-align:right;
	width:640px;
	margin: 0 auto 10px;
}
.linegift_txt_area img {
	width: 100%;
	height: auto;
	max-width: 360px;
}

/* ---------- SP ---------- */
@media screen and (max-width: 767px) {
	.linegift_txt_area {
		width:100%;
	}
}




.campaign {
	margin-bottom: 30px;
	border: solid 1px #43ae76;
	border-radius: 6px 6px 0 0;
}
.campaign p {
	margin: 0 30px 20px;
	line-height: 200%;
	font-size: 16px;
}
.campaign p.title {
	margin: 0 0 20px;
	padding: 10px 0;
	font-size: 26px;
	background: #43ae76;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	border-radius: 4px 4px 0 0;
}
/* ---------- SP ---------- */
@media screen and (max-width: 767px) {
	.sp-none {
		display: none;
	}
	.campaign p {
		margin: 0 20px 20px;
		line-height: 180%;
	}
	.campaign p.title {
		font-size: 22px;
	}


}


table.jelly {
	background: #FFF;
	border-top: solid 1px #4c3324;
	border-left: solid 1px #4c3324;
	width: 100%;
	max-width: 640px;
	margin: 0 auto;

}
table.jelly td {
	border-right: solid 1px #4c3324;
	border-bottom: solid 1px #4c3324;
	vertical-align: middle;
	font-size: 16px;
}
table.jelly td.img {
	border-right:none;
}
table.jelly td img {
	width: 100%;
	height: auto;
}
table.jelly td span.block {
	padding: 20px;
	display: block;
}

table.jelly td span.inline {
	padding: 0;
	display: inline-block;
}


.title_circe {
	padding: 30px 0;
	line-height: 150%;
	background: url("https://masale.jp/images/lineup/summer2025/title_bg_circle.png") no-repeat center center;
	background-size: 460px 136px;
	font-size: 30px;
}

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

	.title_circe {
		background-size: 300px 90px;
		font-size: 22px !important;
	}

}

.title_square {
	padding: 30px 0;
	line-height: 150%;
	background: url("https://masale.jp/images/lineup/summer2025/title_bg_square.png") no-repeat center center;
	background-size: 460px 115px;
	font-size: 30px;
}

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

	.title_square {
		background-size: 300px 75px;
		font-size: 22px !important;
	}

}