@charset "utf-8";
/* CSS Document */

/*-------------------- ナビゲーション --------------------*/
.naviArea .nav_couple {
	display: flex;
	flex-wrap: wrap;
}
.naviArea .nav_couple li {
	border-top: none;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width: 33.33%;
	height: auto;
	margin: 0;
}
.naviArea .nav_couple li:nth-of-type(n+4) {
	border-bottom: none;
}
.naviArea .nav_couple li a {
	height: auto;
	padding: 56% 3% 5%;
	display: block;
}
.naviArea .nav_couple li a[href="#theme"] 
	{background: url("/content/dam/jretravel/site/page/feature/couple/images/ic_nav01.png") no-repeat center 11% / 40%;}
.naviArea .nav_couple li a[href="#hotspring"]
	{background: url("/content/dam/jretravel/site/page/feature/couple/images/ic_nav02.png") no-repeat center 20% / 40%;}
.naviArea .nav_couple li a[href="#area"] 
	{background: url("/content/dam/jretravel/site/page/feature/couple/images/ic_nav03.png") no-repeat center 14% / 29%;}
.naviArea .nav_couple li a[href="#ranking"] 
	{background: url("/content/dam/jretravel/site/page/feature/couple/images/ic_nav04.png") no-repeat center 30% / 42%;}
.naviArea .nav_couple li a[href="#panel"] 
	{background: url("/content/dam/jretravel/site/page/feature/couple/images/ic_nav06.png") no-repeat center 16% / 30%;}
.naviArea .nav_couple li a[href="#ishikawa"] 
	{background: url("/content/dam/jretravel/site/page/feature/couple/images/ic_nav05.png") no-repeat center 26% / 30%;}
.naviArea .nav_couple li a[href="#feature"] 
	{background: url("/content/dam/jretravel/site/page/feature/couple/images/ic_nav07.png") no-repeat center 12% / 28%;}

.naviArea .nav_couple li a span {
	font-size: 1.2rem;
	color: #666;
	padding: 0;
}
.naviArea .nav_couple li a span::after {display: none;}

/* ×4以下 */
.naviArea .nav_couple li:first-child:nth-last-child(-n+4),
.naviArea .nav_couple li:first-child:nth-last-child(-n+4) ~ li:nth-of-type(-n+3) {border-bottom: none;}
/* ×3 ×6 */
.naviArea .nav_couple li:first-child:nth-last-child(3n) ~ li:nth-of-type(3n) {border-right: none;}
/* ×4 */
.naviArea .nav_couple li:first-child:nth-last-child(4),
.naviArea .nav_couple li:first-child:nth-last-child(4) ~ li {width: 25%;}
/* ×5 */
.naviArea .nav_couple li:first-child:nth-last-child(5) ~ li:nth-of-type(3) {border-right: none;}
/* ×7以上 */
.naviArea .nav_couple li:first-child:nth-last-child(n+7),
.naviArea .nav_couple li:first-child:nth-last-child(n+7) ~ li {width: 25%;}
.naviArea .nav_couple li:first-child:nth-last-child(n+7) ~ li:nth-of-type(4n) {border-right: none;}
.naviArea .nav_couple li:first-child:nth-last-child(n+7) ~ li:nth-of-type(4) {border-bottom: 1px solid #ccc;}


/*-------------------- 背景色 --------------------*/
.bg_pink01 {background: #fcf0f2;}


/*-------------------- タイトル --------------------*/
/* 画像タイトル */
.feature .section.ttl_ver01 h2 img {height: 3.4rem;}

/* テキストタイトル */
.feature .section.ttl_ver02 h3 {
	color: #664e3d;
	font-size: 2.4rem;
	background: none;
	text-align: center;
	padding: 0 3% 3%;
	border-bottom: none;
	position: relative;
}
.feature .section.ttl_ver02 h3::before,
.feature .section.ttl_ver02 h3::after {
	position: absolute;
	content: "";
	width: 50%;
	bottom: 0;
	border-bottom: 4px solid;
}
.feature .section.ttl_ver02 h3::before {border-color: #ffbf95; left: 0;}
.feature .section.ttl_ver02 h3::after {border-color: #72c3b3; right: 0;}


/*-------------------- 商品コンポーネント --------------------*/
.box_s_content {
	background: #fff;
	padding: 1.5%;
	border: 1px solid #ccc;
	margin: 0 4px 0 auto;
}
.box_s_content .swichi_box {
	width: 100%;
}
.box_pt_hotel {
	color: #2d8e7b;
	font-weight: bold;
	background: #f2faf8;
	border: 1px solid #2d8e7b;
	padding: 4px 8px;
}
.box_pt_hotel .u_line {
	border-bottom: 1px dashed;
	display: inline-block;
	margin-bottom: 4px;
}

.box_s_content .swichi_mv:not([title=""]):after {
	font-size: 1.2rem;
	padding: 4px 0 4px 10px;
	margin-top: -28px;
}
.swiper-slide .swichi_thumb img {
	width: calc(100%/3.15);
	height: calc(100%/3.15);
}
.base_prod.bgc li {background: #fff;}

/*-------------------- カルーセル --------------------*/
.wrap_slide {padding-bottom: 30px; margin-bottom: 20px;}
.wrap_slide .slick-list {padding: 0 6% 0 0;}
.wrap_slide .slick-arrow {display: none !important;}

.wrap_slide .slick-dots {bottom: 5px;}
.wrap_slide .slick-dots li {
	width: 8px;
	height: 8px;
}
.wrap_slide .slick-dots li.slick-active button::before {color: #999; opacity: 1;}
.wrap_slide .slick-dots li button {
	width: 8px;
	height: 8px;
	padding: 0;
}
.wrap_slide .slick-dots li button::before {
	opacity: .2;
	width: 8px;
	height: 8px;
	line-height: 1;
}

/*-------------------- カルーセル（swiper） --------------------*/
.wrap_slide02 {
	position: relative;
	padding-bottom: 30px;
	margin-bottom: 20px;
}
.wrap_slide02 .swiper {overflow: hidden;}
.wrap_slide02 .swiper-container-horizontal > .swiper-pagination-bullets {bottom: 10px;}
.wrap_slide02 .swiper-slide .base_prod {margin-bottom: 0;}
.wrap_slide02 .swiper-slide .base_prod .swiper-pagination {display: none;}


/*-------------------- 温泉旅行 --------------------*/
.wrap_onsen {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 5% 3%;
}
.wrap_onsen .box_onsen {
	width: 48.5%;
	margin-bottom: 3.5%;
}
.wrap_onsen .box_onsen:first-child {
	width: 100%;
}
.wrap_onsen .box_onsen a {
	display: block;
	position: relative;
}
.wrap_onsen .box_onsen a::before,
.wrap_onsen .box_onsen a::after {
	position: absolute;
	content: "";
	z-index: 10;
}
.wrap_onsen .box_onsen a::before {
	width: 1.8rem;
	height: 1.8rem;
	background: rgba(255, 255, 255, .9);
	border-radius: 50%;
	bottom: .6rem;
	right: .6rem;
}
.wrap_onsen .box_onsen a::after {
	width: .8rem;
	height: .8rem;
	bottom: 1.1rem;
	right: 1.2rem;
	border-top: 2px solid #3d3d3d;
	border-right: 2px solid #3d3d3d;
	transform: rotate(45deg);
}
.wrap_onsen .box_onsen a img {
	border-radius: 4px;
}
.wrap_onsen .box_onsen a .box_inner_tx {
	position: absolute;
	font-size: 1.6rem;
	font-weight: bold;
	color: #fff;
	top: .4rem;
	left: .8rem;
	filter: drop-shadow(0 0 4px #121212);
}
.wrap_onsen .box_onsen .box_outside_ttl {
	font-size: 1.7rem;
	font-weight: bold;
}
.wrap_onsen .box_onsen .box_outside_tx {
	font-size: 1.2rem;
	line-height: 1.5;
	margin-top: .2rem;
}


/*-------------------- 宿泊地から選ぶ --------------------*/
.wrap_l_btn {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 0 3%;
}
.wrap_l_btn .l_btn {
	width: 48.5%;
	margin-bottom: 3%;
}
.wrap_l_btn .l_btn a {
	display: block;
	color: #664e3d;
	border: 2px solid #664e3d;
	background: #fff;
	padding: 4%;
	border-radius: 4px;
	font-weight: bold;
	text-align: center;
	position: relative;
}
.wrap_l_btn .l_btn a::before {
	position: absolute;
	content: "";
	width: .8rem;
	height: .8rem;
	border-top: 1px solid;
	border-right: 1px solid;
	transform: rotate(45deg);
	top: 50%;
	right: 6%;
	margin-top: -.4rem;
}


/*-------------------- 人気の宿ランキング --------------------*/
.wrap_rank .box_rank {
	position: relative;
	padding: 0 1.5%;
}
.wrap_rank .box_rank .tx_rank {
	width: auto;
	display: inline-block;
	font-size: 1.5rem;
	font-weight: bold;
	color: #fff;
	z-index: 1;
	padding: 4px 6px 5px 10px;
	letter-spacing: .2rem;
	line-height: 1.2;
	position: absolute;
	top: -.8rem;
	left: 1rem;
}
.wrap_rank .box_rank .tx_rank::first-letter {font-size: 2.5rem;}
.wrap_rank > div:nth-of-type(1) .box_rank .tx_rank {background: #deba5f;}
.wrap_rank > div:nth-of-type(2) .box_rank .tx_rank {background: #b3afad;}
.wrap_rank > div:nth-of-type(3) .box_rank .tx_rank {background: #dc9668;}
.wrap_rank > div:nth-of-type(n+4) .box_rank .tx_rank {background: #729db0;}

.wrap_rank > div .box_rank .tx_rank::after {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: .8rem -0px 0 .8rem;
	top: 1px;
	right: -.8rem;
}
.wrap_rank > div:nth-of-type(1) .box_rank .tx_rank::after {border-color: transparent transparent transparent #998042;}
.wrap_rank > div:nth-of-type(2) .box_rank .tx_rank::after {border-color: transparent transparent transparent #807d7c;}
.wrap_rank > div:nth-of-type(3) .box_rank .tx_rank::after {border-color: transparent transparent transparent #a8734f;}
.wrap_rank > div:nth-of-type(n+4) .box_rank .tx_rank::after {border-color: transparent transparent transparent #527585;}

.box_rank .jretravel-image {
	aspect-ratio: 160/99;
}
.wrap_rank .box_rank img {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}


@media screen and (min-width: 768px) {
	/*-------------------- ナビゲーション --------------------*/
	.naviArea .nav_couple {flex-wrap: nowrap;}
	.naviArea .nav_couple li {width: auto;}
	.naviArea .nav_couple li:first-child {border-left: 1px solid #ccc;}
	.naviArea .nav_couple li:nth-of-type(-n+3) {border-bottom: none;}
	
	.naviArea .nav_couple li a {padding: 15px 10px 15px 55px; width: auto;}
	.naviArea .nav_couple li a[href="#theme"] {
		background-position: 12px center;
		background-size: 22%;
	}
	.naviArea .nav_couple li a[href="#hotspring"] {
		background-position: 11px center;
		background-size: 28%;
	}
	.naviArea .nav_couple li a[href="#area"] {
		padding-left: 46px;
		background-position: 13px center;
		background-size: 14%;
	}
	.naviArea .nav_couple li a[href="#ranking"] {
		background-position: 10px center;
		background-size: 26%;
	}
	.naviArea .nav_couple li a[href="#panel"] {
		padding-left: 48px;
		background-position: 12px center;
		background-size: 14%;
	}
	.naviArea .nav_couple li a[href="#ishikawa"] {
		padding-left: 50px;
		background-position: 14px center;
		background-size: 17%;
	}
	.naviArea .nav_couple li a[href="#feature"] {
		padding-left: 48px;
		background-position: 14px center;
		background-size: 15%;
	}
	
	.naviArea .nav_couple li:hover {opacity: 1;}
	.naviArea .nav_couple li a:hover {position: relative;}
	.naviArea .nav_couple li a:hover::before {
		position: absolute;
		content: "";
		width: 100%;
		border-bottom: 3px solid;
		bottom: 0;
		left: 0;
	}
	.naviArea .nav_couple li:nth-of-type(2n+1) a:hover::before {border-color: #72c3b3;}
	.naviArea .nav_couple li:nth-of-type(2n) a:hover::before {border-color: #fcb17e;}
	
	.naviArea .nav_couple li a span {font-size: 1.6rem;}
	
	/* ×3 ×6 */
	.naviArea .nav_couple li:first-child:nth-last-child(3n) ~ li:nth-of-type(3n) {border-right: 1px solid #ccc;}
	/* ×4 */
	.naviArea .nav_couple li:first-child:nth-last-child(4),
	.naviArea .nav_couple li:first-child:nth-last-child(4) ~ li {width: auto;}
	/* ×5 */
	.naviArea .nav_couple li:first-child:nth-last-child(5) ~ li:nth-of-type(3) {border-right: 1px solid #ccc;}
	/* ×7以上 */
	.naviArea .nav_couple li:first-child:nth-last-child(n+7),
	.naviArea .nav_couple li:first-child:nth-last-child(n+7) ~ li {width: auto;}
	.naviArea .nav_couple li:first-child:nth-last-child(n+7) ~ li:nth-of-type(4n) {border-right: 1px solid #ccc;}
	.naviArea .nav_couple li:first-child:nth-last-child(n+7) ~ li:nth-of-type(4) {border-bottom: none;}
	.naviArea .nav_couple li:first-child:nth-last-child(n+7) a,
	.naviArea .nav_couple li:first-child:nth-last-child(n+7) ~ li a {padding: 15px 8px 15px 42px; background-position-x: 10px;}
	.naviArea .nav_couple li:first-child:nth-last-child(n+7) a span,
	.naviArea .nav_couple li:first-child:nth-last-child(n+7) ~ li a span {font-size: 1.5rem;}
	
	.naviArea .nav_couple li:first-child:nth-last-child(7) a[href="#theme"],
	.naviArea .nav_couple li:first-child:nth-last-child(7) ~ li a[href="#theme"] {
		padding-left: 48px;
		background-size: 22%;
	}
	.naviArea .nav_couple li:first-child:nth-last-child(7) a[href="#hotspring"],
	.naviArea .nav_couple li:first-child:nth-last-child(7) ~ li a[href="#hotspring"] {
		padding-left: 50px;
		background-size: 27%;
	}
	.naviArea .nav_couple li:first-child:nth-last-child(7) a[href="#area"],
	.naviArea .nav_couple li:first-child:nth-last-child(7) ~ li a[href="#area"] {
		padding-left: 40px;
		background-size: 14%;
	}
	.naviArea .nav_couple li:first-child:nth-last-child(7) a[href="#ranking"],
	.naviArea .nav_couple li:first-child:nth-last-child(7) ~ li a[href="#ranking"] {
		padding-left: 46px;
		background-position-x: 8px;
		background-size: 26%;
	}
	.naviArea .nav_couple li:first-child:nth-last-child(7) a[href="#panel"],
	.naviArea .nav_couple li:first-child:nth-last-child(7) ~ li a[href="#panel"] {
		padding-left: 40px;
		background-size: 14%;
	}
	.naviArea .nav_couple li:first-child:nth-last-child(7) a[href="#ishikawa"],
	.naviArea .nav_couple li:first-child:nth-last-child(7) ~ li a[href="#ishikawa"] {
		padding-left: 40px;
		background-size: 17%;
	}
	.naviArea .nav_couple li:first-child:nth-last-child(7) a[href="#feature"],
	.naviArea .nav_couple li:first-child:nth-last-child(7) ~ li a[href="#feature"] {
		padding-left: 40px;
		background-size: 15%;
	}
	
		
	/*-------------------- タイトル --------------------*/
	/* 画像タイトル */
	.feature .section.ttl_ver01 h2 img {height: 4.6rem;}
	.feature .section.ttl_ver01 h2 img:hover {opacity: 1;}

	/* テキストタイトル */
	.feature .section.ttl_ver02 h3 {padding: 0 20px 10px;}
	
	
	/*-------------------- リード文 --------------------*/
	.tx_lead > p {text-align: center!important;}


	/*-------------------- 商品コンポーネント --------------------*/
	.box_s_content {padding: 10px; margin: 0 5px;}
	.box_s_content .base_prod .hotel li {padding: 0;}
	

	/*-------------------- カルーセル --------------------*/
	.wrap_slide .slick-list {padding: 0;}
	
	.wrap_slide .slick-arrow {display: inline-block !important;}
	.slick-prev:before,
	.slick-next:before {
		font-family: swiper-icons;
		font-size: var(--swiper-navigation-size);
		color: #999;
	}
	.slick-prev:before {content: "prev";}
	.slick-next:before {content: "next";}
	
	.slick-dots li {
		width: 8px;
		height: 8px;
	}
	.slick-dots li button:before {opacity: .2;}
	.slick-dots li.slick-active button:before {color: #999;}
	

	/*-------------------- カルーセル（swiper） --------------------*/
	.wrap_slide02 .swiper-button-next,
	.wrap_slide02 .swiper-button-prev {
		display: block;
	}
	.wrap_slide02 .swiper-button-next,
	.wrap_slide02 .swiper-button-prev {
		position: absolute;
		width: calc(var(--swiper-navigation-size)/ 44 * 27);
		height: var(--swiper-navigation-size);
		top: 50%;
		margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
		font-family: swiper-icons;
		font-size: var(--swiper-navigation-size);
		color: #999;
	}
	.wrap_slide02 .swiper-button-next.swiper-button-disabled,
	.wrap_slide02 .swiper-button-prev.swiper-button-disabled {
		opacity: .35;
		cursor: auto;
		pointer-events: none,
	}
	.wrap_slide02 .swiper-button-next {right: -20px;}
	.wrap_slide02 .swiper-button-prev {left: -20px;}
	.wrap_slide02 .swiper-button-next::before {content: "next";}
	.wrap_slide02 .swiper-button-prev::before {content: "prev";}
	
	.wrap_slide02 .swiper-slide .base_prod .swiper-button-next,
	.wrap_slide02 .swiper-slide .base_prod .swiper-button-prev {
		display: none;
	}
	
	/*-------------------- 温泉旅行 --------------------*/
	.wrap_onsen {padding: 0; margin: 30px auto 70px;}
	.wrap_onsen .box_onsen {
		width: calc((100% - 30px)/4);
		margin-bottom: 0;
	}
	.wrap_onsen .box_onsen:first-child {
		display: -webkit-flex;
		display: flex;
		margin-bottom: 30px;
	}
	.wrap_onsen .box_onsen:first-child a {
		width: 495px;
		margin-right: 10px;
	}
	.wrap_onsen .box_onsen .box_outside_ttl {font-size: 2rem;}
	.wrap_onsen .box_onsen .box_outside_tx {font-size: 1.3rem;}
	.wrap_onsen .box_onsen .box_outside_ttl + .box_outside_tx {font-size: 1.4rem;}


	/*-------------------- 宿泊地から選ぶ --------------------*/
	.wrap_l_btn {
		padding: 0;
	}
	.wrap_l_btn .l_btn {
		width: calc((100% - 40px)/5);
		margin-bottom: 20px;
	}
	.wrap_l_btn .l_btn a {
		padding: 8px 20px 8px 15px;
		font-size: 1.6rem;
	}
	.wrap_l_btn .l_btn a:hover {background: #faeee6;}


	/*-------------------- 人気の宿ランキング --------------------*/
	.base_prod .hotel.box_rank li {
		margin: 0 auto 3%;
		width: calc((100% - 10px * 2) / 3);
	}
	
}

/* コーナーのボックス */
.cmn_contents.box_corner {
	padding: 35px 30px 10px;
	margin: 15px -20px 40px;
	max-width: 1040px;
	border: 1px solid #f2e0dc;
	background: #fff8f7;
	border-radius: 3px;
}
/* リード文 */
.box_corner .tx_lead {margin: 0 10px 15px;}
/* 商品コンポーネント */
.box_corner .wrap_box2 {
	margin: 10px -5px 30px;
	max-width: 1010px;
}
.box_corner .wrap_box2 .box_bdr_bgc {margin: 0 5px;}
.box_corner .box_bdr_bgc {
	background: #fff;
	border: 1px solid #ccc;
}
.box_corner .bgc li {background: #fff;}
/* ポイント */
.box_point {
	border: 2px dashed #a38c55;
	padding: 4px 8px;
	margin-bottom: 6px;
	background: #fcf9ed;
	color: #665939;
	font-weight: bold;
}
.box_point dl dt,
.box_point.ver2 .ttl_point {
	border-bottom: 1px dashed #a38c55;
	margin-bottom: 3px;
}
.box_point dl dd {
	font-size: 1.3rem;
	padding-left: .8em;
	position: relative;
}
.box_point dl dd::before {
	position: absolute;
	content: "";
	width: .6em;
	height: .6em;
	top: .4em;
	left: 0;
	background: #7a6a45;
}

@media screen and (max-width: 767px) {
	/* コーナーのボックス */
	.cmn_contents.box_corner {
		padding: 5% 2% 4%;
		margin: 2% auto -5%;
		max-width: 100%;
		border-radius: 0;
	}
	/* リード文 */
	.box_corner .tx_lead {
		margin: 0 1.5% 2%;
		width: 97%;
	}
	/* 商品コンポーネント */
	.box_corner .wrap_box2 {
		margin: 2% auto 6%;
		max-width: 100%;
	}
	.box_corner .wrap_box2 .box_bdr_bgc {margin: auto;}
	
	.clm2 > .swiper-container-css-mode > .swiper-wrapper > .swiper-slide,
	.clm3 > .swiper-container-css-mode > .swiper-wrapper > .swiper-slide {width: 94% !important;}
}

@media screen and (min-width: 768px) {
	.tx_lead > p {text-align: center !important;}
}



/*--------------------------------------------------------------------------------
		カテゴリー追加：記事
--------------------------------------------------------------------------------*/
.feature .section.ttl_ver02.line01 h3 {font-size: 5.5vw;}

.bnr_box_1 > li {
	border-radius: 4px;
	background: #fff;
	filter: drop-shadow(2px 2px 3px #ebebeb);
}
.bnr_box_1 > li .clm_list_img {width: 44% !important;}
.bnr_box_1 > li .clm_list_img a img:hover {opacity: 1;}
.bnr_box_1 > li .clm_lst_tag {width: 55% !important;}
.bnr_box_1 > li .clm_lst_tag .clm_list_title {font-size: 1.4rem;}
.bnr_box_1 > li .clm_lst_tag .clm_list_txtarea {margin: auto;}
.bnr_box_1 > li .clm_lst_tag .clm_list_txtarea .clm_list_txt {height: auto;}
.bnr_box_1 > li .clm_lst_tag .clm_list_bnr a {
	margin-top: 10px;
	padding: 6px 22px 6px 10px;
	border: 2px solid #664e3d;
	color: #664e3d !important;
	font-weight: bold;
	border-radius: 4px;
}
.bnr_box_1 > li .clm_lst_tag .clm_list_bnr a:hover {
	background: #faeee6;
	opacity: 1;
}
.bnr_box_1 > li .clm_lst_tag .clm_list_bnr a::after {
	border-width: 2px;
	border-color: #664e3d;
	width: .8rem;
	height: .8rem;
}

@media screen and (min-width: 768px) {
	.bnr_box_1 > li .clm_list_img,
	.bnr_box_1 > li .clm_lst_tag {width: 49.5% !important;}
	.bnr_box_1 > li .clm_lst_tag .clm_list_title {font-size: 1.5rem;}
}

/* ボタン */
.btn01_rt a {
	border-radius: 5px;
	background: #2f9480;
	display: inline-block;
	line-height: 1.7;
}
.btn01_rt::after {right: 6%;}

@media screen and (min-width: 768px) {
	.btn01_rt a::after {right: 6%;}
}



/*--------------------------------------------------------------------------------
		カテゴリー追加：アコーディオン（Q&A）
--------------------------------------------------------------------------------*/
.box_acco {
	width: 94%;
	margin: auto;
}
.box_acco input[type="checkbox"] + label {
	display: block;
	padding: 0;
	margin: auto;
	position: relative;
}
.box_acco input[type="checkbox"] + label::before,
.box_acco input[type="checkbox"] + label::after {
	position: absolute;
	content: "";
	width: 12px;
	border-top: 2px solid #f16a7d;
	top: 50%;
	right: 15px;
	margin-top: -1px;
}
.box_acco input[type="checkbox"] + label::before {
	height: 0;
	border: none;
	border-top: 2px solid #f16a7d;
	left: auto;
}
.box_acco input[type="checkbox"] + label::after {
	transform: rotate(90deg);
}
.box_acco input[type="checkbox"]:checked + label::after {
	height: 0;
	left: auto;
	background: none;
	border: none;
	border-top: 2px solid #f16a7d;
	transform: rotate(0deg);
}
.box_acco input[type="checkbox"] + label > span {display: block;}
.box_acco .inner_acco {display: none;}
.box_acco input[type="checkbox"]:checked + label + .inner_acco {display: block;}

/*-------------------- Q&A --------------------*/
.box_acco.qa > div {
	border-top: 1px solid #ccc;
}
.box_acco.qa > div:last-child {
	border-bottom: 1px solid #ccc;
}
.box_acco.qa input[type="checkbox"].qa_check + label.qa_label > span.q_ic {
	padding: 10px 35px 10px 40px;
	position: relative;
}
.box_acco.qa input[type="checkbox"].qa_check:checked + label.qa_label + .inner_acco {
	padding: 10px 35px 10px 40px;
	background: #fcf0f0;
	position: relative;
}
.box_acco.qa input[type="checkbox"].qa_check:checked + label.qa_label + .inner_acco p a {
	margin: 0 2px;
}
.box_acco.qa input[type="checkbox"].qa_check + label.qa_label > span.q_ic::before,
.box_acco.qa input[type="checkbox"].qa_check:checked + label.qa_label + .inner_acco::before {
	position: absolute;
	width: 24px;
	height: 24px;
	font-size: 1.3rem;
	font-weight: bold;
	text-align: center;
	border-radius: 3px;
	left: 5px;
}
.box_acco.qa input[type="checkbox"].qa_check + label.qa_label > span.q_ic::before {
	content: "Q";
	color: #fff;
	background: #f16a7d;
	top: 50%;
	margin-top: -12px;
	line-height: 24px;
}
.box_acco.qa input[type="checkbox"].qa_check:checked + label.qa_label + .inner_acco::before {
	content: "A";
	color: #f16a7d;
	background: #fff;
	border: 2px solid #f16a7d;
	top: 1.2em;
	line-height: 20px;
}
.box_acco .inner_acco p a:hover {text-decoration: underline;}

@media screen and (min-width: 768px) {
	.box_acco {width: 100%;}
	.box_acco.cancel input[type="checkbox"].cancel_check + label.cancel_label .circle_ic {display: inline-block;}
	.box_acco.cancel input[type="checkbox"].cancel_check + label.cancel_label .circle_ic::before,
	.box_acco.cancel input[type="checkbox"].cancel_check + label.cancel_label .circle_ic::after {left: 0;}
	
	/*-------------------- Q&A --------------------*/
	.box_acco.qa input[type="checkbox"].qa_check + label.qa_label > span.q_ic,
	.box_acco.qa input[type="checkbox"].qa_check:checked + label.qa_label + .inner_acco {
		padding: 20px 40px 20px 60px;
	}
	.box_acco.qa input[type="checkbox"].qa_check + label.qa_label > span.q_ic::before,
	.box_acco.qa input[type="checkbox"].qa_check:checked + label.qa_label + .inner_acco::before {
		width: 32px;
		height: 32px;
		font-size: 1.8rem;
		left: 15px;
	}
	.box_acco.qa input[type="checkbox"].qa_check + label.qa_label > span.q_ic::before {
		margin-top: -16px;
		line-height: 30px;
	}
	.box_acco.qa input[type="checkbox"].qa_check:checked + label.qa_label + .inner_acco::before {
		top: 50%;
		margin-top: -16px;
		line-height: 28px;
	}
	.box_acco input[type="checkbox"] + label:hover {background: #fffcfc;}
}


/*------------------------------ タブレット ------------------------------*/
/* ナビゲーション */
@media screen and (min-width: 569px) {
	.feature .section.ttl_ver02.line01 h3 {font-size: 2.4rem;}
}