@charset "UTF-8";
/* ------------------------------
商品詳細/EC4(old)
------------------------------ */
/* ec_ec2_product.cssへ合流したい */



/*旧product_定番/熟成士定番商品 汎用***************************************/

.ec2_product .clearfix::after{content:"";clear: both;display: block;/*cf*/}

	/* padding */
.ec2_product .p_all_00{ padding: 0;}
.ec2_product .p_all_05{ padding: 5px;}
.ec2_product .p_all_10{ padding: 10px;}
.ec2_product .p_all_15{ padding: 15px;}
.ec2_product .p_all_20{ padding: 20px;}
.ec2_product .p_left_00{ padding-left: 0;}
.ec2_product .p_left_05{ padding-left: 5px;}
.ec2_product .p_left_10{ padding-left: 10px;}
.ec2_product .p_left_15{ padding-left: 15px;}
.ec2_product .p_left_20{ padding-left: 20px;}
.ec2_product .p_right_00{ padding-right: 0;}
.ec2_product .p_right_05{ padding-right: 5px;}
.ec2_product .p_right_10{ padding-right: 10px;}
.ec2_product .p_right_15{ padding-right: 15px;}
.ec2_product .p_right_20{ padding-right: 20px;}


	/* margin */
.ec2_product .m_all_00{ margin: 0;}
.ec2_product .m_all_05{ margin: 5px;}
.ec2_product .m_all_10{ margin: 10px;}
.ec2_product .m_all_15{ margin: 15px;}
.ec2_product .m_all_20{ margin: 20px;}
.ec2_product .m_top_00{ margin-top: 0;}
.ec2_product .m_top_05{ margin-top: 5px;}
.ec2_product .m_top_10{ margin-top: 10px;}
.ec2_product .m_top_15{ margin-top: 15px;}
.ec2_product .m_top_20{ margin-top: 20px;}
.ec2_product .m_btm_00{ margin-bottom: 0;}
.ec2_product .m_btm_05{ margin-bottom: 5px;}
.ec2_product .m_btm_10{ margin-bottom: 10px;}
.ec2_product .m_btm_15{ margin-bottom: 15px;}
.ec2_product .m_btm_20{ margin-bottom: 20px;}

.ec2_affinere .w_max_p30,
.ec2_product .w_max_p30{ max-width: 30%;}
.ec2_affinere .w_max_p50,
.ec2_product .w_max_p50{ max-width: 50%;}


.ec2_product .w_p20{ width: 20%;}
.ec2_product .w_p30{ width: 30%;}
.ec2_product .w_p40{ width: 40%;}
.ec2_product .w_p60{ width: 60%;}
.ec2_product .w_p70{ width: 70%;}
.ec2_product .w_p80{ width: 80%;}
.ec2_product .w_p100{ width: 100%;}

	/* border*/
.ec2_product .border_radius{ border-radius: 5px;}
.ec2_product .border_non_radius{ border-radius: unset;}


	/* font*/
		/*color*/
.ec2_product .f_white{ color: white;}
.ec2_product .f_dark{ color: #4d3d32;}
.ec2_product .f_red{ color: #d31200;}
		/*size*/
.ec2_product .f_3l{ font-size: 20px;}
.ec2_product .f_2l{ font-size: 18px;}
.ec2_product .f_l{ font-size: 16px;}
.ec2_product .f_small{ font-size: 80%;}


	/*背景 bg*/
.ec2_product .bg_black{ background-color: #000000;}
.ec2_product .bg_white{ background-color: #ffffff;}
.ec2_product .bg_dark{ background-color: #4d3d32;}
.ec2_product .bg_orange{ background-color: #f5ac32;}
.ec2_product .bg_yellow{ background-color: #fff100;}
.ec2_product .bg_silver{ background-color: #f5f4f2;}
.ec2_product .bg_cream{ background-color: #fcfbbb;}
.ec2_product .bg_l_gray{ background-color: #e5e0db;}
.ec2_product .non_bgimg{ background-image: none;}

	/* float */
.ec2_product .flol{ float: left;}
.ec2_product .flor{ float: right;}



/*flex-box*****************************************/


	/*親要素*/
.ec2_product .flex_root,
.ec2_product .flex_root_inline{
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: stretch;
}
.ec2_product .flex_root{
	display: flex;
}
.ec2_product .flex_root_inline{
	display: inline-flex;
}


	/*子要素*/
.ec2_product .flex_box{
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
}
.ec2_product .flex_box::after{content:"";clear: both;display: block;/*cf*/}


	/*横のbox数*/
.ec2_product .flex_col_1_1,
.ec2_product .flex_col_2_1{ width: 96%; margin: 0 2%;}
.ec2_product .flex_col_2_2,
.ec2_product .flex_col_3_2{ width: 47%; margin: 0 1.5%;}
.ec2_product .flex_col_3_3,
.ec2_product .flex_col_4_3{ width: 31%; margin: 0 1.14%;}
.ec2_product .flex_col_4_4,
.ec2_product .flex_col_5_4{ width: 24%; margin: 0 0.5%;}
/* PC */
@media only screen and (min-width: 768px) {
/*▽*/
	.ec2_product .flex_col_2_1,
	.ec2_product .flex_col_2_2{ width: 47%; margin: 0 1.5%;}
	.ec2_product .flex_col_3_3,
	.ec2_product .flex_col_3_2{ width: 31%; margin: 0 1.14%;}
	.ec2_product .flex_col_4_4,
	.ec2_product .flex_col_4_3{ width: 24%; margin: 0 0.5%;}
	.ec2_product .flex_col_5_4{ width: 19%; margin: 0 0.5%;}

}/*△*/

















/*旧product_定番商品***************************************/
.ec2_product{
	margin: 20px 15px 10px;
	padding: 5px 10px;
}

.ec2_product .syohin_midasi01{
	text-align: center;
	margin-bottom: 40px;
}
.ec2_product .syohin_midasi01 h2{
	font-size: 17px;
	border-bottom: dotted 1px #4d3d32;
	
}
.ec2_product .syohin_midasi01 strong{
	display: none;
}


.ec2_product .bigimage{}
.ec2_product .bigimage img{
	display: block;
	margin: 0 auto;
}

.ec2_product .kaisetu{
	margin: 0 auto;
	max-width: 580px;
}

.ec2_product .kaisetu.texhd h3,
.ec2_product .kaisetu.texhd h4{}


.ec2_product .kaisetu.texhd h3{
	margin: 20px 0% 8px;
	font-size: 20px;
	padding: 5px 8px;
	color: white;
	background: #3b2015;
	border-radius: 5px;
}


.ec2_product .kaisetu.texhd h4{
	margin-top: 20px;
	font-size: 120%;
}
.ec2_product .kaisetu.texhd h4::before{
	content: "●";
}

.ec2_product .kaisetu > img{
	display: block;
	margin: 0 auto;
}
.ec2_product .kaisetu > div > p{
	padding: 1em 1em;
}
.ec2_product .kaisetu > div > p{ padding: 1em 0; }


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

.ec2_product .kaisetu > div > p{ padding: 1em 1em; }

}/*△*/


/*************************************
* PCのみ▼min-width: 769x
/*************************************/
@media only screen and (min-width: 769px) {
/*▽*/

.ec2_product{ 
	margin: 15px 15px 0;
	padding: 0 30px;
}

.ec2_product .syohin_midasi01 h2{
	font-size: 25px;
	border-bottom: dotted 1px #4d3d32;
	
}
.ec2_product .syohin_midasi01 strong{
	display: block;
	font-weight: inherit;
	font-size: 18px;
}


}/*△*/
/*************************************/



/*旧product_熟成士定番商品***************************************/






.ec2_affinere{
	width: 94%; margin: 0 auto;
}
.ec2_affinere img{ display: block; margin: 0 auto;}


	/*メイン部分*/
.ec2_affinere .jyukuseishi_main{}
.ec2_affinere .jyukuseishi_main h2 img{}
.ec2_affinere .jyukuseishi_main > img{}

	/*熟成士紹介*/
.ec2_affinere .jyukuseishi_link{}
.ec2_affinere .jyukuseishi_link a{}
.ec2_affinere .jyukuseishi_link img{}

	/*○○チーズとは?*/
.ec2_affinere .about_cheese{
	margin: 0 0 10px;
	padding: 1rem 1rem 2rem;
	color: #FFFFFF;
	background: #301D10;
}
.ec2_affinere .about_cheese::after{content:"";clear: both;display: block;/*cf*/}

.ec2_affinere .about_cheese h3{
	margin: 1rem 0;
	font-size: 22px;
}
.ec2_affinere .about_cheese img.flol{
	display: inline-block;
	float: left;
	margin: 0 1rem 1rem 0;
	max-width: 30%;
	width: 260px;
}

.ec2_affinere .about_cheese dl{}
.ec2_affinere .about_cheese dt{
	font-size: 18px;
	margin-bottom: 5px;
}
.ec2_affinere .about_cheese dd{
	margin-bottom: 5px;
}
.ec2_affinere .about_cheese dd:last-of-type{
	margin-bottom: unset;
}



	/*AOPdata*/
.ec2_affinere .aop_data{
	margin: 1rem auto ;
	border-collpase: collpase;
}

.ec2_affinere .aop_data,
.ec2_affinere .aop_data th,
.ec2_affinere .aop_data td{ border: 1px solid #ccc;}

.ec2_affinere .aop_data th,
.ec2_affinere .aop_data td{ padding: 0.2rem 2vw;}

.ec2_affinere .aop_data th{
	font-size: 22px;
	color: #fff;
	background: #000;
}
.ec2_affinere .aop_data td{
}

	/*スペシャリテ*/
.ec2_affinere .j_specialite{
	color: #fff;
	background: #000;
}
.ec2_affinere .j_specialite .cheese_data,
.ec2_affinere .j_specialite .main_txt,
.ec2_affinere .j_specialite .option_txt{
	padding: 1rem;
}

.ec2_affinere .j_specialite .cheese_data{
	background: #333;
}
.ec2_affinere .j_specialite .main_txt{}


.ec2_affinere .j_specialite .option_txt{
	color: #000;
	background: #fff;
}
.ec2_affinere .j_specialite .option_txt::after{content:"";clear: both;display: block;/*cf*/}



.ec2_affinere .j_specialite img.flol,
.ec2_affinere .j_specialite img.flor{
	display: inline-block;
	max-width: 30%;
	margin: 0 0 1rem;
}
.ec2_affinere .j_specialite img.flol{
	float: left;
	margin-right: 1rem;
}
.ec2_affinere .j_specialite img.flor{
	float: right;
	margin-left: 1rem;
}

.ec2_affinere .caption_photo{
	width: 100%;
	display: inline-block;
	color: #fff;
	letter-spacing: -1px;
	background: #333;
}
.ec2_affinere .caption_photo::after{
	content: attr(title);
	display: inline;
}

.ec2_affinere .caption_photo img{ 
	display: block;
	max-width: 100%;
}




	/*明朝まとめ指定*/
.ec2_affinere .j_specialite,
.ec2_affinere .about_cheese h3,
.ec2_affinere .about_cheese dt,
.ec2_affinere .about_cheese dd,
.ec2_affinere .aop_data th{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	transform: rotate(0.03deg); 

}


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

	.ec2_affinere{
		width: auto;
		margin-bottom: 20px;
		padding: 0 30px;
		max-width: 580px;
	}
	/* .ec2_affinere .aop_data{ width: 80%;} */
	.ec2_affinere .aop_data th,
	.ec2_affinere .aop_data td{ padding: 0.5rem 1rem;}




}/*△*/


/*▼▼特定用途(動画)********************************************************/

.ec2_product iframe.movie_youtube{
	margin-top: 20px;
	width: 100%;
	height: 52vw;
}
/* PC */
@media only screen and (min-width: 768px) {
/*▽*/
	.ec2_product iframe.movie_youtube{ width: 100%;height: 439px;}
}/*△*/



/*▲▲特定用途(動画)********************************************************/