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

/*
@font-face {
	font-family:'FuturaCyrillicHeavy';
	font-weight:normal;
	src:url('./fonts/FuturaCyrillicHeavy.woff') format('woff');
}
@font-face {
	font-family:'FuturaCyrillicBook';
	font-weight:normal;
	src:url('./fonts/FuturaCyrillicBook.woff') format('woff');
}
@font-face {
	font-family:'Geist-Medium';
	font-weight:normal;
	src:url('./fonts/Geist-Medium.woff') format('woff');
}
@font-face {
	font-family:'Geist-SemiBold';
	font-weight:normal;
	src:url('./fonts/Geist-SemiBold.woff') format('woff');
}
*/

/********************************************************************
 *　//親テーマstyle.cssの調整
********************************************************************/

.l-content {/*パンくず下の余白*/
	padding-top: 0;
}
.l-mainContent {
	padding-top:0 !important;
	margin-top:0 !important;
}
.post_content {
	/*padding-left:0;
	padding-right:0:*/
}
.l-mainContent__inner h3.wp-block-heading { /* 隠しているh3 */
	/*opacity:0;*/
	display:none;
	user-select: none;
	margin:0.5em 0;
}
.wp-block-heading {
	
}

/********************************************************************
 *　//【各所】エリアページ各所の『空き状況を確認する』バナー
********************************************************************/
.area_banner_check_availabillity {
	position:relative;
	aspect-ratio:660/286;
	background:url(../img/area_banner_check_availabillity.webp) center bottom no-repeat;
	background-size:100% auto;
	max-width:600px;
	margin-left:auto;
	margin-right:auto;
}
.area_banner_check_availabillity_btn {
	position:absolute;
	top:64%;
	right:2.7%;
	width:29.39%;
	
}

/********************************************************************
 *　//エリアページ最上部のタイトルバナー
********************************************************************/
.page_title_banner {
	aspect-ratio:893/304;
	position:relative;
	background:url(../img/page_title_banner_bg.webp) center left no-repeat;
	background-size:100% auto;
	/*border:solid 5px #6f4bb7;
	border-radius:3em;*/
	box-sizing:border-box;
	width:100%;
	/*height:296px;*/
	/*padding:0.3em;*/
	margin-bottom:2em;
	overflow:hidden;
	color:#fff;
}
.page_title_banner_wrap {
	position:relative;
	width:100%;
	height:100%;
	font-family: "Zen Old Mincho", serif;
	font-weight:700;
}
.page_title_banner_wrap .man {
	position:absolute;
	right:0;
	bottom:0;
	width:35.16%;
	width:420px;
	height:100%;
	background:url(../img/page_title_banner_man.webp) right bottom no-repeat;
	background-size:100% auto;
	border-radius:0 2.8em 2.8em 0;
	
}
.page_title_banner_wrap .year {
	aspect-ratio:302/110;
	position:absolute;
	top:12%;
	left:5%;
	width:24.3%;
	width:302px;
	width:18.9em;
	/*height:110px;*/
	background:url(../img/page_title_banner_year_bg.png) right bottom no-repeat;
	background-size:100% auto;
	display:flex;
	justify-content:center;
	align-items:flex-end;
}
.page_title_banner_wrap .year span {
	font-size:2.2em;
	font-weight:bold;
}
.page_title_banner_wrap .year span em {
	font-size:1.1em;
	font-style:normal;
	font-family: "Geist-SemiBold";
}
.page_title_banner_wrap .title_text {
	position:absolute;
	/*top:56%;*/
	top:0;
	left:5%;
	display:flex;
	align-items:center;
	width:95%;
	height:2em;
	height:100%;
}
.page_title_banner_wrap .title_text span {
	font-size:2.1em;
	line-height:1.4;
	display:flex;
	align-items:center;
	font-weight:bold;
	filter:drop-shadow(2px 0px 0px rgba(0,30,92,1)) drop-shadow(0px 2px 0px rgba(0,30,92,1)) drop-shadow(-2px 0px 0px rgba(0,30,92,1)) drop-shadow(0px -2px 0px rgba(0,30,92,1)) drop-shadow(0px 0px 1px rgba(0,30,92,1)) drop-shadow(0px 0px 1px rgba(0,30,92,1));
}

/*【SP】エリアページ最上部のタイトルバナー*/
@media only screen and (max-width:768px) {
	.page_title_banner {
		font-size:2vw;
		aspect-ratio:16/7;
		height:auto;
	}
	.page_title_banner_wrap {
		
	}
	.page_title_banner_wrap .lady {
		width:56%;
		
	}
	.page_title_banner_wrap .year {
		top:16%;
	}
	.page_title_banner_wrap .title_text {
		font-size:0.8em;
	}
}


/********************************************************************
 *　//エリアページ最上部のタイトルバナー下のエリア説明テキスト
********************************************************************/
.area_upper_desc {
	position:relative;
	box-sizing:border-box;
	padding:2.5em 2.5em 3.5em;
	margin-bottom:2em;
}
.area_upper_desc::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius:3em;
	border: 5px solid transparent;
	background: linear-gradient(135deg,  #f4ebff 65%,#ffeaf3 83%);
	mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
	mask-composite: exclude;
	z-index:-1;
}
.area_upper_desc .desc_text {
	margin-bottom:3em;
}
.area_upper_desc .desc_text a {
	color:#009fe1;
	font-weight:bold;
}



/*▼==========【SP】エリアページ最上部のタイトルバナー下のエリア説明テキスト==========▼*/
@media only screen and (max-width:768px) {
	.area_upper_desc {
		font-size:2vw;
		padding:3em 5%;
	}
	.area_upper_desc .desc_text {
		font-size:3vw;
		margin-bottom:2em;
	}
}

/********************************************************************
 *　//山田社長とSNSリンクバナー
********************************************************************/
.area_banner_sns_link {
	position:relative;
	aspect-ratio:894/260;
	background:url(../img/area_banner_sns_link.webp) center bottom no-repeat;
	background-size:100% auto;
}
.area_banner_sns_link .icon_sns_x {
	position:absolute;
	bottom:11.54%;
	left:44.3%;
	width:5.4%;
}
.area_banner_sns_link .icon_sns_insta {
	position:absolute;
	bottom:11.54%;
	left:53.6%;
	width:5.4%;
}
.area_banner_sns_link .icon_sns_youtube {
	position:absolute;
	bottom:14.6%;
	/*left:63%;*/
	left:53.6%;/* インスタができたら63%にする */
	width:15.1%;
}



/********************************************************************
 *　//おすすめ順位
********************************************************************/
/*▼==========おすすめランキングのタイトルバナー==========▼*/
.recommend_title_banner {
	position:relative;
	display:flex;
	justify-content:center;
	align-items: center;
	background:url(../img/recommend_title_banner_bg.jpg) center left no-repeat;
	background-size:cover;
	border-radius:3em;
	height:336px;
	padding:0.3em;
	overflow:hidden;
}
.recommend_title_banner::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius:3em;
	border: 5px solid transparent;
	background: linear-gradient(-126deg, #d4f6c8, rgba(255,255,255,0.1)) border-box border-box;
	mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
	mask-composite: exclude;
}
.recommend_title_banner_wrap {
	position:relative;
	width:100%;
	height:100%;
}
.recommend_title_banner_wrap .lady {
	position:absolute;
	right:0;
	bottom:0;
	width:35.16%;
	width:290px;
	height:100%;
	background:url(../img/recommend_title_banner_lady.png) right bottom no-repeat;
	background-size:100% auto;
	border-radius:0 2.8em 2.8em 0;
	
}
.recommend_title_banner_wrap .year {
	aspect-ratio:302/110;
	position:absolute;
	top:12%;
	left:5%;
	width:24.3%;
	width:302px;
	width:18.9em;
	/*height:110px;*/
	background:url(../img/page_title_banner_year_bg.png) right bottom no-repeat;
	background-size:100% auto;
	display:flex;
	justify-content:center;
	align-items:flex-end;
}
.recommend_title_banner_wrap .year span {
	font-size:2.2em;
	font-weight:bold;
}
.recommend_title_banner_wrap .year span em {
	font-size:1.1em;
	font-style:normal;
	font-family: "Geist-SemiBold";
}
.recommend_title_banner_wrap .title_text {
	position:absolute;
	top:52%;
	left:5%;
	height:3em;
}
.recommend_title_banner_wrap .title_text span {
	font-size:1.9em;
	line-height:1.4;
	display:flex;
	align-items:center;
	filter:drop-shadow(2px 0px 0px rgba(255, 255, 255, 1)) drop-shadow(0px 2px 0px rgba(255, 255, 255, 1)) drop-shadow(-2px 0px 0px rgba(255, 255, 255, 1)) drop-shadow(0px -2px 0px rgba(255, 255, 255, 1)) drop-shadow(0px 0px 1px rgba(255, 255, 255, 1)) drop-shadow(0px 0px 1px rgba(255, 255, 255, 1));
}


/*▼==========【SP】おすすめランキングのタイトルバナー==========▼*/
@media only screen and (max-width:768px) {
	
	.recommend_title_banner {
		font-size:2vw;
		aspect-ratio:16/7;
		height:auto;
	}
	.recommend_title_banner_wrap .lady {
		width:38%;
		
	}
	.recommend_title_banner_wrap .year {
		top:10%;
	}
	.recommend_title_banner_wrap .title_text span {
		filter:drop-shadow(2px 0px 0px rgba(255, 255, 255, 1)) drop-shadow(0px 2px 0px rgba(255, 255, 255, 1)) drop-shadow(-2px 0px 0px rgba(255, 255, 255, 1)) drop-shadow(0px -2px 0px rgba(255, 255, 255, 1)) drop-shadow(0px 0px 1px rgba(255, 255, 255, 1)) drop-shadow(0px 0px 1px rgba(255, 255, 255, 1));
	}
}

/********************************************************************
 *　//おすすめランキングのタイトルバナー下の文章
********************************************************************/
.recommend_top_desc {
	line-height:1.5;
	background:url(../img/area_recommend_desc.png) center bottom no-repeat;
	background-size:100% auto;
	padding:0 2.5em 10em 2.5em;
}


/*▼==========【SP】おすすめランキングのタイトルバナー==========▼*/
@media only screen and (max-width:768px) {

	.recommend_top_desc {
		font-size:0.9em;
		padding:0 1em 5em 1em
	}

}



/*▼==========目次：親テーマstyle.cssの調整==========▼*/
.p-toc.-border {
	border-radius:3em !important;
	border: 5px solid #f0f7ff;
}
.p-toc {
	position:relative;
	width:100%;
	text-align:center;
	overflow:hidden;
}
.p-toc__list {
	display:inline-block;
	text-align:left;
}
.ul.is-style-index li li {
	text-align:left;
}

.p-toc .p-toc__expandBtn {/* もっと見る */
	background: linear-gradient(135deg,  #f0f7ff 65%,#e0c6f6 82%);
	border:none;
	box-shadow:inherit;
}

/*▼==========【SP】目次：親テーマstyle.cssの調整==========▼*/
@media only screen and (max-width:768px) {
	.p-toc.-border {
		border-radius:1.5em !important;
	}
}


/*おすすめランキング目次の下のタイトルH2：親テーマstyle.cssの調整*/
.post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
	background:none;
	padding:0;
	color: #000;
	letter-spacing:0;
}
@media (min-width: 960px) {
  #main_content .p-toc {
    width: 100%;
  }
}

.post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::before {
  border-top: 0;
  border-bottom: 0;
}

h2.wp-block-heading {
	position:relative;
	font-size:1.6rem;
	border:0;
	box-sizing:border-box;
	width:100%;
	padding:1.5em 0;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1em;
	margin-top:40%;
	text-align:center;
	font-family: "Zen Old Mincho", serif;
	font-weight:700;
}
h2.wp-block-heading::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	box-sizing:border-box;
	border-radius:1.5em;
	border: 5px solid transparent;
	background: linear-gradient(135deg,  #f0f7ff 65%,#e0c6f6 82%) border-box border-box;
	mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
	mask-composite: exclude;
	/*z-index:-1;*/
}
h2.wp-block-heading::after{
	content: "";
	aspect-ratio:500/290;
	position: absolute;
	left:0;
	right:0;
	bottom:100%;
	width:50%;
	margin:auto;
	background:url(../img/h2_wp-block-heading_lady.webp) center bottom no-repeat;
	background-size:100% auto;
}



/********************************************************************
 *　//おすすめランキング
********************************************************************/

.recommend_rank_wrap {
	position: relative;
}
.recommend_rank_list {
	list-style:none;
	counter-reset: recommend_num;/*カウンター*/
}
.recommend_rank_list_item {
	counter-increment: recommend_num;/*カウンター*/
	position:relative;
	background:#fff;
	box-shadow:0 0.2em 0.3em rgba(0,0,0,0.05);
	border-radius: 3em;
	padding:0 4% 2em;
	z-index:0;
}
.recommend_rank_list_item::before{ /*角丸ボーダー*/
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius:3em;
	border: 5px solid transparent;
	background: linear-gradient(135deg,  #f0f7ff 65%,#e0c6f6 82%) border-box border-box;
	mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
	mask-composite: exclude;
	z-index:-1;
}

/*▼==========【SP】ランキング1店舗枠==========▼*/
@media only screen and (max-width:768px) {
	.recommend_rank_list {
		font-size:2.7vw;
	}
}


/*▼==========おすすめ順位上部ブロック（順位/店名/ジャンルエリア/★/星の点数）==========▼*/

.recommend_rank_upper {
	/*position:relative;*/
	padding-top:1.8em;
	padding-bottom:1.6em;
	padding-right:2%;
}
.recommend_rank_star {
	position:relative;
	display:flex;
	justify-content:flex-end;
	height:6em;
	margin-bottom:1.5em;
}

/* ランク数字 */
.recommend_rank_star .rank_num {
	aspect-ratio:200/99;
	height:6em;
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:auto;
	background:url(../img/recommend_rank_num_bg.png) center center no-repeat;
	background-size:100% auto;
	box-sizing:border-box;
	display:flex;
	justify-content:center;
	align-items:center;
}
.recommend_rank_star .rank_num .num {
	font-size:3.8em;
	line-height:1;
	background: linear-gradient(-90deg, #222a85 0%, #8f59cb 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	letter-spacing:0;
	font-family: "Zen Old Mincho", serif;
	font-weight:900;
	padding-bottom:0.2em;
}
.recommend_rank_star .num::after {/*カウンター*/
	content: counter(recommend_num);
}


/* ランクの★と数字 */
.recommend_rank_star .rank_star {
	display:flex;
	align-items:center;
}
.recommend_rank_star .rank_star_count {
	aspect-ratio:214/42;
	width:8em;
	background:#ccc;
}
.recommend_rank_star .rank_star_count.rank_star1 {
	background:url(../img/recommend_rank_star1.png) center center no-repeat;
	background-size:100% auto;
}
.recommend_rank_star .rank_star_count.rank_star1half {
	background:url(../img/recommend_rank_star1half.png) center center no-repeat;
	background-size:100% auto;
}
.recommend_rank_star .rank_star_count.rank_star2 {
	background:url(../img/recommend_rank_star2.png) center center no-repeat;
	background-size:100% auto;
}
.recommend_rank_star .rank_star_count.rank_star2half {
	background:url(../img/recommend_rank_star2half.png) center center no-repeat;
	background-size:100% auto;
}
.recommend_rank_star .rank_star_count.rank_star3 {
	background:url(../img/recommend_rank_star3.png) center center no-repeat;
	background-size:100% auto;
}
.recommend_rank_star .rank_star_count.rank_star3half {
	background:url(../img/recommend_rank_star3half.png) center center no-repeat;
	background-size:100% auto;
}
.recommend_rank_star .rank_star_count.rank_star4 {
	background:url(../img/recommend_rank_star4.png) center center no-repeat;
	background-size:100% auto;
}
.recommend_rank_star .rank_star_count.rank_star4half {
	background:url(../img/recommend_rank_star4half.png) center center no-repeat;
	background-size:100% auto;
}
.recommend_rank_star .rank_star_count.rank_star5 {
	background:url(../img/recommend_rank_star5.png) center center no-repeat;
	background-size:100% auto;
}
.recommend_rank_star .rank_star_num {
	font-size:3em;
	background: linear-gradient(-90deg, #222a85 0%, #8f59cb 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	/*width:2.2em;*/
	padding-right:0.1em;
	margin-left:0.2em;
	text-align:right;
	font-family: "Zen Old Mincho", serif;
	font-style:italic;
}

/* エリアと店名 */
.recommend_rank_name {
}
.recommend_rank_name .rank_name {
	font-size:1.4em;
	text-align:center;
	font-weight:bold;
	letter-spacing:0.08em;
}
.recommend_rank_name .rank_name::before {/*デフォルトの矯正*/
	display:none;
}


/*▼==========【SP】おすすめ順位上部ブロック（順位/店名/ジャンルエリア/★/星の点数）==========▼*/

@media only screen and (max-width:768px) {
	
	.recommend_rank_star .rank_num {
		left:0;
		right:auto;
	}
	/* エリアと店名 */
	.recommend_rank_upper .rank_name_area {
		
	}
	.recommend_rank_name .rank_name {
		font-size:1.2em;
	}
}


/*▼==========おすすめ順位中段ブロック（サムネイルと説明文と各種情報）==========▼*/
.recommend_rank_middle {
	
}
.recommend_rank_middle .rank_desc {
	
}
/* サムネイル */
.recommend_rank_shop_img {
	aspect-ratio:790/393;
	border-radius:1em;
	margin-bottom:1em;
	overflow:hidden;
	background:#ccc;
}
.recommend_rank_shop_img img {
	width:100%;
	height:100%;
	object-fit:cover;
}
/* 説明文 */
.recommend_rank_shop_desc {
	margin-bottom:1.5em;
}
.recommend_rank_shop_desc .rank_desc_text {
	line-height:1.6;
}

/* 施術メニュー */
.recommend_rank_menu {
	position:relative;
	box-sizing:border-box;
	padding:1.5em 4%;
	margin-bottom:1em;
}
.recommend_rank_menu::before{/*角丸枠*/
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	box-sizing:border-box;
	border-radius:1.5em;
	border: 5px solid transparent;
	background: linear-gradient(135deg,  #fff0fb 65%,#e7eeff 82%) border-box border-box;
	mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
	mask-composite: exclude;
}
.recommend_rank_menu_title {
	display:block;
	margin-bottom:0.8em;
	font-weight:bold;
	color:#cfadeb;
}
.recommend_rank_menu_item .plus {
	background:url(../img/recommend_rank_menu_icon_plus.png) left center no-repeat;
	background-size:1em 1em;
	padding-left:1.5em;
	font-weight:normal !important;
}
.recommend_rank_menu_item .plus + br {/*自動挿入改行を無効にする*/
	display:none;
}



/*▼==========【SP】おすすめ順位中段ブロック（サムネイルと説明文と各種情報）==========▼*/
@media only screen and (max-width:768px) {
	
}


/*▼==========おすすめ順位下段ブロック（特徴テキスト）==========▼*/
.recommend_rank_foot {
	padding-left:2%;
	padding-right:2%;
}
.recommend_rank_feature_list {
	display:flex;
	flex-wrap:wrap;
	padding:1.5em 0;
}
.recommend_rank_feature_list .feature_item {
	font-size:0.9em;
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	background:#fff;
	border-radius:1.5em;
	box-sizing:border-box;
	width:24%;
	height:3em;
	margin-right:calc((100% - (24% * 4)) / 3);
	margin-bottom:0.6em;
}
.recommend_rank_feature_list .feature_item:nth-child(4n) {
	margin-right:0;
}
.recommend_rank_feature_list .feature_item.purple {
	border:solid 0.26em #d7f9cf;
	border:0;
}
.recommend_rank_feature_list .feature_item.purple::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius:1.5em;
	border: 0.26em solid transparent;
	background: linear-gradient(to right,  #f0f7ff 65%,#e0c6f6 82%);
	mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
	mask-composite: exclude;
}

.recommend_rank_feature_list .feature_item.pink {
	border:0;
}
.recommend_rank_feature_list .feature_item.pink::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius:1.5em;
	border: 0.26em solid transparent;
	background: linear-gradient(to right,  #ffc799 65%,#ff7ed6 82%);
	mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
	mask-composite: exclude;
}


/* 最寄り・営業時間・部屋タイプ・料金 */
.recommend_rank_shop_info {
	padding-bottom:2em;
}
.recommend_rank_shop_info .rank_info_item {
	position:relative;
	font-size:1.06em;
	line-height:1.3;
	display:flex;
	align-items:center;
	background: linear-gradient(to right,  #faf5ff 20%,#f3f6ff 85%) border-box border-box;
	border-radius:2em;
	box-sizing:border-box;
	height:4em;
	padding:0.5em 0.5em 0.5em 2.5em;
	margin-bottom:0.5em;
}
.recommend_rank_shop_info .rank_info_item.station {/*最寄りの高さのみ可変*/
	height:auto;
	min-height:4em;
}
.recommend_rank_shop_info .rank_info_item .icon {
	position:absolute;
	top:0;
	bottom:0;
	left:-1.4em;
	margin:auto;
	width:3.2em;
	height:3.2em;
}
.recommend_rank_shop_info .rank_info_item.station .icon {
	/*background:url(../img/recommend_rank_icon_pin.png) center center no-repeat;*/
	background-size: auto 100%;
}
.recommend_rank_shop_info .rank_info_item.time .icon {
	background:url(../img/recommend_rank_icon_time.png) center center no-repeat;
	background-size: auto 100%;
}
.recommend_rank_shop_info .rank_info_item.type .icon {
	background:url(../img/recommend_rank_icon_bed.png) center center no-repeat;
	background-size: auto 100%;
}

.recommend_rank_shop_info .rank_info_item dt {
	width:6em;
}
.recommend_rank_shop_info .rank_info_item dd {
	width:calc(100% - 6em);
}
.recommend_rank_shop_info .rank_info_item span {
}



/*▼==========【SP】おすすめ順位下段ブロック（特徴テキスト）==========▼*/
@media only screen and (max-width:768px) {
	
	.recommend_rank_feature_list .feature_item {
		font-size:2vw;
	}
	
}


/* アクセス（グーグルマップ） */
.recommend_rank_shop_map {
	
}
.recommend_rank_shop_map_title {
	display:flex;
	justify-content:center;
	align-items:center;
	height:3em;
	margin-bottom:1.5em;
}
.recommend_rank_shop_map_title span {
	display:inline-flex;
	justify-content:center;
	align-items:center;
	background:url(../img/recommend_rank_icon_pin.png) left center no-repeat;
	background-size:auto 100%;
	height:100%;
	padding-left:3em;
	color:#99c518;
	letter-spacing:0.05em;
	font-weight:bold;
}
.recommend_rank_shop_map_frame {
	aspect-ratio:790/630;
	position:relative;
	border:solid 0.26em #f9f0fc;
	border-radius:1.5em;
	width:100%;
	overflow:hidden;
}

.recommend_rank_shop_map_frame iframe {
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width:100%;
	height:100%;
	box-sizing:border-box;
}



/********************************************************************
 *　//おすすめランキングの下の追加記事部分
********************************************************************/
.add_article_section {
	position:relative;
	box-sizing:border-box;
	padding:1.5em 4%;
	margin-bottom:1.5em;
	color:#252525;
}
.add_article_section::before{/*角丸枠*/
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	box-sizing:border-box;
	border-radius:1.5em;
	border: 5px solid transparent;
	background: linear-gradient(135deg,  #f0f7ff 65%,#e0c6f6 82%) border-box border-box;
	mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
	mask-composite: exclude;
	z-index:-1;
}


.add_article {
	
}
.add_article_section h2 {
	font-size:1.4em;
	padding:1.5em 0 2.5em;
	text-align:center;
}
.add_text {
	padding:1em 0;
}

.add_article h3 {
	position:relative;
	font-size: 1.1em;
	line-height: 1.4;
	display:flex;
	align-items:center;
	border-radius:1.9em;
	box-sizing:border-box;
	height:3.8em;
	padding: 0 1em 0 1.7em;
	margin: 3em 0 0.5em;
	font-weight: 700;
	color:#555555;
}

.add_h3 {
	background: linear-gradient(to right,  #e1f3ff 0%,#ffedfb 100%);
}
.add_h3_2 {
	background: linear-gradient(to right,  #fff1f1 0%,#ffffed 100%);
}
.add_h3_3 {
	background: linear-gradient(to right,  #f8fbff 0%,#eae6ff 100%);
}

/*
.add_article h3::before {
	content: "";
	position:absolute;
	bottom:0;
	left:0;
	width: 100%;
	height: 2px;
	background: repeating-linear-gradient(90deg, var(--color_htag) 0%, var(--color_htag) 29.3%, rgba(150,150,150,.2) 29.3%, rgba(150,150,150,.2) 100%) !important;
}
}*/

.add_article .plus {
	background:url(../img/add_article_icon_plus.png) left 0.2em no-repeat;
	background-size:auto 1.2em;
	padding-left:1.7em;
	margin-bottom:0.8em;
	font-weight:700;
	color:#555555;
}
.add_article2 .plus {
	background:url(../img/add_article2_icon_plus.png) left 0.2em no-repeat;
	background-size:auto 1.2em;
}
.add_article .plus + br {
	display:none;
}


/* よくある質問 */
.add_article_faq {
	
}
.add_article_faq_item {
	margin-bottom:4em;
}
.add_article_faq_item dt {
	font-size:1.05em;
	background:url(../img/add_article_faq_Q.png) left 0.1em no-repeat;
	background-size:1.2em auto;
	padding-left:3em;
	margin-bottom:1.5em;
}
.add_article_faq_item dt span {
	font-weight:700;
}
.add_article_faq_item dd {
	background:url(../img/add_article_faq_A.png) left 0.1em no-repeat;
	background-size:1.2em auto;
	padding-left:3em;
}
.add_article_faq_item dd span {
}

/* まとめ */

.add_summary_text_upper,
.add_summary_text_lower {
	padding:1.8em 0;
}
.add_summary_shop {
	background:#f6f6f6;
	border-radius:1.5em;
	padding:1.5em 4%;
}
.add_summary_shop_title {
	font-size:1.1em;
	margin-bottom:0.8em;
	color:#49aee1;
	font-weight:700;
}
.add_summary_shop_list li {
	margin-bottom:0.5em;
}
.add_summary_shop_list a {
	pointer-events:none;
}



/*▼==========【SP】おすすめランキングの下の追加記事部分==========▼*/
@media only screen and (max-width:768px) {
	
	.add_article {
		font-size:3vw;
	}
	.add_article_section h2 {
		font-size:4vw;
	}
	.add_article_faq {
		font-size:3vw;
	}
}






















/********************************************************************
 *　//店舗詳細ページ（WP外のページです）
********************************************************************/
/* ▼============パンくずリスト============▼*/
.shop_page.single .p-breadcrumb__item:nth-of-type(2) {
	display:inherit;
}
.shop_page.single .p-breadcrumb__item:last-child > span.p-breadcrumb__text {
	display:block;
}
/*▼==========店舗詳細ページのアクセスマップ・料金システム部分==========▼*/
.shop_page .access_rank_upper {
	padding-top:2.6em;
	padding-bottom:0.2em;
}
.shop_page .access_rank_upper .rank_name_area {
	width:100%;
	padding-top:0.8em;
	padding-left:2em;
	padding-bottom:0.8em;
	margin-left:calc(-2% + 5px);
}
.shop_page .shop_page_section {
	padding:0 1%;
	padding-bottom:3em;
}
.shop_page .access_rank_map {
	margin-top:4em;
}
/*タイトル*/
.shop_page_section_ttl {
	position:relative;
	display:flex;
	align-items:center;
	background: linear-gradient(to right,  #def2ff 0%,#ffffff 70%);
	border-radius:2.4em 0 0 2.4em;
	padding-left:6em;
	padding-right:8em;
	margin-bottom:1.5em;
}
.shop_page_section_ttl_img {
	position:absolute;
	left:-1em;
	bottom:0;
	width:6em;
}
.access_rank_system .shop_page_section_ttl_img {
	width:3em;
	left:0;
}
.shop_page_section_ttl_text {
	font-size:1.54em;
	padding:0.4em 0;
	margin-left:0em;
	margin-right:2.4em;
	letter-spacing:0.05em;
}
.shop_page_section_ttl_text_en {
	font-size:1.3em;
	padding-top:0.2em;
	font-family:'FuturaCyrillicBook';
	color:#55bcff;
	letter-spacing:0.16em;
}

/*アクセスランキングリンク(親エリアページへの戻りリンク)*/
.shop_page_parent_link_access {
	font-size:0.9em;
	line-height:1.4;
	display:flex;
	align-items:center;
	border:solid 1px #84d8ff;
	padding:0.5em;
	margin:2em 1% 1em;
} 
.shop_page_parent_link_access .access_label {
	position:relative;
	background:#d4f6ff;
	box-sizing:border-box;
	min-width:8em;
	padding:0.8em 1.5em 0.8em 0.8em;
	text-align:center;
}
.shop_page_parent_link_access .access_label::after {
	content:"▶";
	font-size:0.5em;
	line-height:1.5;
	position:absolute;
	right:1em;
	top:0;
	bottom:0;
	margin:auto;
	width:1em;
	height:1em;
}
.shop_page_parent_link_access .access_link {
	margin-left:1em;
	font-style:normal;
	text-decoration:underline;
}

/*口コミランキングリンク(親エリアページへの戻りリンク)*/
.shop_page_parent_link_recommend {
	font-size:0.9em;
	line-height:1.4;
	display:flex;
	align-items:center;
	border:solid 1px #daffcc;
	padding:0.5em;
	margin:0 1% 2em;
} 
.shop_page_parent_link_recommend .recommend_label {
	position:relative;
	background:#daffcc;
	box-sizing:border-box;
	min-width:8em;
	padding:0.8em 1.5em 0.8em 0.8em;
	text-align:center;
}
.shop_page_parent_link_recommend .recommend_label::after {
	content:"▶";
	font-size:0.5em;
	line-height:1.5;
	position:absolute;
	right:1em;
	top:0;
	bottom:0;
	margin:auto;
	width:1em;
	height:1em;
}
.shop_page_parent_link_recommend .recommend_link {
	margin-left:1em;
	font-style:normal;
	text-decoration:underline;
}







/*▼==========【SP】店舗詳細ページ（WP外のページです）==========▼*/
@media only screen and (max-width:768px) {
	
	.shop_page .access_rank_upper .rank_name_area {
		padding-left:1em;
		margin-bottom:1em;
	}
	.shop_page_section_ttl {
		font-size:2vw;
	}
	.shop_page .access_rank_map {
		margin-top:2em;
	}
	
}