@charset "utf-8";
/* ------------------------------
oc 商品関係-追加-モンドール sz 2019/08/16 16:11
------------------------------ */


.montdor > section{ margin: 20px 0;}
/* PC */ @media only screen and (min-width: 768px) { .montdor > section{ margin: 40px 0;} }


/*共通*/



	/*明朝体*/
.montdor .intro_box,
.montdor .about_affineur .taste .catch,
.montdor .about_affineur .taste .title,
.montdor .base_gray .catch,
.montdor .enjoy .bg_dark,
.montdor .heading{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	transform: rotate(0.03deg); 
}

	/*base_gray*/
.montdor .base_gray{ padding: 10px; background: #f2f2f2;}
.montdor .base_gray .catch{
	position: relative;
	margin: 10px 0; padding-left: 24px;
	font-size: 16px;line-height: 120%;
}
.montdor .base_gray .catch.brackets::before{ position: absolute; content: "「"; left: 4px;}
.montdor .base_gray .catch.brackets::after{ content: "」";}
/* PC▽ */ @media only screen and (min-width: 768px) {
	.montdor .base_gray .catch{ font-size: 20px; padding-left: 28px;}

}/*△*/

	/*強調文字のグラデーション背景*/

.montdor .bg_montdor b{
	color: #2F0B0C;
	background: #fefcea;
	background: linear-gradient( 135deg,#fefcea 0%,rgba(241,218,54,0.78) 100%);
}

	/*もっと見るoveride*/
.montdor .p-more-button{ display: flex; display: -ms-flexbox; margin-top: 15px; width: 130px; text-align: center;}
.montdor .p-more-button__text--close{ width: 70px;}

.montdor .enjoy .p-more-button{ width: 150px;}
		/*灰base*/
.montdor .enjoy .p-more-button,
.montdor .base_gray .p-more-button,
.montdor .person .p-more-button{ background: #cecece;}
		/*茶base*/
.montdor .bg_montdor .p-more-button{ background: #d3b73c; color: #461900;}




/*PC*/ @media only screen and (min-width: 768px) { 
	.montdor .p-more-content { display: block !important;}
	.montdor .p-more-button{ margin-top: 20px; display: none;}
	.montdor .p-more-button__text{ width: 85px;}
}



	/*見出し heading / bg_montdor*/
.montdor .heading {
	position: relative;
	margin-top: 20px;
	min-height: 100px;
}

.montdor .bg_montdor{
	background:#330000;
	background:linear-gradient(to right,#461900 0%,#461900 25%,#541E03 25%,#541E03 50%,#461900 50%,#461900 75%,#541E03 75%,#541E03 100%) left top / 16px 16px repeat;
}

.montdor .bg_montdor.fivelines{
	background:
		 url( '../../../../../content_image/order/3montdor/3montdor_108.svg' ) center bottom / 100% 140px no-repeat,
		linear-gradient(to right,#461900 0%,#461900 25%,#541E03 25%,#541E03 50%,#461900 50%,#461900 75%,#541E03 75%,#541E03 100%) left top / 16px 16px repeat;
}
.montdor .bg_montdor.bandfill{
	background:
		linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20px,#330000 20px,#330000 calc( 100% - 20px ),rgba(0,0,0,0) calc( 100% - 20px ),#541E03 100%) center center / 100% 100% no-repeat,
		linear-gradient(to right,#461900 0%,#461900 25%,#541E03 25%,#541E03 50%,#461900 50%,#461900 75%,#541E03 75%,#541E03 100%) left top / 16px 16px repeat;
}



.montdor .bg_montdor .text,
.montdor .bg_montdor .iconimg{
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
}
.montdor .bg_montdor .text{
	color: #eeeeee;
}
.montdor .bg_montdor .iconimg{
	left: unset;
	right: 20px;
	height: calc( 100% - 40px);
}
/* PC▽ */ @media only screen and (min-width: 768px) {
	.montdor .heading { height: 150px;}
	.montdor .heading  .text{ font-size: 26px;}
	.montdor .heading  .iconimg{ height: 110px;}
}/*△*/






/*メインバナー/キャッチ*/
.montdor .main_title{}


/*モンドールとは*/
.montdor .about_cheese{}

/*特典*/
.montdor .benefits{}



/*熟成士とは？*/
.montdor .about_affineur{ margin-bottom: 20px;}

/*アレオス熟成士 alleosse*/
/*ロドルフ熟成士 rodolphe*/
/*ブルゴン熟成士 bourgon*/

		/*熟成士バナー banner*/
.montdor .about_affineur .banner{ vertical-align: bottom;}

.montdor .about_affineur .banner + .heading{ margin-top: 0;}

		/*熟成士紹介 person*/
.montdor .about_affineur .person{ margin-top: 0px; padding: 1em; background: #f6f4ee;}


		/*熟成士味わい taste title*/

/* sp▽ */ @media only screen and (max-width: 768px) {

	.montdor .about_affineur .taste .title{
		position: relative;
		width: 100%;
		height: 30vw;
		padding-right: 70px;
		color: #eeeeee;
		font-size: 18px;
		background-position: right center, center center , center top,left top;
		background-size: 60px auto,cover,cover,16px 16px;
		background-repeat: no-repeat,no-repeat,no-repeat,repeat;
	}
	.montdor .about_affineur .taste .title .text{
		position: absolute;
		top: 50%; left: 50%;
		transform: translate(-50%,-50%);
		word-break: keep-all;
	}
	.montdor .about_affineur .taste .title .text span{ display: block; text-align: center;}

	.montdor .about_affineur.alleosse .taste .title{
		background-image:
			url( '../../../../../content_image/order/3montdor/3montdor_115.png' ),
			linear-gradient(to bottom,rgba(84,30,3,0.5) 0%,rgba(84,30,3,0.5) 100%),
			url( '../../../../../content_image/order/3montdor/3montdor_112.jpg' ),
			linear-gradient(to right,#461900 0%,#461900 25%,#541E03 25%,#541E03 50%,#461900 50%,#461900 75%,#541E03 75%,#541E03 100%);
	}
	.montdor .about_affineur.rodolphe .taste .title{
		background-image:
			url( '../../../../../content_image/order/3montdor/3montdor_116.png' ),
			linear-gradient(to bottom,rgba(84,30,3,0.5) 0%,rgba(84,30,3,0.5) 100%),
			url( '../../../../../content_image/order/3montdor/3montdor_113.jpg' ),
			linear-gradient(to right,#461900 0%,#461900 25%,#541E03 25%,#541E03 50%,#461900 50%,#461900 75%,#541E03 75%,#541E03 100%);
	}
	.montdor .about_affineur.bourgon .taste .title{
		background-image:
			url( '../../../../../content_image/order/3montdor/3montdor_117.png' ),
			linear-gradient(to bottom,rgba(84,30,3,0.5) 0%,rgba(84,30,3,0.5) 100%),
			url( '../../../../../content_image/order/3montdor/3montdor_114.jpg' ),
			linear-gradient(to right,#461900 0%,#461900 25%,#541E03 25%,#541E03 50%,#461900 50%,#461900 75%,#541E03 75%,#541E03 100%);
	}
}/*△*/
/* PC▽ */ @media only screen and (min-width: 768px) {

	.montdor .about_affineur .taste .title_pc{ padding: 0;}

}/*△*/


		/*熟成士味わい taste catch以下*/
.montdor .about_affineur .taste .catch{
	padding: 20px 10px;
	font-size: 18px; text-align: center; color: #FDF9E4 ; /* #541E03 */
	background: url( '../../../../../content_image/parts/cssimg/bg_sqare_double_bk_opa30.svg' ) center center / 90% 100% no-repeat;
}
/* PC▽ */ @media only screen and (min-width: 768px) {
	.montdor .about_affineur .taste .catch{
		margin-bottom: 20px; padding: 30px 20px; font-size: 24px; line-height: 2em;
		background-size: 90% 100%;
	}

}/*△*/


.montdor .about_affineur .taste .description{
	padding: 10px;
	color: #eee;
	font-weight: normal;
}
.montdor .about_affineur .taste .description .inner{}
.montdor .about_affineur .taste .description .inner:after{
	content:"";
	display:block;
	height:1px;
	margin: 20px 0;
	background: #eeca7e;
	background: -webkit-linear-gradient(left,#eeca7e 0%,#f2d98a 18%,#f7f1e3 40%,#c58803 73%,#edc882 95%);
	background: linear-gradient(to right,#eeca7e 0%,#f2d98a 18%,#f7f1e3 40%,#c58803 73%,#edc882 95%); 
}

.montdor .about_affineur .taste .description .information{
	margin: 10px 0;
	padding: 10px;
	color: #4d3d32;
	background: #FDF9E4;

}
/* PC▽ */ @media only screen and (min-width: 768px) {
	.montdor .about_affineur .taste .description .inner p,
	.montdor .about_affineur .taste .description .information{
		width: calc( 100% - 190px );
		padding: 10px 30px;
	}

}/*△*/



/* お客様の声 voice*/

.montdor .voice{ padding: 10px 0 20px;}
.montdor .voice .voice_title{
	margin-bottom: 0;
	padding: 0;
	line-height: 0;
}
.montdor .voice .c_voice{
	border: none;
	background: #fff8e5;
}
/* PC▽ */ @media only screen and (min-width: 768px) {
	.montdor .voice{ padding: 10px 10px 20px;}
}/*△*/




/* ▼accordion-box(途中まで見える) */

.montdor .aco4_box{ position: relative;}
.montdor .aco4_box input{display: none;}

/* sp▽ */ @media only screen and (max-width: 768px) {


	.montdor .aco4_box label{
		position: absolute; z-index:50; left: 0; bottom: 0;
		width: 100%; height: 50vw;
		cursor: pointer; text-align: center;
		background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.9) 100%);
	}
		/* to open */
	.montdor .aco4_box input:checked + label{background: inherit;}
	.montdor .aco4_box label:after{
		position: absolute;
		z-index:100; left: 50%; bottom: 0;
		transform: translateX(-50%);
		width: 130px; height: 40px;
		padding: 11px 0 0 13px;
		content: "続きを読む";
		color: #4d3d32;
		background: #f2efe7;
		background: 
			url( '../../../../../content_image/parts/cssimg/more-arrow.svg' ) 10px center / 14px auto no-repeat,
			linear-gradient(to bottom, #f2efe7 0%, #f2efe7 100%);
		border-radius: 20px;
	}

	.montdor .aco4_box .aco4_inner{ overflow: hidden; height: 50vw; }
		/* to close */
	.montdor .aco4_box input:checked + label{ background: none;}
	.montdor .aco4_box input:checked + label:after{
		content: "閉じる";
		bottom: 10px;
		background: 
			url( '../../../../../content_image/parts/cssimg/more-arrow_r.svg' ) 10px center / 14px auto no-repeat,
			linear-gradient(to bottom, #f2efe7 0%, #f2efe7 100%);

	}
	.montdor .aco4_box input:checked ~ .aco4_inner{ height: auto; padding-bottom: 40px;}

}/*△*/
/* PC▽ */ @media only screen and (min-width: 768px) {

	.montdor .aco4_box input:checked + label,
	.montdor .aco4_box label,
	.montdor .aco4_box label:after,
	.montdor .aco4_box input:checked + label:after{ display: none;}
	.montdor .aco4_box .aco_inner{ height: auto;}

}/*△*/

/* ▲accordion-box */














/*3人のチーズ熟成士の違い*/
.montdor .about_difference{
	padding: 15px 0;
}

.montdor .about_difference .analysis{}
.montdor .about_difference .analysis .flex_box{
	position: relative;
	padding: 10px;

}
.montdor .about_difference .analysis .flex_box.alleosse{ background: #DBBB42;}
.montdor .about_difference .analysis .flex_box.rodolphe{ background: #E7D070;}
.montdor .about_difference .analysis .flex_box.bourgon{ background: #F9F0B5;}

.montdor .about_difference .analysis .fromager{}
.montdor .about_difference .analysis .catch{
	color: #a50f01;
	text-align: center;
}
.montdor .about_difference .analysis .catch::before{ content:"＼ ";}
.montdor .about_difference .analysis .catch::after{ content:" ／";}

.montdor .about_difference .analysis .image{}
.montdor .about_difference .analysis .reco{
	padding: 10px;
	background: #fff;
}



/* PC▽ */ @media only screen and (min-width: 768px) {
.montdor .about_difference .analysis .catch{
	font-size: 17px; letter-spacing: -1px;
}

}/*△*/



/*特大モンドール*/
.montdor .bigsize{}
.montdor .bigsize .intro_box{ padding: 5px 3vw;}
/* PC▽ */ @media only screen and (min-width: 768px) {
	.montdor .bigsize .intro_box{ padding: 10px 20px;}

}/*△*/

/*モンドールの楽しみ方*/
.montdor .enjoy{ padding-bottom: 10px; background: #f6f4ee;}

.montdor .enjoy b{ color: #d31200;}

.montdor .enjoy .bg_dark{
	padding: 10px;
	color: #EEEEEE;
	background: #3a0d0d;
}
.montdor .enjoy  .flex_root .bg_dark{ background: #6c2424;}

.montdor .enjoy .bg_dark.before_mark::before{
	content: "◆ ";
	color: #FFF100;
}
.montdor .enjoy ol{
	list-style: decimal;
	margin-top: 1em;
	padding-left: 2em;
}
.montdor .enjoy ol li{ margin-bottom: 0.5em;}

.montdor .enjoy .howto_cooking{
	padding: 10px;
	background: #f1ebd6;
	border: 1px solid #ccc;
	border-radius: 5px;
}

/*価格PR*/
.montdor .price_appeal{}