@charset "utf-8";
/* ------------------------------
JAL user0004_common 202604 sz

2026/04/02 14:42
------------------------------ */

/************************************
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: #42324d;
	background: #e1dbe5;
}
html[data-browse-mode="P"] #block_of_categorytree .block-category-tree--item__open > a{
	color: #5b1197;
}
html[data-browse-mode="P"] #block_of_categorytree .block-category-tree--item__open a:after,
#block_of_categorytree .block-category-tree--item a:after{
	border-color: #42324d;
}
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: #42324d;
	border: unset;
}


html[data-browse-mode="P"] #block_of_categorytree.shop-genre-tree .block-category-tree--level-2 > li{
	padding: 15px 10px 15px 20px;
	border-bottom: dotted 1px #43324d;
	background: #e1dbe5;
}
#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;
}

	/*スマホtop検索バー*/
.block-header-site-search{
	background: #2D1236;
	background: linear-gradient(to bottom, #35163f, #1f0d25);
}

	/*ページ色々*/
/* sp▽ */
	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/0004/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);}
	html[data-browse-mode="P"] .page-goods .pane-main .pane-goods-right-side{ margin-bottom: 30px;}
/*△*/




	/*こちらもおすすめ(関連商品)*/
.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%;
}



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


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

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

html[data-browse-mode="S"] .category_default_header{
	height: 35vw;
	display: grid;
	grid-template-rows: 14vw 1fr ;
	grid-template-columns: 1fr;
}
html[data-browse-mode="S"] .category_default_header .top_box.top_sign .image{
	width: 100%; height: 15vw;
	object-fit: cover; object-position: center center;
}

html[data-browse-mode="P"] .category_default_header{
	margin: 0px auto 50px;
	width: 1200px;
	display: grid;
	grid-template-rows: 125px ;
	grid-template-columns: 1fr 600px;
	gap: 5px;
}
html[data-browse-mode="P"] .category_default_header .top_box.top_sign .image{
	width: 600px; height: 125px;
	object-fit: cover; object-position: center center;
}




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

	/* 改行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: #b13f59;}
.f_white{ color: white;}
.f_black{ color: black;}
.f_dark{ color: #4d3d32;}
.f_red{ color: #d31200;}
.f_orange{ color: #f5ac32;}
.f_yellow{ color: #fff100;}
.f_glay,
.f_gray{ color: #888888;}

		/*size*/
.oc_desc .f_5l{ font-size: 22px;}
.oc_desc .f_4l{ font-size: 20px;}
.oc_desc .f_3l{ font-size: 19px;}
.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%;}
html[data-browse-mode="P"] .oc_desc .f_5l{ font-size: 28px;}
html[data-browse-mode="P"] .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%;}



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


	/* (UL)●つき */
.list_oc.maru li::before{
	content: "●";
	position: absolute; left: 0em;
}


	/* (UL)番号つき */
.oc_list_number{ counter-reset: list_number;}
.oc_list_number li{ position: relative; 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;}


	/* 下線 */
.f_under,
.a_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: flex-start;
	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;
}
/*PC*/ html[data-browse-mode="P"] .item_arr_case .item_arr{
	flex: 0 0 calc( 33% - 15px );
	margin: 0px 15px 30px 0px;
}



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




/**▼ご注意ください*********************************************************/

.page-goods .block-goods-comment3{ margin-bottom: unset;}
.page-goods .pane-goods-middle{ margin-bottom: 60px;}

html[data-browse-mode="P"] .page-goods .pane-goods-middle{
	display: flex;
	justify-content: space-evenly;
	align-items: stretch;
	flex-direction: row;
	margin-bottom: 80px;
}


.page-goods .pane-goods-middle > .user_caution,
.page-goods .pane-goods-middle > .block-goods-comment3{
	flex: 1 1 50%;
	padding: 10px;
	border-radius: 5px;
}
html[data-browse-mode="S"] .page-goods .pane-goods-middle > .user_caution{
	margin: 15px;
}
html[data-browse-mode="S"] .page-goods .pane-goods-middle > .block-goods-comment3{
	font-size: 14px;
}

.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 ********************/
.oc_desc{}
/* sp▽ */ @media only screen and (max-width: 768px) {
	.oc_desc{ padding: 0vw 0vw 2vw;}
}/*△*/

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

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


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

/* sp▽ */
	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,
	html[data-browse-mode="S"] .oc_desc .show_on_pc{ display:none;} 
/*△*/
/* PC▽ */
	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,
	html[data-browse-mode="P"] .oc_desc .show_on_sp{ display:none;}
/*△*/



/* oc_desc common********************/
.oc_desc .box_com{ margin-bottom: 1em; padding: 5px; line-height: 1.4em !important;}
/*PC▽*/
	html[data-browse-mode="P"] .oc_desc .box_com{ line-height: 1.6em !important;}
/*△*/
	/*bg-color*/
.oc_desc .bg_wine{ background: #2e1044; color: #fff;}
.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;}


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


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

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



/*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"]{ 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%;}
/*△*/




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


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

html[data-browse-mode="P"] .oc_desc .big_image{ padding: 0px 20px;}

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


.oc_desc .user_desc .desc_title{
	margin: 60px 0px 30px; padding: 0px 5px 6px 30px;
	height: 30px;
	font-size: 20px; font-weight: bold; font-family: "HG明朝E", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro W6", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	border-bottom: 1px solid #322e2d;
	background: url( /img/0004/img/common/bg_ttl_icon.gif ) 8px center / auto 30px no-repeat ;
}
.oc_desc .user_desc .desc_title_dark{
	margin: 60px 0px 30px; padding: 0px 5px 6px 30px;
	height: 30px;
	font-size: 20px; font-family: serif; font-weight: bold; color: #fff;
	background: #322e2d;
}



.oc_desc .user_desc .desc_text{}
.oc_desc .user_desc .desc_text.waku{
	padding: 10px;
	background: #f2e7f9;
}
.oc_desc .user_desc .desc_text .mini_title{ font-size: 17px;}
.oc_desc .user_desc .desc_text .mini_title::before{ content: "●"; color: #352044;}

.oc_desc .reputation{ text-align: center; color: #d31200; font-size: 110%;}
html[data-browse-mode="P"] .oc_desc .reputation{ font-size: 24px; font-weight: bold;}



/* oc_desc parts 枠関係********************/

	/*囲み飾1*/
.desc_text.deco1{ border: 2px solid #42324d; margin-bottom: 1.5em; padding: 1em;}
.desc_text.deco1::after{ content:"";clear: both;display: block;}
.desc_text.deco1 .title{ border-left: solid 0.5em #42324d; margin-top: 0.5em; padding-left: 10px; line-height: 1.3em;}
html[data-browse-mode="S"] .desc_text.deco1 .title .name{ font-size: 110%; line-height: 1.3em;}
html[data-browse-mode="P"] .desc_text.deco1 .title .name{ font-size: 140%; line-height: 1.3em;}


	/*囲み飾1 wine*/
.desc_text.deco1.wine,
.desc_text.deco1.wine .title{ border-color: #42324d;}

	/*囲み飾1 ロゼ*/
.desc_text.deco1.rose,
.desc_text.deco1.rose .title{ border-color: #e29399;}

	/* セット内容(外枠) */
.oc_set_content_list{
	margin: 0; padding: 10px 20px; width: 100%;
	border: #E0E0E0 1px solid; font-size: 14px;
}
.oc_set_content_list::before{ content: "【セット内容】"; display: block; margin-bottom: 10px;}

/* oc_desc parts list関係********************/

	/* (UL) list_icon いろいろアイコンつき */
.oc_desc .list_icon{
	list-style: none; padding-left: 2em; line-height: 1.3em;
	--list-icon: "●"; /* デフォルト */
}
.oc_desc .list_icon > li{ position: relative; padding-left: 0.8em; margin-bottom: 0.2em;}
.oc_desc .list_icon > li::before{
	content: var(--list-icon); /*指定したアイコン*/
	position: absolute; left: -1em; width: 1em; text-align: right;
}
.oc_desc .list_icon.kome{ --list-icon: "※"; }
.oc_desc .list_icon.maru_kuro{ --list-icon: "●"; }
.oc_desc .list_icon.maru_double{ --list-icon: "◎"; }
.oc_desc .list_icon.nakaguro{ --list-icon: "・"; }
.oc_desc .list_icon.star{ --list-icon: "★"; }
.oc_desc .list_icon.triangle_right{ --list-icon: "▲"; } 
			/*アイコン個別設定*/
.oc_desc .list_icon.triangle_right > li::before { display: inline-block; transform: rotate(90deg);}
.oc_desc .list_icon.check_mark > li::before{ font-weight: bold; font-size: 1.1em;}
.oc_desc .list_icon.check_mark.check_green > li::before{ color: #1fa91f;}
			/*list_icon拡張 数字付き*/
.oc_desc .list_icon.number{ counter-reset: list_icon_number;}
.oc_desc .list_icon.number > li{ padding-left: 1.4em;}
.oc_desc .list_icon.number > li::before{
	counter-increment: list_icon_number;
	content: var(--list-icon) counter(list_icon_number);
}



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