@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の調整
********************************************************************/
.post_content {
	/*padding-left:0;
	padding-right:0:*/
}
.l-mainContent__inner h3.wp-block-heading { /* デフォルトh3（未使用） */
	opacity:0;
	user-select: none;
	margin:0.5em 0;
}

/********************************************************************
 *　//ページタイトルバナー(テーマヘッダーに設置)
********************************************************************/
.page_title_banner {
	position:relative;
	background:url(../img/page_title_banner_bg.jpg) center left no-repeat;
	background-size:cover;
	/*border-radius:3em;*/
	box-sizing:border-box;
	height:296px;
	padding:0.3em;
	overflow:hidden;
	color:#fff;
}
.page_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, #dd5c90, #ffdcdc) border-box border-box;
	mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
	mask-composite: exclude;*/
	border: 5px solid #ffcbdd;
}
.page_title_banner_wrap {
	position:relative;
	width:100%;
	height:100%;
}
.page_title_banner_wrap .lady {
	position:absolute;
	right:0;
	top:0;
	width:35.16%;
	width:545px;
	height:100%;
	background:url(../img/page_title_banner_lady.png) right top 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:1.6em;
	font-weight:300;
	letter-spacing:0.3em;
	text-indent:0.3em;
}
.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%;
	left:5%;
	width:95%;
	height:2em;
}
.page_title_banner_wrap .title_text span {
	font-size:2.2em;
	line-height:1.4;
	display:flex;
	align-items:center;
	font-weight:300;
	filter:drop-shadow(2px 0px 0px rgba(221, 92, 144, 1)) drop-shadow(0px 2px 0px rgba(221, 92, 144, 1)) drop-shadow(-2px 0px 0px rgba(221, 92, 144, 1)) drop-shadow(0px -2px 0px rgba(221, 92, 144, 1)) drop-shadow(0px 0px 1px rgba(221, 92, 144, 1)) drop-shadow(0px 0px 1px rgba(221, 92, 144, 1));
}

/*【SP】ページタイトルバナー(テーマヘッダーに設置)*/
@media only screen and (max-width:960px) {
	.page_title_banner_wrap .lady {
		right:-5%;
		width:400px;
	}
}
@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 {
		right:-8%;
		width:60%;
	}
	.page_title_banner_wrap .year {
		top:16%;
	}
	.page_title_banner_wrap .title_text {
		font-size:0.8em;
	}
}


/********************************************************************
 *　//投稿ページ最上部のエリア説明テキスト
********************************************************************/
.area_upper_desc {
	background:url(../img/area_upper_desc_bg.png) center bottom no-repeat;
	background-size:100% auto;
	padding:0 2.5em 10em 2.5em;
}
/*▼==========バズスパロゴ：アクセスランキング==========▼*/
.area_upper_buzz_logo {
	/*margin-top:-4em;*/
	margin-top:1em;
	margin-bottom:4em;
}

/*▼==========【SP】投稿ページ最上部のエリア説明テキスト==========▼*/
@media only screen and (max-width:768px) {
	.area_upper_desc {
		padding:0 1em 6em 1em
	}
	.area_upper_buzz_logo {
		width:20%;
		margin-top:-2em;
	}
}

/*▼==========投稿ページ最上部のアクセスランキングタイトルh2==========▼*/
.access_rank_top_title {
	display:flex;
	align-items:center;
	margin-bottom:6em;
}
.access_rank_top_title_icon {
	width:15%;
	margin-right:1.5em;
}
.access_rank_top_title_text {
	font-size:1.9em;
	line-height:1.3;
	font-weight:bold;
	font-weight:300;
	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】投稿ページ最上部のアクセスランキングタイトルh2==========▼*/
@media only screen and (max-width:768px) {
	.access_rank_top_title {
		font-size:2.4vw;
	}
}

/********************************************************************
 *　//ランキング順位
********************************************************************/
/*▼==========アクセスランキング1店舗枠==========▼*/

.access_rank_wrap {
	position: relative;
}
.access_rank_list {
	list-style:none;
	counter-reset: recommend_num;/*カウンター*/
}
.access_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 2%;
	margin-bottom:4.3em;
	z-index:0;
}
.access_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(126deg, #dd5c90, #ffdcdc) 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) {
	.access_rank_list {
		font-size:2.7vw;
	}
}

/*▼==========アクセス順位上部ブロック（順位/店名/ボタン）==========▼*/
.access_rank_upper {
	/*position:relative;*/
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding-top:1.8em;
	padding-bottom:1.6em;
	padding-right:2%;
	z-index:1;
}
/* ランク数字と位（1位～4位以降） */
.access_rank_upper .rank_num {
	aspect-ratio:1/1;
	width:8em;
	position:absolute;
	top:-1.4em;
	left:0.1em;
	background:url(../img/access_rank_num_bg_def.png) center center no-repeat;
	background-size:100% 100%;
	border:solid 0.2em #fff;
	border-radius:50%;
	box-shadow:0 0.4em 0 rgba(0,0,0,0.1);
	box-sizing:border-box;
	display:flex;
	justify-content:center;
	align-items:center;
	color:#fff;
	text-shadow:1px 2px 2px rgba(0,0,0,0.2);
}
.access_rank_list_item:nth-of-type(1) .access_rank_upper .rank_num {/*1位*/
	background:url(../img/access_rank_num_bg1.png) center center no-repeat;
	background-size:100% 100%;
}
.access_rank_list_item:nth-of-type(2) .access_rank_upper .rank_num {/*2位*/
	background:url(../img/access_rank_num_bg2.png) center center no-repeat;
	background-size:100% 100%;
}
.access_rank_list_item:nth-of-type(3) .access_rank_upper .rank_num {/*3位*/
	background:url(../img/access_rank_num_bg3.png) center center no-repeat;
	background-size:100% 100%;
}
/*王冠*/
.access_rank_list_item .access_rank_upper .rank_num::after {
	content:"";
	aspect-ratio:90/55;
	position:absolute;
	top:-28%;
	left:0;
	right:0;
	margin:auto;
	width:74%;
}
.access_rank_list_item:nth-of-type(1) .access_rank_upper .rank_num::after {
	background:url(../img/access_rank_num_bg1_crown.png) center center no-repeat;
	background-size:100% 100%;
}
.access_rank_list_item:nth-of-type(2) .access_rank_upper .rank_num::after {
	background:url(../img/access_rank_num_bg2_crown.png) center center no-repeat;
	background-size:100% 100%;
}
.access_rank_list_item:nth-of-type(3) .access_rank_upper .rank_num::after {
	background:url(../img/access_rank_num_bg3_crown.png) center center no-repeat;
	background-size:100% 100%;
}
/* ランク数字 */
.access_rank_upper .rank_num .num {
	font-size:3.4em;
	line-height:1;
	font-family:'FuturaCyrillicHeavy';
	letter-spacing:-0.1em;
}
.access_rank_upper .rank_num .num::after {/*カウンター*/
	content: counter(recommend_num);
}
/* ランク位 */
.access_rank_upper .rank_num .order {
	font-size:1.5em;
	line-height:1;
	padding-top:0.6em;
	padding-left:0.2em;
	font-weight:bold;
}
/* ランク店名とエリア */
.access_rank_upper .rank_name_area {
	display:flex;
	justify-content:space-between;
	align-items:center;
	background: #dd5c90;
	border-radius:0 2.2em 2.2em 0;
	box-sizing:border-box;
	width:calc(100% - 3em);
	padding-top:0.8em;
	padding-bottom:0.8em;
	padding-left:5em;
	padding-right:1em;
	margin-left:3em;
}
.access_rank_upper .rank_name_area .rank_name {
	font-size:1.7em;
	line-height:1.4;
	font-weight:bold;
	letter-spacing:0;
	color:#fff;
}
.access_rank_upper .rank_name_area .rank_name a {
	color:#fff;
}
.access_rank_upper .rank_name_area .btn_website {/* 詳しく見るボタン */
	font-size:1.02em;
	display:flex;
	justify-content:center;
	align-items:center;
	background: linear-gradient(135deg,  #f3f5f7 1%,#ffffff 100%);
	border:solid 0.1em #e5e5e5;
	border-radius:1.2em;
	box-sizing:border-box;
	width:8em;
	height:2.2em;
	color:#00a2ff;
}

/*▼==========【SP】アクセス順位上部ブロック（順位/店名/ボタン）==========▼*/
@media only screen and (max-width:768px) {
	
	.access_rank_upper {
	}

	/* ランク店名とエリア */
	.access_rank_upper .rank_name_area {
		width:100%;
		padding-left:6em;
		margin-left:0;
	}
	.access_rank_upper .rank_name_area .rank_name {
		font-size:1.3em;
		padding-right:1em;
	}
	.access_rank_upper .rank_name_area .btn_website {/* 詳しく見るボタン */
		font-size:0.9em;
		width:9em;
		padding-left:0.5em;
		padding-right:0.5em;
	}
	.access_rank_upper .rank_num {
		left:-1em;
		width:7em;
	}

	
}


/*▼==========アクセス順位中段ブロック（サムネイルとTELと価格と最寄りと営業時間）==========▼*/
.access_rank_middle {
	padding:2em 2% 0;
}
.access_rank_middle .rank_info1 {
	display:flex;
	justify-content:space-between;
}
/* サムネイル */
.access_rank_middle .rank_info1 .rank_info_img {
	width:54%;
}
.access_rank_middle .rank_info1.no_shop_img .rank_info_img {/*店舗画像なしのとき*/
	display:none;
}

/* TELと価格 */
.access_rank_middle .rank_info1 .rank_info1_block {
	display:flex;
	flex-wrap:wrap;
	align-items:stretch;
	box-sizing:border-box;
	width:40%;
}
.access_rank_middle .rank_info1.no_shop_img .rank_info1_block {/*店舗画像なしのとき*/
	flex-wrap:nowrap;
	justify-content:space-between;
	width:100%;
	padding-top:0.5em;
}

.access_rank_middle .rank_info1 .rank_info1_block .rank_info_item {
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	background: linear-gradient(135deg,  #f3f5f7 1%,#ffffff 100%);
	border:solid 1px #e5e5e5;
	box-shadow:inset 0 0 0.2em 0 #f3f3f1;
	border-radius:2em;
	box-sizing:border-box;
	width:100%;
	height:46%;
}
.access_rank_middle .rank_info1.no_shop_img .rank_info1_block .rank_info_item {/*店舗画像なしのとき*/
	border-radius:2em;
	width:49%;
	height:3.6em;
}

.access_rank_middle .rank_info1 .rank_info1_block .rank_info_item.tel {
	color:#000;
}
.access_rank_middle .rank_info1 .rank_info1_block .rank_info_item .icon {
	position:absolute;
	top:-0.1em;
	left:-0.4em;
	margin:auto;
	width:3em;
	height:3em;
}
.access_rank_middle .rank_info1.no_shop_img .rank_info1_block .rank_info_item .icon {/*店舗画像なしのとき*/
	top:0;
	left:0.4em;
	bottom:0;
}

.access_rank_middle .rank_info1 .rank_info1_block .rank_info_item.tel .icon {
	background:url(../img/access_rank_icon_phone.png) center center no-repeat;
	background-size: auto 100%;
}
.access_rank_middle .rank_info1 .rank_info1_block .rank_info_item.price .icon {
	background:url(../img/recommend_rank_icon_money.png) center center no-repeat;
	background-size: auto 100%;
}
.access_rank_middle .rank_info1 .rank_info1_block .rank_info_item span {
	font-size:1.4em;
}
.access_rank_middle .rank_info1 .rank_info1_block .rank_info_item.tel span {
	font-size:1.7em;
}
/* 最寄りと営業時間 */
.access_rank_middle .rank_info2 {
	padding-top:0.5em;
	padding-bottom:1em;
}
.access_rank_middle .rank_info2 .rank_info_item {
	position:relative;
	font-size:0.9em;
	line-height:1.6;
	display:flex;
	align-items:center;
	background: linear-gradient(135deg,  #f3f5f7 1%,#ffffff 100%);
	border:solid 1px #e5e5e5;
	box-shadow:inset 0 0 0.2em 0 #f3f3f1;
	border-radius:1.2em;
	box-sizing:border-box;
	/*height:4em;*/
	min-height:4em;
	padding:0.7em 1em 0.7em 2.5em;
	margin-bottom:0.8em;
}
.access_rank_middle .rank_info2 .rank_info_item .icon {
	position:absolute;
	top:0;
	bottom:0;
	left:-1.4em;
	margin:auto;
	width:3.2em;
	height:3.2em;
}
.access_rank_middle .rank_info2 .rank_info_item.station .icon {
	background:url(../img/recommend_rank_icon_pin.png) center center no-repeat;
	background-size: auto 100%;
}
.access_rank_middle .rank_info2 .rank_info_item.time .icon {
	background:url(../img/recommend_rank_icon_time.png) center center no-repeat;
	background-size: auto 100%;
}

/* 紹介文 */
.access_rank_middle .rank_desc_text {
	font-size:0.94em;
}
/* 特徴 */
.access_rank_foot {
	display:flex;
	flex-wrap:wrap;
	padding:1em 2% 3em;
}
.access_rank_foot .feature_item {
	font-size:0.8em;
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	background:#fff;
	border:solid 0.26em #e2e2e2;
	border-radius:1.5em;
	box-sizing:border-box;
	/*width:19%;*/
	height:3em;
	padding-left:0.8em;
	padding-right:0.8em;
	margin-right:0.5em;
	margin-bottom:0.6em;
}


/*▼==========【SP】アクセス順位中段ブロック（サムネイルとTELと価格と最寄りと営業時間）==========▼*/
@media only screen and (max-width:768px) {
	
	.access_rank_middle {
		padding-top:0;
	}
	.access_rank_middle .rank_info1 {
		display:block;
	}
	/* サムネイル */
	.access_rank_middle .rank_info1 .rank_info_img {
		width:100%;
	}
	.access_rank_middle .rank_info1 .rank_info_img img {
		width:100%;
	}
	/* TELと価格 */
	.access_rank_middle .rank_info1 .rank_info1_block {
		flex-wrap:nowrap;
		justify-content:space-between;
		width:100%;
		padding-top:0.5em;
	}
	.access_rank_middle .rank_info1 .rank_info1_block .rank_info_item {
		border-radius:2em;
		width:49%;
		height:3.6em;
		padding-left:1em;
	}
	.access_rank_middle .rank_info1 .rank_info1_block .rank_info_item .icon {
		top:0;
		left:0.4em;
		bottom:0;
	}
	.access_rank_middle .rank_info1 .rank_info1_block .rank_info_item span {
		font-size:1em;
		margin-left:1em;
	}
	.access_rank_middle .rank_info1 .rank_info1_block .rank_info_item.tel span {
		font-size:1.1em;
	}
	
	/* 最寄りと営業時間 */
	.access_rank_middle .rank_info2 {
		padding-top:0.8em;
		padding-bottom:0.5em;
	}
	.access_rank_middle .rank_info2 .rank_info_item {
		height:auto;
		min-height:4em;
		padding-left:3.5em;
		padding-right:1em;
	}
	.access_rank_middle .rank_info2 .rank_info_item .icon {
		left:0.2em;
	}
	
	/* 紹介文 */
	.access_rank_middle .rank_desc_text {
		padding-left:2%;
		padding-right:2%;
	}
	/* 特徴 */
	.access_rank_foot {
	}
	.access_rank_foot .feature_item {
		font-size:0.7em;
		/*width:23%;*/
	}
}








/********************************************************************
 *　//おすすめ順位（店舗詳細ページと共通）
********************************************************************/
/*▼==========おすすめランキングのタイトルバナー==========▼*/
.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;
}
/*▼==========バズスパロゴ：口コミランキング==========▼*/
.recommend_buzz_logo {
	margin-top:-4em;
}

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

	.recommend_top_desc {
		font-size:0.9em;
		padding:0 1em 5em 1em
	}
	.recommend_buzz_logo {
		width:20%;
		margin-top:-3.4em;
	}
}




/*▼==========目次：親テーマstyle.cssの調整==========▼*/
.recommend_buzz_logo + .p-toc.-border {
	background:#fff;
	margin-top:2em !important;
}
.p-toc .p-toc__expandBtn {/* もっと見る */
	background: linear-gradient(134deg,  #f3fdf0 39%,#cff6c6 100%);
	border:none;
	box-shadow:inherit;
}

/*おすすめランキング目次の下のタイトルH2：親テーマstyle.cssの調整*/
.post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
	font-size:1.8rem;
	background:none;
	/*padding: 0 4%;*/
	padding:0;
	/*margin: 2em 0 0.5em;*/
	margin:2em 0 0.8em;
	text-align:left;
	color: #000;
	font-weight:bold;
	letter-spacing:0;
}
h2.wp-block-heading + p {
	margin-bottom:4em;
}
@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 {
	margin-bottom:2em;
}
/********************************************************************
 *　//おすすめランキング
********************************************************************/

/* 隠しているh3のcssは最上部にあり */

.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 2%;
	margin-top:3em;
	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(to bottom, #d6f9ce, #fff) 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;*/
	display:flex;
	justify-content:space-between;
	align-items:center;
	border-bottom:solid 1px #dcdcdc;
	padding-top:1.8em;
	padding-bottom:1.6em;
	padding-right:2%;
}
/* ランク数字と位 */
.recommend_rank_upper .rank_num {
	aspect-ratio:1/1;
	width:8em;
	position:absolute;
	top:-2em;
	left:-1.6em;
	background:url(../img/recommend_rank_num_bg.png) center center no-repeat;
	background-size:100% 100%;
	border:solid 0.4em #fff;
	border-radius:50%;
	box-shadow:0 0.5em 0.5em rgba(0,0,0,0.05);
	box-sizing:border-box;
	display:flex;
	justify-content:center;
	align-items:center;
	overflow:hidden;
	color:#fff;
}
.recommend_rank_upper .rank_num {
	text-shadow:1px 2px 2px rgba(0,0,0,0.2);
}
.recommend_rank_upper .rank_num .num {
	font-size:3.4em;
	line-height:1;
	font-family:'FuturaCyrillicHeavy';
	letter-spacing:-0.1em;
}
.recommend_rank_upper .rank_num .num::after {/*カウンター*/
	content: counter(recommend_num);
}
.recommend_rank_upper .rank_num .order {
	font-size:1.5em;
	line-height:1;
	padding-top:0.6em;
	padding-left:0.2em;
	font-weight:bold;
}
/* ランク店名とエリア */
.recommend_rank_upper .rank_name_area {
	display:flex;
	flex-direction:column;
	margin-left:6em;
}
.recommend_rank_upper .rank_name_area .rank_name {
	font-size:1.8em;
	font-weight:bold;
	letter-spacing:0.08em;
}
.recommend_rank_upper .rank_name_area .rank_area {
	font-size:1.02em;
}
/* ランクの★と数字 */
.recommend_rank_upper .rank_star {
	display:flex;
	align-items:center;
}
.recommend_rank_upper .rank_star_count {
	width:13em;
	height:2.4em;
}
.recommend_rank_upper .rank_star_count.rank_star1 {
	background:url(../img/recommend_rank_star1.png) center center no-repeat;
	background-size:100% auto;
}
.recommend_rank_upper .rank_star_count.rank_star1half {
	background:url(../img/recommend_rank_star1half.png) center center no-repeat;
	background-size:100% auto;
}
.recommend_rank_upper .rank_star_count.rank_star2 {
	background:url(../img/recommend_rank_star2.png) center center no-repeat;
	background-size:100% auto;
}
.recommend_rank_upper .rank_star_count.rank_star2half {
	background:url(../img/recommend_rank_star2half.png) center center no-repeat;
	background-size:100% auto;
}
.recommend_rank_upper .rank_star_count.rank_star3 {
	background:url(../img/recommend_rank_star3.png) center center no-repeat;
	background-size:100% auto;
}
.recommend_rank_upper .rank_star_count.rank_star3half {
	background:url(../img/recommend_rank_star3half.png) center center no-repeat;
	background-size:100% auto;
}
.recommend_rank_upper .rank_star_count.rank_star4 {
	background:url(../img/recommend_rank_star4.png) center center no-repeat;
	background-size:100% auto;
}
.recommend_rank_upper .rank_star_count.rank_star4half {
	background:url(../img/recommend_rank_star4half.png) center center no-repeat;
	background-size:100% auto;
}
.recommend_rank_upper .rank_star_count.rank_star5 {
	background:url(../img/recommend_rank_star5.png) center center no-repeat;
	background-size:100% auto;
}
.recommend_rank_upper .rank_star_num {
	font-size:1.8em;
	width:2em;
	text-align:right;
	font-family:'Geist-Medium';
	
}
/*▼==========【SP】おすすめ順位上部ブロック（順位/店名/ジャンルエリア/★/星の点数）==========▼*/
@media only screen and (max-width:768px) {
	
	.recommend_rank_upper {
		display:block;
	}
	/* ランク店名とエリア */
	.recommend_rank_upper .rank_name_area {
		margin-left:7em;
		margin-bottom:0.5em;
	}
	/* ランクの★と数字 */
	.recommend_rank_upper .rank_star {
		margin-left:7em;
	}
}


/*▼==========おすすめ順位中段ブロック（サムネイルと説明文と各種情報）==========▼*/
.recommend_rank_middle {
	border-bottom:solid 1px #dcdcdc;
	padding:2em 4% 0;
	
}
.recommend_rank_middle .rank_desc {
	display:flex;
	justify-content:space-between;
}
/* サムネイル */
.recommend_rank_middle .rank_desc .rank_desc_img {
	width:20%;
}
/* 説明文 */
.recommend_rank_middle .rank_desc .rank_desc_text {
	line-height:1.6;
	width:75%;
}
/* 最寄り・営業時間・部屋タイプ・料金 */
.recommend_rank_middle .rank_info {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	padding-top:2em;
	padding-bottom:2em;
}
.recommend_rank_middle .rank_info .rank_info_item {
	position:relative;
	font-size:1.06em;
	line-height:1.3;
	display:flex;
	align-items:center;
	border:solid 1px #eeeeee;
	border-radius:1.5em;
	box-shadow:2px 2px 1px rgba(0,0,0,9%);
	box-sizing:border-box;
	width:48%;
	height:4em;
	padding:0.5em 0.5em 0.5em 2.5em;
	margin-bottom:0.8em;
}
.recommend_rank_middle .rank_info .rank_info_item.station {/*最寄りの高さのみ可変*/
	height:auto;
	min-height:4em;
}
.recommend_rank_middle .rank_info .rank_info_item .icon {
	position:absolute;
	top:0;
	bottom:0;
	left:-1.4em;
	margin:auto;
	width:3.2em;
	height:3.2em;
}
.recommend_rank_middle .rank_info .rank_info_item.station .icon {
	background:url(../img/recommend_rank_icon_pin.png) center center no-repeat;
	background-size: auto 100%;
}
.recommend_rank_middle .rank_info .rank_info_item.time .icon {
	background:url(../img/recommend_rank_icon_time.png) center center no-repeat;
	background-size: auto 100%;
}
.recommend_rank_middle .rank_info .rank_info_item.type .icon {
	background:url(../img/recommend_rank_icon_bed.png) center center no-repeat;
	background-size: auto 100%;
}
.recommend_rank_middle .rank_info .rank_info_item.price .icon {
	background:url(../img/recommend_rank_icon_money.png) center center no-repeat;
	background-size: auto 100%;
}
.recommend_rank_middle .rank_info .rank_info_item span {
}

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


/*▼==========おすすめ順位下段ブロック（特徴テキスト）==========▼*/
.recommend_rank_foot {
	display:flex;
	flex-wrap:wrap;
	padding:1em 2% 1.5em;
}
.recommend_rank_foot .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_foot .feature_item:nth-child(4n) {
	margin-right:0;
}
.recommend_rank_foot .feature_item.green {
	border:solid 0.26em #d7f9cf;
}
.recommend_rank_foot .feature_item.orange {
	border:0;
}
.recommend_rank_foot .feature_item.orange::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, #ff9453, #ffd200) border-box border-box;
	mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
	mask-composite: exclude;
}

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


/********************************************************************
 *　//おすすめランキングの下の追加記事部分
********************************************************************/
.add_article {
	
}
.add_article h2 {
font-size: 1.8rem;
  background: none;
  padding: 0 4%;
  padding: 0;
  margin: 2em 0 0.5em;
  margin: 2em 0 0.8em;
  text-align: left;
  color: #000;
  font-weight: bold;
  letter-spacing: 0;
}
.add_text {
	padding:1em 0;
}

.add_article h3 {
	position:relative;
	font-size: 1.3em;
	line-height: 1.4;
	padding: 0 .5em .5em;
	margin: 3em 0 2em;
	font-weight: 700;
}
.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;
}

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


/********************************************************************
 *　//店舗詳細ページ（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-right:1%;
	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:3.5em;
}
.shop_page .access_rank_map {
	margin-top:4em;
}
/*タイトル*/
.shop_page_section_ttl {
	position:relative;
	display:flex;
	align-items:center;
	background: #dd5c90;
	border-radius:2.4em;
	padding-left:7em;
	padding-right:1em;
	margin-bottom:1.5em;
}
.shop_page_section_ttl_img {
	position:absolute;
	left:0.14em;
	bottom:0.1em;
	width:5em;
}

.shop_page_section_ttl_text {
	font-size:1.54em;
	padding:0.5em 0;
	margin-left:0em;
	margin-right:1.5em;
	letter-spacing:0.05em;
	color:#fff;
	font-weight:300;
}
.shop_page_section_ttl_text_en {
	font-size:1.1em;
	padding-top:0.2em;
	font-family:'FuturaLT-CondensedLight';
	letter-spacing:0.3em;
	color:#fff;
	font-weight:300;
}
.shop_page_section_text {
	padding-left:4%;
	padding-right:4%;
}

/* お店の求人サイトURL欄 */
.access_rank_list_item .rank_url {
	padding-bottom:2em;
	margin:0 1%;
}
.access_rank_list_item .rank_url .rank_url_item {
	position:relative;
	font-size:0.9em;
	line-height:1.3;
	display:flex;
	align-items:center;
	border:solid 1px #e5e5e5;
	box-shadow:inset 0 0 0.2em 0 #f3f3f1;
	border-radius:1.2em;
	overflow:hidden;
}
.access_rank_list_item .rank_url .rank_url_item_title {
	display:flex;
	align-items:center;
	background:#f3f5f7;
	box-sizing:border-box;
	min-height:4em;
	padding:0.7em 1em 0.7em 1.5em;
	font-weight:bold;
}
.access_rank_list_item .rank_url .rank_url_item_url {
	padding-left:1em;
}

/* 求人動画枠 */
.shop_page .shop_page_video {
	border:solid 1px #dd5c90;
	border-radius:1.2em;
	padding:0 3% 1.5em;
	margin:0 2%;
	margin-bottom:3.5em;
}
.shop_page .shop_page_video .shop_page_video_ttl {
	display:flex;
	/*justify-content:center;*/
	align-items:center;
	padding:1em 0;
	text-align:center;
	font-weight:300;
}
.shop_page .shop_page_video .shop_page_video_ttl .icon {
	width:2.5em;
	margin-top:0.2em;
	margin-right:0.5em;
}
.shop_page .shop_page_video .youtubeWrapper{
	display:block;
	background:#000;
	align-items:center;
}
.shop_page .shop_page_video .youtubeWrapper__body{
	width:100%;
	max-width:700px;
	margin:0 auto;
}
.shop_page .shop_page_video .youtubeWrapper__body__inner{
	height:0;
	overflow:hidden;
	padding-bottom:calc(315 / 560 * 100%);
	position:relative}
.shop_page .shop_page_video .youtubeWrapper__body__inner iframe{
	width:100%;
	height:100%;
	position:absolute;
	left:0;top:0;
}

.shop_page .shop_page_video iframe {
	width:100%;
}


/*アクセスランキングリンク(親エリアページへの戻りリンク)*/
.shop_page_parent_link_access {
	font-size:0.9em;
	line-height:1.4;
	display:flex;
	align-items:center;
	border:solid 1px #dd5c90;
	padding:0.5em;
	margin:2em 1% 4em;
} 
.shop_page_parent_link_access .access_label {
	position:relative;
	background:#dd5c90;
	box-sizing:border-box;
	min-width:8em;
	padding:0.8em 1.5em 0.8em 0.8em;
	text-align:center;
	color:#fff;
}
.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;
}



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