@charset "utf-8";
/* ------------------------------
oc 雛形用 福袋201911- sz 2019/10/21 15:23
------------------------------ */

/**ポイント(全体)***********************************/

.oc_desc .bag_point,
.oc_desc .bag_point .bag_point_header,
.oc_desc .bag_point .bag_point_content,
.oc_desc .bag_point .bag_point_list,
.oc_desc .bag_point .bag_freearea,
.oc_desc .bag_point .bag_point_box,
.oc_desc .bag_point .bag_point_lead,
.oc_desc .bag_point .bag_point_text{ position: relative;}

.oc_desc .bag_point{ margin: 20px auto;}

/* PC▽ */ @media only screen and (min-width: 768px) {
	.oc_desc .bag_point{ margin: 40px auto;}
}/*△*/



/**ポイント見出し(基本)***********************************/

.oc_desc .bag_point .bag_point_header{ padding: 5px; font-weight: bold;letter-spacing: -1px; text-align: center; background: #d31200;}
.oc_desc .bag_point .bag_point_header .sub_text{ font-size: 4vw; color: #fef67c;}
.oc_desc .bag_point .bag_point_header .main_text{ font-size: 5.5vw; color: #fff;}
.oc_desc  .bag_point.bag_point_header .italic{ font-style: italic; letter-spacing: -3px;}
/* PC▽ */ @media only screen and (min-width: 768px) {
	.oc_desc .bag_point .bag_point_header{ padding: 10px 20px;}
	.oc_desc .bag_point .bag_point_header .sub_text{ font-size: 26px;}
	.oc_desc .bag_point .bag_point_header .main_text{ font-size: 40px;}
}/*△*/




/**注目ポイントリスト(基本)***********************************/

.oc_desc .bag_point .bag_point_list{}
.oc_desc .bag_point .bag_point_list .line{
	position: relative;
	height: 18vw;
	padding: 3px; padding-left: 21.5vw;
	letter-spacing: -1px;
}
.oc_desc .bag_point .bag_point_list .line:nth-of-type(odd){ color: #000; background: #FFF2C8;}
.oc_desc .bag_point .bag_point_list .line:nth-of-type(even){ color: #000; background: #FEE490;}
.oc_desc .bag_point .bag_point_list .line::before{
	content: "";
	position: absolute;
	left: 5px; top: 0;
	width: 18vw; height: 18vw;
	background: url( '../../../../../content_image/parts/cssimg/bag_point_finger.svg' ) center center / 100% auto no-repeat;
}
.oc_desc .bag_point .bag_point_list .line .text{ font-size: 4vw; font-weight: bold;}
.oc_desc .bag_point .bag_point_list .half_bg_inherit{ background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 70%,rgb(240,172,23) 70%,rgb(240,172,23) 100%);}


/* PC▽ */ @media only screen and (min-width: 768px) {
	.oc_desc .bag_point .bag_point_list .line{ height: 78px; padding: 10px; padding-left: 120px;}
	.oc_desc .bag_point .bag_point_list .line::before{ width: 70px; height: 70px; left: 30px; top: 50%; transform: translateY(-50%);}
	.oc_desc .bag_point .bag_point_list .line .text{ position: absolute; top: 50%; transform: translateY(-50%); font-size: 24px;}
}/*△*/



/**その他自由差込枠***********************************/


/**ポイント本文/外枠***********************************/
.oc_desc .bag_point .bag_point_content_wrapper{}


/**ポイント本文/内容***********************************/
.oc_desc .bag_point .bag_point_content { 
	padding: 20px 20px 10px;
	background-color: #f0ac0d;
}
.oc_desc .bag_point .bag_point_content .bag_point_box {
	position: relative;
	margin-bottom: 20px;
	padding: 5px;
	color: #321202;
	background-color: #fff;
	border-radius: 10px;
}

.oc_desc .bag_point .bag_point_content .bag_point_lead{ 
	position: relative;
	margin-bottom: 10px;
	padding: 5px; padding-left: 9vw;
	min-height: 10vw;
	font-size: 16px;
	font-weight: bold;
	
}
.oc_desc .bag_point .bag_point_content .bag_point_lead::before{
	content: "";
	position: absolute;
	top: -20px; left: -35px;
	display: block;
	width: 17vw; height: 17vw; 
	background:  url( '../../../../../content_image/parts/cssimg/bag_point_gold_kana.svg' ) left top / 100% 100% no-repeat;
}

.oc_desc .bag_point .bag_point_content .bag_point_lead .inner{ position: absolute; top: 50%; transform: translateY(-50%);}

.oc_desc .bag_point .bag_point_content .bag_point_text{ padding: 10px 0.5em;}

/* sp▽ */ @media only screen and (max-width: 768px) {
	.oc_desc .bag_point .bag_point_content .bag_point_lead .inner{ position: relative; top: unset; transform: none;}
}/*△*/
/* PC▽ */ @media only screen and (min-width: 768px) {
	.oc_desc .bag_point .bag_point_content .bag_point_box{ padding: 20px; width: 100%;}
	.oc_desc .bag_point .bag_point_content .bag_point_lead{ height: auto; min-height: 90px; padding-left: 100px; font-size: 24px;}
	.oc_desc .bag_point .bag_point_content .bag_point_lead::before{ top: -22px; left: -22px; width: 110px; height: 110px; }
	.oc_desc .bag_point .bag_point_content .bag_point_text{ padding: 20px 2em 10px;}
}/*△*/



/**ポイント指定***********************************/
	/*(bag_point_list)*/
	/*(bag_point_lead)*/

	/*non_number*/
.oc_desc .bag_point .bag_point_list.non_number .line::before,
.oc_desc .bag_point.non_number .bag_point_content .bag_point_lead::before{ background-image: unset; }


	/*point_gold*/
.oc_desc .bag_point .bag_point_list.point_gold .line::before,
.oc_desc .bag_point.point_gold .bag_point_content .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/bag_point_gold.png' ); }

	/*point_happy_red*/
.oc_desc .bag_point .bag_point_list.point_happy_red .line::before,
.oc_desc .bag_point.point_happy_red .bag_point_content .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/bag_happypoint.png' ); }
	/*point_fingar*/
.oc_desc .bag_point .bag_point_list.point_fingar .line::before,
.oc_desc .bag_point.point_fingar .bag_point_content .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/bag_point_finger.svg' ); }
	/*point_cheeseday*/
.oc_desc .bag_point .bag_point_list.point_cheeseday .line::before,
.oc_desc .bag_point.point_cheeseday .bag_point_content .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/bag_point_cheeseday.png' ); }
	/*symbol_square_gold*/
.oc_desc .bag_point .bag_point_list.symbol_square_gold .line::before,
.oc_desc .bag_point.symbol_square_gold .bag_point_content .bag_point_lead::before{ background-size: 50% auto; background-image: url( '../../../../../content_image/parts/cssimg/symbol_square_gold_g.svg' ); }

	/*number_redgothic*/
.oc_desc .bag_point .bag_point_list.number_redgothic .line:nth-of-type(1):before,
.oc_desc .bag_point.number_redgothic .bag_point_content_wrapper .bag_point_content:nth-of-type(1) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_redgothic_01.png' ); }
.oc_desc .bag_point .bag_point_list.number_redgothic .line:nth-of-type(2):before,
.oc_desc .bag_point.number_redgothic .bag_point_content_wrapper .bag_point_content:nth-of-type(2) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_redgothic_02.png' ); }
.oc_desc .bag_point .bag_point_list.number_redgothic .line:nth-of-type(3):before,
.oc_desc .bag_point.number_redgothic .bag_point_content_wrapper .bag_point_content:nth-of-type(3) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_redgothic_03.png' ); }
.oc_desc .bag_point .bag_point_list.number_redgothic .line:nth-of-type(4):before,
.oc_desc .bag_point.number_redgothic .bag_point_content_wrapper .bag_point_content:nth-of-type(4) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_redgothic_04.png' ); }
.oc_desc .bag_point .bag_point_list.number_redgothic .line:nth-of-type(5):before,
.oc_desc .bag_point.number_redgothic .bag_point_content_wrapper .bag_point_content:nth-of-type(5) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_redgothic_05.png' ); }
.oc_desc .bag_point .bag_point_list.number_redgothic .line:nth-of-type(6):before,
.oc_desc .bag_point.number_redgothic .bag_point_content_wrapper .bag_point_content:nth-of-type(6) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_redgothic_06.png' ); }
.oc_desc .bag_point .bag_point_list.number_redgothic .line:nth-of-type(7):before,
.oc_desc .bag_point.number_redgothic .bag_point_content_wrapper .bag_point_content:nth-of-type(7) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_redgothic_07.png' ); }
.oc_desc .bag_point .bag_point_list.number_redgothic .line:nth-of-type(8):before,
.oc_desc .bag_point.number_redgothic .bag_point_content_wrapper .bag_point_content:nth-of-type(8) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_redgothic_08.png' ); }
.oc_desc .bag_point .bag_point_list.number_redgothic .line:nth-of-type(9):before,
.oc_desc .bag_point.number_redgothic .bag_point_content_wrapper .bag_point_content:nth-of-type(9) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_redgothic_09.png' ); }

	/*number_blackgold*/
.oc_desc .bag_point .bag_point_list.number_blackgold .line:nth-of-type(1):before,
.oc_desc .bag_point.number_blackgold .bag_point_content_wrapper .bag_point_content:nth-of-type(1) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_blackgold_01.png' ); }
.oc_desc .bag_point .bag_point_list.number_blackgold .line:nth-of-type(2):before,
.oc_desc .bag_point.number_blackgold .bag_point_content_wrapper .bag_point_content:nth-of-type(2) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_blackgold_02.png' ); }
.oc_desc .bag_point .bag_point_list.number_blackgold .line:nth-of-type(3):before,
.oc_desc .bag_point.number_blackgold .bag_point_content_wrapper .bag_point_content:nth-of-type(3) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_blackgold_03.png' ); }
.oc_desc .bag_point .bag_point_list.number_blackgold .line:nth-of-type(4):before,
.oc_desc .bag_point.number_blackgold .bag_point_content_wrapper .bag_point_content:nth-of-type(4) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_blackgold_04.png' ); }
.oc_desc .bag_point .bag_point_list.number_blackgold .line:nth-of-type(5):before,
.oc_desc .bag_point.number_blackgold .bag_point_content_wrapper .bag_point_content:nth-of-type(5) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_blackgold_05.png' ); }
.oc_desc .bag_point .bag_point_list.number_blackgold .line:nth-of-type(6):before,
.oc_desc .bag_point.number_blackgold .bag_point_content_wrapper .bag_point_content:nth-of-type(6) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_blackgold_06.png' ); }
.oc_desc .bag_point .bag_point_list.number_blackgold .line:nth-of-type(7):before,
.oc_desc .bag_point.number_blackgold .bag_point_content_wrapper .bag_point_content:nth-of-type(7) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_blackgold_07.png' ); }
.oc_desc .bag_point .bag_point_list.number_blackgold .line:nth-of-type(8):before,
.oc_desc .bag_point.number_blackgold .bag_point_content_wrapper .bag_point_content:nth-of-type(8) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_blackgold_08.png' ); }
.oc_desc .bag_point .bag_point_list.number_blackgold .line:nth-of-type(9):before,
.oc_desc .bag_point.number_blackgold .bag_point_content_wrapper .bag_point_content:nth-of-type(9) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_blackgold_09.png' ); }

	/*number_italic1_red*/
.oc_desc .bag_point .bag_point_list.number_italic1_red .line:nth-of-type(1):before,
.oc_desc .bag_point.number_italic1_red .bag_point_content_wrapper .bag_point_content:nth-of-type(1) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_italic1_red_01.svg' ); }
.oc_desc .bag_point .bag_point_list.number_italic1_red .line:nth-of-type(2):before,
.oc_desc .bag_point.number_italic1_red .bag_point_content_wrapper .bag_point_content:nth-of-type(2) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_italic1_red_02.svg' ); }
.oc_desc .bag_point .bag_point_list.number_italic1_red .line:nth-of-type(3):before,
.oc_desc .bag_point.number_italic1_red .bag_point_content_wrapper .bag_point_content:nth-of-type(3) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_italic1_red_03.svg' ); }
.oc_desc .bag_point .bag_point_list.number_italic1_red .line:nth-of-type(4):before,
.oc_desc .bag_point.number_italic1_red .bag_point_content_wrapper .bag_point_content:nth-of-type(4) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_italic1_red_04.svg' ); }
.oc_desc .bag_point .bag_point_list.number_italic1_red .line:nth-of-type(5):before,
.oc_desc .bag_point.number_italic1_red .bag_point_content_wrapper .bag_point_content:nth-of-type(5) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_italic1_red_05.svg' ); }
.oc_desc .bag_point .bag_point_list.number_italic1_red .line:nth-of-type(6):before,
.oc_desc .bag_point.number_italic1_red .bag_point_content_wrapper .bag_point_content:nth-of-type(6) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_italic1_red_06.svg' ); }
.oc_desc .bag_point .bag_point_list.number_italic1_red .line:nth-of-type(7):before,
.oc_desc .bag_point.number_italic1_red .bag_point_content_wrapper .bag_point_content:nth-of-type(7) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_italic1_red_07.svg' ); }
.oc_desc .bag_point .bag_point_list.number_italic1_red .line:nth-of-type(8):before,
.oc_desc .bag_point.number_italic1_red .bag_point_content_wrapper .bag_point_content:nth-of-type(8) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_italic1_red_08.svg' ); }
.oc_desc .bag_point .bag_point_list.number_italic1_red .line:nth-of-type(9):before,
.oc_desc .bag_point.number_italic1_red .bag_point_content_wrapper .bag_point_content:nth-of-type(9) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_italic1_red_09.svg' ); }


	/*number_orange_serif*/
.oc_desc .bag_point .bag_point_list.number_orange_serif .line:nth-of-type(1):before,
.oc_desc .bag_point.number_orange_serif .bag_point_content_wrapper .bag_point_content:nth-of-type(1) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_orange_serif_01.svg' ); }
.oc_desc .bag_point .bag_point_list.number_orange_serif .line:nth-of-type(2):before,
.oc_desc .bag_point.number_orange_serif .bag_point_content_wrapper .bag_point_content:nth-of-type(2) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_orange_serif_02.svg' ); }
.oc_desc .bag_point .bag_point_list.number_orange_serif .line:nth-of-type(3):before,
.oc_desc .bag_point.number_orange_serif .bag_point_content_wrapper .bag_point_content:nth-of-type(3) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_orange_serif_03.svg' ); }
.oc_desc .bag_point .bag_point_list.number_orange_serif .line:nth-of-type(4):before,
.oc_desc .bag_point.number_orange_serif .bag_point_content_wrapper .bag_point_content:nth-of-type(4) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_orange_serif_04.svg' ); }
.oc_desc .bag_point .bag_point_list.number_orange_serif .line:nth-of-type(5):before,
.oc_desc .bag_point.number_orange_serif .bag_point_content_wrapper .bag_point_content:nth-of-type(5) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_orange_serif_05.svg' ); }
.oc_desc .bag_point .bag_point_list.number_orange_serif .line:nth-of-type(6):before,
.oc_desc .bag_point.number_orange_serif .bag_point_content_wrapper .bag_point_content:nth-of-type(6) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_orange_serif_06.svg' ); }
.oc_desc .bag_point .bag_point_list.number_orange_serif .line:nth-of-type(7):before,
.oc_desc .bag_point.number_orange_serif .bag_point_content_wrapper .bag_point_content:nth-of-type(7) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_orange_serif_07.svg' ); }
.oc_desc .bag_point .bag_point_list.number_orange_serif .line:nth-of-type(8):before,
.oc_desc .bag_point.number_orange_serif .bag_point_content_wrapper .bag_point_content:nth-of-type(8) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_orange_serif_08.svg' ); }
.oc_desc .bag_point .bag_point_list.number_orange_serif .line:nth-of-type(9):before,
.oc_desc .bag_point.number_orange_serif .bag_point_content_wrapper .bag_point_content:nth-of-type(9) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_orange_serif_09.svg' ); }



	/*number_dred_serif*/
.oc_desc .bag_point .bag_point_list.number_dred_serif .line:nth-of-type(1):before,
.oc_desc .bag_point.number_dred_serif .bag_point_content_wrapper .bag_point_content:nth-of-type(1) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_dred_serif_01.png' ); }
.oc_desc .bag_point .bag_point_list.number_dred_serif .line:nth-of-type(2):before,
.oc_desc .bag_point.number_dred_serif .bag_point_content_wrapper .bag_point_content:nth-of-type(2) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_dred_serif_02.png' ); }
.oc_desc .bag_point .bag_point_list.number_dred_serif .line:nth-of-type(3):before,
.oc_desc .bag_point.number_dred_serif .bag_point_content_wrapper .bag_point_content:nth-of-type(3) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_dred_serif_03.png' ); }
.oc_desc .bag_point .bag_point_list.number_dred_serif .line:nth-of-type(4):before,
.oc_desc .bag_point.number_dred_serif .bag_point_content_wrapper .bag_point_content:nth-of-type(4) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_dred_serif_04.png' ); }
.oc_desc .bag_point .bag_point_list.number_dred_serif .line:nth-of-type(5):before,
.oc_desc .bag_point.number_dred_serif .bag_point_content_wrapper .bag_point_content:nth-of-type(5) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_dred_serif_05.png' ); }
.oc_desc .bag_point .bag_point_list.number_dred_serif .line:nth-of-type(6):before,
.oc_desc .bag_point.number_dred_serif .bag_point_content_wrapper .bag_point_content:nth-of-type(6) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_dred_serif_06.png' ); }
.oc_desc .bag_point .bag_point_list.number_dred_serif .line:nth-of-type(7):before,
.oc_desc .bag_point.number_dred_serif .bag_point_content_wrapper .bag_point_content:nth-of-type(7) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_dred_serif_07.png' ); }
.oc_desc .bag_point .bag_point_list.number_dred_serif .line:nth-of-type(8):before,
.oc_desc .bag_point.number_dred_serif .bag_point_content_wrapper .bag_point_content:nth-of-type(8) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_dred_serif_08.png' ); }
.oc_desc .bag_point .bag_point_list.number_dred_serif .line:nth-of-type(9):before,
.oc_desc .bag_point.number_dred_serif .bag_point_content_wrapper .bag_point_content:nth-of-type(9) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_dred_serif_09.png' ); }

/*number_black_serif_01*/
.oc_desc .bag_point .bag_point_list.number_black_serif .line:nth-of-type(1):before,
.oc_desc .bag_point.number_black_serif .bag_point_content_wrapper .bag_point_content:nth-of-type(1) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_black_serif_01.svg' ); }
.oc_desc .bag_point .bag_point_list.number_black_serif .line:nth-of-type(2):before,
.oc_desc .bag_point.number_black_serif .bag_point_content_wrapper .bag_point_content:nth-of-type(2) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_black_serif_02.svg' ); }
.oc_desc .bag_point .bag_point_list.number_black_serif .line:nth-of-type(3):before,
.oc_desc .bag_point.number_black_serif .bag_point_content_wrapper .bag_point_content:nth-of-type(3) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_black_serif_03.svg' ); }
.oc_desc .bag_point .bag_point_list.number_black_serif .line:nth-of-type(4):before,
.oc_desc .bag_point.number_black_serif .bag_point_content_wrapper .bag_point_content:nth-of-type(4) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_black_serif_04.svg' ); }
.oc_desc .bag_point .bag_point_list.number_black_serif .line:nth-of-type(5):before,
.oc_desc .bag_point.number_black_serif .bag_point_content_wrapper .bag_point_content:nth-of-type(5) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_black_serif_05.svg' ); }
.oc_desc .bag_point .bag_point_list.number_black_serif .line:nth-of-type(6):before,
.oc_desc .bag_point.number_black_serif .bag_point_content_wrapper .bag_point_content:nth-of-type(6) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_black_serif_06.svg' ); }
.oc_desc .bag_point .bag_point_list.number_black_serif .line:nth-of-type(7):before,
.oc_desc .bag_point.number_black_serif .bag_point_content_wrapper .bag_point_content:nth-of-type(7) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_black_serif_07.svg' ); }
.oc_desc .bag_point .bag_point_list.number_black_serif .line:nth-of-type(8):before,
.oc_desc .bag_point.number_black_serif .bag_point_content_wrapper .bag_point_content:nth-of-type(8) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_black_serif_08.svg' ); }
.oc_desc .bag_point .bag_point_list.number_black_serif .line:nth-of-type(9):before,
.oc_desc .bag_point.number_black_serif .bag_point_content_wrapper .bag_point_content:nth-of-type(9) .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/number_black_serif_09.svg' ); }




/**カラープリセット指定***********************************/

	/*colorset_dark*/
.oc_desc .bag_point.colorset_dark .bag_point_header{ background: #000000; background:linear-gradient(to right,rgb(0,0,0) 0%,rgb(0,0,0) 1%,rgb(127,13,12) 1%,rgb(127,13,12) 1.5%,rgb(0,0,0) 1.5%,rgb(0,0,0) 98.5%,rgb(127,13,12) 98.5%,rgb(127,13,12) 99%,rgb(0,0,0) 99%,rgb(0,0,0) 100%);}
.oc_desc .bag_point.colorset_dark .bag_point_content{ background:  #7F0D0C;}
.oc_desc .bag_point.colorset_dark .bag_point_header .sub_text{ color: #F8E8AC;}
.oc_desc .bag_point.colorset_dark .bag_point_header .main_text{ color: #fff;}

.oc_desc .bag_point.colorset_dark .bag_point_list .line:nth-of-type(odd){ color: #000; background: #efefef;}
.oc_desc .bag_point.colorset_dark .bag_point_list .line:nth-of-type(even){ color: #000; background: #afafaf;}
.oc_desc .bag_point.colorset_dark .bag_point_list .half_bg_inherit{ background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 70%,rgb(221,196,102) 70%,rgb(248,232,172) 100%);}


	/*colorset_white*/
.oc_desc .bag_point.colorset_white .bag_point_header{ 
	background-color: #D3EFFA;
	background-repeat: repeat;
	background-image: linear-gradient(to right,rgb(187,234,252) 0%,rgb(187,234,252) 25%,rgb(168,230,253) 25%,rgb(168,230,253) 50%,rgb(187,234,252) 50%,rgb(187,234,252) 75%,rgb(168,230,253) 75%,rgb(168,230,253) 100%);
	background-size: 16px 16px;
	border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
}
.oc_desc .bag_point.colorset_white .bag_point_content{ background: #E0F3FA;}
.oc_desc .bag_point.colorset_white .bag_point_header .sub_text{ color: #2EA2DA;}
.oc_desc .bag_point.colorset_white .bag_point_header .main_text{ color: #000000;}

.oc_desc .bag_point.colorset_white .bag_point_list .line:nth-of-type(odd){ color: #000; background: #E0F3FA;}
.oc_desc .bag_point.colorset_white .bag_point_list .line:nth-of-type(even){ color: #000; background: #b9ecff;}
.oc_desc .bag_point.colorset_white .bag_point_list .half_bg_inherit{ background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 70%, #FEF384 70%, #FEF384 100%);}


	/*colorset_wine*/
.oc_desc .bag_point.colorset_wine .bag_point_header{ background: #0d0105;}
.oc_desc .bag_point.colorset_wine .bag_point_content{ background: #28020d;}
.oc_desc .bag_point.colorset_wine .bag_point_header .sub_text{ color: #F1DE9B;}
.oc_desc .bag_point.colorset_wine .bag_point_header .main_text{ color: #fff;}

.oc_desc .bag_point.colorset_wine .bag_point_list .line:nth-of-type(odd){ color: #000; background: #f9e7ff;}
.oc_desc .bag_point.colorset_wine .bag_point_list .line:nth-of-type(even){ color: #000; background: #efcdd8;}
.oc_desc .bag_point.colorset_wine .bag_point_list .half_bg_inherit{ background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 80%, #980937 80%, #980937 100%);}


	/*colorset_chocolat*/
.oc_desc .bag_point.colorset_chocolat .bag_point_header{ background: #5c4a3e;}
.oc_desc .bag_point.colorset_chocolat .bag_point_content{ background: #d5bfae;}
.oc_desc .bag_point.colorset_chocolat .bag_point_header .sub_text{ color: #F1DE9B;}
.oc_desc .bag_point.colorset_chocolat .bag_point_header .main_text{ color: #fff;}

.oc_desc .bag_point.colorset_chocolat .bag_point_list .line:nth-of-type(odd){ color: #000; background: #ffeddf;}
.oc_desc .bag_point.colorset_chocolat .bag_point_list .line:nth-of-type(even){ color: #000; background: #f1d9c7;}
.oc_desc .bag_point.colorset_chocolat .bag_point_list .half_bg_inherit{ background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 80%, #4d3627 80%, #4d3627 100%);}



	/*colorset_chocolat*/
.oc_desc .bag_point.colorset_chocolat .bag_point_header{ background: #5c4a3e;}
.oc_desc .bag_point.colorset_chocolat .bag_point_content{ background: #d5bfae;}
.oc_desc .bag_point.colorset_chocolat .bag_point_header .sub_text{ color: #F1DE9B;}
.oc_desc .bag_point.colorset_chocolat .bag_point_header .main_text{ color: #fff;}

.oc_desc .bag_point.colorset_chocolat .bag_point_list .line:nth-of-type(odd){ color: #000; background: #ffeddf;}
.oc_desc .bag_point.colorset_chocolat .bag_point_list .line:nth-of-type(even){ color: #000; background: #f1d9c7;}
.oc_desc .bag_point.colorset_chocolat .bag_point_list .half_bg_inherit{ background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 80%, #4d3627 80%, #4d3627 100%);}


	/*colorset_chicgold*/
.oc_desc .bag_point.colorset_chicgold .bag_point_header{ background: #201e1d;}
.oc_desc .bag_point.colorset_chicgold .bag_point_content{ background: #C7B135; background: linear-gradient(to right bottom,rgb(218,204,116) 0%,rgb(240,237,192) 40%,rgb(194,170,36) 100%);}
.oc_desc .bag_point.colorset_chicgold .bag_point_header .sub_text{ color: #d0b56e;}
.oc_desc .bag_point.colorset_chicgold .bag_point_header .main_text{ color: #ffffff;}
.oc_desc .bag_point.colorset_chicgold .bag_point_content .bag_point_box{ background: #fffeed;}

.oc_desc .bag_point.colorset_chicgold .bag_point_list .line:nth-of-type(odd){ color: #000; background: #fffdd8;}
.oc_desc .bag_point.colorset_chicgold .bag_point_list .line:nth-of-type(even){ color: #000; background: #f0eaa8;}
.oc_desc .bag_point.colorset_chicgold .bag_point_list .half_bg_inherit{ background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 90%, #d40000 90%, #d40000 100%);}



	/*colorset_goldfrench*/
.oc_desc .bag_point.colorset_goldfrench .bag_point_header{
	background: rgb(225,212,146);
	background: linear-gradient(to bottom,rgb(225,212,146) 0%,rgb(255, 246, 211) 36%,rgb(255, 250, 230) 50%,rgb(196,172,42) 90%,rgb(195,171,39) 98%,rgb(225,212,146) 100%);
}
.oc_desc .bag_point.colorset_goldfrench .bag_point_content{
	padding: 20px 10px 10px;
	background: #fff; background: linear-gradient(to right,rgba(10,32,156,0.7) 0%,rgba(10,32,156,0.7) 0.8%,rgb(255,255,255) 0.8%,rgb(255,255,255) 99.3%,rgba(243,50,64,0.7) 99.3%,rgba(243,50,64,0.7) 100%);
}
.oc_desc .bag_point.colorset_goldfrench .bag_point_header .sub_text{ color: #a04c00;}
.oc_desc .bag_point.colorset_goldfrench .bag_point_header .main_text{ color: #3e2203;}
.oc_desc .bag_point.colorset_goldfrench .bag_point_content .bag_point_box{ background: #ffffff;}
.oc_desc .bag_point.colorset_goldfrench .bag_point_list .line:nth-of-type(3n+1){ color: #000; background: rgba(10,32,156,0.2); background: linear-gradient(to right,rgba(10,32,156,0.2) 0%,rgba(10,32,156,0.2) 20%, #fff 20%, #fff 100%);}
.oc_desc .bag_point.colorset_goldfrench .bag_point_list .line:nth-of-type(3n){ color: #000; background: rgba(10,32,156,0.2); background: linear-gradient(to right,rgba(243,50,64,0.2) 0%,rgba(243,50,64,0.2) 20%, #fff 20%, #fff 100%);}
.oc_desc .bag_point.colorset_goldfrench .bag_point_list .line:nth-of-type(3n+2){ color: #000; background: #fff;}
.oc_desc .bag_point.colorset_goldfrench .bag_point_list .half_bg_inherit{ background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 90%, #d40000 90%, #d40000 100%);}
.oc_desc .bag_point.colorset_goldfrench .bag_point_content_wrapper::before,
.oc_desc .bag_point.colorset_goldfrench .bag_point_content_wrapper::after{ content: ""; display: block; width: 100%; height: 3px; background: #FFFFFF; background: linear-gradient(to right,rgba(10,32,156,0.7) 0%,rgba(10,32,156,0.7) 50%, rgba(243,50,64,0.7) 50%,rgba(243,50,64,0.7) 100%);}

/* sp▽ */ @media only screen and (max-width: 768px) {
	.oc_desc .bag_point .bag_point_content .bag_point_lead::before{ left: -28px; width: 16vw; height: 16vw;}
}/*△*/
/* PC▽ */ @media only screen and (min-width: 768px) {
	.oc_desc .bag_point.colorset_goldfrench .bag_point_content{ padding: 10px;}
	.oc_desc .bag_point.colorset_goldfrench .bag_point_content_wrapper::before,
	.oc_desc .bag_point.colorset_goldfrench .bag_point_content_wrapper::after{ height: 4px;}
	.oc_desc .bag_point.colorset_goldfrench .bag_point_list .line:nth-of-type(3n+1){ color: #000; background: rgba(10,32,156,0.2); background: linear-gradient(to right,rgba(10,32,156,0.2) 0%,rgba(10,32,156,0.2) 13%, #fff 13%, #fff 100%);}
	.oc_desc .bag_point.colorset_goldfrench .bag_point_list .line:nth-of-type(3n){ color: #000; background: rgba(10,32,156,0.2); background: linear-gradient(to right,rgba(243,50,64,0.2) 0%,rgba(243,50,64,0.2) 13%, #fff 13%, #fff 100%);}

}/*△*/








	/*colorset_alleosse*/
.oc_desc .bag_point.colorset_alleosse .bag_point_header{ background-color:#F6D506; background-repeat:repeat; background-image:linear-gradient(to bottom,rgb(194,170,36) 0%,rgb(217,203,120) 38%,rgb(252,251,246) 62%,rgb(224,212,146) 100%);}
.oc_desc .bag_point.colorset_alleosse .bag_point_content{ background:  url( '../../../../../content_image/order/16311/16311_114.jpg' ) top center / cover no-repeat;}
.oc_desc .bag_point.colorset_alleosse .bag_point_header .sub_text{ color: #7B5B05;}
.oc_desc .bag_point.colorset_alleosse .bag_point_header .main_text{ color: #D8020A;}
.oc_desc .bag_point.colorset_alleosse .bag_point_content .bag_point_box{ background: #fffaee;}

.oc_desc .bag_point.colorset_alleosse .bag_point_list .line:nth-of-type(odd){ color: #000; background: #fffdde;}
.oc_desc .bag_point.colorset_alleosse .bag_point_list .line:nth-of-type(even){ color: #000; background: #fdf4b8;}
.oc_desc .bag_point.colorset_alleosse .bag_point_list .half_bg_inherit{ background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 90%, #d40000 90%, #d40000 100%);}





	/*colorset_nonborder,nonborder2*/
		/*囲み配色無し、ポイントpadding少な目、ポイント見出し配色あり*/


.oc_desc .bag_point.colorset_nonborder2 .bag_point_content,
.oc_desc .bag_point.colorset_nonborder .bag_point_content{
	padding: 0 0 10px;
	background: unset;
}
.oc_desc .bag_point.colorset_nonborder2 .bag_point_content .bag_point_box,
.oc_desc .bag_point.colorset_nonborder .bag_point_content .bag_point_box{
	padding: unset;
}

.oc_desc .bag_point.colorset_nonborder2 .bag_point_content .bag_point_lead,
.oc_desc .bag_point.colorset_nonborder .bag_point_content .bag_point_lead{
	padding: 5px; padding-left: 22vw;
	min-height: 20vw;
	background:#FCFBBB;
}
.oc_desc .bag_point.colorset_nonborder .bag_point_content .bag_point_lead{
	background:#FDD361;
	background:
		linear-gradient(to top,rgba(255,255,255,0.29) 0%,rgba(255,255,255,0.29) 100%) center center / 97% 84% no-repeat,
		linear-gradient(to right bottom,rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.4) 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0.4) 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0.4) 100%) left top / 4px 4px repeat,
		linear-gradient(to bottom,rgb(253,211,97) 0%,rgb(250,180,0) 100%) left top / 100% 100% repeat;
}
.oc_desc .bag_point.colorset_nonborder2 .bag_point_content .bag_point_lead{}

.oc_desc .bag_point.colorset_nonborder2 .bag_point_content .bag_point_lead::before,
.oc_desc .bag_point.colorset_nonborder .bag_point_content .bag_point_lead::before{ top: 0; left: 0; width: 20vw; height: 20vw; }
.oc_desc .bag_point.colorset_nonborder2 .bag_point_content .bag_point_text,
.oc_desc .bag_point.colorset_nonborder .bag_point_content .bag_point_text{ padding: 10px 0.5em;}


/* PC▽ */ @media only screen and (min-width: 768px) {
	.oc_desc .bag_point.colorset_nonborder2 .bag_point_content .bag_point_box,
	.oc_desc .bag_point.colorset_nonborder .bag_point_content .bag_point_box{ width: 100%;}

	.oc_desc .bag_point.colorset_nonborder2 .bag_point_content .bag_point_lead,
	.oc_desc .bag_point.colorset_nonborder .bag_point_content .bag_point_lead{ height: auto; min-height: 130px; padding-left: 140px;}

	.oc_desc .bag_point.colorset_nonborder .bag_point_content .bag_point_lead{
		background:
			linear-gradient(to top,rgba(255,255,255,0.29) 0%,rgba(255,255,255,0.29) 100%) center center / 97% 84% no-repeat,
			linear-gradient(to right bottom,rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.4) 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0.4) 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0.4) 100%) left top / 4px 4px repeat,
			linear-gradient(to bottom,rgb(253,211,97) 0%,rgb(250,180,0) 100%) left top / 100% 100% repeat;
		}

	.oc_desc .bag_point.colorset_nonborder2 .bag_point_content .bag_point_lead::before,
	.oc_desc .bag_point.colorset_nonborder .bag_point_content .bag_point_lead::before{ top: 0px; left: 0px; width: 130px; height: 130px;}

	.oc_desc .bag_point.colorset_nonborder2 .bag_point_content .bag_point_text,
	.oc_desc .bag_point.colorset_nonborder .bag_point_content .bag_point_text{ padding: 20px 2em 10px;}
}/*△*/

.oc_desc .bag_point.colorset_nonborder2 .bag_point_header,
.oc_desc .bag_point.colorset_nonborder .bag_point_header{ background-color: #d31200;}
.oc_desc .bag_point.colorset_nonborder2 .bag_point_header .sub_tex,
.oc_desc .bag_point.colorset_nonborder .bag_point_header .sub_text{ color: #fef67c;}
.oc_desc .bag_point.colorset_nonborder2 .bag_point_header .main_text,
.oc_desc .bag_point.colorset_nonborder .bag_point_header .main_text{ color: #fff;}

.oc_desc .bag_point.colorset_nonborder2 .bag_point_content,
.oc_desc .bag_point.colorset_nonborder .bag_point_content{ background: unset;}
.oc_desc .bag_point.colorset_nonborder2 .bag_point_content .bag_point_box,
.oc_desc .bag_point.colorset_nonborder .bag_point_content .bag_point_box{ background:  unset;}


.oc_desc .bag_point.colorset_nonborder2 .bag_point_list .line:nth-of-type(odd),
.oc_desc .bag_point.colorset_nonborder .bag_point_list .line:nth-of-type(odd){ color: #000; background: #FFF2C8;}
.oc_desc .bag_point.colorset_nonborder2 .bag_point_list .line:nth-of-type(even),
.oc_desc .bag_point.colorset_nonborder .bag_point_list .line:nth-of-type(even){ color: #000; background:  #FEE490;}
.oc_desc .bag_point.colorset_nonborder2 .bag_point_list .half_bg_inherit,
.oc_desc .bag_point.colorset_nonborder .bag_point_list .half_bg_inherit{ background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 90%, #d40000 90%, #d40000 100%);}

	/*colorset_nonborder(裏)*/

.oc_desc .bag_point.point_cheeseday .bag_point_content .ura .bag_point_lead::before{ background-image: url( '../../../../../content_image/parts/cssimg/bag_point_cheeseday_ura.png' ) }

.oc_desc .bag_point.colorset_nonborder .bag_point_content .ura{}
.oc_desc .bag_point.colorset_nonborder .bag_point_content .ura .bag_point_lead{
	background:#FDD361;
	background:
		linear-gradient(to top,rgba(255,255,255,0.29) 0%,rgba(255,255,255,0.29) 100%) center center / 97% 84% no-repeat,
		linear-gradient(to right bottom,rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.2) 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0.2) 100%) left top / 4px 4px repeat,
		linear-gradient(to bottom,#D01010 0%,#B60000 100%) left top / 100% 100% repeat;
}

/* PC▽ */ @media only screen and (min-width: 768px) {
	.oc_desc .bag_point.colorset_nonborder .bag_point_content .ura .bag_point_lead{
		background:
			linear-gradient(to top,rgba(255,255,255,0.29) 0%,rgba(255,255,255,0.29) 100%) center center / 97% 84% no-repeat,
			linear-gradient(to right bottom,rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.2) 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0.2) 100%) left top / 4px 4px repeat,
			linear-gradient(to bottom,#D01010 0%,#B60000 100%) left top / 100% 100% repeat;}
}/*△*/