@charset "utf-8";
/* ------------------------------
JAL user0005 ordercheese 202304 sz

2026/04/21 13:46
------------------------------ */

/************************************
PC用
html[data-browse-mode="P"] 
モバイル用
html[data-browse-mode="S"] 
***********************************/


/* override ********************/
	/*全体*/
#header{ margin-bottom: 0px !important;}

	/*PCレフトナビ、spハンバーガメニュー*/
html[data-browse-mode="P"] .pane-left-menu {
	color: #4d3d32;
	background: #e5e0db;
}

/*
html[data-browse-mode="P"] #block_of_searchbox,
html[data-browse-mode="P"] #block_of_searchbox .pane-block--title{ background: #e3d5ef;}
*/


html[data-browse-mode="P"] .pane-left-menu #block_of_categorytree .pane-block--title,
html[data-browse-mode="P"] .pane-left-menu #block_of_genretree .pane-block--title{
	padding: 15px 10px;
	font-weight: normal;
	color: #e5e0db;
	background: #4d3d32;
}
html[data-browse-mode="P"] #block_of_categorytree .block-category-tree--level-2 > li{
	text-indent: unset;
	padding: 0px 10px 0px 20px;
	border-bottom: dotted 3px #aa957f;
}
#js_calendar_replace #calendar table td span{}

#js_calendar_replace #calendar table td span.closed{
	color: unset !important;
	background: #ddd !important;
	border-radius: unset;
}
#js_calendar_replace #calendar.block-calendar p > span{ color: #4d3d32 !important;}
#js_calendar_replace #calendar.block-calendar p > span::before{ content: "■" !important;}

html[data-browse-mode="S"] #footer_js-tree .list-item__center.level0{
	background: #4d3d32;
}


	/*ページ色々*/
html[data-browse-mode="S"] .page-goods .block-goods-comment6{ margin: 0px 10px 30px;}
html[data-browse-mode="P"] .page-goods .block-goods-comment6{ margin: 0px 0px 30px;}

html[data-browse-mode="S"] .page-goods .block-goods-comment7{ padding: 0px 2vw;}
html[data-browse-mode="S"] .page-goods h2.goods-detail-spec-title{ font-size: 18px;}
.page-goods .pane-goods-center .goods-detail-description-wrap{ border: unset;}

	/*キャッチコピー下お知らせ*/
#spec_goods_comment.block-goods-comment{ position: relative;}
#spec_goods_comment.block-goods-comment::after{
	content: ""; display: block; width: 100%; height: 65px;
	background: url( /img/0005/img/parts/notice/spec_goods_comment_normal.png ) center bottom / 100% auto no-repeat;
}
/* sp */ html[data-browse-mode="S"] #spec_goods_comment.block-goods-comment::after{ height: 15.7vw;}




	/*商品情報*/
.goods_detail_description_ordercheese{
	display: flex; justify-content: space-between; flex-wrap: wrap;
	width: 100%; border: #E0E0E0 1px solid;
	font-size: 14px;
}
.goods_detail_description_ordercheese dt,
.goods_detail_description_ordercheese dd{ box-sizing: border-box; padding: 10px 20px;}
.goods_detail_description_ordercheese dt:not(:last-of-type),
.goods_detail_description_ordercheese dd:not(:last-of-type){ border-bottom: #E0E0E0 1px solid;}

.goods_detail_description_ordercheese dt{ width: 30%; background: #F8F8F8;}
.goods_detail_description_ordercheese dd{ width: 69.9%;}
/* sp▽ */
	html[data-browse-mode="S"] .goods_detail_description_ordercheese dd{ line-height: 1.4em !important;}
/*△*/
/*PC▽*/
	html[data-browse-mode="P"] .goods_detail_description_ordercheese dt{ width: 180px;}
	html[data-browse-mode="P"] .goods_detail_description_ordercheese dd{ width: calc( 100% - 180px);}
/*△*/

	/*こちらもおすすめ(関連商品)*/
.related_product{}
.related_product .goods-detail-spec-title{}
.related_product .item_arr_case{
	justify-content: center;
}
.related_product .item_arr_case ,item_arr{
	flex: 0 0 24%;
}

/*商品コメント 4*/
.page-goods div[class^="block-goods-comment4"] p{ font-size: 14px; line-height: 1.3em;}

/***********************************************************/


/**▼カテゴリデフォルトヘッダ―*********************************************************/

.category_default_header{}
.category_default_header .top_sign,
.category_default_header .top_sign .image{
	position: relative;
	display: block; margin: 0px auto;
}

html[data-browse-mode="S"] .category_default_header{
	height: 15vw;
	overflow: hidden;
}
html[data-browse-mode="S"] .category_default_header .top_sign{
	height: 100%;
}
html[data-browse-mode="S"] .category_default_header .top_sign .image{
	max-width: unset; height: 100%;
	left: 50%; transform: translateX(-50%);
}


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

	/* 改行PC/sp */
html[data-browse-mode="P"] .u-show-on-sp,
html[data-browse-mode="P"] .u_show_on_sp,
html[data-browse-mode="S"] .u-show-on-pc,
html[data-browse-mode="S"] .u_show_on_pc{ display: none;}


	/*色*/
.f_red{ color: #d31200;}


	/* (UL)汎用 */
.oc_list{ margin: 20px 0em;}
.oc_list li{
	position: relative;
	margin-bottom: 1em; padding-left: 1.5em;
}

	/* (UL)●つき */
.oc_list.maru li::before{
	content: "●"; color: #4d3d32;
	position: absolute; left: 0em;
}

	/* (UL)番号つき */
.oc_list_number{ counter-reset: list_number;}
.oc_list_number li{ margin-bottom: 1em;}
.oc_list_number li::before{
	content: counter(list_number); /*★計数値をここで表示*/
	counter-increment: list_number; /*★計数値を１つ進める*/
	position: absolute; left: -1.6em;
	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%;
}
html[data-browse-mode="P"] .oc_list_number li::before{ font-size: 22px; margin-bottom: 10px;}


		/* (UL) list_icon いろいろアイコンつき */
.list_icon{
	list-style: none; padding-left: 2em; line-height: 1.3em;
	--list-icon: "●"; /* デフォルト */
}

.list_icon > li{ position: relative; padding-left: 0.8em; margin-bottom: 0.2em;}
.list_icon > li::before{
	content: var(--list-icon); /*指定したアイコン*/
	position: absolute; left: -1em; width: 1em; text-align: right;
}

.list_icon.kome{ --list-icon: "※"; }
.list_icon.maru_kuro{ --list-icon: "●"; }
.list_icon.maru_double{ --list-icon: "◎"; }
.list_icon.nakaguro{ --list-icon: "・"; }
.list_icon.star{ --list-icon: "★"; }
.list_icon.triangle_right{ --list-icon: "▲"; } 
.list_icon.check_mark{ --list-icon: "レ"; display: inline-block; transform: rotate(-25deg);}

			/*アイコン個別設定*/
.list_icon.triangle_right > li::before { display: inline-block; transform: rotate(90deg);}
.list_icon.check_mark > li::before{ font-weight: bold; font-size: 1.1em;}
.list_icon.check_mark.check_green > li::before{ color: #1fa91f;}

			/*list_icon拡張 数字付き*/
.list_icon.number{ counter-reset: list_icon_number;}
.list_icon.number > li{ padding-left: 1.4em;}
.list_icon.number > li::before{
	counter-increment: list_icon_number;
	content: var(--list-icon) counter(list_icon_number);
}









	/* 下線 */
.f_under{ text-decoration: underline;}

	/* font */
.f_mincho{ font-family: "HG明朝E", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro W6", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}


/*▼陳列汎用************/
.item_arr_case{
	display: flex;
	flex-flow: row wrap; justify-content:space-between;
	align-items: stretch; align-content: stretch;
}

.item_arr_case .item_arr{
	flex: 0 0 32%;
	margin: 0px 0px 30px;
	padding: 0px;
}
/*sp*/ html[data-browse-mode="S"] .item_arr_case .item_arr{
	flex-basis: 48%;
	margin: 0px 0px 20px;
}



.item_arr_case .item_arr .link{ display: block;}
.item_arr_case .item_arr .item_img{ width: 100%;}
.item_arr_case .item_arr .item_name{}




/**▼必ずご確認ください*********************************************************/

.user_caution{
border: 2px solid #c00;
	padding: 10px;
	border-radius: 5px;
}
.user_caution .title{
	text-align: center;
	font-size: 1.5em;
	margin-bottom: 0.5em;
	color: #c00;
}
.user_caution .list{
	margin-left: 1em;
	padding-left: 1em;
}
.user_caution .list .line{
	list-style: disc;
	margin-bottom: 0.5em;
}
.user_caution .list .line b{
	color: #c00;
}



/**▼商品ページ*********************************************************/

/* oc_desc ********************/
#ec4main,
.oc_desc{ font-size: 14px;}
/* sp▽ */ 
	html[data-browse-mode="S"] .oc_desc{ padding: 0vw 0vw 2vw;}
/*△*/
#ec4main *.*,
.oc_desc *.*{ box-sizing: border-box;}

#ec4main p,
.oc_desc p{ font-size: 14px;}


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

/* sp▽ */
	html[data-browse-mode="S"] #ec4main .clearfix_sp::after,
	html[data-browse-mode="S"] .oc_desc .clearfix_sp::after{ content:"";clear: both;display: block;}
	html[data-browse-mode="S"] #ec4main .show_on_pc,
	html[data-browse-mode="S"] #ec4main .show-on-pc,
	html[data-browse-mode="S"] .oc_desc .show_on_pc,
	html[data-browse-mode="S"] .oc_desc .show-on-pc{ display:none;} 
/*△*/
/* PC▽ */
	html[data-browse-mode="P"] #ec4main .clearfix_pc::after,
	html[data-browse-mode="P"] .oc_desc .clearfix_pc::after{ content:"";clear: both;display: block;}
	html[data-browse-mode="P"] #ec4main .show-on-sp,
	html[data-browse-mode="P"] #ec4main .show_on_sp,
	html[data-browse-mode="P"] .oc_desc .show-on-sp,
	html[data-browse-mode="P"] .oc_desc .show_on_sp{ display:none;}
/*△*/


/* oc_desc basic********************/



#ec4main .user_desc,
.oc_desc .user_desc{ padding: 5px 0vw;}
/* PC▽ */
	html[data-browse-mode="P"] #ec4main .user_desc,
	html[data-browse-mode="P"] .oc_desc .user_desc{ padding: 10px 20px;}
/*△*/


/* PC▽ */
	html[data-browse-mode="P"] .oc_desc .user_desc .desc_title{ font-size: 28px; text-align: center;}
/*△*/

.oc_desc .user_desc .desc_text{}
.oc_desc .user_desc .desc_text .mini_title{ font-size: 17px;}
.oc_desc .user_desc .desc_text .mini_title::before{ content: "●";}



/* oc_desc common********************/
#ec4main .box_com,
.oc_desc .box_com{ margin-bottom: 1em; padding: 5px; line-height: 1.4em !important;}
/*PC▽*/
	html[data-browse-mode="P"] #ec4main .box_com,
	html[data-browse-mode="P"] .oc_desc .box_com{ line-height: 1.6em !important;}
/*△*/


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



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




	/* float */
.oc_desc .flol{ float: left;}
.oc_desc .flor{ float: right;}
.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▽ */
	html[data-browse-mode="S"] .oc_desc .w_p30_100.flol,
	html[data-browse-mode="S"] .oc_desc .w_p40_100.flol,
	html[data-browse-mode="S"] .oc_desc .w_p50_100.flol,
	html[data-browse-mode="S"] .oc_desc .w_p70_100.flol,
	html[data-browse-mode="S"] .oc_desc .w_p30_100.flor,
	html[data-browse-mode="S"] .oc_desc .w_p40_100.flor,
	html[data-browse-mode="S"] .oc_desc .w_p50_100.flor,
	html[data-browse-mode="S"] .oc_desc .w_p70_100.flor{ float: unset; margin-left: unset; margin-right: unset;}
/*△*/
/* PC▽ */
	html[data-browse-mode="P"] .oc_desc .w_p100_30.flol,
	html[data-browse-mode="P"] .oc_desc .w_p100_50.flol,
	html[data-browse-mode="P"] .oc_desc .w_p100_30.flor,
	html[data-browse-mode="P"] .oc_desc .w_p100_50.flor{ float: unset; margin-left: unset; margin-right: unset;}
/*△*/




	/* 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▽ */
	html[data-browse-mode="S"] .oc_desc .t_center_sp{ text-align: center; }
	html[data-browse-mode="S"] .oc_desc .clearfix_sp::after{content:"";clear: both;display: block;}
	html[data-browse-mode="S"] .oc_desc .show_on_pc{ display:none;} 
/*△*/


/*PC▽*/
	html[data-browse-mode="P"] .oc_desc .t_center_pc{ text-align: center; }
	html[data-browse-mode="P"] .oc_desc .t_right_pc{ text-align: right; }
	html[data-browse-mode="P"] .oc_desc .clearfix_pc::after{content:"";clear: both;display: block;}
	html[data-browse-mode="P"] .oc_desc .show_on_sp{ display:none;}
/*△*/

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


/*flexなbox**********/
	/*親要素*/
.oc_desc .flex_root{
	flex-flow: row wrap; justify-content: space-around;
	align-items: stretch; align-content: stretch;
}
.oc_desc .flex_root{ display: 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 */
	html[data-browse-mode="P"] .oc_desc .flex_col_2_1,
	html[data-browse-mode="P"] .oc_desc .flex_col_2_2{ width: 47%; margin: 0 1.5%;}
	html[data-browse-mode="P"] .oc_desc .flex_col_3_3,
	html[data-browse-mode="P"] .oc_desc .flex_col_3_2,
	html[data-browse-mode="P"] .oc_desc .flex_col_3_1{ width: 31%; margin: 0 1.14%;}
	html[data-browse-mode="P"] .oc_desc .flex_col_4_4,
	html[data-browse-mode="P"] .oc_desc .flex_col_4_3,
	html[data-browse-mode="P"] .oc_desc .flex_col_4_2,
	html[data-browse-mode="P"] .oc_desc .flex_col_4_1{ width: 24%; margin: 0 0.5%;}
	html[data-browse-mode="P"] .oc_desc .flex_col_5_5,
	html[data-browse-mode="P"] .oc_desc .flex_col_5_4,
	html[data-browse-mode="P"] .oc_desc .flex_col_5_3,
	html[data-browse-mode="P"] .oc_desc .flex_col_5_2,
	html[data-browse-mode="P"] .oc_desc .flex_col_5_1{ width: 19%; margin: 0 0.5%;}
/*△*/
	/*append*/
		/*画像 マージンなし用*/
.oc_desc .flex_root.img_just{ justify-content: stretch;}
.oc_desc .img_just > *[class*="flex_col"],
html[data-browse-mode="P"] .oc_desc .img_just > *[class*="flex_col"]{ margin: 0;}
/* sp▽ */
	html[data-browse-mode="S"] .oc_desc .img_just > *[class*="flex_col_2_2"]{ width:50%;}
	html[data-browse-mode="S"] .oc_desc .img_just > *[class*="flex_col_3_3"]{ width:33.33%;}
	html[data-browse-mode="S"] .oc_desc .img_just > *[class*="flex_col_4_4"]{ width:25%;}
	html[data-browse-mode="S"] .oc_desc .img_just > *[class*="flex_col_5_5"]{ width:20%;}
/*△*/
/* PC▽ */
	html[data-browse-mode="P"] .oc_desc .img_just > *[class*="flex_col_2"]{ width:50%;}
	html[data-browse-mode="P"] .oc_desc .img_just > *[class*="flex_col_3"]{ width:33.33%;}
	html[data-browse-mode="P"] .oc_desc .img_just > *[class*="flex_col_4"]{ width:25%;}
	html[data-browse-mode="P"] .oc_desc .img_just > *[class*="flex_col_5"]{ width:20%;}
/*△*/
		/*逆順*/
html[data-browse-mode="S"] .oc_desc .flex_root.flex_c_reverse_sp{ flex-direction: column-reverse;}
html[data-browse-mode="P"] .oc_desc .flex_root.flex_c_reverse_pc{ flex-direction: column-reverse;}
html[data-browse-mode="S"] .oc_desc .flex_root.flex_r_reverse_sp{ flex-direction: row-reverse;}
html[data-browse-mode="P"] .oc_desc .flex_root.flex_r_reverse_pc{ flex-direction: row-reverse;}

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



	/* 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▽ */
	html[data-browse-mode="P"] .oc_desc .m_top_20_10{ margin-top: 20px;}
	html[data-browse-mode="P"] .oc_desc .m_top_40_20{ margin-top: 40px;}
	html[data-browse-mode="P"] .oc_desc .m_top_60_30{ margin-top: 60px;}
	html[data-browse-mode="P"] .oc_desc .m_top_80_40{ margin-top: 80px;}
	html[data-browse-mode="P"] .oc_desc .m_btm_20_10{ margin-bottom: 20px;}
	html[data-browse-mode="P"] .oc_desc .m_btm_40_20{ margin-bottom: 40px;}
	html[data-browse-mode="P"] .oc_desc .m_btm_60_30{ margin-bottom: 60px;}
	html[data-browse-mode="P"] .oc_desc .m_btm_80_40{ margin-bottom: 80px;}
	html[data-browse-mode="P"] .oc_desc .m_topbtm_20_10{ margin-top: 20px; margin-bottom: 20px;}
	html[data-browse-mode="P"] .oc_desc .m_topbtm_40_20{ margin-top: 40px; margin-bottom: 40px;}
	html[data-browse-mode="P"] .oc_desc .m_topbtm_60_30{ margin-top: 60px; margin-bottom: 60px;}
	html[data-browse-mode="P"] .oc_desc .m_topbtm_80_40{ margin-top: 80px; margin-bottom: 80px;}
	html[data-browse-mode="P"] .oc_desc .m_l_r_20_10{ margin-right: 20px; margin-left: 20px;}
	html[data-browse-mode="P"] .oc_desc .m_l_r_40_20{ margin-right: 40px; margin-left: 40px;}
	html[data-browse-mode="P"] .oc_desc .m_l_r_60_30{ margin-right: 60px; margin-left: 60px;}
	html[data-browse-mode="P"] .oc_desc .m_all_20_10{ margin: 20px;}
	html[data-browse-mode="P"] .oc_desc .m_all_40_20{ margin: 40px;}
	html[data-browse-mode="P"] .oc_desc .m_all_60_30{ margin: 60px;}
	html[data-browse-mode="P"] .oc_desc .p_top_40_20{ padding-top: 40px;}
	html[data-browse-mode="P"] .oc_desc .p_top_60_30{ padding-top: 60px;}
	html[data-browse-mode="P"] .oc_desc .p_btm_40_20{ padding-bottom: 40px;}
	html[data-browse-mode="P"] .oc_desc .p_btm_60_30{ padding-bottom: 60px;}
	html[data-browse-mode="P"] .oc_desc .p_topbtm_40_20{ padding-top: 40px; padding-bottom: 40px;}
	html[data-browse-mode="P"] .oc_desc .p_topbtm_60_30{ padding-top: 60px; padding-bottom: 60px;}
	html[data-browse-mode="P"] .oc_desc .p_l_r_40_20{ padding-right: 40px; padding-left: 40px;}
	html[data-browse-mode="P"] .oc_desc .p_l_r_60_30{ padding-right: 60px; padding-left: 60px;}
	html[data-browse-mode="P"] .oc_desc .p_all_20_10{ padding: 20px;}
	html[data-browse-mode="P"] .oc_desc .p_all_40_20{ padding: 40px;}
	html[data-browse-mode="P"] .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▽ */
	html[data-browse-mode="P"] .oc_desc .w_p10_20,
	html[data-browse-mode="P"] .oc_desc .w_p10_30{ width: 10%; height: auto;}
	html[data-browse-mode="P"] .oc_desc .w_p20_30,
	html[data-browse-mode="P"] .oc_desc .w_p20_40,
	html[data-browse-mode="P"] .oc_desc .w_p20_50{ width: 20%; height: auto;}
	html[data-browse-mode="P"] .oc_desc .w_p30_40,
	html[data-browse-mode="P"] .oc_desc .w_p30_50,
	html[data-browse-mode="P"] .oc_desc .w_p30_100{ width: 30%; height: auto;}
	html[data-browse-mode="P"] .oc_desc .w_p40_30,
	html[data-browse-mode="P"] .oc_desc .w_p40_100{ width: 40%; height: auto;}
	html[data-browse-mode="P"] .oc_desc .w_p50_100{ width: 50%; height: auto;}
	html[data-browse-mode="P"] .oc_desc .w_p60_100{ width: 60%; height: auto;}
	html[data-browse-mode="P"] .oc_desc .w_p70_100{ width: 70%; height: auto;}
	html[data-browse-mode="P"] .oc_desc .w_p80_70,
	html[data-browse-mode="P"] .oc_desc .w_p80_100{ width: 80%; height: auto;}
	html[data-browse-mode="P"] .oc_desc .w_p100_30,
	html[data-browse-mode="P"] .oc_desc .w_p100_50{ width: 100%; height: auto;}

	html[data-browse-mode="P"] .oc_desc .pc_width_adjust_ec4{ width: 830px; margin: 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*/
#ec4main .f_5l,
.oc_desc .f_5l { font-size: 24px;}
#ec4main .f_4l,
.oc_desc .f_4l { font-size: 22px;}
#ec4main .f_3l,
.oc_desc .f_3l { font-size: 20px;}
#ec4main .f_2l,
.oc_desc .f_2l { font-size: 18px;}
#ec4main .f_l,
.oc_desc .f_l { font-size: 16px;}
#ec4main .f_small,
.oc_desc .f_small { font-size: 80%;}
#ec4main .f_p100,
.oc_desc .f_p100 { font-size: 100%;}
#ec4main .f_p110,
.oc_desc .f_p110 { font-size: 110%;}
#ec4main .f_p120,
.oc_desc .f_p120 { font-size: 120%;}
#ec4main .f_p130,
.oc_desc .f_p130 { font-size: 130%;}
#ec4main .f_p150,
.oc_desc .f_p150 { font-size: 150%;}
#ec4main .f_p180,
.oc_desc .f_p180 { font-size: 180%;}
#ec4main .f_p200,
.oc_desc .f_p200 { font-size: 200%;}


html[data-browse-mode="P"] #ec4main .f_5l,
html[data-browse-mode="P"] .oc_desc .f_5l{ font-size: 28px;}
html[data-browse-mode="P"] #ec4main .f_4l,
html[data-browse-mode="P"] .oc_desc .f_4l{ font-size: 24px;}



		/*line-height*/
#ec4main .f_lh130,
.oc_desc .f_lh130 { line-height: 130%;}
#ec4main .f_lh150,
.oc_desc .f_lh150 { line-height: 150%;}
#ec4main .f_lh180,
.oc_desc .f_lh180 { line-height: 180%;}
#ec4main .f_lh200,
.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;}
.oc_desc .list_disc li{ list-style: disc;}

		/* (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%;
}
html[data-browse-mode="P"] .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;}

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


	/*excurse 回遊*/
.oc_desc .excurse{ margin: 10px;}
html[data-browse-mode="P"] .oc_desc .excurse{ margin: 30px 50px;}


	/*desc_box 定番系説明box*/
#ec4main .desc_box_wrapper{ margin: 0 auto 40px; max-width: 760px;}
#ec4main .desc_box_wrapper .desc_box .title{ text-align: center;}
#ec4main .desc_box_wrapper .desc_box .photo{ display: block; margin: 20px auto 20px;}



/*好評につき*****************/
.oc_desc .reputation{ text-align: center; color: #d31200;}
html[data-browse-mode="P"] .oc_desc .reputation{ font-size: 18px;}


/*section_title*************************/
.page-goods div[class^="block-goods-comment"] .oc_desc h2.section_title,
.page-goods div[class^="block-goods-comment"] .oc_desc h3.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_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}


/*▼▼パーツ(intro_box)********************************************************/
.oc_desc .intro_box{ padding: 10px 5px;}
#ec4main.oc_desc .intro_box .intro_main{ font-size: 18px; line-height: 180%; text-align: center;}
#ec4main.oc_desc .intro_box .intro_sub{ font-size: 15px; line-height: 150%;}
html[data-browse-mode="P"] #ec4main.oc_desc .intro_box{ padding: 20px;}
html[data-browse-mode="P"] #ec4main.oc_desc .intro_box .intro_main{ font-size: 24px;}
html[data-browse-mode="P"] #ec4main.oc_desc .intro_box .intro_sub{ font-size: 16px; text-align: center;}
/*▲▲パーツ(intro_box)********************************************************/


/* oc_desc parts********************/





/*▼▼パーツ(スタッフコメント 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▽ */ 
html[data-browse-mode="S"] .oc_desc .fukidasi1{ padding: 10px;}
html[data-browse-mode="S"] .oc_desc .fukidasi1.fuki_left.fuki_sp_top::before,
html[data-browse-mode="S"] .oc_desc .fukidasi1.fuki_left.fuki_sp_top::after,
html[data-browse-mode="S"] .oc_desc .fukidasi1.fuki_right.fuki_sp_top::before,
html[data-browse-mode="S"] .oc_desc .fukidasi1.fuki_right.fuki_sp_top::after{ 	border: 15px solid transparent; left: unset; right: unset; left: 50%; top: -15px; border-top: unset;}
html[data-browse-mode="S"] .oc_desc .fukidasi1.fuki_left.fuki_sp_top::before,
html[data-browse-mode="S"] .oc_desc .fukidasi1.fuki_right.fuki_sp_top::before{ border-bottom-color: #888;}
html[data-browse-mode="S"] .oc_desc .fukidasi1.fuki_left.fuki_sp_top::after,
html[data-browse-mode="S"] .oc_desc .fukidasi1.fuki_right.fuki_sp_top::after{ top: -12px; border-bottom-color: #fff;}
html[data-browse-mode="S"] .oc_desc .fukidasi1.fuki_left.fuki_sp_top.sp_left::before,
html[data-browse-mode="S"] .oc_desc .fukidasi1.fuki_left.fuki_sp_top.sp_left::after,
html[data-browse-mode="S"] .oc_desc .fukidasi1.fuki_right.fuki_sp_top.sp_left::before,
html[data-browse-mode="S"] .oc_desc .fukidasi1.fuki_right.fuki_sp_top.sp_left::after{ left: 20%;}
/*△*/

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



/*セットリスト*/
.oc_desc .set_desc{}
.oc_desc .set_desc .set_list{ list-style: disc; padding: 1em 0em 1em 2em; border: 1px solid #ccc;}
.oc_desc .set_desc .set_list .sub_title{ margin-top: 0.5em; list-style: none; color: #d31200;}
html[data-browse-mode="P"] .oc_desc .set_desc .set_list{ font-size: 120%;}





/* ▼accordion-box2(途中まで見える) */
.oc_desc .aco_box2{ position: relative; margin-bottom: 20px;}
.oc_desc .aco_box2 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_box2 input:checked + label{ background: inherit;}
.oc_desc .aco_box2 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_box2 input{ display: none;}
.oc_desc .aco_box2 .aco_inner{ overflow: hidden; height: 60vw;}
	/* to close */
.oc_desc .aco_box2 input:checked + label{}
.oc_desc .aco_box2 input:checked + label:after{ content: "閉じる ×";background-color: #bbbbbb;}
.oc_desc .aco_box2 input:checked ~ .aco_inner{ height: auto; padding-bottom: 70px;}
/* PC▽ */ @media only screen and (min-width: 768px) {
	.oc_desc .aco_box2 label{ height: 80px;}
	.oc_desc .aco_box2 .aco_inner{ height: 150px;}
}/*△*/

/* ▲accordion-box2 */
/*PCで、開いた後閉じないとき****
html[data-browse-mode="P"] .oc_desc .aco_box2 input:checked + label,
html[data-browse-mode="P"] .oc_desc .aco_box2 input:checked + label:after{ display: none;}
****/









/* ▼accordion-box3(途中まで見える) PC常に開*/
.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: 60vw;}
	/* 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 */



/*price_apeal_v01 価格アピール*/
.oc_desc .price_apeal_v01{ margin: 5px 0px 20px; padding: 5px; font-size: 16px;}
.oc_desc .price_apeal_v01 .text{ margin: 0.5em 0;}
.oc_desc .price_apeal_v01 .apeal_s,
.oc_desc .price_apeal_v01 .apeal_m{ line-height: 1.5em;}
.oc_desc .price_apeal_v01 .apeal_l{ line-height: 2em;}
.oc_desc .price_apeal_v01 span[class^="price"]{ color: #d31200; font-family: "Impact" , "Helvetica" , sans-serif; font-size: 28px;}
.oc_desc .price_apeal_v01 span.price_2l{ font-size: 30px;}
.oc_desc .price_apeal_v01 span.price_3l{ font-size: 40px;}
.oc_desc .price_apeal_v01 span.price_4l{ font-size: 50px;}
.oc_desc .price_apeal_v01 span.text_2l{ font-size: 26px;}
.oc_desc .price_apeal_v01 span.text_3l{ font-size: 34px;}
.oc_desc .price_apeal_v01 span.text_4l{ font-size: 40px;}

html[data-browse-mode="P"] .oc_desc .price_apeal_v01{ margin: 10px 10px 30px; padding: 25px 5px 5px; font-size: 20px;}
html[data-browse-mode="P"] .oc_desc .price_apeal_v01 .apeal_s,
html[data-browse-mode="P"] .oc_desc .price_apeal_v01 .apeal_m{}
html[data-browse-mode="P"] .oc_desc .price_apeal_v01 .apeal_s{ line-height: 2em;}
html[data-browse-mode="P"] .oc_desc .price_apeal_v01 .apeal_m{ line-height: 3em;}
html[data-browse-mode="P"] .oc_desc .price_apeal_v01 .apeal_l{ margin-top:20px;}
html[data-browse-mode="P"] .oc_desc .price_apeal_v01 span.price_2l{ font-size: 46px;}
html[data-browse-mode="P"] .oc_desc .price_apeal_v01 span.price_3l{ font-size: 60px;}
html[data-browse-mode="P"] .oc_desc .price_apeal_v01 span.price_4l{ font-size: 100px;}
html[data-browse-mode="P"] .oc_desc .price_apeal_v01 span.text_1l{ font-size: 30px;}
html[data-browse-mode="P"] .oc_desc .price_apeal_v01 span.text_2l{ font-size: 40px;}
html[data-browse-mode="P"] .oc_desc .price_apeal_v01 span.text_3l{ font-size: 66px;}
html[data-browse-mode="P"] .oc_desc .price_apeal_v01 span.text_4l{ font-size: 80px;}
.oc_desc .price_apeal_v01 .apeal_s.t_right{ text-align: right !important;}


/*********************/