@charset "utf-8";
/* ------------------------------
oc 商品関係 201904- sz 2019/09/19 11:09
------------------------------ */

/*oc_desc*/
.oc_desc *{ box-sizing: border-box;}

.oc_desc{
	margin: 20px 15px 10px;
	padding: 5px 0;
	line-height: 1.4;
	color: #5d564b;
}
/* PC */ @media only screen and (min-width: 768px) {
	.oc_desc{ margin: 15px 15px 0; padding: 0 30px;}
}/*△*/
/* site.css override*/
	.oc_desc a{ display: inline-block;}





/*▼▼汎用********************************************************/


	/*背景 bg*/
.oc_desc .non_bgimg{ background-image: none;}
.oc_desc .bg_black{ background-color: #000000;}
.oc_desc .bg_white{ background-color: #ffffff;}
.oc_desc .bg_dark{ background-color: #4d3d32;}
.oc_desc .bg_gray{ background-color: #666666;}
.oc_desc .bg_l_gray{ background-color: #e5e0db;}
.oc_desc .bg_silver{ background-color: #f5f4f2;}

.oc_desc .bg_red{ background-color: #d31200;}
.oc_desc .bg_orange{ background-color: #f5ac32;}
.oc_desc .bg_yellow{ background-color: #fff100;}
.oc_desc .bg_cream{ background-color: #fcfbbb;}

.oc_desc .half_bg_red{ background:linear-gradient(to bottom,rgba(231,174,182,0) 0%,rgba(231,174,182,0) 70%,rgb(231,174,182) 70%,rgb(231,174,182) 100%);}
.oc_desc .half_bg_yellow{ background:linear-gradient(to bottom,rgba(250,234,0,0) 0%,rgba(250,234,0,0) 70%,rgb(250,234,0) 70%,rgb(250,234,0) 100%);}


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

		/* まとめセット */
.oc_desc .border_s1_gray{ border: 1px solid #e5e0db; border-radius: 5px;}
.oc_desc .border_s1_red{ border: 1px solid #d31200; border-radius: 5px;}
.oc_desc .border_s2_dark{ border: 2px solid #4d3d32; border-radius: 5px;}
.oc_desc .border_s3_yellow{ border: 3px solid #fff100; border-radius: 5px;}


		/* 個別 */
.oc_desc .border_w_1{ border-width: 1px; border-radius: 5px;}
.oc_desc .border_w_2{ border-width: 2px; border-radius: 5px;}
.oc_desc .border_w_3{ border-width: 3px; border-radius: 5px;}

.oc_desc .border_color_silver{ border-color: #f5f4f2;}
.oc_desc .border_color_dark{ border-color: #4d3d32;}
.oc_desc .border_color_red{ border-color: #d31200;}
.oc_desc .border_color_cream{ border-color: #fff0d1;}
.oc_desc .border_color_gray{ border-color: #e5e0db;}
.oc_desc .border_color_yellow{ border-color: #fff100;}
.oc_desc .border_color_orange{ border-color: #f5ac32;}


.oc_desc .border_style_solid{ border-style: solid;}
.oc_desc .border_style_double{ border-style: double;}
.oc_desc .border_style_dotted{ border-style: dotted;}



/*見出し*****************************************/

.oc_desc h1,
.oc_desc h2,
.oc_desc h3,
.oc_desc h4,
.oc_desc h5,
.oc_desc h6{ font-weight: bold; margin: 3px 0 0; padding: 0 3px;}

.oc_desc h1{ font-size: 18px;}
.oc_desc h2{ font-size: 17px;}
.oc_desc h3{ font-size: 16px;}
.oc_desc h4{ font-size: 15px;}
.oc_desc h5{ font-size: 14px;}
.oc_desc h6{ font-size: 12px;}

/* PC */
@media only screen and (min-width: 768px) {
/*▽*/
.oc_desc h1,
.oc_desc h2,
.oc_desc h3,
.oc_desc h4,
.oc_desc h5,
.oc_desc h6{ margin: 0.5em 0 0; padding: 0 0.3em;}

	.oc_desc h1{ font-size: 24px;}
	.oc_desc h2{ font-size: 22px;}
	.oc_desc h3{ font-size: 18px;}
	.oc_desc h4{ font-size: 15px;}
	.oc_desc h5{ font-size: 14px;}
	.oc_desc h6{ font-size: 12px;}
}/*△*/



/*普通のbox*****************/
.oc_desc .box_com,
.oc_desc .box_caution{
	margin: 5px auto;
	padding: 1vw 2vw;
	border-radius: 5px;
}
/* PC */ @media only screen and (min-width: 768px) { .oc_desc .box_com{ padding: 5px 10px;} }/*△*/


/*flexなbox**********/
	/*親要素*/
.oc_desc .flex_root,
.oc_desc .flex_root_inline{
	flex-flow: row wrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: stretch;
}
.oc_desc .flex_root{ display: flex;}
.oc_desc .flex_root_inline{ display: inline-flex;}
	/*子要素*/
.oc_desc .flex_box{ flex: 1 1 auto;}
.oc_desc .flex_box::after{ content:"";clear: both;display: block;/*cf*/}
	/*横のbox数*/
.oc_desc .flex_col_1_1,
.oc_desc .flex_col_2_1,
.oc_desc .flex_col_3_1,
.oc_desc .flex_col_4_1,
.oc_desc .flex_col_5_1{ width: 96%; margin: 0 2%;}
.oc_desc .flex_col_2_2,
.oc_desc .flex_col_3_2,
.oc_desc .flex_col_4_2,
.oc_desc .flex_col_5_2{ width: 47%; margin: 0 1.5%;}
.oc_desc .flex_col_3_3,
.oc_desc .flex_col_4_3,
.oc_desc .flex_col_5_3{ width: 31%; margin: 0 1.14%;}
.oc_desc .flex_col_4_4,
.oc_desc .flex_col_5_4{ width: 24%; margin: 0 0.5%;}
.oc_desc .flex_col_5_5{ width: 18.9%; margin: 0 0.5%;}
/* PC */
@media only screen and (min-width: 768px) {
	.oc_desc .flex_col_2_1,
	.oc_desc .flex_col_2_2{ width: 47%; margin: 0 1.5%;}
	.oc_desc .flex_col_3_3,
	.oc_desc .flex_col_3_2,
	.oc_desc .flex_col_3_1{ width: 31%; margin: 0 1.14%;}
	.oc_desc .flex_col_4_4,
	.oc_desc .flex_col_4_3,
	.oc_desc .flex_col_4_2,
	.oc_desc .flex_col_4_1{ width: 24%; margin: 0 0.5%;}
	.oc_desc .flex_col_5_5,
	.oc_desc .flex_col_5_4,
	.oc_desc .flex_col_5_3,
	.oc_desc .flex_col_5_2,
	.oc_desc .flex_col_5_1{ width: 19%; margin: 0 0.5%;}
}/*△*/
	/*append*/
		/*画像 マージンなし用*/
.oc_desc .flex_root.img_just,
.oc_desc .flex_root.img_2bn,
.oc_desc .flex_root.img_3bn,
.oc_desc .flex_root.img_4bn{ justify-content: stretch;}
.oc_desc .img_just > *[class*="flex_col"],
.oc_desc .img_2bn > *[class*="flex_col"],
.oc_desc .img_3bn > *[class*="flex_col"],
.oc_desc .img_4bn > *[class*="flex_col"]{ margin: 0;}
/* sp▽ */ @media only screen and (max-width: 768px) {
	.oc_desc .img_2bn > *[class*="flex_col_2_2"],
	.oc_desc .img_just > *[class*="flex_col_2_2"]{ width:50%;}
	.oc_desc .img_3bn > *[class*="flex_col_3_3"],
	.oc_desc .img_just > *[class*="flex_col_3_3"]{ width:33.33%;}
	.oc_desc .img_4bn > *[class*="flex_col_4_4"],
	.oc_desc .img_just > *[class*="flex_col_4_4"]{ width:25%;}
	.oc_desc .img_just > *[class*="flex_col_5_5"]{ width:20%;}
}/*△*/
/* PC▽ */ @media only screen and (min-width: 768px) {
	.oc_desc .img_2bn > *[class*="flex_col_2"],
	.oc_desc .img_just > *[class*="flex_col_2"]{ width:50%;}
	.oc_desc .img_3bn > *[class*="flex_col_3"],
	.oc_desc .img_just > *[class*="flex_col_3"]{ width:33.33%;}
	.oc_desc .img_4bn > *[class*="flex_col_4"],
	.oc_desc .img_just > *[class*="flex_col_4"]{ width:25%;}
	.oc_desc .img_just > *[class*="flex_col_5"]{ width:20%;}
}/*△*/

		/*逆順*/
/* sp▽ */ @media only screen and (max-width: 768px) {
	.oc_desc .flex_root.flex_c_reverse_sp{ flex-direction: column-reverse;}
}/*△*/
/* PC▽ */ @media only screen and (min-width: 768px) {
	.oc_desc .flex_root.flex_c_reverse_pc{ flex-direction: column-reverse;}
}/*△*/
/* sp▽ */ @media only screen and (max-width: 768px) {
	.oc_desc .flex_root.flex_r_reverse_sp{ flex-direction: row-reverse;}
}/*△*/
/* PC▽ */ @media only screen and (min-width: 768px) {
	.oc_desc .flex_root.flex_r_reverse_pc{ flex-direction: row-reverse;}
}/*△*/


/*△flexなbox*****************************************/


/*▽汎用cf/margin/padding/width等*****************************************/


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

/* sp▽ */ @media only screen and (max-width: 768px) {
	.oc_desc .clearfix_sp::after{content:"";clear: both;display: block;}
	.oc_desc .show_on_pc{ display:none;} 
}/*△*/
/* PC▽ */ @media only screen and (min-width: 768px) { 
	.oc_desc .clearfix_pc::after{content:"";clear: both;display: block;}
	.oc_desc .show_on_sp{ display:none;}
}/*△*/

	/* position */
.oc_desc .p_relative{ position: relative;}
.oc_desc .p_absolute{ position: absolute;}
.oc_desc .p_static{ position: static;}

	/* margin */
		/*top*/
.oc_desc .m_top_00{ margin-top: 0;}
.oc_desc .m_top_05{ margin-top: 5px;}
.oc_desc .m_top_10{ margin-top: 10px;}
.oc_desc .m_top_15{ margin-top: 15px;}
.oc_desc .m_top_20{ margin-top: 20px;}
.oc_desc .m_top_40{ margin-top: 40px;}
.oc_desc .m_top_60{ margin-top: 60px;}
.oc_desc .m_top_-2{ margin-top: -2px;}
		/*bottom*/
.oc_desc .m_btm_00{ margin-bottom: 0;}
.oc_desc .m_btm_05{ margin-bottom: 5px;}
.oc_desc .m_btm_10{ margin-bottom: 10px;}
.oc_desc .m_btm_15{ margin-bottom: 15px;}
.oc_desc .m_btm_20{ margin-bottom: 20px;}
.oc_desc .m_btm_40{ margin-bottom: 40px;}
.oc_desc .m_btm_60{ margin-bottom: 60px;}
.oc_desc .m_btm_-2{ margin-bottom: -2px;}

		/*left*/
.oc_desc .m_left_00{ margin-left: 0;}
.oc_desc .m_left_05{ margin-left: 5px;}
.oc_desc .m_left_10{ margin-left: 10px;}
.oc_desc .m_left_15{ margin-left: 15px;}
.oc_desc .m_left_20{ margin-left: 20px;}
		/*right*/
.oc_desc .m_right_00{ margin-right: 0;}
.oc_desc .m_right_05{ margin-right: 5px;}
.oc_desc .m_right_10{ margin-right: 10px;}
.oc_desc .m_right_15{ margin-right: 15px;}
.oc_desc .m_right_20{ margin-right: 20px;}
		/*multi*/
.oc_desc .m_topbtm_00{ margin-top: 0; margin-bottom: 0;}
.oc_desc .m_topbtm_05{ margin-top: 5px; margin-bottom: 5px;}
.oc_desc .m_topbtm_10{ margin-top: 10px; margin-bottom: 10px;}
.oc_desc .m_topbtm_15{ margin-top: 15px; margin-bottom: 15px;}
.oc_desc .m_topbtm_20{ margin-top: 20px; margin-bottom: 20px;}

.oc_desc .m_l_r_auto{ margin-left: auto; margin-right: auto;}
.oc_desc .m_l_r_00{ margin-right: 0; margin-left: 0;}
.oc_desc .m_l_r_05{ margin-right: 5px; margin-left: 5px;}
.oc_desc .m_l_r_10{ margin-right: 10px; margin-left: 10px;}
.oc_desc .m_l_r_15{ margin-right: 15px; margin-left: 15px;}
.oc_desc .m_l_r_20{ margin-right: 20px; margin-left: 20px;}
.oc_desc .m_all_00{ margin: 0;}
.oc_desc .m_all_05{ margin: 5px;}
.oc_desc .m_all_10{ margin: 10px;}
.oc_desc .m_all_15{ margin: 15px;}
.oc_desc .m_all_20{ margin: 20px;}

		/*special/*/
.oc_desc .m_top_20_10{ margin-top: 10px;}
.oc_desc .m_top_40_20{ margin-top: 20px;}
.oc_desc .m_top_60_30{ margin-top: 30px;}
.oc_desc .m_top_80_40{ margin-top: 40px;}
.oc_desc .m_btm_20_10{ margin-bottom: 10px;}
.oc_desc .m_btm_40_20{ margin-bottom: 20px;}
.oc_desc .m_btm_60_30{ margin-bottom: 30px;}
.oc_desc .m_btm_80_40{ margin-bottom: 40px;}
.oc_desc .m_topbtm_20_10{ margin-top: 10px; margin-bottom: 10px;}
.oc_desc .m_topbtm_40_20{ margin-top: 20px; margin-bottom: 20px;}
.oc_desc .m_topbtm_60_30{ margin-top: 30px; margin-bottom: 30px;}
.oc_desc .m_topbtm_80_40{ margin-top: 40px; margin-bottom: 40px;}
.oc_desc .m_l_r_20_10{ margin-right: 10px; margin-left: 10px;}
.oc_desc .m_l_r_40_20{ margin-right: 20px; margin-left: 20px;}
.oc_desc .m_l_r_60_30{ margin-right: 30px; margin-left: 30px;}
.oc_desc .m_all_20_10{ margin: 10px;}
.oc_desc .m_all_40_20{ margin: 20px;}
.oc_desc .m_all_60_30{ margin: 30px;}

.oc_desc .p_top_40_20{ padding-top: 20px;}
.oc_desc .p_top_60_30{ padding-top: 30px;}
.oc_desc .p_btm_40_20{ padding-bottom: 20px;}
.oc_desc .p_btm_60_30{ padding-bottom: 30px;}

.oc_desc .p_topbtm_40_20{ padding-top: 20px; padding-bottom: 20px;}
.oc_desc .p_topbtm_60_30{ padding-top: 30px; padding-bottom: 30px;}

.oc_desc .p_l_r_40_20{ padding-right: 20px; padding-left: 20px;}
.oc_desc .p_l_r_60_30{ padding-right: 30px; padding-left: 30px;}

.oc_desc .p_all_20_10{ padding: 10px;}
.oc_desc .p_all_40_20{ padding: 20px;}
.oc_desc .p_all_60_30{ padding: 30px;}


/* PC▽ */ @media only screen and (min-width: 768px) {
	.oc_desc .m_top_20_10{ margin-top: 20px;}
	.oc_desc .m_top_40_20{ margin-top: 40px;}
	.oc_desc .m_top_60_30{ margin-top: 60px;}
	.oc_desc .m_top_80_40{ margin-top: 80px;}
	.oc_desc .m_btm_20_10{ margin-bottom: 20px;}
	.oc_desc .m_btm_40_20{ margin-bottom: 40px;}
	.oc_desc .m_btm_60_30{ margin-bottom: 60px;}
	.oc_desc .m_btm_80_40{ margin-bottom: 80px;}
	.oc_desc .m_topbtm_20_10{ margin-top: 20px; margin-bottom: 20px;}
	.oc_desc .m_topbtm_40_20{ margin-top: 40px; margin-bottom: 40px;}
	.oc_desc .m_topbtm_60_30{ margin-top: 60px; margin-bottom: 60px;}
	.oc_desc .m_topbtm_80_40{ margin-top: 80px; margin-bottom: 80px;}
	.oc_desc .m_l_r_20_10{ margin-right: 20px; margin-left: 20px;}
	.oc_desc .m_l_r_40_20{ margin-right: 40px; margin-left: 40px;}
	.oc_desc .m_l_r_60_30{ margin-right: 60px; margin-left: 60px;}
	.oc_desc .m_all_20_10{ margin: 20px;}
	.oc_desc .m_all_40_20{ margin: 40px;}
	.oc_desc .m_all_60_30{ margin: 60px;}
	.oc_desc .p_top_40_20{ padding-top: 40px;}
	.oc_desc .p_top_60_30{ padding-top: 60px;}
	.oc_desc .p_btm_40_20{ padding-bottom: 40px;}
	.oc_desc .p_btm_60_30{ padding-bottom: 60px;}
	.oc_desc .p_topbtm_40_20{ padding-top: 40px; padding-bottom: 40px;}
	.oc_desc .p_topbtm_60_30{ padding-top: 60px; padding-bottom: 60px;}
	.oc_desc .p_l_r_40_20{ padding-right: 40px; padding-left: 40px;}
	.oc_desc .p_l_r_60_30{ padding-right: 60px; padding-left: 60px;}
	.oc_desc .p_all_20_10{ padding: 20px;}
	.oc_desc .p_all_40_20{ padding: 40px;}
	.oc_desc .p_all_60_30{ padding: 60px;}

}/*△*/





	/* padding */
		/*top*/
.oc_desc .p_top_00{ padding-top: 0;}
.oc_desc .p_top_05{ padding-top: 5px;}
.oc_desc .p_top_10{ padding-top: 10px;}
.oc_desc .p_top_15{ padding-top: 15px;}
.oc_desc .p_top_20{ padding-top: 20px;}
		/*bottom*/
.oc_desc .p_btm_00{ padding-bottom: 0;}
.oc_desc .p_btm_05{ padding-bottom: 5px;}
.oc_desc .p_btm_10{ padding-bottom: 10px;}
.oc_desc .p_btm_15{ padding-bottom: 15px;}
.oc_desc .p_btm_20{ padding-bottom: 20px;}
		/*left*/
.oc_desc .p_left_00{ padding-left: 0;}
.oc_desc .p_left_05{ padding-left: 5px;}
.oc_desc .p_left_10{ padding-left: 10px;}
.oc_desc .p_left_15{ padding-left: 15px;}
.oc_desc .p_left_20{ padding-left: 20px;}
		/*right*/
.oc_desc .p_right_00{ padding-right: 0;}
.oc_desc .p_right_05{ padding-right: 5px;}
.oc_desc .p_right_10{ padding-right: 10px;}
.oc_desc .p_right_15{ padding-right: 15px;}
.oc_desc .p_right_20{ padding-right: 20px;}
		/*multi*/
.oc_desc .p_topbtm_00{ padding-top: 0; padding-bottom: 0;}
.oc_desc .p_topbtm_05{ padding-top: 5px; padding-bottom: 5px;}
.oc_desc .p_topbtm_10{ padding-top: 10px; padding-bottom: 10px;}
.oc_desc .p_topbtm_15{ padding-top: 15px; padding-bottom: 15px;}
.oc_desc .p_topbtm_20{ padding-top: 20px; padding-bottom: 20px;}
.oc_desc .p_l_r_00{ padding-right: 0; padding-left: 0;}
.oc_desc .p_l_r_05{ padding-right: 5px; padding-left: 5px;}
.oc_desc .p_l_r_10{ padding-right: 10px; padding-left: 10px;}
.oc_desc .p_l_r_15{ padding-right: 15px; padding-left: 15px;}
.oc_desc .p_l_r_20{ padding-right: 20px; padding-left: 20px;}
.oc_desc .p_all_00{ padding: 0;}
.oc_desc .p_all_05{ padding: 5px;}
.oc_desc .p_all_10{ padding: 10px;}
.oc_desc .p_all_15{ padding: 15px;}
.oc_desc .p_all_20{ padding: 20px;}


	/* width height*/
.oc_desc .w_p10{ width: 10%; height: auto;}
.oc_desc .w_p10_20,
.oc_desc .w_p20{ width: 20%; height: auto;}
.oc_desc .w_p10_30,
.oc_desc .w_p20_30,
.oc_desc .w_p40_30,
.oc_desc .w_p100_30,
.oc_desc .w_p30{ width: 30%; height: auto;}
.oc_desc .w_p20_40,
.oc_desc .w_p30_40,
.oc_desc .w_p40{ width: 40%; height: auto;}
.oc_desc .w_p20_50,
.oc_desc .w_p30_50,
.oc_desc .w_p100_50,
.oc_desc .w_p50{ width: 49.95%; height: auto;}
.oc_desc .w_p60{ width: 60%; height: auto;}
.oc_desc .w_p80_70,
.oc_desc .w_p70{ width: 70%; height: auto;}
.oc_desc .w_p80{ width: 80%; height: auto;}
.oc_desc .w_p90{ width: 90%; height: auto;}
.oc_desc .w_p30_100,
.oc_desc .w_p40_100,
.oc_desc .w_p50_100,
.oc_desc .w_p60_100,
.oc_desc .w_p70_100,
.oc_desc .w_p80_100,
.oc_desc .w_p100{ width: 100%; height: auto;}

.oc_desc .w_max_p10{ max-width: 10%; height: auto;}
.oc_desc .w_max_p20{ max-width: 20%; height: auto;}
.oc_desc .w_max_p30{ max-width: 30%; height: auto;}
.oc_desc .w_max_p40{ max-width: 40%; height: auto;}
.oc_desc .w_max_p50{ max-width: 50%; height: auto;}
.oc_desc .w_max_p60{ max-width: 60%; height: auto;}
.oc_desc .w_max_p70{ max-width: 70%; height: auto;}
.oc_desc .w_max_p80{ max-width: 80%; height: auto;}
.oc_desc .w_max_p90{ max-width: 90%; height: auto;}
.oc_desc .w_max_p100{ max-width: 100%; height: auto;}

.oc_desc .w_min_p60{ min-width: 60%; height: auto;}
.oc_desc .w_min_p70{ min-width: 70%; height: auto;}
.oc_desc .w_min_p80{ min-width: 80%; height: auto;}
.oc_desc .w_min_p90{ min-width: 90%; height: auto;}

/* PC▽ */ @media only screen and (min-width: 768px) {
	.oc_desc .w_p10_20,
	.oc_desc .w_p10_30{ width: 10%; height: auto;}
	.oc_desc .w_p20_30,
	.oc_desc .w_p20_40,
	.oc_desc .w_p20_50{ width: 20%; height: auto;}
	.oc_desc .w_p30_40,
	.oc_desc .w_p30_50,
	.oc_desc .w_p30_100{ width: 30%; height: auto;}
	.oc_desc .w_p40_30,
	.oc_desc .w_p40_100{ width: 40%; height: auto;}
	.oc_desc .w_p50_100{ width: 50%; height: auto;}
	.oc_desc .w_p60_100{ width: 60%; height: auto;}
	.oc_desc .w_p70_100{ width: 70%; height: auto;}
	.oc_desc .w_p80_70,
	.oc_desc .w_p80_100{ width: 80%; height: auto;}
	.oc_desc .w_p100_30,
	.oc_desc .w_p100_50{ width: 100%; height: auto;}
}/*△*/

.oc_desc .h_em1{ height: 1em; width: auto;}
.oc_desc .h_min_em5{ min-height: 5em; width: auto;}
.oc_desc .h_min_em10{ min-height: 10em; width: auto;}
.oc_desc .h_min_em20{ min-height: 20em; width: auto;}




	/* underline*/
.oc_desc .f_underline,
.oc_desc a.f_underline,
.oc_desc a.a_under{ text-decoration: underline;}

	/* font*/
		/* weight*/
.oc_desc .f_bold{ font-weight: bold;}
.oc_desc .f_normal{ font-weight: bold;}

		/*color*/
.oc_desc .f_white{ color: white;}
.oc_desc .f_black{ color: black;}
.oc_desc .f_dark{ color: #4d3d32;}
.oc_desc .f_red{ color: #d31200;}
.oc_desc .f_orange{ color: #f5ac32;}
.oc_desc .f_yellow{ color: #fff100;}
.oc_desc .f_glay,
.oc_desc .f_gray{ color: #888888;}


		/*size*/
.oc_desc .f_5l{ font-size: 24px;}
.oc_desc .f_4l{ font-size: 22px;}
.oc_desc .f_3l{ font-size: 20px;}
.oc_desc .f_2l{ font-size: 18px;}
.oc_desc .f_l{ font-size: 16px;}
.oc_desc .f_small{ font-size: 80%;}
.oc_desc .f_p100{ font-size: 100%;}
.oc_desc .f_p110{ font-size: 110%;}
.oc_desc .f_p120{ font-size: 120%;}
.oc_desc .f_p130{ font-size: 130%;}
.oc_desc .f_p150{ font-size: 150%;}
.oc_desc .f_p180{ font-size: 180%;}
.oc_desc .f_p200{ font-size: 200%;}

/* PC▽ */ @media only screen and (min-width: 768px) {
	.oc_desc .f_5l{ font-size: 28px;}
	.oc_desc .f_4l{ font-size: 24px;}
}/*△*/


		/*line-height*/
.oc_desc .f_lh130{ line-height: 130%;}
.oc_desc .f_lh150{ line-height: 150%;}
.oc_desc .f_lh180{ line-height: 180%;}
.oc_desc .f_lh200{ line-height: 200%;}

		/*letter-spacing*/
.oc_desc .f_lsp-1{ letter-spacing: -1px;}
.oc_desc .f_lsp-2{ letter-spacing: -2px;}


		/*font-family*/
.oc_desc .f_mincho{ font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; transform: rotate(0.03deg); }
.oc_desc .f_gothic{ font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}


	/* list */
		/* (UL)・つき */
.oc_desc .list_disc{ list-style: disc; padding-left: 2em;}

		/* (UL)※つき */
.oc_desc .list_kome{ list-style: none; padding-left: 2em;}
.oc_desc .list_kome > li{ position: relative;}
.oc_desc .list_kome > li::before{ content: "※"; position: absolute; left: -1em; }

		/* (UL)番号つき */
.oc_desc .list_number{ counter-reset: list_number;}
.oc_desc .list_number li{ margin-bottom: 1em;}
.oc_desc .list_number li::before{
	content: counter(list_number); /*★計数値をここで表示*/
	counter-increment: list_number; /*★計数値を１つ進める*/
	display: block; width: 1.3em; height: 1.3em; line-height: 1.4em;
	text-align: center; font-size: 16px; color: #222;
	background: #E5E0DB; border-radius: 50%;
}
/* PC▽ */ @media only screen and (min-width: 768px) {
	.oc_desc .list_number li::before{ font-size: 26px; margin-bottom: 10px;}
}/*△*/

		/* (OL)番号つき */
.oc_desc .ol_number{ padding-left: 1.5em; list-style: number;}


		/* (DL)Q&A */
.oc_desc .list_dl_qa{}
.oc_desc .list_dl_qa dt,
.oc_desc .list_dl_qa dd:{ text-indent: -2.5em; padding: 10px; padding-left: 2.5em;}
.oc_desc .list_dl_qa dt{ margin-bottom: 15px;}
.oc_desc .list_dl_qa dt:nth-of-type(n+2){ margin-top: 1.5em; border-top: 1px dashed #ccc;}
.oc_desc .list_dl_qa dd{}
.oc_desc .list_dl_qa dt:first-letter,
.oc_desc .list_dl_qa dd:first-letter{ font-size: 24px; margin-right:10px;}
.oc_desc .list_dl_qa dt:first-letter{ color: #0F78E1;}
.oc_desc .list_dl_qa dd:first-letter{ color: #ff6767;}
.oc_desc .list_dl_qa dd b{ color: #d31200; text-decoration: underline;}
		/* (DL)Q&A2 */
.oc_desc .list_dl_qa2{ padding: 5px;}
.oc_desc .list_dl_qa2 dt,
.oc_desc .list_dl_qa2 dd{ position: relative; padding: 5px; padding-left: 30px;}
.oc_desc .list_dl_qa2 dt:nth-of-type(n+2){ margin-top: 10px; padding-top: 10px; border-top: 1px dashed #ccc;}
.oc_desc .list_dl_qa2 dt:before,
.oc_desc .list_dl_qa2 dd:before{ position: absolute; left: 3px; display: block; font-size: 24px;}
.oc_desc .list_dl_qa2 dt:before{ content: "Q"; color: #0F78E1;}
.oc_desc .list_dl_qa2 dd:before{ content: "A"; color: #ff6767;}
.oc_desc .list_dl_qa2 dd b{ color: #d31200; text-decoration: underline;}





	/* text/vertical align */
.oc_desc .t_center{ text-align: center; }
.oc_desc img.t_center{ display: block; margin: 0 auto; max-width: 100%;}
.oc_desc .t_left{ text-align: left; }
.oc_desc .t_right{ text-align: right; }
.oc_desc .v_top{ vertical-align:top; }
.oc_desc .v_middle{ vertical-align: middle; }
.oc_desc .v_btm{ vertical-align: bottom; }
/* sp▽ */ @media only screen and (max-width: 768px) {
	.oc_desc .t_center_sp{ text-align: center; }
}/*△*/
/*PC▽*/ @media only screen and (min-width: 768px) {
	.oc_desc .t_center_pc{ text-align: center; }
	.oc_desc .t_right_pc{ text-align: right; }
}/*△*/




	/* position (align)*/
.oc_desc .po_z_xs { z-index: 1;}
.oc_desc .po_z_sm { z-index: 5;}
.oc_desc .po_z_md { z-index: 10;}
.oc_desc .po_z_lg { z-index: 15;}
.oc_desc .po_z_xl { z-index: 20;}
.oc_desc .po_z_most { z-index: 9999;}

	/* display*/
.oc_desc .disp_inline { display: inline;}
.oc_desc .disp_block { display: block;}
.oc_desc .disp_inline-block { display: inline-block;}



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

.oc_desc figure.flol,
.oc_desc figure.flor,
.oc_desc img.flol,
.oc_desc img.flor{ margin: 5px 10px;}
.oc_desc figure.flol,
.oc_desc img.flol{ float:left; margin-right: 15px;}
.oc_desc figure.flor,
.oc_desc img.flor{ float:right; margin-left: 15px;}

/* sp▽ */ @media only screen and (max-width: 768px) {
	.oc_desc .w_p30_100.flol,
	.oc_desc .w_p40_100.flol,
	.oc_desc .w_p50_100.flol,
	.oc_desc .w_p70_100.flol,
	.oc_desc .w_p30_100.flor,
	.oc_desc .w_p40_100.flor,
	.oc_desc .w_p50_100.flor,
	.oc_desc .w_p70_100.flor{ float: unset; margin-left: unset; margin-right: unset;}
}/*△*/
/* PC▽ */ @media only screen and (min-width: 768px) {
	.oc_desc .w_p100_30.flol,
	.oc_desc .w_p100_50.flol,
	.oc_desc .w_p100_30.flor,
	.oc_desc .w_p100_50.flor{ float: unset; margin-left: unset; margin-right: unset;}
}/*△*/


/*other_utility*/

	/*赤▽before*/

.oc_desc .before_mark::before{ content: "▼"; display: inline-block; margin-right: 0.3em; color: #e83828; transform: rotate( 30deg ); }


	/* 注釈 */
.oc_desc .annotation{ font-size: 10px; vertical-align: text-top;}
.oc_desc .before_kome{ position: relative; padding-left: 1.5em;}
.oc_desc .before_kome::before{ content: "※"; position: absolute; left: 0.3em;}


	/* rotate/transform 回転・反転等特殊効果*/
.oc_desc .t_rotate_90deg{ display: inline-block; transform: rotate( 90deg );} 
.oc_desc .t_mirror_x{ transform: scalex(-1);} 
.oc_desc .t_mirror_y{ transform: scaley(-1);} 

	/*マウスカーソル*/
.oc_desc .cursor_hand{ cursor: hand;}

	/*問い合わせボタン*/
.oc_desc .guide_a_button_red{
	position: relative;
	display: inline-block;
	margin: 0 0.5rem;
	padding: 6px 6px 6px;
	padding-left: 27px;
	color: #fff;
	line-height: 1.4;
	background-color: #d31200;
	border-radius: 5px;
}

.oc_desc .guide_a_button_red::before{
	content: "";
	position: absolute; top: 50%; transform: translateY(-50%); z-index: 5; left: 5px;
	display: inline-block; width: 17px; height: 17px;
	background: url('../../../../../content_image/parts/system/icon_mail.svg') center center / auto 100% no-repeat;
}






/*▲▲汎用********************************************************/
/*▼▼小部品********************************************************/

/*好評につき*****************/
.oc_desc .reputation{ text-align: center; color: #d31200;}
/*PC▽*/@media only screen and (min-width: 768px) { .oc_desc .reputation{ font-size: 18px;} }/*△*/




/*section_title*************************/
.oc_desc .section_title{
	margin-bottom: 0px; padding: 10px;
	color: #000; background: #faffac;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; transform: rotate(0.03deg); 
}
.oc_desc .section_title b:not([class]){ color: #d31200;}

.oc_desc .section_title.bg_yellow{ color: #000 !important; background: #fff100 !important;}
.oc_desc .section_title.bg_red{ color: #fff !important; background: #d31200 !important;}
.oc_desc .section_title.bg_wine{ color: #fff !important; background: #270012 !important;}
.oc_desc .section_title.bg_brown{ color: #fff !important; background: #4d3d32 !important;}
.oc_desc .section_title.bg_black{ color: #fff !important; background: #000000 !important; border-bottom: 2px solid #fff100;}
.oc_desc .section_title.affineur b,
.oc_desc .section_title.bg_red b,
.oc_desc .section_title.bg_wine b,
.oc_desc .section_title.bg_brown b,
.oc_desc .section_title.bg_black b{ color: #fff100; !important}

/* section_title affineur(sp1行なら→.line1_sp追加)*/
.oc_desc .section_title.affineur{
	position: relative; min-height: 4em; padding-left: 6.2em;
	color: #eee; background-color: #000; border-left: 0.3em solid #a00;
	background: linear-gradient( to bottom ,#000 0%,#1e1d1c 3%,#000 100%);
}
.oc_desc .section_title.affineur::before{ 
	content: ""; position: absolute; left: 0.5em; top: 50%; transform: translateY(-50%); width: 5em; height: 2.5em;
	background: url( '../../../../../content_image/category/fromager-affineur/logo_creators_title_alleosse.png' ) center center / 100% auto no-repeat;
}
.oc_desc .section_title.affineur.bourgon{ border-color: #084d00;}
.oc_desc .section_title.affineur.bourgon::before{ background-image: url( '../../../../../content_image/category/fromager-affineur/logo_creators_title_bourgon.png' );}
.oc_desc .section_title.affineur.rodolphe{ border-color: #00147f;
	background: 
		linear-gradient( to right ,#fff 0%,#fff 5.65em,transparent 5.8em),
		linear-gradient( to bottom ,#000 0%,#1e1d1c 3%,#000 100%);
}
.oc_desc .section_title.affineur.rodolphe::before{ background-image: url( '../../../../../content_image/category/fromager-affineur/logo_creators_title_rodolphe.png' );}

/* sp▽ */ @media only screen and (max-width: 768px) {
	.oc_desc .section_title.affineur.line1_sp{ padding-top: 1.35em;}
}/*△*/
/* PC▽ */ @media only screen and (min-width: 768px) {
	.oc_desc .section_title.affineur{ padding-top: 1.2em; padding-left: 7.2em;}
	.oc_desc .section_title.affineur::before{ width: 6em; height: 3em;}
	.oc_desc .section_title.affineur.rodolphe{
		background: 
			linear-gradient( to right ,#fff 0%,#fff 6.8em,transparent 7em),
			linear-gradient( to bottom ,#000 0%,#1e1d1c 3%,#000 100%);
	}
}/*△*/



/*box_caution ご注意box*/
.oc_desc .box_caution{ width: 96%; border: 1px solid #d31200; margin-bottom: 15px; padding: unset !important;}
.oc_desc .box_caution_title,
.oc_desc .box_caution_text{ padding: 0.5em 1em; }
.oc_desc .box_caution_title{ background-color: #d31200; text-align: center; color: #fff;}
.oc_desc .box_caution_text{ color: #d31200; padding: 0.5em 1rem;}
.oc_desc .box_caution_text ul{ list-style: disc; margin-left: 1.5em; }




/*link*/ .oc_desc .a_mark::before{ content: "▼"; display: inline-block; margin-right: 0.3em; color: #e83828; transform: rotate( 30deg ); }


	/* outlink_btn */
.oc_desc .outlink_btn{
	position: relative;
	display: inline-block;
	margin: 10px 5px;
	padding: 6px 6px 9px 22px;
	line-height: 110%;
	font-size:14px;color:#222222;text-align:left;letter-spacing:-0.7px;
	color: #fff;
	text-decoration:none !important;
	background:#282F35;
	border-radius: 5px;
}


/*btn*/
.oc_desc .outlink_btn::hover{ background:#444444;}
.oc_desc .outlink_btn::before{
	position: absolute;
	top: 6px;left: 5px;
	content: "》";
	font-size: 16px;
	font-weight:bold;
}

.oc_desc .order_jump4{ display: block; padding: 5px; padding-left: 30vw; text-align: right;}
/* PC */ @media only screen and (min-width: 768px) { .oc_desc .order_jump4 img{ width: 300px;} }/**/

.oc_desc .linkbtn_box{
	margin: 10px;
	padding-bottom: 20px;
}

.oc_desc .linkbtn{
	display: block;
	margin: 0 auto;
	padding: 10px;
	width: 100%;
	font-size: 14px; font-weight:bold; color: #4d3d32 !important; text-align: center;
	border-radius: 8px;
	background-color: #fff100;
	background: #fff100 url( '../../../../../content_image/parts/cssimg/icon_cart_brown.svg' ) calc( 50% - 59px ) 48% / 20px auto no-repeat scroll;
}
.oc_desc .linkbtn::before{ content:"購入ページへ";}
.oc_desc .linkbtn:hover{ 
	background-color: #FFD25C;
	background: #FFD25C url( '../../../../../content_image/parts/cssimg/icon_cart_brown.svg' ) calc( 50% - 59px ) 48% / 20px auto no-repeat scroll;
}
.oc_desc .linkbtn.sold{ background:#bebebe;}
.oc_desc .linkbtn.sold::before{ background-image:none; content:"完売しました" !important; color:#888888;}
/* PC */ @media only screen and (min-width: 768px) { .oc_desc .linkbtn{ width: 350px;} }/**/


/*▲▲小部品********************************************************/





/*▼▼特定用途(ぱんくず)********************************************************/
.bc_lists, .oc_desc .bc_lists { font-size: 10px; letter-spacing: -0.5px; line-height: 1.3em; margin: 0; padding: 10px 5px 10px 20px; }
/* PC▽ */ @media only screen and (min-width: 768px) { .bc_lists, .oc_desc .bc_lists{ padding-left: 30px; padding-top: 15px; font-size: 14px;} }/*△*/
.bc_lists a, .oc_desc .bc_lists a{ display: inline !important; font-size: 10px;}
/* PC▽ */ @media only screen and (min-width: 768px) { .bc_lists a, .oc_desc .bc_lists a{ display: inline !important; font-size: 14px;} }/*△*/
.bc_lists a::after, .oc_desc .bc_lists a::after { content: "\0020\003e\0020";}
/*▲▲特定用途(ぱんくず)********************************************************/

/*▼▼特定用途(価格パーツ)********************************************************/
/*▼価格パーツv4/税抜***/
.price_box_v4{ position: relative; width: 100%; margin: 20px 0;}
/*見出し*/
.price_box_v4 > dl > dt{
	position:relative; display:block; padding: 7px;
	font-size:14px;line-height:1.3em;font-weight:bold;color:white;text-align:center;
	line-height: 1.8em;
	border-radius: 1rem 1rem 0 0; background:#461F04; background:linear-gradient(to bottom,rgb(107,75,54) 0%,rgb(88,53,29) 10%,rgb(70,31,4) 50%,rgb(66,29,3) 80%,rgb(66,29,3) 98%,rgb(66,29,3) 100%); box-shadow: 0px 0px 20px rgb(0,0,0) inset;
}
/*価格表記マス*/
.price_box_v4 > dl > dd{ position:relative; margin-left: 0px; padding: 10px; border:1px solid #999999;}
.price_box_v4 .item_head{ position:relative; margin: 0px; border-left:10px solid #f5ac32; }
/*価格表記部分-通常価格*/
.price_box_v4 .normal_price{ margin-top: 0.5em; display: block; width:100%; font-size:16px;font-weight:bold;color:#222222; line-height: 1.3em; }
.price_box_v4 .normal_price:before,
.price_box_v4 .normal_price:after{font-size:14px;color:black;letter-spacing:-1px;}
.price_box_v4 .normal_price:before{content:"単品合計価格";}
.price_box_v4 .normal_price:after{ content:"円(税抜)のところ"; clear: both;}
.price_box_v4 .normal_price.zei:after{ content:"のところ";}
.price_box_v4 .normal_price.zei .nuki:after{ content:"円"; }
.price_box_v4 .normal_price.zei .komi{ font-size: 70%;}
.price_box_v4 .normal_price.zei .komi:before{ content:"(税込";}
.price_box_v4 .normal_price.zei .komi:after{ content:"円)";}

/*価格表記部分-売価*//*価格表記部分-売価上段*/
.price_box_v4 .selling_price,
.price_box_v4 .selling_price_topper{ font-weight:bold; color:#BF0707; text-align:right;}
.price_box_v4 .selling_price_topper{ margin-top: -10px; margin-bottom: -20px; padding-right: 50px; font-size: 40px;}
.price_box_v4 .selling_price{
	position:relative;
	display:block; margin: 0px 0px 10px; padding-right:2px; vertical-align: bottom;
	height: calc( 1em + 10px ); line-height: calc( 1em + 10px ); font-size: 60px;
	font-family: "Impact" , "Helvetica" , sans-serif; letter-spacing: 1px;
}
.price_box_v4 .selling_price img{ height:1em; width:auto; vertical-align: text-top;}
.price_box_v4 .selling_price::after{
	content:""; display: inline-block; width: 22px; height: inherit;
	background: url( '../../../../../content_image/parts/cssimg/price_after.svg' ) left bottom / 100% auto no-repeat;
}
.price_box_v4 .selling_price.komi{ margin-top: -9px; padding-right: 6px; font-size: 24px;}
.price_box_v4 .selling_price.komi::before,
.price_box_v4 .selling_price.komi::after{ font-size: 16px; vertical-align: middle;  font-weight: normal;  color: black;}
.price_box_v4 .selling_price.komi::before{ content: "（税込";}
.price_box_v4 .selling_price.komi::after{ content: "円）";width: 16px; background: none;}


	/*価格表記部分-売価-前置き*/
.price_box_v4 .selling_price .maeoki{ 
	position: absolute; top: 27px; left: -2px;
	display: block; padding: 3px; line-height: 1em;
	text-align: center; font-size: 16px; font-weight: 400; color: #fff;
	background: #700; border-radius: 8px;
}
/*価格表記部分-かごへボタン*/
.price_box_v4 .testtest,
.price_box_v4 .sentaku .link_btn,
.price_box_v4 .link_btn{
	display:block; padding: 4px 4px 4px 7px; font-size:18px; font-weight:bold;color: #fff !important; text-align:left;letter-spacing:-0.7px; border-radius: 8px; text-decoration:none;
	background:#77B021; background:linear-gradient(to bottom,rgb(119,176,33) 0%,rgb(146,191,77) 20%,rgb(125,179,44) 50%,rgb(113,167,31) 80%,rgb(113,167,31) 98%,rgb(113,167,31) 100%);
	box-shadow: 1px 1px #B5D586, 1px -1px #B5D586, -1px 1px #B5D586, -1px -1px #B5D586, 2px 2px 1px #77B021, 2px -2px 1px #77B021, -2px 2px 1px #77B021, -2px -2px 1px #77B021;}
.price_box_v4 .sentaku .link_btn::before,
.price_box_v4 .link_btn::before{ content:"　 購入ページへ"; background: url( '../../../../../content_image/parts/cssimg/price_linkbtn_icon.svg' ) center left / 0.7em no-repeat scroll ;}
.price_box_v4 .sentaku .link_btn:hover,
.price_box_v4 .link_btn:hover{ filter: brightness(110%);}
/*価格表記部分-かごへボタン-売切れ*/
.price_box_v4 .sentaku .sold,
.price_box_v4 .sold{ box-shadow:none; text-align:left;font-weight:normal;font-size:18px;
	background:#bebebe; background:linear-gradient(to bottom,#bebebe 0%,#d8d8d8 9%,#cbcbcb 50%,#bebebe 80%,#bebebe 98%,#5F5F5F 100%); }
.price_box_v4 .sentaku .sold::before,
.price_box_v4 .sold::before{ background-image:none; content:"　 完売しました";color:#888888;}
/*付属部品-送料無料表示*/
.price_box_v4 .soryomuryo i{display: none;}
.price_box_v4  .soryomuryo::before{
	content:"";
	display: block; width: 100%; height: 20vw; margin-bottom:10px; position:relative;
	background: url( '../../../../../content_image/parts/cssimg/price_soryomuryo.gif' ) center center / 100% auto no-repeat;
}
/* PC▽ */
@media only screen and (min-width: 768px) {
	.price_box_v4 .item_head{ font-size:150%;}
	.price_box_v4 .selling_price_topper{ font-size: 60px; padding-right: 120px;}
	.price_box_v4 .selling_price{ margin: 0 0 20px; font-size: 100px;}
	.price_box_v4 .selling_price::after{ width: 30px;}
	.price_box_v4 .selling_price.komi{ padding-right: 10px; font-size: 50px;}
	.price_box_v4 .selling_price.komi::before,
	.price_box_v4 .selling_price.komi::after{ font-size: 25px;}
	.price_box_v4 .sentaku .link_btn,
	.price_box_v4 .link_btn{ width:37%; margin-left:62%; }
	.price_box_v4 .soryomuryo::before{ width: 70%; height: 106px; margin: 0 auto 15px;}
	.price_box_v4 .selling_price .maeoki{ top: 35px; left: 210px; padding: 10px; font-size: 28px; border-radius: 8px;}
}/*△*/
/*付属部品-選択肢用外枠*/
.price_box_v4 .sentaku{ margin-bottom: 2px; padding: 20px; font-size: 150%; background-color: #fff5d2; border: 1px solid #999999;}
/*▲▲特定用途(価格パーツ)********************************************************/


/*▼▼パーツ(intro_box)********************************************************/
.oc_desc .intro_box{ padding: 10px 5px;}
.oc_desc .intro_box .intro_main{ font-size: 18px; line-height: 180%; text-align: center;}
.oc_desc .intro_box .intro_sub{ font-size: 15px; line-height: 150%;}
/* PC▽ */ @media only screen and (min-width: 768px) {
	.oc_desc .intro_box{ padding: 20px;}
	.oc_desc .intro_box .intro_main{ font-size: 24px;}
	.oc_desc .intro_box .intro_sub{ font-size: 16px; text-align: center;}
}/*△*/
/*▲▲パーツ(intro_box)********************************************************/



/*▼▼パーツ(お客様の声c_voice)********************************************************/


.oc_desc .c_voice_box{
	margin: 10px 0;
	padding: 15px 0;
}

.oc_desc .c_voice_box .c_voice_head{
	position: relative;
	margin: 0 3.7vw;
	min-height: 80px;
	text-align: center;
	color: #ffffff;
	background: #F0AC0D url( '../../../../../content_image/parts/cssimg/icon_c_voice_02.svg' ) 0% center / auto 60% no-repeat;
	border-top: 5px double #ffffff;
}
.oc_desc .c_voice_box .c_voice_head .inner{ position: absolute; top: 50%; transform: translateY(-50%); width: 100%;}


.oc_desc .c_voice_box .c_voice_wrapper{}
.oc_desc .c_voice_box .c_voice_wrapper .c_voice{}

/* PC▽ */ @media only screen and (min-width: 768px) {
	.oc_desc .c_voice_box{ margin: 20px 20px; padding: 15px;}
	.oc_desc .c_voice_box .c_voice_wrapper{ padding: 0px 20px 10px;}
	.oc_desc .c_voice_box .c_voice_head{ margin: 0 27px; padding: 10px; min-height: 80px; background-position: 1% center; background-size: auto 80%;}
	
}/*△*/

.oc_desc .c_voice{
	position: relative;
	margin: 5px 5px 10px;
	padding: 15px 5px;
	letter-spacing: -1px;
	background: #fafec4;
	border: 3px solid #feffe1;
	border-radius: 5px;
}
.oc_desc .c_voice .title{
	display: inline;
	padding: 5px; padding-right: 15px;
	font-size: 18px;
	color: #D31200;
	line-height: 120%;
}
.oc_desc .c_voice .itemname{ display: none;}
.oc_desc .c_voice .name{ display: inline;}
.oc_desc .c_voice .name::after{ content: "より";}
.oc_desc .c_voice p{ padding: 8px; font-size: 13px;}


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

	.oc_desc .c_voice{ padding: 10px; padding-top: 27px;}
	.oc_desc .c_voice::before{ content: "CUSTOMER'S VOICE"; position: absolute; top: 4px; left: 4px; display: block; font-size: 18px; font-weight: 400; color: #d9c5ab; }
	.oc_desc .c_voice .title{ display: block;}
	.oc_desc .c_voice .itemname{ position: absolute; display: block; top: 5px; right: 10px;}
	.oc_desc .c_voice .name{ position: absolute; display: block; top: 1.5em; right: 10px; font-size: 120%;}
	.oc_desc .c_voice .name::before{ content: "「";}
	.oc_desc .c_voice .name::after{ content: "」より";}
	.oc_desc .c_voice p{ font-size: 14px; line-height: 150%;}
}/*△*/



/*.c_voice バリエ(icon,color)*/

.oc_desc .c_voice.type_pink{ border-color: #f6d3d0; background-color: #ffe8e6;}
.oc_desc .c_voice.type_pink::before{ color: #d89691;}
.oc_desc .c_voice.type_gray{ border-color: #cacaca; background-color: #ebebeb;}
.oc_desc .c_voice.type_gray::before{ color: #969696;}
.oc_desc .c_voice.type_brown{ border-color: #ad7c4b; background-color: #e7dad5; color: #3b2626;}
.oc_desc .c_voice.type_brown::before{ color: #cc957a;}


.oc_desc .c_voice.icon::before{
	content: "";
	display: block; width: 80px; height: 84px;
	margin: 0 10px 10px 0;
	float: left;
	background-image: url( '../../../../../content_image/parts/cssimg/c_voice_icon01.png' );
	background-position: top left;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
/* PC▽ */ @media only screen and (min-width: 768px) {
	.oc_desc .c_voice.icon{ padding-top: 10px;}
	.oc_desc .c_voice.icon::before{ position: relative; margin: 5px 15px 15px 5px;}
}/*△*/


/*▲▲パーツ(お客様の声c_voice)********************************************************/




/*▼▼パーツ(スタッフコメント item_staff_comment)********************************************************/
.oc_desc .item_staff_comment{ position: relative; display: block; margin-top: 10px; padding-left: 90px; min-height: 80px;}
.oc_desc .item_staff_comment .icon{ position: absolute; left: 5px; top: 50%; transform: translateY(-50%); display: block; width: 80px; height: 80px;}
.oc_desc .item_staff_comment .icon img{ width: 100%;}
.oc_desc .item_staff_comment .text{ position: relative; display: inline-block; margin: 0; padding: 7px 10px; min-width: 120px; max-width: 95%; font-size: 14px; background: #FFF; border: solid 3px #999;}
.oc_desc .item_staff_comment .text b{ color: #d31200;}
.oc_desc .item_staff_comment .text:before,
.oc_desc .item_staff_comment .text:after{ content: ""; position: absolute; top: 50%; border: 12px solid transparent; border-right: 12px solid #FFF;}
.oc_desc .item_staff_comment .text::before{ z-index: 2; left: -24px; margin-top: -12px; }
.oc_desc .item_staff_comment .text:after{ z-index: 1; left: -30px; margin-top: -14px; border-width: 14px; border-right-color: #999; }
.oc_desc .item_staff_comment .text p{ margin: 0; padding: 0;}
.oc_desc .item_staff_comment .photo{ float: left; width: 50px; margin-right: 10px;}
/*▲▲パーツ(item_staff_comment)********************************************************/


/*▼▼パーツ(吹き出し)********************************************************/
/* 本体 */
.fukidasi1{ position: relative; padding: 20px; min-height: 60px; border-radius: 15px; border: 2px solid #888;}
.oc_desc .fukidasi1::before,
.oc_desc .fukidasi1::after{ content: ""; position: absolute; display: block; width: 0; height: 0; border: 15px solid transparent; }
/* △左*/
.oc_desc .fukidasi1.fuki_left::before,
.oc_desc .fukidasi1.fuki_left::after{ top: 20px; left: -15px; border-left: unset;}
.oc_desc .fukidasi1.fuki_left::after{ left: -12px;}
/* △右*/
.oc_desc .fukidasi1.fuki_right::before,
.oc_desc .fukidasi1.fuki_right::after{ top: 20px; right: -15px; border-right: unset;}
.oc_desc .fukidasi1.fuki_right::after{ right: -12px;}
/* △上*/
.oc_desc .fukidasi1.fuki_top::before,
.oc_desc .fukidasi1.fuki_top::after{ left: 20px; top: -15px; border-top: unset;}
.oc_desc .fukidasi1.fuki_top::after{ top: -12px;}
/* △下*/
.oc_desc .fukidasi1.fuki_bottom::before,
.oc_desc .fukidasi1.fuki_bottom::after{ left: 20px; bottom: -15px; border-bottom: unset;}
.oc_desc .fukidasi1.fuki_bottom::after{ bottom: -12px;}
/*本体色*/
.oc_desc .fukidasi1{ background-color: #fff;}
.oc_desc .fukidasi1.fuki_left::after{ border-right-color: #fff;}
.oc_desc .fukidasi1.fuki_right::after{ border-left-color: #fff;}
.oc_desc .fukidasi1.fuki_top::after{ border-bottom-color: #fff;}
.oc_desc .fukidasi1.fuki_bottom::after{ border-top-color: #fff;}
/*枠線色*/
.oc_desc .fukidasi1{ border-color: #888;}
.oc_desc .fukidasi1.fuki_left::before{ border-right-color: #888;}
.oc_desc .fukidasi1.fuki_right::before{ border-left-color: #888;}
.oc_desc .fukidasi1.fuki_top::before{ border-bottom-color: #888;}
.oc_desc .fukidasi1.fuki_bottom::before{ border-top-color: #888;}
/* sp▽ */ @media only screen and (max-width: 768px) {
	.oc_desc .fukidasi1{ padding: 10px;}
	.oc_desc .fukidasi1.fuki_left.fuki_sp_top::before,
	.oc_desc .fukidasi1.fuki_left.fuki_sp_top::after,
	.oc_desc .fukidasi1.fuki_right.fuki_sp_top::before,
	.oc_desc .fukidasi1.fuki_right.fuki_sp_top::after{ 	border: 15px solid transparent; left: unset; right: unset; left: 50%; top: -15px; border-top: unset;}
	.oc_desc .fukidasi1.fuki_left.fuki_sp_top::before,
	.oc_desc .fukidasi1.fuki_right.fuki_sp_top::before{ border-bottom-color: #888;}
	.oc_desc .fukidasi1.fuki_left.fuki_sp_top::after,
	.oc_desc .fukidasi1.fuki_right.fuki_sp_top::after{ top: -12px; border-bottom-color: #fff;}
	.oc_desc .fukidasi1.fuki_left.fuki_sp_top.sp_left::before,
	.oc_desc .fukidasi1.fuki_left.fuki_sp_top.sp_left::after,
	.oc_desc .fukidasi1.fuki_right.fuki_sp_top.sp_left::before,
	.oc_desc .fukidasi1.fuki_right.fuki_sp_top.sp_left::after{ left: 20%;}
}/*△*/

/*▲▲パーツ(吹き出し)********************************************************/

/*▼▼パーツ(途中まで見えるアコーディオン)********************************************************/


/* ▼accordion-box3(途中まで見える) */
.oc_desc .aco_box3{ position: relative; margin-bottom: 20px;}
.oc_desc .aco_box3 label{
	position: absolute;bottom: 0;z-index:50;
	width: 100%; height: 70px;
	cursor: pointer; text-align: center; font-size: 14px;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.95) 100%);
}
	/* to open */
.oc_desc .aco_box3 input:checked + label{ background: inherit;}
.oc_desc .aco_box3 label:after{
	content: "続きを読む　▼";
	position: absolute; bottom: 15px; left: 50%; z-index:100;
	width: 130px; line-height: 40px ; 
	transform: translate(-50%, 0);
	font-weight: bold; background-color: #f2efe7; border-radius: 20px;
}
.oc_desc .aco_box3 input{ display: none;}
.oc_desc .aco_box3 .aco_inner{ overflow: hidden; height: 30vw;}
	/* to close */
.oc_desc .aco_box3 input:checked + label{}
.oc_desc .aco_box3 input:checked + label:after{ content: "閉じる ×";background-color: #bbbbbb;}
.oc_desc .aco_box3 input:checked ~ .aco_inner{ height: auto; padding-bottom: 70px;}
/* PC▽ */ @media only screen and (min-width: 768px) {
	.oc_desc .aco_box3 label{ display: none;}
	.oc_desc .aco_box3 .aco_inner{ height: auto;}
}/*△*/

/* ▲accordion-box3 */





/*▲▲パーツ(途中まで見えるアコーディオン)********************************************************/


/*▼▼商品ページ幅広(.oc_desc.page_wide) *****************************/
/*枠定義*/ .oc_desc.page_wide{ margin: 0 0 -60px; padding: 0 0 60px;}
/*幅*/ .oc_desc.page_wide .content_title{ margin: 0; padding: 0;}
.oc_desc.page_wide .content_article{ margin: 0; padding: 5px 1.5vw;}
.oc_desc.page_wide .content_title .main_title h2{ margin: 0; padding: 0;}
/* sp▽ */ @media only screen and (max-width: 768px) { .oc_desc.page_wide .content_title .main_title .intro_box{ padding: 5px 3vw;} }/*△*/
/* PC▽ */ @media only screen and (min-width: 768px) { .oc_desc.page_wide .content_article{ margin: 15px 15px 0; padding: 0 30px;} }/*△*/
/*▲▲商品ページ幅広(.oc_desc.page_wide)***********************************/
/*▼▼定番商品用(.oc_desc.item_classic)***************************************/
.oc_desc.item_classic{}
.oc_desc.item_classic header{ text-align: center; margin-bottom: 10px;}
.oc_desc.item_classic header h2{ font-size: 24px; border-bottom: dotted 1px #4d3d32;}
.oc_desc.item_classic header h3{ display: none;}
.oc_desc.item_classic article{ display: block; margin: 20px auto;}
.oc_desc.item_classic article figure{ padding: 0 1vw;}
.oc_desc.item_classic article figure img{ width: 100%;}
.oc_desc.item_classic article .inner{ padding: 0 10px 20px;}
.oc_desc.item_classic article .inner h4{ font-size: 1.2em;letter-spacing: -1px; margin-bottom: 0.5em;}
.oc_desc.item_classic article .inner h4:nth-of-type(n+2){ margin-top: 10px;}
.oc_desc.item_classic article .inner h4::before{ content: "● ";}
/* PC▽ */@media only screen and (min-width: 768px) {
	.oc_desc.item_classic{ margin: 15px 15px 0; padding: 0 5px;}
	.oc_desc.item_classic header{ text-align: center; margin-bottom: 40px; margin-top: 85px;}
	.oc_desc.item_classic header h2{ font-size: 25px;}
	.oc_desc.item_classic header h3{ display: block; font-weight: inherit; font-size: 18px;}
	.oc_desc.item_classic article{ display: flex; flex-flow: row nowrap; justify-content: space-evenly;align-items: stretch; margin: 40px auto;}
	.oc_desc.item_classic article:nth-of-type(odd){ flex-direction: row-reverse;}
	.oc_desc.item_classic article .inner{ flex-basis: 50%;}
	.oc_desc.item_classic article figure{ flex-basis: 50%; padding: 0 6px;}
	.oc_desc.item_classic article figure img{ max-width: unset; width: 100%;}
}/*△*/
/*▲▲定番商品用(.item_classic)********************************************************/



/*▼▼特定用途(特集ページ/.oc_desc.sp_issue)*2019/05/17 9:38**********************************************/
	/*全体*/
.oc_desc.sp_issue{
	margin: 0 0 -60px;
	padding: 0 0 60px;
}
	/*メイン画像～冒頭*/
.oc_desc.sp_issue .sp_issue_topic{
	margin: 0;
	padding: 0;
	line-height: 0;
}
.oc_desc.sp_issue .sp_issue_header,
.oc_desc.sp_issue .sp_issue_case{
	margin: 0;
	padding: 5px 1.5vw;
}
.oc_desc.sp_issue .sp_issue_header{ padding: 10px;}
.oc_desc.sp_issue .sp_issue_intro{ padding: 5px;}
.oc_desc.sp_issue .sp_issue_intro_main{
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 180%;
	text-align: center;
}
.oc_desc.sp_issue .sp_issue_intro_sub{
	font-size: 14px;
	line-height: 150%;
}

/* PC▽ */ @media only screen and (min-width: 768px) {
	.oc_desc.sp_issue .sp_issue_intro{ padding: 20px;}
	.oc_desc.sp_issue .sp_issue_intro_main{ margin-bottom: 20px; font-size: 24px;}
	.oc_desc.sp_issue .sp_issue_intro_sub{ font-size: 16px; text-align: center;}
}/*△*/

	/*差込*/


	/*陳列部*/
.oc_desc .sp_issue_case{
	margin: 10px 0 50px;
	padding-top: 5px;
}
.oc_desc .sp_issue_case .title{
	position: relative;
	margin: 0 0 10px;
	padding: 7px 16px;
	width: 100%;
	min-height: 40px;
	font-size: 20px;
	line-height: 130%;
	text-align: center;
	letter-spacing: -1px;
}
.oc_desc .sp_issue_case .title.img_only{
	padding: 0;
	border-radius: unset;
}
.oc_desc .sp_issue_case .title.img_only img{ vertical-align: middle;}

.oc_desc .sp_issue_case .title .catch{
	position: absolute;
	top: 13px;
	left: 10px;
	font-size: 14px;
}


	/*陳列部_内枠********/
.oc_desc .sp_issue_case .normal_box,
.oc_desc .sp_issue_case .big_box,
.oc_desc .sp_issue_case .mini_box,
.oc_desc .sp_issue_case .img_add_box{ display: flex; flex-wrap: wrap; justify-content: space-around; align-items: stretch; align-content: stretch; width: 100%;}


	/*陳列部_各商品(box_arr)********/
.oc_desc .sp_issue_case .box_arr{
	flex-grow: 1; flex-shrink: 1; flex-basis: auto; align-self: auto;
	position: relative;
	width: 47%; margin: 0 1.5% 10px; padding-bottom: 35px; 
	line-height: 140%; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	background: rgba( 246,246,246,1);
}
.oc_desc .sp_issue_case .box_arr a{ width: 100%;}
.oc_desc .sp_issue_case .box_arr a::after{
	content:"詳細はこちら";
	position: absolute; bottom: 0;
	display: block; width: 100%; padding: 5px;
	font-size: 12px; text-align: center; font-size: 11px; font-weight: 900;
	background: rgba( 220,220,220,1);
}
.oc_desc .sp_issue_case .box_arr.sold a::after{ content: "完売しました"; background: inherit; border: 1px solid #dcdcdc;}


/* PC▽ */ @media only screen and (min-width: 768px) {
	.oc_desc .sp_issue_case .big_box .box_arr a::after{ font-size: 16px;}
}/*△*/



.oc_desc .sp_issue_case .box_arr::after{ content:"";clear: both;display: block;/*cf*/}

.oc_desc .sp_issue_case .box_arr .item_img_bn{ display: none;}
.oc_desc .sp_issue_case .box_arr .item_img{ width: 100%;}
.oc_desc .sp_issue_case .box_arr .item_name,
.oc_desc .sp_issue_case .box_arr .comment{ padding: 0 5px;}
.oc_desc .sp_issue_case .box_arr .item_name{ font-size: 13px; margin-bottom: 5px;}
.oc_desc .sp_issue_case .box_arr .comment{ font-size: 12px;}
		/*box_arr appeal*/
.oc_desc .sp_issue_case .box_arr .appeal{
	display: none; position: absolute; top: 0; left: 0;
	width: 100%; height: 29px; margin-top: 48.2%; padding: 5px 2px;
	text-align: center; color: #fff; background: rgba( 0,0,0,0.7);
}
.oc_desc .sp_issue_case .box_arr .appeal.a_black{ display: block;}
.oc_desc .sp_issue_case .box_arr .appeal.a_red{ display: block; background: #d31200;}
			/*.square*/
.oc_desc .sp_issue_case .box_arr.square .appeal{ margin-top: 78.2%;}


		/*box_arr badge*/
.oc_desc .sp_issue_case .box_arr .badge{
	display: none;
	position: absolute; top: -5px; right: -5px;
	min-width: unset; width: 55px; height: 55px;
	padding: unset; padding-top: 28px;
	color: inherit; font-size: 15px; font-weight: 700; line-height: 100%;
	text-align: center; vertical-align: middle; white-space: nowrap;
	background-color: unset;
	background:  url( '../../../../../content_image/parts/cssimg/null.svg' ) center center / 100% auto no-repeat;
	border-radius: unset;
}

.oc_desc .sp_issue_case .box_arr .badge.b_saitan,
.oc_desc .sp_issue_case .box_arr .badge.b_yoyaku,
.oc_desc .sp_issue_case .box_arr .badge.b_reco,
.oc_desc .sp_issue_case .box_arr .badge.b_new,
.oc_desc .sp_issue_case .box_arr .badge.b_soon,
.oc_desc .sp_issue_case .box_arr .badge.b_last{ content: "";}

.oc_desc .sp_issue_case .box_arr .badge.b_saitan,
.oc_desc .sp_issue_case .box_arr .badge.b_yoyaku,
.oc_desc .sp_issue_case .box_arr .badge.b_haya,
.oc_desc .sp_issue_case .box_arr .badge.b_stock,
.oc_desc .sp_issue_case .box_arr .badge.b_limited,
.oc_desc .sp_issue_case .box_arr .badge.b_reco,
.oc_desc .sp_issue_case .box_arr .badge.b_new,
.oc_desc .sp_issue_case .box_arr .badge.b_soon,
.oc_desc .sp_issue_case .box_arr .badge.b_last{ display: block;}
		/*box_arr badge icon指定*/
.oc_desc .sp_issue_case .box_arr .badge.b_stock{ background-image: url( '../../../../../content_image/parts/cssimg/badge_stock.svg' );}
.oc_desc .sp_issue_case .box_arr .badge.b_limited{ background-image: url( '../../../../../content_image/parts/cssimg/badge_limited.svg' );}
.oc_desc .sp_issue_case .box_arr .badge.b_reco{ background-image: url( '../../../../../content_image/parts/cssimg/badge_reco.svg' );}
.oc_desc .sp_issue_case .box_arr .badge.b_new{ background-image: url( '../../../../../content_image/parts/cssimg/badge_new.svg' );}
.oc_desc .sp_issue_case .box_arr .badge.b_soon{ background-image: url( '../../../../../content_image/parts/cssimg/badge_soon_end.svg' );}
.oc_desc .sp_issue_case .box_arr .badge.b_last{ background-image: url( '../../../../../content_image/parts/cssimg/badge_last.svg' );}
.oc_desc .sp_issue_case .box_arr .badge.b_haya{ background-image: url( '../../../../../content_image/parts/cssimg/badge_hayawari.png' );}
.oc_desc .sp_issue_case .box_arr .badge.b_yoyaku{ background-image: url( '../../../../../content_image/parts/cssimg/badge_yoyaku.svg' );}
.oc_desc .sp_issue_case .box_arr .badge.b_saitan{ background-image: url( '../../../../../content_image/parts/cssimg/badge_saitan.svg' );}


	/*陳列部_各商品(box_arr) 内枠タイプ別補正********/


		/* img_add_box */
.oc_desc .sp_issue_case .img_add_box .box_arr{ width: 100%; margin: 30px 0px;}
.oc_desc .sp_issue_case .img_add_box .box_arr:nth-of-type(1){ margin-top: 10px;}
.oc_desc .sp_issue_case .img_add_box .box_arr::after{content:"";clear: both;display: block;}
.oc_desc .sp_issue_case .img_add_box .box_arr .item_img_bn{ display: block; width: 100%;}
.oc_desc .sp_issue_case .img_add_box .box_arr .item_img{ display: none;}
.oc_desc .sp_issue_case .img_add_box .box_arr .appeal,
.oc_desc .sp_issue_case .img_add_box .box_arr .item_name,
.oc_desc .sp_issue_case .img_add_box .box_arr .comment{ width: 50%; padding: 5px;}
.oc_desc .sp_issue_case .img_add_box .box_arr .appeal{
		position: static; display: block; margin: unset;
		background: unset; color: inherit; text-align: left; font-size: inherit;
}

.oc_desc .sp_issue_case .img_add_box .box_arr .add_img{ display: block; width: 50%; margin: 10px 0px; float: right;}
.oc_desc .sp_issue_case .img_add_box .box_arr .add_msg{ margin-top: 10px; font-size: 11px; text-align: center; color: #d31200; font-weight: bold;}
.oc_desc .sp_issue_case .img_add_box .box_arr.sold a:before{ top: 19vw;}
		/* big_box */
.oc_desc .sp_issue_case .big_box .box_arr{ width: 100%;margin: 10px 0 20px;}
.oc_desc .sp_issue_case .big_box .box_arr .item_name{ line-height: 150%;}
.oc_desc .sp_issue_case .big_box .box_arr .appeal{ margin-top: 57.6%;}
.oc_desc .sp_issue_case .big_box .box_arr.square .appeal{ margin-top: 86.6%;}
		/* mini_box */
.oc_desc .sp_issue_case .mini_box .box_arr{ padding: 0 10px;background: none;}
.oc_desc .sp_issue_case .mini_box .box_arr .item_name,
.oc_desc .sp_issue_case .mini_box .box_arr .comment,
.oc_desc .sp_issue_case .mini_box .box_arr .appeal,
.oc_desc .sp_issue_case .mini_box .box_arr .badge{ display: none;}



	/*特集ページ メディアクエリ********/

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

	.oc_desc .sp_issue_case .normal_box .box_arr:nth-child(2n+1):last-child{ margin-right: 51.5% ;}
	.oc_desc .box_arr .item_name{ font-weight: bold;}

		/* img_add_box */
	.oc_desc .sp_issue_case .img_add_box .box_arr .add_img{ margin-left: 5px;}
	.oc_desc .sp_issue_case .img_add_box .box_arr .comment{ display: none;}
	.oc_desc .sp_issue_case .img_add_box .box_arr .appeal{ width: 100%; font-size: 11px; line-height: 1.3em;}

		/* big_box.dowble 2020/11/13add */
	.oc_desc .sp_issue_case .big_box.double .box_arr{ width: 47%; margin: 0 1.5% 10px;}
	.oc_desc .sp_issue_case .big_box.double .box_arr:nth-of-type(2n+1):last-child{ margin-right: 51.5% ;}
	.oc_desc .sp_issue_case .big_box.double .box_arr .item_name,
	.oc_desc .sp_issue_case .big_box.double .box_arr .comment{ padding: 0px 5px; text-align: left;}
	.oc_desc .sp_issue_case .big_box.double .box_arr .appeal{ margin-top: 48.2%; }


}/*△*/

/*PC▽*/ @media only screen and (min-width: 768px) {
	.oc_desc .bn_area *[class*="flex_col_2_1"]:nth-of-type(2n+1){ margin-left: 0;}
	.oc_desc .bn_area *[class*="flex_col_2_1"]:nth-of-type(2n){ margin-right: 0;}

	.oc_desc .sp_issue_header{ padding: 20px 30px;}
	.oc_desc .sp_issue_case{ width: 100%; margin: 10px auto 60px; padding: 5px 15px;}
	.oc_desc .sp_issue_case .title{ min-height: 70px; font-size: 40px;}
	.oc_desc .sp_issue_case .title .catch{ left: 14%; font-size: 24px;}

			/* box_arr */
	.oc_desc .sp_issue_case .box_arr .item_name,
	.oc_desc .sp_issue_case .box_arr .comment{ padding: 0 22px;}
	.oc_desc .sp_issue_case .box_arr .item_name{ font-size: 16px; margin-top: 14px; margin-bottom: 14px;}
	.oc_desc .sp_issue_case .box_arr .comment{ font-size: 12px;}
	.oc_desc .sp_issue_case .box_arr .appeal{ padding: 10px 2px; height: 36px; margin-top: 44.2%;}
	.oc_desc .sp_issue_case .box_arr.square .appeal{ margin-top: 81%;}

			/* img_add_box */
	.oc_desc .sp_issue_case .img_add_box .box_arr{ margin: 40px 0px; padding-bottom: 0px;}
	.oc_desc .sp_issue_case .img_add_box .box_arr a::after{ bottom: 1em; left: 2.5%; width: 45%; font-size: 16px;}
	.oc_desc .sp_issue_case .img_add_box .box_arr .item_name,
	.oc_desc .sp_issue_case .img_add_box .box_arr .comment,
	.oc_desc .sp_issue_case .img_add_box .box_arr .appeal{ padding: 5px 20px;}
	.oc_desc .sp_issue_case .img_add_box .box_arr .item_name{ margin-bottom: 1em; font-size: 26px; line-height: 1.3em; letter-spacing: -1px;}
	.oc_desc .sp_issue_case .img_add_box .box_arr .comment,
	.oc_desc .sp_issue_case .img_add_box .box_arr .appeal{ font-size: 16px; line-height: 1.3em;}
	.oc_desc .sp_issue_case .img_add_box .box_arr .add_msg{ margin-top: 30px; font-size: 22px;}
	.oc_desc .sp_issue_case .img_add_box .box_arr .add_msg::before{ content: "＼";}
	.oc_desc .sp_issue_case .img_add_box .box_arr .add_msg::after{ content: "／";}
	.oc_desc .sp_issue_case .img_add_box .box_arr.sold a:before{ top: 150px; font-size: 50px;}

			/* big_box */
	.oc_desc .sp_issue_case .big_box .box_arr .item_name,
	.oc_desc .sp_issue_case .big_box .box_arr .comment{ padding: 0 15%; text-align: center;}
	.oc_desc .sp_issue_case .big_box .box_arr .item_name{ margin-top: 12px; font-size: 22px; margin-bottom: 18px;}
	.oc_desc .sp_issue_case .big_box .box_arr .comment{ font-size: 16px;}
	.oc_desc .sp_issue_case .big_box .box_arr .badge{ width: 100px; height: 100px; font-size: 25px; padding-top: 50px; font-family: sans-serif;}
	.oc_desc .sp_issue_case .big_box .box_arr .appeal{ margin-top: 62%; padding-top: 9px; font-size: 120%;}
	.oc_desc .sp_issue_case .big_box .box_arr.square .appeal{ margin-top: 86%;}
			/* big_box.double */
	.oc_desc .sp_issue_case .big_box.double .box_arr{ width: 48%;}
	.oc_desc .sp_issue_case .big_box.double .box_arr .item_name,
	.oc_desc .sp_issue_case .big_box.double .box_arr .comment{ padding: 0 15px; text-align: left;}
	.oc_desc .sp_issue_case .big_box.double .box_arr:nth-of-type(2n){ margin-left: 5px;}
	.oc_desc .sp_issue_case .big_box.double .box_arr:nth-of-type(2n+1){ margin-right: 5px;}
	.oc_desc .sp_issue_case .big_box.double .box_arr:nth-of-type(2n+1):last-child{ margin-right: 51.5% !important;}
	.oc_desc .sp_issue_case .big_box.double .box_arr .appeal{ margin-top: 57%; padding-top: 9px; font-size: 120%;}
	.oc_desc .sp_issue_case .big_box.double .box_arr .badge{ width: 55px; height: 55px; font-size: 15px; padding-top: 30px; font-family: sans-serif;}

			/* normal_box */
	.oc_desc .sp_issue_case .normal_box .box_arr{ width: 31%; margin: 0 1.14% 30px;}
	.oc_desc .sp_issue_case .normal_box .box_arr .appeal{ margin-top: 53%;}
	.oc_desc .sp_issue_case .normal_box .box_arr.square .appeal{ margin-top: 81%;}
				/* normal_box 1と3番目*/
	.oc_desc .sp_issue_case .normal_box .box_arr:nth-child(3n+1){ margin-left: 0;}
	.oc_desc .sp_issue_case .normal_box .box_arr:nth-child(3n){ margin-right: 0;}
				/* normal_box 段組みlast*/
	.oc_desc .sp_issue_case .normal_box .box_arr:nth-child(3n+2):last-child{ margin-right: 34.5% ;}
	.oc_desc .sp_issue_case .normal_box .box_arr:nth-child(3n+1):last-child{ margin-right: 67.8% ;}

}/*△*/


/*box_arr 完売表示*/
.oc_desc .sp_issue_case .box_arr.sold a:before{
	content: "大好評につき\a完売しました";
	position: absolute; z-index: 1000;
	top: 9vw; left: 50%; transform: translateX(-50%);
	width: 100%;
	color: #fff; font-weight: bold; text-align: center; white-space: pre;
	font-size: 20px; line-height: 1.2em;
}
.oc_desc .sp_issue_case .box_arr.sold .item_img,
.oc_desc .sp_issue_case .box_arr.sold .item_img_bn{ filter: grayscale(80%) brightness(30%);}
.oc_desc .sp_issue_case .big_box .box_arr.sold a:before,
.oc_desc .sp_issue_case .big_box.double .box_arr.sold a:before{ top: 9vw;}

/* PC▽ */ @media only screen and (min-width: 768px) {
	.oc_desc .sp_issue_case .big_box .box_arr.sold a:before{ top: 192px; font-size: 62px;}
	.oc_desc .sp_issue_case .big_box.double .box_arr.sold a:before{ top: 93px; font-size: 32px;}
	.oc_desc .sp_issue_case .normal_box .box_arr.sold a:before{ top: 56px; font-size: 24px;}
}/*△*/





/*▲▲特定用途(特集ページ/.oc_desc.sp_issue)***********************************************/

/*▼▼特定用途(モノトーンテンプレ/.oc_desc.monotone)*2019/06/05 11:45************************/
.oc_desc.monotone{}

	/*大画像*/
.oc_desc.monotone #big_image{}

	/*セットに入っている商品*/
.oc_desc.monotone #set_list{ margin: 20px auto;}
.oc_desc.monotone #set_list h3{
	padding: 10px;
	text-align: center;
	background: #ccc;
}
.oc_desc.monotone #set_list > figure ~ h3{ margin-top: 20px;}

.oc_desc.monotone #set_list .lineup_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
}
.oc_desc.monotone #set_list .lineup_box .box_item{
	flex: 0 1 auto;
	width: 48%;
	margin: 2px;
}
.oc_desc.monotone #set_list .lineup_box a,
.oc_desc.monotone #set_list .lineup_box img{ width: 100%;}


/* PC▽ */ @media only screen and (min-width: 768px) {
	.oc_desc.monotone #set_list{ margin: 40px auto;}
	.oc_desc.monotone #set_list .lineup_box .box_item{ width: 24%; margin: 2px 0.45%;}
}/*△*/



	/*キャッチ*/
.oc_desc.monotone #catch_box{
	padding: 20px 0;
	font-size: 18px;
	line-height: 180%;
}

/* PC▽ */ @media only screen and (min-width: 768px) {
	.oc_desc.monotone #catch_box{ padding: 20px; font-size: 24px;}
}/*△*/


	/*リード*/
.oc_desc.monotone #leader_box{ margin: 15px 0;}

/* PC▽ */ @media only screen and (min-width: 768px) {
	.oc_desc.monotone #set_list .lineup_box .box_item{ width: 24%; margin: 2px 0.45%;}
	.oc_desc.monotone #leader_box{ padding: 0.5em 5em; text-align: center;}
	.oc_desc.monotone #leader_box p{ margin-bottom: 1em;}
}/*△*/


	/*商品紹介(v22)*/
.oc_desc.monotone #item_explain{}
.oc_desc.monotone #item_explain .item_box_v22{ margin: 5vw 0vw; }

		/*v22 itemheader 商品見出し*/
.oc_desc.monotone #item_explain .item_box_v22 .itemheader {
	position: relative;
	margin: 20px 0 10px;
	padding: 0 10px 25px 17px;
	background: #fff;
	background: linear-gradient(to right,#111 0%,#111 8px,#fff 8px,#fff 100%);
}
.oc_desc.monotone #item_explain .item_box_v22 .itemheader::after{
	content: "";
	position: absolute; right: 0; bottom: 0;
	width: 32px; height: 21px;
	background:  url( '../../../../../content_image/parts/cssimg/null.svg' ) top left / 100% auto no-repeat;
}

.oc_desc.monotone #item_explain .item_box_v22 .itemheader .itemcatch,
.oc_desc.monotone #item_explain .item_box_v22 .itemheader .itemname { margin: 0;}
.oc_desc.monotone #item_explain .item_box_v22 .itemheader .itemcatch { display: block; font-size: 16px;}
.oc_desc.monotone #item_explain .item_box_v22 .itemheader .itemcatch br { display: none;}

.oc_desc.monotone #item_explain .item_box_v22 .itemheader .itemname { display: block; font-size: 18px; letter-spacing: -2px; line-height: 130%;}
.oc_desc.monotone #item_explain .item_box_v22 .itemheader .itemtype { position: absolute; left: 17px; bottom: 0;}

			/*v22 itemheader 商品見出し 国旗表示*/
.oc_desc.monotone #item_explain .item_box_v22.australia .itemheader::after { background-image: url( '../../../../../content_image/parts/cssimg/flag/flag_australia.gif' ); }
.oc_desc.monotone #item_explain .item_box_v22.belgium .itemheader::after { background-image: url( '../../../../../content_image/parts/cssimg/flag/flag_belgium.gif' ); }
.oc_desc.monotone #item_explain .item_box_v22.canada .itemheader::after { background-image: url( '../../../../../content_image/parts/cssimg/flag/flag_canada.gif' ); }
.oc_desc.monotone #item_explain .item_box_v22.denmark .itemheader::after { background-image: url( '../../../../../content_image/parts/cssimg/flag/flag_denmark.gif' ); }
.oc_desc.monotone #item_explain .item_box_v22.england .itemheader::after { background-image: url( '../../../../../content_image/parts/cssimg/flag/flag_england.gif' ); }
.oc_desc.monotone #item_explain .item_box_v22.france .itemheader::after { background-image: url( '../../../../../content_image/parts/cssimg/flag/flag_france.gif' ); }
.oc_desc.monotone #item_explain .item_box_v22.germany .itemheader::after { background-image: url( '../../../../../content_image/parts/cssimg/flag/flag_germany.gif' ); }
.oc_desc.monotone #item_explain .item_box_v22.greece .itemheader::after { background-image: url( '../../../../../content_image/parts/cssimg/flag/flag_greece.gif' ); }
.oc_desc.monotone #item_explain .item_box_v22.ireland .itemheader::after { background-image: url( '../../../../../content_image/parts/cssimg/flag/flag_ireland.gif' ); }
.oc_desc.monotone #item_explain .item_box_v22.italy .itemheader::after { background-image: url( '../../../../../content_image/parts/cssimg/flag/flag_italy.gif' ); }
.oc_desc.monotone #item_explain .item_box_v22.japan .itemheader::after { background-image: url( '../../../../../content_image/parts/cssimg/flag/flag_japan.gif' ); }
.oc_desc.monotone #item_explain .item_box_v22.netherlands .itemheader::after { background-image: url( '../../../../../content_image/parts/cssimg/flag/flag_netherlands.gif' ); }
.oc_desc.monotone #item_explain .item_box_v22.newzealand .itemheader::after { background-image: url( '../../../../../content_image/parts/cssimg/flag/flag_newzealand.gif' ); }
.oc_desc.monotone #item_explain .item_box_v22.norway .itemheader::after { background-image: url( '../../../../../content_image/parts/cssimg/flag/flag_norway.gif' ); }
.oc_desc.monotone #item_explain .item_box_v22.singapore .itemheader::after { background-image: url( '../../../../../content_image/parts/cssimg/flag/flag_singapore.gif' ); }
.oc_desc.monotone #item_explain .item_box_v22.spain .itemheader::after { background-image: url( '../../../../../content_image/parts/cssimg/flag/flag_spain.gif' ); }
.oc_desc.monotone #item_explain .item_box_v22.switzerland .itemheader::after { background-image: url( '../../../../../content_image/parts/cssimg/flag/flag_switzerland.gif' ); }
.oc_desc.monotone #item_explain .item_box_v22.unitedstates .itemheader::after { background-image: url( '../../../../../content_image/parts/cssimg/flag/flag_unitedstates.gif' ); }

.oc_desc.monotone #item_explain .item_box_v22.ordercheese .itemheader::after { background-image: url( '../../../../../content_image/parts/cssimg/flag/flag_ordercheese.gif' ); }



.oc_desc.monotone #item_explain .item_box_v22.non_icon .itemheader::after { background-image: none; }


.oc_desc.monotone #item_explain .item_box_v22.logo_alleosse .itemheader::after { background-image: url( '../../../../../content_image/parts/common/logo_240x160_alleosse.png' ); }
.oc_desc.monotone #item_explain .item_box_v22.logo_rodolphe .itemheader::after { background-image: url( '../../../../../content_image/parts/common/logo_240x160_rodolphe.png' ); }
.oc_desc.monotone #item_explain .item_box_v22.logo_bourgon .itemheader::after { background-image: url( '../../../../../content_image/parts/common/logo_240x160_bourgon.png' ); }

.oc_desc.monotone #item_explain .item_box_v22.logo_alleosse .itemheader::after,
.oc_desc.monotone #item_explain .item_box_v22.logo_rodolphe .itemheader::after,
.oc_desc.monotone #item_explain .item_box_v22.logo_bourgon .itemheader::after { width: 96px; height: 64px;}
		/*正方形国旗*/
.oc_desc.monotone #item_explain .item_box_v22.switzerland .itemheader::after{ width: 21px;}



		/*商品の画像(,2) */
.oc_desc.monotone #item_explain .item_box_v22 .photo img{ width: 100%;}
.oc_desc.monotone #item_explain .item_box_v22 .photo2{}
.oc_desc.monotone #item_explain .item_box_v22 .photo2 img{ display: inline-block;}
.oc_desc.monotone #item_explain .item_box_v22 .photo2 img:nth-of-type(1){ width: 32.5%;}
.oc_desc.monotone #item_explain .item_box_v22 .photo2 img:nth-of-type(2){ width: 65.5%;}
		/*商品のコメント*/
.oc_desc.monotone #item_explain .item_box_v22 .item_comment{ margin-top: 10px;}
.oc_desc.monotone #item_explain .item_box_v22 .item_comment dt{ font-size: 120%; line-height: 130%;}
.oc_desc.monotone #item_explain .item_box_v22 .item_comment dt::before{ content: "■ ";}
.oc_desc.monotone #item_explain .item_box_v22 .item_comment dd{ width: 96%; margin: 0.5em auto 1.5em;}
		/*外リンクボタン*/
.oc_desc.monotone #item_explain .item_box_v22 .outlink_btn{ margin-left: calc( 100% - 120px );}

		/*お客様の声*/
.oc_desc.monotone #item_explain .item_box_v22 .c_voice{ position: relative; letter-spacing: -1px; padding: 15px 5px; background: #dddddd; border: unset; border-radius: unset; border-top: 3px solid #666666 !important;}
.oc_desc.monotone #item_explain .item_box_v22 .c_voice .title{ display: inline; padding: 5px; padding-right: 15px; font-size: 18px; color: #D31200; line-height: 120%;}
.oc_desc.monotone #item_explain .item_box_v22 .c_voice .itemname{ display: none;}
.oc_desc.monotone #item_explain .item_box_v22 .c_voice .name{ display: inline;}
.oc_desc.monotone #item_explain .item_box_v22 .c_voice .name::after{ content: "より";}
.oc_desc.monotone #item_explain .item_box_v22 .c_voice p{ padding: 8px; font-size: 13px;}


		/* itemheader logo_熟成士 */
.oc_desc.monotone #item_explain .item_box_v22.logo_alleosse .itemheader{ background: linear-gradient(to right,#000 0%,#000 1px,#fff 1px,#fff 100%);}
.oc_desc.monotone #item_explain .item_box_v22.logo_rodolphe .itemheader{ background: linear-gradient(to right,#1B3361 0%,#1B3361 1px,#fff 1px,#fff 100%);}
.oc_desc.monotone #item_explain .item_box_v22.logo_bourgon .itemheader{ background: linear-gradient(to right,#385B01 0%,#385B01 1px,#fff 1px,#fff 100%);}
.oc_desc.monotone #item_explain .item_box_v22.logo_alleosse .itemheader .itemcatch,
.oc_desc.monotone #item_explain .item_box_v22.logo_rodolphe .itemheader .itemcatch,
.oc_desc.monotone #item_explain .item_box_v22.logo_bourgon .itemheader .itemcatch{ position: relative; z-index: 10; display: inline-block; margin-left: -17px; margin-bottom: 8px; padding: 5px 10px; color: #fff; text-align: center; line-height: calc( 1em + 5px ); background-color: #000000; background-image: linear-gradient(to bottom,transparent 0,transparent 4px,#fff 4px,#fff 5px,transparent 5px,transparent calc( 100% - 5px ) ,#fff calc( 100% - 5px ),#fff calc( 100% - 4px ),transparent calc( 100% - 4px ),transparent 100%);}
.oc_desc.monotone #item_explain .item_box_v22.logo_rodolphe .itemheader .itemcatch { background-color: #1B3361;}
.oc_desc.monotone #item_explain .item_box_v22.logo_bourgon .itemheader .itemcatch { background-color: #385B01;}



/* PC▽ */ @media only screen and (min-width: 768px) {
	.oc_desc.monotone #item_explain .item_box_v22{ margin: 45px 0vw; }
	.oc_desc.monotone #item_explain .item_box_v22 .itemheader::after { width: 80px; height: 53px;}
		/*正方形*/.oc_desc.monotone #item_explain .item_box_v22.switzerland .itemheader::after{ width: 53px;}
	.oc_desc.monotone #item_explain .item_box_v22 .itemheader .itemcatch { display: block; font-size: 20px;}
	.oc_desc.monotone #item_explain .item_box_v22.logo_alleosse .itemheader .itemcatch,
	.oc_desc.monotone #item_explain .item_box_v22.logo_rodolphe .itemheader .itemcatch,
	.oc_desc.monotone #item_explain .item_box_v22.logo_bourgon .itemheader .itemcatch{ display: block; width: 330px;}
	.oc_desc.monotone #item_explain .item_box_v22 .itemheader .itemname { display: inline; font-size: 28px;}
	.oc_desc.monotone #item_explain .item_box_v22 .itemheader .itemtype{ position: static; margin-left: 10px; }
	.oc_desc.monotone #item_explain .item_box_v22 .item_comment{ margin-top: 20px;}
	.oc_desc.monotone #item_explain .item_box_v22 .photo2{ padding-left: 1%;}
	.oc_desc.monotone #item_explain .item_box_v22 .photo2 img:nth-of-type(1){ width: 32.75%;}
	.oc_desc.monotone #item_explain .item_box_v22 .photo2 img:nth-of-type(2){ width: 66.05%;}
	.oc_desc.monotone #item_explain .item_box_v22 .c_voice{ padding: 10px;}
	.oc_desc.monotone #item_explain .item_box_v22 .c_voice::before{ content: "CUSTOMER'S VOICE"; position: absolute; top: 4px; left: 4px; display: block; font-size: 18px; font-weight: 400; color: #bbb; }
	.oc_desc.monotone #item_explain .item_box_v22 .c_voice .title{ display: block; padding-top: 15px;}
	.oc_desc.monotone #item_explain .item_box_v22 .c_voice .itemname{ position: absolute; display: block; top: 5px; right: 10px;}
	.oc_desc.monotone #item_explain .item_box_v22 .c_voice .name{ position: absolute; display: block; top: 1.5em; right: 10px; font-size: 120%;}
	.oc_desc.monotone #item_explain .item_box_v22 .c_voice .name::before{ content: "「";}
	.oc_desc.monotone #item_explain .item_box_v22 .c_voice .name::after{ content: "」より";}
	.oc_desc.monotone #item_explain .item_box_v22 .c_voice p{ font-size: 14px;}
}/*△*/

		/* itemheader affineur 熟成士(黒) */
.oc_desc.oc_desc.monotone #item_explain .item_box_v22.affineur .itemheader{
	margin-bottom: 0px; padding-top: 0.5em; padding-right: 32px;
	font-family: serif; color: #eee; background: #000;
	background: linear-gradient( to bottom ,#000 0%,#1e1d1c 3%,#000 100%);
}
.oc_desc.oc_desc.monotone #item_explain .item_box_v22.affineur .itemheader::after{ right: 4px; bottom: unset; top: 50%; transform: translateY(-50%); padding-right: 35px;}
/* PC▽ */ @media only screen and (min-width: 768px) {
	.oc_desc.oc_desc.monotone #item_explain .item_box_v22.affineur .itemheader::after{ right: 6px; padding-right: 90px;}
}/*△*/
.oc_desc.oc_desc.monotone #item_explain .item_box_v22.affineur.alleosse .itemheader{
	background: 
		linear-gradient(to right,#a00 0%,#a00 8px,rgba(0,0,0,0) 8px),
		linear-gradient( to bottom ,#000 0%,#1e1d1c 3%,#000 100%);
}
.oc_desc.oc_desc.monotone #item_explain .item_box_v22.affineur.bourgon .itemheader{
	background: 
		linear-gradient(to right,#084d00 0%,#084d00 8px,rgba(0,0,0,0) 8px),
		linear-gradient( to bottom ,#000 0%,#1e1d1c 3%,#000 100%);
}
.oc_desc.oc_desc.monotone #item_explain .item_box_v22.affineur.rodolphe .itemheader{
	background: 
		linear-gradient(to right,#00147f 0%,#00147f 8px,rgba(0,0,0,0) 8px),
		linear-gradient( to bottom ,#000 0%,#1e1d1c 3%,#000 100%);
}















	/*嬉しいポイント*/
.oc_desc.monotone #happy_point{
	margin-top: 30px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 14px;
	background: #F5F4F2;
}
.oc_desc.monotone #happy_point .wrap_title{
	margin: 40px 0 0;
	padding: 15px 15px 15px 30px;
	font-family: serif;
	color: #EDD951;
	background-color: #333;
	background: linear-gradient(to right,#333 0%,#333 12px,#aaa 12px,#aaa 13px,#333 13px,#333 14px,#aaa 14px,#aaa 15px,#333 15px,#333 100%);
}

.oc_desc.monotone #happy_point .inner{
	margin: 10px;
	padding: 10px;
	background: #fff;
	border-radius: 10px;
	border: 1px dashed #4D4642;
}
.oc_desc.monotone #happy_point .inner.non_deco{ background: none; border: none; padding: unset;}
.oc_desc.monotone #happy_point .inner a{ text-decoration: underline;}
.oc_desc.monotone #happy_point .inner p{ padding: 10px 1em;}
.oc_desc.monotone #happy_point .inner h4,
.oc_desc.monotone #happy_point .inner h5{ padding: 15px; min-height: 60px;}
.oc_desc.monotone #happy_point .inner h4{
	margin-bottom: 15px;
	padding-left: 20px;
	font-size: 15px;
	color: #D31200;
	background: #FFDBC8 url( '../../../../../content_image/parts/cssimg/symbol_sticky_top_r_white.svg' ) right top / 50px auto no-repeat;
}
.oc_desc.monotone #happy_point .inner h4::before{
	content: "";
	display: inline-block;
	float: right;
	width: 25px;
	height: 30px;
}
.oc_desc.monotone #happy_point .inner h5{
	margin-top: 15px;
	font-size: 14px;
	background: #f0f5f5;
	border: 1px solid #ccc;
	border-width: 0px 1px 1px 0px;
	border-radius: 10px;
}

/* PC▽ */ @media only screen and (min-width: 768px) {
	.oc_desc.monotone #happy_point{ margin-top: 50px;}
	.oc_desc.monotone #happy_point .inner{ padding: 20px; margin: 20px;}
	.oc_desc.monotone #happy_point .inner h4{ font-size: 20px;}
	.oc_desc.monotone #happy_point .inner h5{ font-size: 18px;}
	.oc_desc.monotone #happy_point .giftbox_image{ width: 20%;}
	/*包装種類/幅*/
	.oc_desc.monotone #happy_point .wrap_item{ display: flex; flex-flow: row wrap; justify-content: space-between;}
	.oc_desc.monotone #happy_point .wrap_item .wrap_img{ width: 40%;}
	.oc_desc.monotone #happy_point .wrap_item .wrap_text{ width: 60%;}
}/*△*/

	/*おすすめグループ一覧*/
.oc_desc.monotone #group_list{}
	/*ご注意ください*/
.oc_desc.monotone #attention{}




/*▲▲特定用途(モノトーンテンプレ/.oc_desc.monotone)*****************************************/




/*▼▼パーツ(熟成士紹介)********************************************************/


.oc_desc div[class*="fro_com_prof"]{
	background: #231815;
	color: #fff;
}

/*▲▲パーツ(熟成士紹介)********************************************************/

/*▼▼パーツ(動画)********************************************************/
.oc_desc .movie_youtube iframe{ width: 100%; height: 52vw;}

@media only screen and (min-width: 768px) { 
	.oc_desc .movie_youtube{ width: 670px; height: 390px; margin-left: calc( ( 100% - 690px ) /2 );}
	.oc_desc .movie_youtube iframe{ height: 368px;}
}

/*▲▲パーツ(動画)********************************************************/
/*▼▼特定用途(商品説明ボックス)********************************************************/

.oc_desc .box_desc{
	display: flex;
	position: relative;
	width: 96%;
	margin: 10px auto 20px;
	border: 1px solid #e5e0db;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: stretch;
}


	/*枠*/
.oc_desc .box_desc .box_desc_header,
.oc_desc .box_desc .box_desc_detail,
.oc_desc .box_desc .box_desc_notice{
	flex: 1 1 auto;
	width: 100%;
	margin: 0 0;
	padding: 0;
}
.oc_desc .box_desc .box_desc_detail{ margin: 5px 0;}

	/*内容*/

.oc_desc .box_desc .box_desc_title,
.oc_desc .box_desc .box_desc_lead{
	margin: 0 0 5px;
	padding: 5px 1em;
}
.oc_desc .box_desc .box_desc_title{
	color: #fff;
	text-align: center;
	background: #4d3d32;
	border-radius: 5px 5px 0px 0px;
}
.oc_desc .box_desc .box_desc_lead{}

.oc_desc .box_desc .colored_sign{
	margin: 0;
	padding: 5px;
}

.oc_desc .box_desc .ondo{
	display: inline-block;
	margin: 10px 5px;
	padding: 6px;
	line-height: 110%;
	font-size:18px;
	color:#222222;
	text-align:left;
	letter-spacing:-0.7px;
	background-color:#2ea7e0;
	border-radius: 5px;
}
.oc_desc .ondo::before,
.oc_desc .ondo::after{font-size: 60%;}
.oc_desc .ondo::before{content:"この商品は　";}
.oc_desc .ondo::after{content:"　でお届けします";}
	/*冷蔵*/	.oc_desc .ondo.reizou{ background-color:#2ea7e0;}
	/*常温*/	.oc_desc .ondo.jouon{ background-color:#f5ac32;}
	/*冷凍*/	.oc_desc .ondo.reitou{ background-color:#1d2088;color: #fff;}


.oc_desc .box_desc .item_list{}
.oc_desc .box_desc .item_list > span,
.oc_desc .box_desc .item_list dt,
.oc_desc .box_desc .item_list dd{
	padding: 5px ;
}

.oc_desc .box_desc .item_list > span{
	display: block;
	width: 100%;
	text-align: center;
	background: #e5e0dB;
}
.oc_desc .box_desc .item_list dt,
.oc_desc .box_desc .item_list dd{ padding: 2px 20px; }

.oc_desc .box_desc .item_list dt{ margin-top: 0.8em;}
.oc_desc .box_desc .item_list dt::before{ content: "■";}
.oc_desc .box_desc .item_list dd{ padding-left: 30px;}
.oc_desc .box_desc .item_list dd[title]::before{
	content: attr(title) "：";
}

.oc_desc .box_desc .box_desc_notice dl{ padding: 2px 20px; }

.oc_desc .box_desc .box_desc_notice dd{ padding-left: 3em;}
.oc_desc .box_desc .box_desc_notice dt::before{ content: "●";}
.oc_desc .box_desc .box_desc_notice dt::after{ content: "：";}

.oc_desc .box_desc .box_desc_notice .caution{ width: 100%;}
.oc_desc .box_desc .box_desc_notice .caution dt::after{ content: none;}
.oc_desc .box_desc .box_desc_notice .caution dd{ padding-left: unset;}

.oc_desc .box_desc .box_desc_notice .caution ul{ list-style: disc;margin-left: 3em;}


/* PC▽ */ @media only screen and (min-width: 768px) {
	.oc_desc .box_desc .box_desc_notice dt,
	.oc_desc .box_desc .box_desc_notice dd{ display: inline-block;}
	.oc_desc .box_desc .box_desc_notice dt{ width: 20%;}
	.oc_desc .box_desc .box_desc_notice dd{ width: calc( 100% - 20% );}
	.oc_desc .box_desc .box_desc_notice .caution dd{ width: 100%;}
	.oc_desc .box_desc .box_desc_notice .caution ul{ margin-left: 4em;}

}/*△*/





/*▲▲特定用途(商品説明ボックス)********************************************************/
/*▼▼特定用途(親誘導/旧タイプ)********************************************************/
/*通常版*/
.oc_desc .parent_reflux_bn,
.oc_desc .parent_reflux{ 
	position: relative;
	margin: 20px 10px 30px;
	border: 1px solid #e5e0db;
	border-radius: 5px;
}
.oc_desc .parent_reflux{}
.oc_desc .parent_reflux_bn::after,
.oc_desc .parent_reflux::after{content:"";clear: both;display: block;/*cf*/}

.oc_desc .parent_reflux_bn > img{ display: block; width: 100%;}
.oc_desc .parent_reflux > img{ width: 30%; float: left; margin-right: 1rem;}

.oc_desc .parent_reflux_bn p,
.oc_desc .parent_reflux p{ font-size: 11px;}
.oc_desc .parent_reflux_bn p{ text-align: center;}
.oc_desc .parent_reflux p{ margin-bottom: 10px; padding-top: 5px;}

.oc_desc .parent_reflux_bn a,
.oc_desc .parent_reflux a{
	display: inline-block;
	padding: 10px 5px;
}
.oc_desc .parent_reflux a{
	width: 64%;
	font-size: 14px;
	color: #fff;
	text-align: center;
	background: #4d3d36;
	border-radius: 5px;
}


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

.oc_desc .parent_reflux_bn{ margin: 10px auto 10px; width: 400px; }
.oc_desc .parent_reflux{ margin: 20px 60px 40px; }
.oc_desc .parent_reflux > img{ width: 20%;}
.oc_desc .parent_reflux_bn,
.oc_desc .parent_reflux p{ font-size: 12px; padding-top: 12px;}
.oc_desc .parent_reflux a{ width: 76%; font-size: 18px; padding: 10px 1em; margin-left: 3%;
	position: absolute; top: 50%; left: 57%; transform: translateY(-50%) translateX(-50%);}

}/*△*/


/*特集戻り誘導*/
.oc_desc .spcase_reflux{
	margin-top: 100px;
	padding: 10px;
	padding-bottom: 15px;
	background: #f3f0ed;
}
.oc_desc .spcase_reflux a{}
.oc_desc .spcase_reflux a img{}
.oc_desc .spcase_reflux a p{}
/* PC▽ */ @media only screen and (min-width: 768px) {
	.oc_desc .spcase_reflux{ margin-top: 120px; padding: 20px 10%; text-align: center;}
}/*△*/




/*▲▲特定用途(親誘導旧タイプ)********************************************************/

/*▼▼パーツ(お客様の声_temp)********************************************************/

.oc_desc .box_voice{
	position: relative;
	margin: 17px 0;
	padding: 5px 3px;
	border: 2px solid #F5AC32;
	border-radius: 5px;
}
.oc_desc .box_voice::after{ content:"";clear: both;display: block;/*cf*/}
.oc_desc .box_voice::before{
	content: "";
	position: relative;
	top: -8px;
	left: -6px;
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	margin-right: 9px;
	background:
		url(/html/template/ordercheese/assets/img/app/show/icon-review.svg) left top / 100% auto no-repeat;
	opacity: 0.6;
}


.oc_desc .box_voice .voice_title{
	display: inline;
	font-size: 120%;
	color: #000;
}
.oc_desc .box_voice .voice_item{ display: none;}
.oc_desc .box_voice .voice_name{ display: inline; letter-spacing: -1px;}
.oc_desc .box_voice .voice_name::before{ content: "　( ";}
.oc_desc .box_voice .voice_name::after{ content: " さんより)";}
.oc_desc .box_voice .voice_text{ padding: 10px;}

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


}/*△*/

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

	.oc_desc .box_voice .voice_item{
		display: block;
		position: absolute;
		top: 0;
		right: 5px;
		color: #999;
	}

}/*△*/
/*▲▲パーツ(お客様の声)********************************************************/

/*▼▼特定用途　あとで消す*********************/


.oc_desc .atodekesu{ background: #ffff99; color:#A900FF; font-size: 14px;}
/* PC▽ */ @media only screen and (min-width: 768px) { .oc_desc .atodekesu{ font-size: 24px;} }/*△*/


/*▲▲特定用途(あとで消す)********************************************************/