@charset "UTF-8";

/* ==============================================
============================================== */

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

/*-------------------------------------------------
.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"; }

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

#main h2.h-2 {
		margin: 0 0 20px 0;
		padding: 0;
		/*background:url("../../../../../../images/lineup/vd2022/h2_bg.png") no-repeat center/cover; min-height: 290px;*/
}

#main h2.h-2a {
		margin: 0;
		padding: 0;
		max-width: 100%;
		/*background: #000;*/
}

#main h2.h-2a img {
		width: 100%;
		height: auto;
		margin-bottom: 40px;
}

/* ---------- SP ---------- */
@media screen and (max-width: 767px) {
	#main h2.h-2 {
			/*background:url("../../../../../../images/lineup/vd2022/h2_bg.png") no-repeat center/cover; min-height: 180px;*/
	}
}

/*
#main h3 {font-size: 140%; text-align: center; line-height: 160%; color: #fff;}
#main h3.h-3 {color: #fff;}
*/

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

#season h3.productTitle {
	/*margin-top: 50px;
	padding-left: 0;
	color: #a57a43;*/
}

#season h3.productTitle span {
	/*font-size: 200%;
	display: block;
	line-height: 180%;*/
}

#season h3.productTitle img {
	max-width: 460px;
}



/* ---------- 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 {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;}
	
}

/*----------------------------------------------------------------------
 .sp_main_visual
----------------------------------------------------------------------*/
.sp_main_visual{
	background: #f7c8ce;
}

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

/*----------------------------------------------------------------------
 .note
----------------------------------------------------------------------*/
.note p.note_img{
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background: #c49566;
}
.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-family: "游ゴシック体" YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic" ,sans-serif;*/
	font-weight: bold;
	margin: 0 auto;
	background: #FAF6F1;
	padding: 30px 0 20px 0;
	border-top: solid 1px #a57a43;
	border-bottom: solid 1px #a57a43;
}

.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
{
	background: url("../../../../../../images/lineup/vd2022/menu_list.png") no-repeat 97% 97%;
	background-color:#a57a43;
}

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

/*----------------------------------------------------------------------
商品
----------------------------------------------------------------------*/
.item_box {
	margin: 75px auto;
}

p.item_box {color: #4C3324;}
.product_name {color: #4C3324; font-weight: bold;}
.price {color: #4C3324; font-weight: bold;}
.tax {/*color: #000;*/ font-weight: normal; font-size: smaller;}
.detail {/*color: #000;*/ font-weight: lighter;}
.new {color: #000; font-weight: bold; font-size: 80%; background: #B50005; padding:5px; border-radius: 5px;} 
/*.free img {width: 51px !important;  height: 30px !important; margin-bottom: 0px !important;}*/

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

.orderBtn_soldout {
	display: block;
	width: 50%;
	line-height: 1em;
	margin: 0 auto;
	padding: 20px 10px;
	color: #FFF !important;
	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("../../../../../../images/lineup/vd2022/arrow_01.png") no-repeat left center;
	padding-left: 1.2em;
}

.anc {
    display: block;
	padding-top: 100px;
	margin-top: -100px;
}

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


/*----------------------------------------------------------------------
.free_table_area
----------------------------------------------------------------------*/
.free_table_area { /*background:url("../../../../../../images/lineup/vd2022/h2_bg.png") no-repeat center/cover ;*/padding: 30px 0;margin-bottom: 30px;
	border-top: solid 1px #a57a43;
	border-bottom: solid 1px #a57a43;
}
.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.8);}
.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;}

/*----------------------------------------------------------------------
ポイント制度
----------------------------------------------------------------------*/
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/vd2022/arrow_01.png") no-repeat left center;
	padding-left: 20px;
}

/*----------------------------------------------------------------------
ラッピングについて
----------------------------------------------------------------------*/
#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%;
	}
}

/* #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;}
.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;}
.addTxt {border: solid 2px #B50005;margin-bottom: 30px;padding: 10px;line-height: 150%;}

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

/*margin-setteing*/
.mb0 {margin-bottom: 0 !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb100 {margin-bottom: 100px !important;}

/*border-setteing*/
.bb1 {border-bottom: 1px solid #666;}

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

/*-------------------------------------------------
	.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) {
}

/*-------------------------------------------------
	
---------------------------------------------------*/
.bgPink {background: #FBE8F0;padding: 20px;}

.bgColor {background: #FAF6F1;padding: 20px;}




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

}




.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: 228px;
height: auto;
}

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


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

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

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



}


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

/* ---------- SP ---------- */
@media screen and (max-width: 767px) {
	
	.greenborderwaku {
		padding: 20px 10px;
		border: solid 2px #00B900;
	}
}