:root {
    --vk-color-text-body: #0A0A0A;
}
/*スマホデザインキープ*/
.sp-visual-wrapper{
	max-width:560px;
  padding-top: 47px;
	margin:0 auto;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
  overflow-x: hidden;
}

/*Hタグ調整*/

h1,h2,
.vk-mobile-nav-menu-btn,
.vkfs__label-name-inner,
.widget ul.ym li a,
.single-post h3,
.single-post h4,
body.archive.my-search-restaurant .page-header-title,
body.archive.my-search-gift .page-header-title{
  font-family: "dnp-shuei-nmincho-std", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.vkfs__label-name-inner {
  z-index: 9;
}
body.archive.my-search-restaurant .page-header-title,
body.archive.my-search-gift .page-header-title{
  font-weight: 700;
}
.vk_post .vk_post_title{
  font-family: "hiragino-mincho-pron", sans-serif;
  font-weight: 600;
  font-style: normal;
}
h2{
  position:relative;
	padding-left:16px;
  z-index: 9;
}

.my_body_css h2{
  border-top: 0;
  border-bottom: 0;
}
h2:before{
  content: "";
  display: inline-block;
  position:absolute;
  left: 0px;
  top: 14px;
  width: 40px;
  height: 40px;
  background-image: url(../../../../uploads/icon-h.webp);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}
@media screen and (max-width:993px) {
  h2:before{
    top: 9px;
  }
}
.top_h2{
	position: relative;
	text-align:center;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	z-index: 9;
}
.top_h2::after {
  content: '';
  position: absolute;
  /* top: 0; */
  left: 0;
  right: 0;
  bottom: -26%;
  background-image: url(../../../../uploads/top-h2-glass.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  min-width: 100px;
  min-height: 100px;
  border:none;
  opacity: 0.7; 
  z-index: -1;
}
.top_h2:before{
	content: none;
}

.single-post h2,
.single-post h3,
.single-post h3:after,
.single-post h4,
.single-post h4:after,
.single-post h5,
.single-post h5:after,
.single-post h6,
.single-post h6:after
{
	border:none;
}

.single-post h3:before,
.single-post h4:before,
.single-post h5:before,
.single-post h6:before
{
  content: "";
  display: inline-block;
  position:absolute;
  left: -6px;
  top: 4px;
  width: 20px;
  height: 20px;
  background-image: url(../../../../uploads/icon-h.webp);
  background-size: contain;
}

.single-post h4:before{
 background-image: none;
}
.single-post h5:before{
  width: 40px;
  height: 40px;
}
.single-post h6:before{
  width: 40px;
  height: 40px;
}
@media (min-width: 576px) {
	.search-results.my-search-restaurant .vk_post .vk_post_title,
	.search-results.my-search-gift .vk_post .vk_post_title
	{
		font-size:16px;
	}
}
/*end Hタグ調整*/

@media (min-width: 992px) {
  .header_scrolled.admin-bar .site-header {
    animation: none;
  }
}

@media (min-width: 992px) {
  .site-header--layout--nav-float .site-header-logo {
    margin: 0;
    width: 100%;
    text-align: center;
  }
}

.site-header-logo{
  display:flex;
  justify-content:center;
  padding: 0;
  margin: 0;
  display: flex!important;
}


/*ヘッダー・フッター*/
.site-header{
	/* background-color:#21222a!important; */
  background-image: linear-gradient(90deg, #323240, #24252d 50%, #323240);
  width: 100% !important;
  height: 47px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
}

.site-header-logo a{
	color:#fff;
}

.site-footer{
	/* background-color:#21222a; */
  background-image: linear-gradient(90deg, #323240, #24252d 50%, #323240);
  background-image: linear-gradient(-180deg, #323240, #323240 44%, #666886);
}

.site-footer{
	color:#fff;
}

.container.site-footer-content{
  max-width: 560px;
  padding-top: 0;
}

.my_footer{
  width:100%;
  height:auto;
  display:flex;
  flex-wrap:wrap;
}

.my_footer li{
  width:50%;
  height:auto;
  display:flex;
}

.my_footer li.my_footer_right_space{
	width:100%;
}

.my_footer li.my_footer_top_space{
	margin-top:30px;
}
.my_footer_c{
  text-align: center;
  font-size: 10px;
  color: #a5a5a5;
}

.site-footer a{
	color:#fff;
}

.bl_my_foot_bg{
	width:100%;
	height:auto;
	text-align:center;
}

.bl_my_foot_bg img{
	width:100%;
	height:auto;
  margin-bottom: 12px;
}

.bl_my_foot_bg img.my_foot_bg_forward{
	width: 20%;
	height:auto;
	margin-top: -30%;
}


/*1行3点リーダー 子に.ellipsisを持つtdのみに適用*/

td:nth-child(2):has(.ellipsis) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 0;
}

/*end 1行3点リーダー*/

/*検索アイコンの虫眼鏡設置*/
button.search-modal-button.search-modal-button-upper{
  position:fixed;
  top: 5px;
  left: 38px;
  z-index: 1001;
  display: flex;
  flex-direction: column;
  font-size: 11px;
  text-align: center;
  color: #fff;
  width: 34px;
  height: 42px;
  cursor: pointer;
  background: none;
  border: none;
}

.admin-bar button.search-modal-button.search-modal-button-upper{
	top: 35px;
}


@media screen and (max-width: 767px){
  .admin-bar button.search-modal-button.search-modal-button-upper{
    top: 48px;
  }

  .header_scrolled.admin-bar button.search-modal-button.search-modal-button-upper{
    top: 8px;
  }
}




/*ドロワーデザイン*/
#vk-mobile-nav-menu-btn.vk-mobile-nav-menu-btn {
    /* 色を黒から白に反転 */
    filter: brightness(0) invert(1) !important;
    /* 背景を透明にする */
    background-color: transparent !important;
    border-color: #fff !important;

    /* 縦棒になるのを防ぐ（幅を固定） */
    width: 46px !important;
    min-width: 50px !important;
    height: 46px !important;
    
    /* 文字を隠さない設定 */
    text-indent: 0 !important;
    overflow: visible !important;
    display: block !important;
    text-align: center !important;
    padding-top: 35px !important;
    border: none;
    font-size: 10px;
}

.vk-mobile-nav-menu-btn {
    top: -5px;
}

#vk-mobile-nav-menu-btn.vk-mobile-nav-menu-btn.vk-mobile-nav-menu-btn.menu-open {
    filter: none !important;
    background-color: transparent !important;
    border-color: #000 !important;
}



/*ツールバー関連*/
.header_scrolled.admin-bar .site-header {
    top: 32px;
}

.admin-bar .site-header {
   top: 32px;
}

.admin-bar .vk-mobile-nav-menu-btn{
	top: 28px;
}

/* .header_scrolled.admin-bar .vk-mobile-nav-menu-btn{
	top: -2px;
} */

@media screen and (max-width: 767px){
  .admin-bar .site-header {
   top: 46px;
  }
  .header_scrolled.admin-bar .site-header {
   top: 0;
  }
  .admin-bar .vk-mobile-nav-menu-btn{
    top: 43px;
  }	
  .header_scrolled.admin-bar .vk-mobile-nav-menu-btn{
    top: -2px;
  }
}


.page button.search-modal-button.search-modal-button-upper{
display:none;
}


button.search-modal-button.search-modal-button-upper span{
  display: inline-block;
  position: relative;
  width: 24px;
  height: 24px;
  color: #ffffff;
  font-size: 78px;
}
button.search-modal-button.search-modal-button-upper span::before{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0.25em;
  height: 0.25em;
  box-sizing: border-box;
  border: 0.05em solid rgb(251 251 251);
  border-radius: 50%;
  background-color: #30303d;
  content: "";
}
button.search-modal-button.search-modal-button-upper span::after{
  position: absolute;
  top: 14px;
  left: 68%;
  z-index: -1;
  transform: rotate(-45deg);
  width: 0.06em;
  height: 0.15em;
  box-sizing: border-box;
  background-color: currentColor;
  content: "";
}


/*一覧へアイコンの虫眼鏡設置*/
.my_glass{
  position:fixed;
  top: 8px;
  left: 38px;
  z-index: 1001;
  display: flex;
  flex-direction: column;
  font-size: 11px;
  text-align: center;
  color: #fff;
  width: 24px;
  height: 38px;
  cursor: pointer;
}

.admin-bar .my_glass{
  top: 37px;
}

@media screen and (max-width: 767px){
  .admin-bar .my_glass{
    top: 52px;
  }

  .header_scrolled.admin-bar .my_glass{
    top: 8px;
  }
}

a.my_glass:hover{
  color: #fff;
}

.my_glass_icon {
  display: inline-block;
  position: relative;
  width: 24px;
  height: 24px;
  color: #ffffff;
  font-size: 78px;
}
.my_glass_icon::before {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0.25em;
  height: 0.25em;
  box-sizing: border-box;
  border: 0.05em solid rgb(251 251 251);
  border-radius: 50%;
  background-color: #000000;
  content: "";
}
.my_glass_icon::after {
  position: absolute;
  top: 14px;
  left: 68%;
  z-index: -1;
  transform: rotate(-45deg);
  width: 0.06em;
  height: 0.15em;
  box-sizing: border-box;
  background-color: currentColor;
  content: "";
}

/*end一覧へアイコンの虫眼鏡設置*/

/*メインコンテンツのpadding-topをゼロ*/
.site-body{
  padding-top:0;
  padding-bottom: 0;
}

/*一覧ページのレイアウト調整*/

.main-section{
  width:100%;
  margin-bottom: 20px;
}

.vk_posts{
	margin-left:0;
	margin-right:0;
}
.vk_post{
	padding-top: 1.0rem!important;
	padding-bottom: 1.0rem!important;
	padding-left:15px!important;
  padding-right:15px!important;
}

/*手土産一覧ページの商品説明テキスト*/
.my_custom_info_excerpt{
    font-size:12px;
}

/*コラム一覧のレイアウト調整*/

.bl_catg_nav,
.filter-navigation{
	list-style:none;
	padding:0;
	width: 100%;
	height:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin: 0 auto 5px auto;
  gap: 0px 10px;
}
.bl_catg_nav li{
  margin-top: 0;
  margin-bottom: 10px;
}

.bl_catg_nav li,
.filter-navigation a{
	background-color: #ffffff;
	border: 2px solid #bfb192;
	border-radius:5px;
	font-weight: bold;
	text-align:center;
	padding:2px;
  font-family: dnp-shuei-nmincho-std, sans-serif;
  width: 22%;
}

.bl_catg_nav li a,
.filter-navigation a{
	text-decoration:none;
}
.single-post h4{
  background-color: inherit;
}
@media screen and (max-width: 400px) {
  .bl_catg_nav,
.filter-navigation{
  gap: 0px 5px;
}
.bl_catg_nav li,
.filter-navigation a{
 font-size: 11px;
}
}
/*endコラム一覧のレイアウト調整*/


/*カスタム投稿の一覧ページの画像レイアウト調整*/

.vk_post-postType-restaurant .vk_post_imgOuter {
    position: relative !important;
    overflow: hidden !important;
}
.vk_post-postType-restaurant .vk_post_imgOuter:before {
    content: "" !important;
    display: block !important;
    padding-top: 62% !important; /* ここで比率を維持 */
}

.vk_post-postType-restaurant .vk_post_imgOuter .vk_post_img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; 
    margin: 0 !important;
}
.vk_post-postType-restaurant .vk_post_imgOuter a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

/*end カスタム投稿の一覧ページの画像レイアウト調整*/

/*カスタム投稿(着物・ドレス、ヘアサロン、清掃・内装業者)の一覧ページのレイアウト調整*/
.bl_my_catg_facil{
	padding-left:0;
	margin-top: 0;
	margin-bottom: 0;
}

.archive-catg-link,
.bl_my_catg_facil{
	font-size: 11px;
	display:flex;
	position:relative;
	z-index:1;
	justify-items: flex-start;
	flex-wrap: wrap;
}
.archive-catg-link .fashion_catg_box,
.bl_my_catg_facil li,
.custom-under-cats{
	width: 24%;
  min-width: 60px;
	border: 1px solid #bfb192;
  font-size: 11px;
	display: flex;
	justify-content: center;
	align-items: center;
  margin-top: 0;
	margin-right: 8px;
  margin-bottom: 4px;
}

.bl_my_archive_txt_facil{ /*清掃・内装業者のサービス説明文を3行目までの3点リーダーへ*/
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 11px;
  text-align: left;
  margin-bottom: .5em;
}

.bl_my_archive_txt_clothes_hair{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 11px;
  text-align: left;
}


/*end カスタム投稿(着物・ドレス、ヘアサロン、清掃・内装業者)の一覧ページのレイアウト調整*/

/*ドロワーメニューのカスタマイズ*/

html {
  /* 常にスクロールバーのエリアを確保する設定 */
  scrollbar-gutter: stable;
}

html:has(.vk-mobile-nav.vk-mobile-nav-open) {
  overflow: hidden !important;
  overscroll-behavior: none;
}

body.device-pc .vk-mobile-nav-menu-btn{
  display: block;
}
.vk-mobile-nav-menu-btn{
  left: auto;
  right: 24px;
}
body.device-pc .vk-mobile-nav{
	display: block;
}
.vk-mobile-nav{
 /* background: rgb(229 223 208 / 60%); */
  background: rgb(229 223 208 / 60%);
  overflow: hidden;
  will-change: transform, opacity;
}

.vk-mobile-nav-open .ym-wrap{
	width: 95%;
  position: absolute;
  top: 20%;
  right: 0;
  left: 0;
  z-index: 2;
  width: 95%;
  margin: 0 auto;
}

.widget ul.ym{
	width:100%;
	max-width: 767px;
	max-width: 400px;
	/* height:60vh; */
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
}

.widget ul.ym li {
    background-color: #e5dfd0;
    list-style: none;
    display: flex;
    /* width: 30%; */
    width: 30%;
    padding-top: 27%;
    /* height:auto; */
    position: relative;
    border-radius: 5px;
    box-shadow: 6px 6px 7px #cdc7b9, -2px -2px 6px #ffffff;
}
.widget ul.ym li:nth-of-type(5),
.widget ul.ym li:nth-of-type(7){
	margin-left: 30%;
}

/* .widget ul.ym li a{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
	font-size:18px;
  font-weight:bold;
	text-decoration:none;
  text-align: center;
} */

.widget ul.ym li a{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-evenly;
  flex-direction: column;
  align-items: center;
  font-size:18px;
  font-weight:bold;
  text-decoration:none;
  text-align: center;
  line-height: 1.2;
}

.widget ul.ym li a span{
	font-size:11px;
	/* margin-bottom:12px; */
}

.vk-mobile-nav-widget{
	width:100%;
	height:100vh;
}

/*検索のモーダル化*/
/* .search-modal-button i {
	margin-right: 4px
}
.search-modal-button {
	background-color: var(--color_main);
	color: #fff;
	transition: background 0.5s ease,color 0.5s ease;
}
.search-modal-button:hover {
	background: #fff;
	color: #000
}
#custom_html-3 .search-modal-button {
	width: 100%;
	padding: 10px 0
}
#search-modal {
	display: none;
	position: fixed;
	z-index: 9999999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.7);
	overflow: auto
}

#search-modal-title {
	text-align: center;
	font-size: 24px;
	margin-bottom: 20px
}
.search-modal-content {
	width: 90%;
	max-width: 800px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-color: #fff;
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0 0 10px rgba(0,0,0,.9);
	overflow-y: auto;
	max-height: 80vh
}
.search-close {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 24px;
	font-weight: 700;
	cursor: pointer;
	color: #333
} */

.search-modal-button i {
	margin-right: 4px
}
.search-modal-button {
	/* background-color: var(--color_main); */
	background-color: #ffffff;
	color: #3e3f51;
	transition: background 0.5s ease,color 0.5s ease;
	position: fixed;
	top: 5%;
	left: 5%;
	z-index: 999;
}

.sort-area-wrap .search-modal-button{
  background-color: #bfb192;
  border: 1px solid #f6e4b5;
  font-size: 14px;
  line-height: 1.6em;
  font-weight: bold;
  padding: 0px 8px;
  border-radius: 20px;
  list-style: none;
  text-shadow: 1px 1px #ddd0ac;
  box-shadow: 0 3px 3px rgb(0 0 0 / 33%);
  font-family: dnp-shuei-nmincho-std, sans-serif;
}

@media screen and (max-width: 375px){
.sort-area-wrap .search-modal-button{
  font-size: 12px;
}
}

.wp-block-vk-filter-search-pro-filter-search-pro {
	display: none;
	position: fixed;
	z-index: 9999999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.7);
	overflow: auto
}

.page .wp-block-vk-filter-search-pro-filter-search-pro{
	display: block;
	position: initial;
}

.vkfs__labels{
	width: 100%;
	max-width: 560px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-color: #fdfcf7;
	padding: 2em 0px;
	/* border-radius: 8px; */
	box-shadow: 0 0 10px rgba(0,0,0,.9);
	overflow-y: auto;
	height: 100%;
  display: block;
}

.single .vkfs__labels,
.search .vkfs__labels{
  padding: 2em 2em 8em 2em;
}

.page .vkfs__labels{
  background: #fdfcf7;
	position: initial;
	transform:initial;
}

.search-close {
	display: none;
	position: fixed;
	top: 5px;
	left: calc(50% + min(50vw, 265px));
	transform: translateX(calc(-100% - 20px));
	font-size: 30px;
	font-weight: 700;
	cursor: pointer;
	color: #333;
	z-index: 99999999;
}

/*項目に画像背景デザイン*/
.vkfs__label-name-inner{
	position:relative;
  padding-left: 13px;
  font-size: 15px;
  margin-bottom: 5px;
}
.vkfs__label-name-inner:before{
  content: "";
  display: inline-block;
  position:absolute;
  left: -5px;
  top: -5px;
  width: 35px;
  height: 35px;
  background-image: url(../../../../uploads/icon-h.webp);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}


/*飲食　手土産TOPから閉じるボタンを非表示*/
.page .search-close{
	display: none!important;
}

.vkfs .btn[type=submit]{
	position:absolute;
	position: fixed;
	width: 70%;
	max-width: 275px;
	/* top: 50%; */
	bottom: 3%;
	left: 50%;
	transform: translate(-50%, 3%);
	z-index: 999;
  color: #000;
	font-weight: bold;
	background-color: #bfb192;
	border: 1px solid #f6e4b5;
	border-radius: 20px;
	text-shadow: 1px 1px #ddd0ac;
	box-shadow: 0 6px 6px rgb(0 0 0 / 60%);
  font-family: dnp-shuei-nmincho-std, sans-serif;
  color: #3e3f51;
}

.vkfs__call-filter-search input{
   font-size: 16px !important;
 -webkit-text-size-adjust: 100%;
}
.vkfs input[type=number], .vkfs input[type=text], .vkfs select:not(.does-not-exist){
  border: 1px solid #3E3F51;
}
.vkfs input[type=checkbox]:before, .vkfs input[type=radio]:before{
  border: 1px solid #3E3F51;
}
/*検索アコーディオンの開閉*/

.og-ac-box  {
  width: 100%;
  margin: 30px auto;
}
.og-ac-box .og-accordion_title{
  margin: 0 auto;
}
.og-accordion_title {
  position: relative;
  display: block;
  list-style: none;
  width: 48%;
  cursor: pointer;
  font-family: dnp-shuei-nmincho-std, sans-serif;
  color: #3e3f51;
  font-size: 14px;
  line-height: 1.6em;
  text-align:center;
  font-weight: bold;
  background-color: #bfb192;
  border:1px solid #f6e4b5;
  padding:2px 8px;
  border-radius:20px;
  list-style: none; /* Chrome/Firefox */
  text-shadow: 1px 1px #ddd0ac;
  box-shadow: 0 3px 3px rgb(0 0 0 / 33%);
  margin: 0 auto;
  padding: 5px 0;
}
@media screen and (max-width: 500px){
.og-accordion_title{
  width: 69%;
}
}
@media screen and (max-width: 375px){
.og-accordion_title{
 font-size: 12px;
}
}
.og-accordion_title:before{
	content: "詳細条件を追加する";
}

summary.og-accordion_title::-webkit-details-marker {
  display:none;
}

.og-accordion_title:after {
  content: "+";
  position: absolute;
  top: calc(50% - 0.5em);
  right: 20px;
  line-height: 1;
  padding: 0;
  pointer-events: none;
}

.og-ac-box::details-content {
  opacity: 0;
  block-size: 0;
  transition: .3s;
  transition-property: display, opacity, block-size, padding;
  transition-behavior: allow-discrete;
  line-height: 1.6em;
  background: #ffffff;
}

.og-ac-box .og-accordion_content {
  padding: 0 1.4em;
}

.og-ac-box .og-accordion_content > *:first-of-type {
  margin-top: 0;
}

.og-ac-box .og-accordion_content > *:last-of-type {
  margin-bottom: 0;
}

.og-ac-box[open]::details-content {
  opacity: 1;
  block-size: auto;
  block-size: calc-size(auto, size);
}

.og-ac-box[open] .og-accordion_content {
  padding: 1.4em;
}

.og-ac-box[open] .og-accordion_title:after {
  content: "-";
}

.accordion_contents{
	background-color: #fdfcf7;
}
.accordion_contents .vkfs__label-name-inner:before{
  top: -10px;
}
.accordion_contents .vkfs__label-name{
  margin-bottom: 15px;
}
.accordion_contents input{
  margin-top: 10px;
}
/* コンテンツトップの開閉アコーディオン */

.my_bl_search_ac{
	display:flex;
	flex-direction:column;
	align-items:center;
  margin-bottom: -10px;
}
.my_bl_search_ac > summary::before {
  content: "\8A73\7D30\691C\7D22\3059\308B";
}
.my_bl_search_ac[open] > summary::before {
  content: "\00d7\9589\3058\308b";
}

.my_bl_search_ac > summary {
	background-color:#bfb192;
	border:1px solid #f6e4b5;
	font-family: dnp-shuei-nmincho-std, sans-serif;
	color: #3e3f51;
	font-weight: bold;
	margin-bottom: 8px;
	padding: 4px 12px;
	border-radius:20px;
	list-style: none; /* Chrome/Firefox */
	text-shadow: 1px 1px #ddd0ac;
	box-shadow: 0 3px 3px rgb(0 0 0 / 33%);
	line-height: 1.4;
	font-size: 14px;
}
.my_bl_search_ac > summary::-webkit-details-marker {
  display: none; /* Safari */
}

/*タイトル下のソート関連*/

.sort-area-wrap{
	display:flex;
	justify-content: right;
  margin-bottom: 20px;
}

.search-modal-button.search-sort-box{
	position:initial;
  width: 33.3%;
  height: auto;
}

.sort-area-wrap span{
  width: 33.3%;
  height: auto;
}

/*並び替え　アコーディオン*/

.sort-ac-box-wrap{
	width: 33.3%;
	height: auto;
	display: flex;
	justify-content: flex-end;
}
.page .sort-ac-box-wrap{
	justify-content:right;
}
.sort-ac-box  {
  width: 100%;
  height: auto;
  max-width: 100px;
  /* margin: 30px auto; */
  position: relative;
  right: -5%;
}

.sort-ac-box > div{
	position:absolute;
	top:100%;
	left:0;
	width:80%;
	z-index:2;
	background-color:#f2f2f2;
	text-align:center;
  font-size: 14px;
	padding:4px;
	border-radius:0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.sort-ac-box.is-act{
	position:absolute;
	top:0;
	right:-6px;
}

.sort-accordion_title {
  position: relative;
  /* border: none; */
  display: block;
  list-style: none;
  width: 70%;
  max-width: 102px;
  min-width: 80px;
  cursor: pointer;
  /* background: #d2d2d2; */
  padding: 4px;
  line-height: 1.6em;
  background-color: #bfb192;
  border: 1px solid #f6e4b5;
  font-family: dnp-shuei-nmincho-std, sans-serif;
  color: #666;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  padding: 2px 8px;
  border-radius: 20px;
  /* list-style: none; */
  text-shadow: 1px 1px #ddd0ac;
  box-shadow: 0 3px 3px rgb(0 0 0 / 33%);
  z-index: 3;
  color: #3e3f51;
}
@media screen and (max-width: 375px){
  .my_bl_search_ac > summary{
    font-size: 12px;
    text-align: center;
  }
  .sort-accordion_title{
    font-size: 12px;
  }
  .sort-ac-box > div{
    font-size: 12px;
  }
}

summary.sort-accordion_title::-webkit-details-marker {
  display:none;
}

.sort-ac-box::details-content {
  max-width:72px;
  opacity: 0;
  block-size: 0;
  transition: .3s;
  transition-property: display, opacity, block-size, padding;
  transition-behavior: allow-discrete;
  line-height: 1.6em;
  background: #ffffff;
}

.sort-ac-box[open]::details-content {
  opacity: 1;
  block-size: auto;
  block-size: calc-size(auto, size);
}

.entry-meta-item-updated {
	display:none;
}

.entry-meta-item-author {
	display:none;
}

.entry-meta-item-date {
	display:none;
}


/*h1箇所のカスタマイズ*/
.page-header-inner{
  margin: 0 auto;
}
.page-header{
	background-color:initial;
	color:#0a0a0a;
}

.post-name-paid-menu .page-header{
	background-image: url("../../../../uploads/fv-paid-menu.webp");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top;
  height: 170px
}
@media screen and (max-width: 450px) {
.post-name-paid-menu .page-header{
  height: 130px
}
}

.post-name-contact .page-header,
.post-name-membership .page-header,
.post-name-membership-join .page-header,
.post-name-privacy-policy .page-header,
.post-name-terms-of-service .page-header
{
  background-image: url("../../../../uploads/title_fv_lamp.webp");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top;
}
.post-name-contact .page-header-title,
.post-name-membership .page-header-title,
.post-name-membership-join .page-header-title,
.post-name-privacy-policy .page-header-title, 
.post-name-terms-of-service .page-header-title{
  padding-top: 30%;
  margin-bottom: 35px;
  font-size: 1.5rem;
}
body.post-name-restaurant h1.page-header-title,
body.my-search-restaurant h1.page-header-title,
body.archive.my-search-restaurant .page-header-title,
body.post-name-gift h1.page-header-title,
body.my-search-gift h1.page-header-title,
body.archive.my-search-gift .page-header-title,
body.post-type-archive-club h1.page-header-title,
body.post-type-archive-hair-salon h1.page-header-title,
body.post-type-archive-clothes h1.page-header-title,
body.post-name-social h1.page-header-title,
body.post-type-post h1.page-header-title,
body.post-type-archive-facility-services h1.page-header-title,
body.category h1
{
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 230px;
  max-width: 100%;
  min-height: 120px;
}

/*通常投稿のカテゴリ一覧*/
body.category h1{
  margin-bottom: 0;
}
/*通常投稿のカテゴリ一覧 end*/

.post-name-restaurant .entry-body p{
  margin: 0;
}
@media screen and (max-width: 500px){
body.post-name-restaurant h1.page-header-title,
body.my-search-restaurant h1.page-header-title,
body.archive.my-search-restaurant .page-header-title,
body.post-name-gift h1.page-header-title,
body.my-search-gift h1.page-header-title,
body.archive.my-search-gift .page-header-title,
body.post-type-archive-club h1.page-header-title,
body.post-type-archive-hair-salon h1.page-header-title,
body.post-type-archive-clothes h1.page-header-title,
body.post-name-social h1.page-header-title,
body.post-type-post h1.page-header-title,
body.post-type-archive-facility-services h1.page-header-title{
  margin: -5px 0; 
}
}
body.single-restaurant h1,
body.single-gift h1{
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 250px;
  min-width: 100px;
  min-height: 100px;
  margin:10px 0 -15px 0;
}
body.single-club h1,
body.single-hair-salon h1,
body.single-clothes h1,
body.single-post h1,
body.single-facility-services h1{
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 200px;
  min-width: 100px;
  min-height: 100px;
  margin:10px 0 0 0;
}
body.post-name-restaurant h1.page-header-title,
body.my-search-restaurant h1.page-header-title,
body.archive.my-search-restaurant .page-header-title,
body.single-restaurant h1{
  /* display: flex;
  align-items: center;
  justify-content: center; */
  background-image: url("../../../../uploads/restaurant-h1.webp");
  /* background-repeat: no-repeat;
  background-position: center;
  background-size: 100px;
  min-width: 100px;
  min-height: 100px; */
  margin: 10px 0 20px 0;
}
body.single-restaurant h1.entry-title,
body.single-gift h1.entry-title{
	background-size:200px;
  margin: 10px auto -15px auto;
}
body.post-name-gift h1.page-header-title,
body.my-search-gift h1.page-header-title,
body.archive.my-search-gift .page-header-title,
body.single-gift h1{
  background-image: url("../../../../uploads/gift-h1.webp");
  margin: 10px 0 20px 0;
}
@media screen and (max-width: 500px) {
body.post-name-restaurant h1.page-header-title,
body.my-search-restaurant h1.page-header-title,
body.archive.my-search-restaurant .page-header-title,
body.single-restaurant h1,
body.post-name-gift h1.page-header-title,
body.my-search-gift h1.page-header-title,
body.archive.my-search-gift .page-header-title,
body.single-gift h1{
  margin: 5px 0;
}
}
body.post-type-archive-club h1.page-header-title,
body.single-club h1{
  background-image: url("../../../../uploads/club-h1.webp");
}

body.post-type-archive-hair-salon h1.page-header-title,
body.single-hair-salon h1{
  background-image: url("../../../../uploads/salon-h1.webp");
}

body.post-type-archive-clothes h1.page-header-title,
body.single-clothes h1{
  background-image: url("../../../../uploads/dress-h1.webp");
}

body.post-name-social h1.page-header-title{/*ソーシャル系ページ*/
  background-image: url("../../../../uploads/social-h1.webp");
}

body.post-type-post h1.page-header-title,
body.single-post h1,
body.category h1
{
  background-image: url("../../../../uploads/column-h1.webp");
}

body.post-type-archive-facility-services h1.page-header-title,
body.single-facility-services h1{
  background-image: url("../../../../uploads/facility-services-h1.webp");
}

/*TOPページ*/
.anime-wrap{
	/* background-color:#f0ecec; */
	position: relative;
	width: 100%;
	height: auto;
	/* min-height: 1011px; */
	/* padding-bottom: 100%; */
	aspect-ratio: 9 / 18;
	/* overflow: hidden; */
  isolation: isolate;
}

.circle {
  position: absolute;
  border-radius: 50%;
  filter: blur(clamp(10px, calc(5px + 4vw), 40px));

  transform: translate3d(0, 0, 0);

  opacity: 0;
  animation: fade-alternate 1s ease-out forwards;
}

.circle-small{
  position: absolute;
  border-radius: 50%;
  filter: blur(clamp(2px, calc(2px + 1vw), 8px));

  transform: translate3d(0, 0, 0);

  opacity: 0;
  animation: fade-alternate 1s ease-out forwards;
}

/* 各ぼかし星 */
.pt-1-star{
  width: 6%;
  height: auto;
  aspect-ratio: 1 / 1;
  background: #ffe66d;
  top: 7.5%;
  left: 19%;
  animation-delay: 0.5s;
}

.pt-2-star{
  width: 6%;
  height: auto;
  aspect-ratio: 1 / 1;
  background: #ffe66d;
  top: 1.5%;
  left: 39%;
  animation-delay: 0.5s;
}

.pt-3-star{
  width: 5%;
  height: auto;
  aspect-ratio: 1 / 1;
  background: #ffe66d;
  top: 2.7%;
  left: 51.6%;
  animation-delay: 0.5s;
}

.pt-4-star{
  width: 5%;
  height: auto;
  aspect-ratio: 1 / 1;
  background: #ffe66d;
  top: 8.6%;
  left: 68.3%;
  animation-delay: 0.5s;
}
.pt-5-star{
  width: 5%;
  height: auto;
  aspect-ratio: 1 / 1;
  background: #ffe66d;
  top: 0.8%;
  left: 84.8%;
  /* bottom: 94%; */
  animation-delay: 0.5s;
}
.pt-6-star{
  width: 6%;
  height: auto;
  aspect-ratio: 1 / 1;
  background: #ffe66d;
  top: 2.7%;
  left: -0.3%;
  /* bottom: 94%; */
  animation-delay: 0.5s;
}
/* 各ぼかし円 */
.pt-1 {
  width: 10%;
  height: auto;
  aspect-ratio: 1 / 1;
  background: #2d8c44;
  top: 46%;
  left: 13%;
  animation-delay: 1s;
}

.pt-2 {
  width: 30%;
  height: auto;
  aspect-ratio: 1 / 1;
  background: #95c4cd;
  top: 69%;
  left: 60%;
  animation-delay: 1s;
}

.pt-2-2 {
  width: 10%;
  height: auto;
  aspect-ratio: 1 / 1;
  background: #2d8c44;
  top: 47%;
  left: 35%;
  animation-delay: 1s;
}
.pt-2-3 {
  width: 10%;
  height: auto;
  aspect-ratio: 1 / 1;
  background: #2d8c44;
  top: 47%;
  left: 57%;
  animation-delay: 1s;
}
.pt-2-4 {
  width: 10%;
  height: auto;
  aspect-ratio: 1 / 1;
  background: #2d8c44;
  top: 48%;
  left: 75%;
  animation-delay: 1s;
}

.pt-3 {
  width: 20%;
  height: auto;
  aspect-ratio: 1 / 1;
  background: #95c4cd;
  top: 14%;
  left: 19%;
  animation-delay: 1s;
}

@media screen and (max-width: 560px){

/* 各ぼかし星 */
.pt-1-star{
  top: 13.5vw;
}

.pt-2-star{
  top: 3vw;
}

.pt-3-star{
  top: 5vw;
}

.pt-4-star{
  top: 15.5vw;
}

.pt-5-star{
  top: 1vw;
}

/* 各ぼかし円 */
.pt-1 {
  top: 82vw;
}

.pt-2 {
  top: 127vw;
}

.pt-2-2 {
  top: 80vw;
}
.pt-2-3 {
  top: 80vw;
}
.pt-2-4 {
  top: 82vw;
}

.pt-3 {
  top: 26vw;
}	
}


@keyframes fade-alternate {
  0% { 
    opacity: 0; 
    transform: scale(0.8); 
  }
  100% { 
    opacity: 1; 
    transform: scale(1); 
  }
}

/*TOPのH2のアニメーション*/
.anime-set.pt-h2.is-visible::before{
  content: "";
  position:absolute;
  top: -5px;
  left: 50%;
  border-radius: 50%;
  filter: blur(clamp(2px, calc(2px + 1vw), 8px));
  transform: translate3d(0, 0, 0);
  opacity: 0;
  animation: fade-alternate02 2s ease-out forwards;
  background: #f3a5c9;
  z-index: -2;
}

.footer-before-img{
	position:relative;
}

.footer-before-img img{
	position:relative;
  z-index: 9;
  margin: 30px auto;
}

.anime-set.pt-footer.is-visible::before{
  content: "";
  position:absolute;
  top: 24%;
  left: 6%;
  width: 40px;
  height: 67px;
  border-radius: 50%;
  filter: blur(clamp(2px, calc(2px + 1vw), 8px));
  transform: translate3d(0, 0, 0);
  opacity: 0;
  animation: fade-alternate03 2s ease-out forwards;
  background: #ff9e9c;
  aspect-ratio: 1 / 2;
}

@media screen and (max-width: 560px){
  .anime-set.pt-footer.is-visible::before{
    width: 7%;
    height: auto;
  }
}

@keyframes fade-alternate02 {
  0% { 
    opacity: 0; 
    transform: translate(-50%) scale(0.8); 
  }
  100% { 
    opacity: 1; 
    transform: translate(-50%) scale(1); 
  }
}

@keyframes fade-alternate03 {
  0% { 
    opacity: 0; 
    transform: translate(-50%) scale(0.8) rotate(-32deg); 
  }
  100% { 
    opacity: 1; 
    transform: translate(-50%) scale(1) rotate(-32deg); 
  }
}

 .fv-star{
	position:relative;
	z-index:1;
}

.fv-ttl{
	position:relative;
	width: 47%;
	max-width: 260px;
	margin: 0 auto;
	margin-top: 4%;
	z-index:1;
}
.fv-ttl img{
	width:100%;
	height:auto;
}
.fv-mt{
	width:100%;
	position:absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, 0);
}
@media screen and (max-width: 560px){
  .fv-mt{
    top: 71vw;
  }
}
.fv-lady{
	width:75%;
	position:absolute;
	top: 29%;
	left: 50%;
	transform: translate(-50%, 0);
  z-index: 99;
}
@media screen and (max-width: 560px){
  .fv-lady{
    top: 54vw;
  }
}

.fv-ttl-sub{
    width: 35%;
    max-width: 218px;
    position: absolute;
    top: 74%;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 1;
}

/*ニュースパート*/
.bl_my_info{
	background-color:#4b4d5c;
	border-radius:10px;
	list-style:none;
	font-size:12px;
	padding:16px;
  max-height:180px;
  overflow: auto;
  margin-bottom: 60px;
}
.bl_my_info li{
	border:none;
}
.bl_my_info h3{
	color:#fff;
	font-size:12px;
	margin: 8px;
	border:none;
}
.bl_my_info h3:after{
	border:none;
}
.bl_my_info a{
	text-decoration:none;
}
.bl_my_info .info_date{
	color:#fff;
	margin-bottom:0;
}

/* slide-box */
.slide {
  opacity: 0;
  transition: opacity 0.3s;
}
.slide.slick-initialized {
  opacity: 1;
}

.slide-box {
  width: calc(100% + 30px);
  position: relative;
  display: flex;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-bottom: 30px;
}

/* slide */

.slide {
  position: relative;
  width: 80%;
  margin: 0;
  padding: 0;
}
.slide .item {
  position: relative;
  margin: 0;
  height: 100%;
}
.slide .item a {
  display: block;
}
.slide .item::before {
  display: block;
  padding-top: 39%;
  content: "";
}
.slide .item .image {
  position: relative;
  overflow: hidden;
}
.slide .item img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 100%;
  margin: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.slide > .slick-list,
.slide > .slick-list > .slick-track,
.slide > .slick-list > .slick-track > .slick-slide > div {
  position: relative;
  height: 100%;
}

@media screen and (max-width: 767px) {
  /* .slide {
    width: 100%;
  } */
}

/* slide-navigation */

.slide-navigation {
  line-height: 0;
  position: relative;
  width: 20%;
  height: 100%!important;
  margin: 0;
  padding: 0;
}
.slide-navigation .item {
  position: relative;
  cursor: pointer;
}
.slide-navigation .item .image {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.slide-navigation .item .image::before {
  display: block;
  padding-top: 62%;
  content: "";
}
.slide-navigation .item .image::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0.5;
  background: #000;
}
.slide-navigation .slick-current .image::after {
  opacity: 0;
}
.slide-navigation .item .image {
  position: relative;
  overflow: hidden;
}
.slide-navigation .item .image img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

@media screen and (max-width: 767px) {
  /* .slide-navigation {
    width: 100%;
  }
  .slide-navigation .item .image::before {
    padding-top: 50%;
  } */
}

/* slick */

.slick-list.draggable {
  padding: 0 !important;
}

.slick-vertical .slick-slide {
  border: 0 solid transparent;
  /* height: 60%!important; */
}
.slick-vertical .slick-slide:nth-of-type(1){
    border-top:0;
}
.slick-vertical .slick-slide:nth-of-type(4){
    border-bottom:0;
}
.slick-arrow {
  z-index: 999;
}
.slick-prev {
  top: 25px;
  bottom: auto;
  left: 0;
  right: 0;
  margin: auto;
}
.slick-prev:before {
  content: "↑";
}
.slick-next {
  top: auto;
  bottom: 5px;
  left: 0;
  right: 0;
  margin: auto;
}
.slick-next:before {
  content: "↓";
}

@media screen and (max-width: 767px) {
  /* .slick-prev {
    top: 20px;
    bottom: 0;
    right: auto;
    left: 20px;
  }
  .slick-prev:before {
    content: "←";
  }
  .slick-next {
    top: 20px;
    bottom: 0;
    right: 20px;
    left: auto;
  }
  .slick-next:before {
    content: "→";
  } */
}

/*詳細ページのタブ切り替え*/
.detail-tabs{
	width:calc(100% + 30px);
	height:auto;
	overflow:hidden;
	display: flex;
	justify-content: space-between;
	padding-left:0;
	list-style-type:none;
  margin:0 0 0 -15px;
}
.detail-tabs > li{
	width:24%;
  height: 25px;
	height:auto;
	text-align:center;
	background: #ffffff;
	border: 1.5px solid #b19552;
	padding: 1px 5px;
	float:left;
	margin-right:1px;
  margin: 0;
}
.detail-tabs > li.active{background:#CBAE37;}
.detail-tabs-contents{
	padding-left:0;
  margin-top: 10px;
}
.detail-tabs-contents > li{display:none;}
.detail-tabs-contents .active {
  /* padding:20px; */
  display:block;
  margin-bottom: 0;
}

/*詳細ページのh1*/
.single h1{
	text-align:center;
}
.single h2{
  margin-bottom: 10px;
  padding-left: 13px;
} 
/*清掃業者ページimg*/
.facil_top_gallery img{
  margin-bottom: 30px;
}  
/*詳細ページの店舗情報h2*/
.single-restaurant .shop_info h2{
  margin: 30px 0 10px 0;
}
.shop_info h2{
  margin: 60px 0 10px 0;
}
/*詳細ページのtable*/
.single-restaurant table,
.single-gift table,
.single-club table,
.single-clothes table,
.single-hair-salon table,
.single-facility-services table{
	border-style: hidden;
  border-bottom: 1px solid #b89f60;
}

.single-restaurant table th,
.single-restaurant table td,
.single-gift table th,
.single-gift table td,
.single-club table th,
.single-club table td,
.single-clothes table th,
.single-clothes table td,
.single-hair-salon table th,
.single-hair-salon table td,
.single-facility-services table th,
.single-facility-services table td{
	border-color:#b89f60;
	border-width:2px;
	position:relative;
}

.single-restaurant table td:first-of-type{
 padding: 15px 5px;
}
/*詳細ページのtable*/
.single-restaurant table tr td:first-of-type,
.single-gift table tr td:first-of-type,
.single-club table tr td:first-of-type,
.single-hair-salon table tr td:first-of-type,
.single-clothes table tr td:first-of-type,
.single-facility-services table tr td:first-of-type{
  text-align: center;
  width: 23%;
}
.single-restaurant table td:nth-child(1)::before,
.single-gift table td:nth-child(1)::before,
.single-club table td:nth-child(1)::before,
.single-clothes table td:nth-child(1)::before,
.single-hair-salon table td:nth-child(1)::before,
.single-facility-services table td:nth-child(1)::before{
	position:absolute;
	content:"";
	width: 12px;
	height: 12px;
	background-color: #fdfcf7;
	border-radius:50%;
	bottom: -7px;
	right: -7px;
}
@media screen and (max-width: 400px){
.single-restaurant table tr td:first-of-type,
.single-gift table tr td:first-of-type,
.single-club table tr td:first-of-type,
.single-hair-salon table tr td:first-of-type,
.single-clothes table tr td:first-of-type,
.single-facility-services table tr td:first-of-type{
  width: 35%;
}
}
/*一覧ページのリンク全体へ*/
.vk_post {
    position: relative;
}
.vk_post .vk_post_title a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

/*PRのフラグ*/
.my_bl_pr .media-img:after,
.flagged-posts-section .vk_post .media-img::after{
	background-color:#bfb192;
	content: "PR";
  font-family: dnp-shuei-nmincho-std, sans-serif;
  color: #666;
  color: #3e3f51;
  position: absolute;
  top: 0;
  left: 0;
  width: 25%;
  height: 25%;
  z-index: 1;
	display:flex;
	justify-content:center;
	align-items:center;
	text-shadow: 1px 1px #ddd0ac;
	box-shadow: 0 3px 3px rgb(0 0 0 / 33%);
}

/*一覧ページ*/

.vk_post{
	background-color:#ffffff;
}

.vk_post.media{
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 15px;
	border: 1px solid #707070!important;
}

.taxonomy-field.resto_food_menu{
	display:flex;
	flex-wrap:wrap;
	list-style-type:none;
	padding-left:0;
	margin: 0;
}
.taxonomy-field.resto_food_menu li{
    background-color: #fefefe;
    border: 1px solid #cccccc;
    /* color: #ffffff; */
    font-weight: bold;
    font-size: 12px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 4px 4px 0;
}

.data-price-level{
	margin-bottom:0;
}

/*地図*/
#g-map-iframe{
  width: 100%;
  min-height: 300px;
}

/*コピー*/
#copy-contents.copy-active{
  max-width: 400px;
  width: 90%;
	min-height:300px;
	background-color:#ffffff;
	border:2px solid #666666;
	border-radius:5px;
	position:fixed;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	padding:16px;
	z-index:99;
  white-space: pre-wrap;
}
/*飲食店詳細のコントロール*/

.r_inside_info{
	white-space: pre-wrap;
  word-break: break-all;
}
.resto-inside-box,
.gift-inside-box,
.clothes-inside-box,
.hair-inside-box,
.facil-inside-box{
	width:100%;
	height:auto;
	display:flex;
  align-items: flex-start;
  margin-bottom: var(--vk-margin-element-bottom);
  margin-bottom: 30px;
}

.resto_inside,
.gift_image,
.clothes_features_img,
.hair_features_img,
.facil_features_img{
	width:30%;
	max-width:200px;
	margin-right:8px;
	object-fit: cover;
	aspect-ratio: 1 / 1;
}

.course-wrap{
	width:100%;
	height:auto;
	display:flex;
  margin-bottom: 30px;
}

.active .course-wrap:last-of-type{
  margin-bottom: 50px;
}
.course-wrap .course-image{
	width:40%;
	height:auto;
}

.course-wrap .course-image img{
	width:100%;
	height:auto;
	object-fit: cover;
	aspect-ratio: 1 / 1;
}

.course-text-wrap{
	width:70%;
	height:auto;
  margin-left:8px;
}
.course-text-wrap p{
	margin-bottom: 10px;
}
.course-text-wrap p:last-of-type{
	margin-bottom: 0;
}
.course-classification,
.course-title,
.course-price{
	font-weight:bold;
}
.rest-gallery-box p{
	width:100%;
	height:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
  gap: 5px;
}
.rest-gallery-box a{
	width:48%;
	height:auto;
	display:flex;
	margin-bottom:3%;
}
.rest-gallery-box img{
	width:100%;
	height:auto;
	object-fit: cover;
	aspect-ratio: 1 / 1;
}
.rec-url{
	list-style-type:none;
	padding-left:0;
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
  margin: 0;
}

.rec-url a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 0.5rem 1rem 1rem 0.5rem;
	text-decoration: none;
	color: #000000;
  position: relative;
	z-index: 1;
}

.rec-url li {
    width: 22%;
    max-width: 200px;
    min-width: 75px;
    position: relative;
    color: #000000;
    background-color: #b19552;
    font-size: 12px;
    font-weight: bold;
    margin: 5px;
    height: 25px;
}

.rec-url li:before {
    position: absolute;
    inset: -3px 3px 3px -3px;
    border: 1.5px solid #353535;
    content: '';
}
@media screen and (max-width: 400px){
  .course-text-wrap{
  font-size: 11px;
}
.rec-url li {
  width: 21%;
  min-width: 62px;
  font-size: 10px;
}
}
/*バナーレイアウト*/

.ad-banner-upper,
.ad-banner-lower{
	width: 89%;
	height:auto;
	aspect-ratio: 6.4 / 1;
	background-color:#dbdbdb;
	margin:0 auto;
	text-align: center;
}


/*固定ページエディタ関連　追加*/
 .checkmark{
   list-style:none;
 }
 .checkmark li{ 
   position:relative;
  }
 .checkmark li:before{
   position:absolute;
   content:"";
   width:5px;
   height:10px;
   border-right:2px solid #000000;
   border-bottom:2px solid #000000;
   display:inline-block;
   left: -1em;
   top: .4em;
   transform:rotateZ(45deg);
  }

  /*ボタンデザイン*/
.bl_may_btn{
  width: 100%;
  height: auto;
  text-align: center;
}
.paid_membership_btn,
.free_membership_btn,
.contact_btn{
  width: 100%;
  height:auto;
  cursor: pointer;
  padding: 4px;
  line-height: 1.6em;
  background-color: #bfb192;
  border: 1px solid #f6e4b5;
  text-align: center;
  font-family: dnp-shuei-nmincho-std, sans-serif;;
  font-weight: bold;
  padding: 7px 18px;
  border-radius: 20px;
  text-shadow: 1px 1px #ddd0ac;
  box-shadow: 0 3px 3px rgb(0 0 0 / 33%); 
  text-decoration:none;
  color: #3e3f51;
}

.free_membership_btn{
  background-color: #bec8d0;
  text-shadow: 1px 1px #d9dfe5;
  border: 1px solid #848d95;	
}

.contact_btn{
  background-color: #bfb192;
  text-shadow: 1px 1px #d9dfe5;
  border: 1px solid #f6e4b5;	
}

.bl_my_copybtn{
  width: 100%;
  height: auto;
  text-align: center;
}

#copybtn{
	background-color:#bfb192;
	border:1px solid #f6e4b5;
  font-family:  dnp-shuei-nmincho-std, sans-serif;
  font-size: 16px;
	font-weight: bold;
	margin: 20px 0 40px 0;
	padding:0 15px;
	border-radius:20px;
	list-style: none; /* Chrome/Firefox */
	text-shadow: 1px 1px #ddd0ac;
	box-shadow: 0 3px 3px rgb(0 0 0 / 33%);
  -webkit-appearance: none;  /* iOS Safari, Chrome用 */
	appearance: none;
  color: #3E3F51;
}
/*詳細ページのカテゴリ表示のレイアウト*/
.catg-box{
    width:100%;
    height:auto;
    display:flex;
    flex-wrap:wrap;
    align-items: center;
    margin-bottom: 15px;
}

.catg-box h2{
    width:40%;
    height:auto;
}
.catg-box a{
    width: 28%;
    max-width:100px;
    margin-right: 8px;
    text-align: center;
    border:1px solid #b89f60;
    font-size: 11px;
}
.related-post-link{
    width:60%;
    height:auto;
    display: flex;
    align-items: center;
}

/*手土産のh2周り*/

.catg-box-gift{
    width:100%;
    height:auto;
    display:flex;
    flex-wrap:wrap;
    align-items: center;
}

.catg-box-gift h2{
    width: 30%;
    height:auto;
    margin-bottom:0;
}
.single-gift .catg-box h2{
  width: 40%;
  padding-left: 13px;
}
.single-gift .my_bl_taxonomy_label_list{
  width: 100%;
  margin-top: -10px;
  margin-bottom: 0;
}
.single-gift .my_bl_taxonomy_label_list li{
  width: 33%;
  white-space: nowrap;
}
@media screen and (max-width: 375px) {
.single-gift .my_bl_taxonomy_label_list li{
  width: 31.5%;
}
.single-gift .my_bl_taxonomy_label_list li{
  margin-right: 5px;
}
}
/*高級クラブ*/

.single-club #copybtn,
.single-clothes #copybtn{
  margin: 20px 0 40px 0;
}

.my_bl_taxonomy_label_list{
    width: 70%;
    height: auto;
    display: flex;
    flex-wrap:wrap;
    align-items: center;
    list-style-type:none;
    padding-left:0;
}

.my_bl_taxonomy_label_list li{
    width: 33%;
    max-width: 100px;
    margin-right: 8px;
    text-align: center;
    border: 1px solid #b89f60;
    font-size: 11px;
}

@media screen and (max-width: 530px) {
  .my_bl_taxonomy_label_list{
    width: 100%;
    margin-top: 0;
  }
  .catg-box-gift h2{
    width: 100%;
  }
  .my_bl_taxonomy_label_list li{
    width:50%;
  }
}

@media screen and (max-width: 480px) {
    .catg-box h2{
        width:100%;
    }
    .catg-box a{
        width:100%;
    }
    .related-post-link{
        width:100%;
        margin-bottom:16px;
    }
}
@media screen and (max-width: 350px) {
.single-gift .my_bl_taxonomy_label_list li{
  margin-right: 3px;
  }
.single-gift .my_bl_taxonomy_label_list li{
  width: 32%;
  }
.my_bl_taxonomy_label_list li{
    font-size: 10px;
  }
}

/* end 詳細ページのカテゴリ表示のレイアウト*/

/*ページング*/
ul.page-numbers li span.page-numbers.current{
	background-color:#bfb192;
}
/*endページング*/


/*高級クラブ＆清掃・内装業者一覧ページ*/
.post-type-archive-club .bl_catg_nav, .filter-navigation{
  margin: 0 auto;
  width: 85%;
}
@media screen and (max-width: 360px) {
.post-type-archive-club .bl_catg_nav, .filter-navigation{
  width: 83%;
}  
}
.post-type-archive-club .vk_post_imgOuter,
.post-type-archive-facility-services .vk_post_imgOuter,
.post-type-archive-clothes .vk_post_imgOuter,
.post-type-archive-hair-salon .vk_post_imgOuter{
	background-color:#cccccc;
	aspect-ratio:1/1;
	border:none;
  margin: .5em;
}

.post-type-archive-club .vk_post-postType-club,
.post-type-archive-facility-services .vk_post-postType-facility-services,
.post-type-archive-clothes .vk_post-postType-clothes,
.post-type-archive-hair-salon .vk_post-postType-hair-salon{
	padding-top:0!important;
	padding-bottom:0!important;
	padding-left:0!important;
  padding-right:0!important;
	text-align:center;
	display:flex;
	align-items:center;
}

.post-type-archive-clothes .vk_post-postType-clothes .media-body{
	padding:1em 0;
}

@media (min-width: 576px) {
		.post-type-archive-clothes .vk_post-postType-clothes .media-body{
			padding: 1.5rem 0;
	}
}
@media (min-width: 992px) {
	.post-type-archive-clothes .vk_post-postType-clothes .media-body{
			padding: 1.8rem 0;
	}
}


.post-type-archive-club .vk_post-postType-club h5{
	border-bottom:none;
}

.post-type-archive-facility-services .vk_post-postType-facility-services h5,
.post-type-archive-clothes .vk_post-postType-clothes h5,
.post-type-archive-hair-salon .vk_post-postType-hair-salon h5{
	border-bottom:none;
	text-align:left;
	margin-bottom:0;
	padding-top: .5em;
}

.post-type-archive-club .vk_post .media-img,
.post-type-archive-facility-services .vk_post .media-img,
.post-type-archive-clothes .vk_post .media-img,
.post-type-archive-hair-salon .vk_post .media-img
{
	width: 30%;
	min-width:80px;
}

@media (min-width: 576px) {
.post-type-archive-club .vk_post .media-img,
.post-type-archive-facility-services .vk_post .media-img,
.post-type-archive-clothes .vk_post .media-img,
.post-type-archive-hair-salon .vk_post .media-img
{
	width:25%;
}
}
/*清掃・内装業者詳細*/
.facil-inside-box .facil_features_img{
  margin-bottom: 0;
}
/*テキスト非表示*/
.my_is_hidden .main-section-no-posts{
	display:none;
}

/*サブタイトルテキストサイズ*/
.my_table_sub_ttl{
  font-size: 10px;
}

/*snowmonkeyのレイアウト調整*/

.smf-form--business .smf-item{
  border:none;
  flex-wrap:wrap;
}
.smf-form--business .smf-item__col--label{
  background: no-repeat;
  width:100%!important;
  max-width: none;
  flex: none;
  font-weight: bold;
  border: none;
  padding-top: 0;
  padding-bottom: 0;
}
.smf-form--business .smf-item__col--controls{
	width:100%!important;
	flex: none;
	max-width: none;
  padding-top: 4px;
}

.snow-monkey-form input[type="checkbox"] {
  border: 1px solid #3E3F51!important;
  background-color: #fff;
}

/* チェックされた時の色 */
.snow-monkey-form input[type="checkbox"]:checked {
  background-color: #B19552!important;
  border-color: #3E3F51!important;
}

.snow-monkey-form input[type="text"],
.snow-monkey-form input[type="email"],
.snow-monkey-form input[type="tel"]{
	border:1px solid #B19552;
}

.snow-monkey-form input[type="text"]:focus,
.snow-monkey-form input[type="email"]:focus,
.snow-monkey-form input[type="tel"]:focus{
	border:1px solid #B19552;
}

.snow-monkey-form textarea{
	border:1px solid #B19552 !important;
	outline: none;
}
.snow-monkey-form textarea:focus {
  border-color: #B19552 !important;
}

.smf-action .smf-button-control__control{
    position: relative;
    display: block;
    list-style: none;
    width: 100%;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.6em;
    text-align: center;
    font-weight: bold;
    background-image: none;
    background-color: #bfb192;
    border: 1px solid #f6e4b5;
    padding: 2px 8px;
    border-radius: 20px;
    list-style: none;
    text-shadow: 1px 1px #ddd0ac;
    box-shadow: 0 3px 3px rgb(0 0 0 / 33%);
    margin: 0 auto;
}

.smf-action{
    display:flex;
    justify-content:center;
    flex-wrap: wrap;
    width: 100%;
}

.smf-action span{
    width: 44%;
}

[data-action="back"],
[data-action="complete"]{
    width: 100%!important;
}

.search-kw-result{
  display: none;
}

.single-restaurant .swpm-post-not-logged-in-msg,
.single-gift .swpm-post-not-logged-in-msg,
.single-clothes .swpm-post-not-logged-in-msg,
.single-hair-salon .swpm-post-not-logged-in-msg,
.single-club .swpm-post-not-logged-in-msg,
.single-facility-services .swpm-post-not-logged-in-msg,
.post-name-social .swpm-post-not-logged-in-msg
{
	display: none;
}
.single-restaurant .swpm-post-no-access-msg,
.single-gift .swpm-post-no-access-msg,
.single-clothes .swpm-post-no-access-msg,
.single--hair-salon .swpm-post-no-access-msg,
.single-club .swpm-post-no-access-msg,
.single-facility-services .swpm-post-no-access-msg
{
	display: none;
}
.main-section-no-posts:has(+ .lightning-login-guard) {
  display:none;
}
.lightning-login-guard + .main-section-no-posts{
  display:none;
}

.lightning-login-guard h2:before{
  content: none;
}

.post-name-membership-login .my_login_box{
	display:none;
}
.post-name-membership-login hr{
	display:none;
}

.logged-in.post-name-membership-login .my_login_box{
	display:block;
}

.logged-in.post-name-membership-login hr{
	display:block;
}

/*↓有料サービスページ記述*/
.post-name-paid-menu .page-header-title{
  font-size:1.5rem;
  padding-top: 0;
}
.post-name-paid-menu .site-body{
 padding-bottom: 0;
}
.paid_menu_wrap{
  text-align: center;
  padding-top: 45px;
}
.paid-menu-job{
  margin-top: -45px;
}
.paid_menu_wrap section{
  margin-bottom: 50px;
}
.paid_menu_top{
  position: relative;
}
.paid_menu_top img{
  position: absolute;
  width: 90%;
  top: -28%;
  left: 5%;
}
.paid_menu_top_txt p{
  font-size: clamp( 10px, calc( 2.615384615384615px + 2.307692307692308vw ), 16px )
}
.add_option_box {
    position: relative;
}
.paid_menu_camera {
  position: absolute;
  width: 28%;
  bottom: 89%;
  left: -34px;
}
.paid_menu_suit{
  position: absolute;
  width: 33%;
 bottom: 93%;
  right: -30px;
}
.paid_menu_wrap h2{
  text-align: center;
  font-size: 1.2rem;
  z-index: 9;
  padding-left: 0;
}
.paid_menu_wrap h2 span{
  display: block;
  font-size: 1.5rem;
  font-weight: bold;
}
.paid_menu_wrap h2:before{
  display: none;
} 
.paid_menu_wrap h3{
  position: absolute;
  top: -18px;
  left: 9.5%;
  font-family: dnp-shuei-nmincho-std, sans-serif;
  color: #3e3f51;
  border: 1px solid #707070;
  border-radius: 28px;
  background-color: #bfb192;
  text-shadow: 1px 1px #d9dfe5;
  width: 80%;
  font-size: 14px;
  margin: 0 auto;
  padding: 5px;
}
.paid_menu_wrap h3::after{
  border: none;
}
.bl_premium {
  position: relative;
  background-color: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  border-radius: 20px;
  border: 1px solid #707070;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  margin-bottom: 40px;
  padding: 30px 10px 0px 10px;
  z-index: 99;
  width: 90%;
  margin: 0 auto 40px auto ;
}
.bl_premium .bl_premium_price span{
  font-size: 18px;
  background: linear-gradient(transparent 70%, #ffe26c 70%);
  padding: 0px 10px;
}
.bl_premium .price_flex{
	display:flex;
  justify-content: space-between;
  max-width: 68%;
  margin: 0 auto;
}
.bl_premium .price_flex p{
  margin-bottom: 0;
}
@media screen and (max-width: 500px){
.bl_premium .price_flex{
  flex-wrap: wrap;
  max-width: 55%;
  justify-content: center;
}
.bl_premium .price_flex p:last-of-type{
  margin-bottom: 8px;
}
}
@media screen and (max-width: 400px){
  .paid-menu-job{
  margin-top: -20px;
}
.bl_premium .price_flex{
  max-width: 70%;
}
}
.print_plan_box{
  position: relative;
}
.paid_menu_suit{
 
}
.web_plan_box{
  position: relative;
    margin-top: -30px;
}
.paid_menu_data{
  position: absolute;
  bottom:89%;
  left: -12%;
  width: 42%;
}
.paid_menu_pc{
  position: absolute;
  bottom: 88%;
  right: -20%;
  width: 40%;
}
.other_creative_box{
 position: relative;
 margin-bottom: 60%;
}
.paid_menu_other{
  position: absolute;
  width: 62%;
  left: 16%;
  top: 80px;
}
.bl_premium .txt_left{
  text-align: left;
}
.txt_left ul {
  list-style: none;
  padding-left: 0;
}

.txt_left li {
  position: relative;
  padding-left: 25px;
}

.txt_left li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.3em;
  width: 15px;
  height: 15px;
  background-image: url("https://yorunomori.co.jp/yorumori2598/wp-content/uploads/paid_menu_icon.webp");
  background-size: contain;
  background-repeat: no-repeat;
}
/*周り*/
/* .post-name-membership-login .swpm-logged-logout-link{
    display:none;
} */
@media screen and (max-width: 400px){
.display_inline{
  display: block;
}
.paid_menu_top img {
  position: absolute;
  width: 100%;
  top: -28%;
  left: 0%;
}
.paid_menu_wrap {
  text-align: center;
  padding-top: 25px;
}
.paid_menu_top_kv img {
  height: auto;
  max-width: 100%;
  position: relative;
  top: -13px;
}
.paid_menu_wrap section {
  margin-bottom: 30px;
}
.paid_menu_camera {
  width: 35%;
  left: -39px;
  top: auto;
}
.paid_menu_suit {
    width: 42%;
    bottom:92%
}
.paid_menu_data{
  bottom: 92%;
  left: -16%;
  width: 55%;
}
.paid_menu_pc {
  position: absolute;
 bottom: 91%;
  right: -23%;
  width: 45%;
}
.paid_menu_other {
  top: 100px;
}
}

.swpm-form-row.swpm-firstname-row,
.swpm-form-row.swpm-lastname-row,
.swpm-form-row.swpm-phone-row,
.swpm-form-row.swpm-street-row,
.swpm-form-row.swpm-city-row,
.swpm-form-row.swpm-state-row,
.swpm-form-row.swpm-zipcode-row,
.swpm-form-row.swpm-country-row,
.swpm-form-row.swpm-company-row{
display: none;
}
/*問い合わせフォーム必須*/
.smf-item:not(:nth-child(7)):not(:nth-child(8)):not(:nth-child(10)) .smf-item__label::after {
    content: "\5FC5\9808";
    color: #fff;
    font-size: 0.8em;
    padding: 2px 4px 2px 4px;
    margin-left: 1.5em;
    border-radius: 6px;
    background-color: #B19552;
}
/*プライバシーポリシー・利用規約*/
.post-name-privacy-policy .site-body{
  padding: 0;
}
.post-name-privacy-policy .entry-body, 
.post-name-terms-of-service .entry-body{
  padding: 0 10px;
}
.post-name-privacy-policy .privacy_policy_wrap{
  margin: 0 auto;
  border-radius: 7px;
  margin-bottom: 50px;
}
.post-name-privacy-policy h2,
.post-name-terms-of-service h2{
  font-size: 1.25rem;
  margin-bottom: 15px;
}
.post-name-privacy-policy h2::before,
.post-name-terms-of-service h2::before{
  top: -4px;
}
.post-name-privacy-policy h3,
.post-name-terms-of-service h3{
  font-size: 1rem;
  padding-bottom: 8px;
  margin-bottom: 20px;
}
.post-name-privacy-policy .wp-block-list{
  margin-top: 0;
}
.post-name-privacy-policy .wp-block-list li:last-of-type{
margin-bottom: 20px;
}
/*マイページ*/
.swpm-edit-profile-form .swpm-submit-btn-default-style{
border: 0;
border-radius: 20px;
color: #fff;
background-color: #0088ff;
}
.post-name-membership-profile .bl_may_btn{
  margin-bottom: 60px;
}
/*プロフ調整*/
.post-name-membership-profile .swpm-form-row.swpm-membership-level-row,
.post-name-membership-profile .swpm-login-widget-logged .swpm-logged-username,
.post-name-membership-profile .swpm-login-widget-logged .swpm-logged-username,
.post-name-membership-profile .swpm-login-widget-logged .swpm-edit-profile-link,
.post-name-membership-profile .swpm-login-widget-logged .swpm-logged-logout-link,
.post-name-membership-profile .swpm-login-widget-logged .swpm-edit-profile-link,
.my_login_box > p:has(+ .swpm-login-widget-logged) 
{
    display:none;
}

.post-name-membership-profile .swpm-login-widget-logged .swpm-logged-status,
.post-name-membership-profile .swpm-login-widget-logged .swpm-logged-membership{
    display:flex;
    flex-wrap:wrap;
}

.post-name-membership-profile .swpm-login-widget-logged .swpm-logged-status .swpm-logged-status-value.swpm-logged-value::before,
.post-name-membership-profile .swpm-login-widget-logged .swpm-logged-membership .swpm-logged-membership-value.swpm-logged-value::before
{
  content: "：";
  display: inline-block;
  margin: 0 5px;
}

.post-name-membership-profile .swpm-login-widget-logged .swpm-logged-membership::before{
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #eeede8;
    margin-top: 15px;
    margin-bottom: 15px;
}

/*social*/
.my_social_f{
    list-style-type:none;
    padding-left:0;
    display:flex;
    flex-wrap:wrap;
    gap: calc((100% - (24% * 4)) / 3); 
    width: 100%;
}

.my_social_f li{
    width: 24%;
    height: auto;
}

.my_social_f li a{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.my_social_f li img{
    border-radius: 50%;
    object-fit: cover; 
    aspect-ratio: 1 / 1;
}

/*contact*/
.post-name-contact .my_contact_alert{
    text-align:center;
    margin-top: 20px;
    margin-bottom:0;
}

.post-name-contact .snow-monkey-forms-turnstile.snow-monkey-forms-turnstile--position\:after > div{
    display: flex;
    justify-content: center;
}
.post-name-contact .smf-button-control__control{
  padding: 5px 0;
}
@media screen and (max-width: 400px) {
.post-name-contact .smf-button-control__control{
  font-size: 12px;
}
  
}
/*contact end*/
/*入会のご案内*/
.post-name-membership-join #join_anchor{
	scroll-margin-top: 100px;
}
.post-name-membership-join .page-header-title{
  margin-bottom: 21px;
}
.post-name-membership-join .my_square_top_box{
 padding-left: 0;
}
.post-name-membership-join .my_square_top{
  padding: 2px 3px;
}
.post-name-membership-join .my_square{
  padding: 2px 3px;
}
.post-name-membership-join .has-text-align-center span{
 color: #3f3f3f;
}
.post-name-membership-join h2{
  margin-top: 55px;
  margin-bottom: 15px;
  z-index: 9;
}
.post-name-membership-join .join_btn {
  margin-top: 120px;
}
@media screen and (max-width: 350px){
  .post-name-membership-join .my_square_top_box{
    font-size: 13px;
}
}
/*検索ページ関連*/
.entry-header{
  margin-bottom: 0;
}
.og-ac-box{
  margin: 0 auto;
}
.page .vkfs__labels{
  padding-top: 0;
  padding-bottom: 5px;
  margin-top: -20px;
}
.vkfs__taxonomy .vkfs__label-name{
  font-size: 15px;
}
ul.page-numbers li:first-child>.page-numbers{
  border-radius: 0;
}
ul.page-numbers li:last-child>.page-numbers{
  border-radius: 0;
}
ul.page-numbers li a, ul.page-numbers li span.page-numbers{
  margin: 0 3px;
  border: solid 1px #070707;
}
.vkfs__labels>.vkfs__outer-wrap--col-xs-12{
  margin-bottom: 30px;
}
.vkfs__labels>.vkfs__outer-wrap--col-xs-12:last-of-type{
  margin-bottom: 0;
}
.vkfs:where(:not(.vkfs__layout--min)) .vkfs__outer-wrap{
  margin-bottom: 50px;
}
.vkfs:where(:not(.vkfs__layout--min)) .vkfs__outer-wrap:first-of-type{
  margin-top: 50px;
}
.vkfs:where(:not(.vkfs__layout--min)) .vkfs__outer-wrap:last-of-type{
  margin-bottom: 0;
}
/*logo*/
@media (max-width: 991px) {
    .site-header-logo img {
        max-height: 38px;
        backface-visibility: hidden;
    }
}
/*logo end*/
/*会員申し込み*/
h2.paid-membership-registration-only{
	margin-top: 44px;
}
/*会員申し込み end*/
/*パンくずリスト調整*/
.breadcrumbs span.display_inline{
    display:inline;
}
.breadcrumbs br{
display:none;
}
/*有申し込み*/
.post-name-paid-membership-registration .swpm-cf-turnstile > div
{
    display: flex;
    justify-content: center;
}
.post-name-paid-membership-registration .swpm-login-submit{
    text-align: center;
}
/*contact 同意ボタン*/
div[data-name="checkboxes-1jk536jba"] {
  text-align: center;
}
/*contact 同意ボタン end*/
/*検索結果下部ページ数*/
@media screen and (max-width: 400px) {
.post-name-restaurant ul.page-numbers li a, ul.page-numbers li span.page-numbers,
.post-name-gift ul.page-numbers li a, ul.page-numbers li span.page-numbers{
  font-size: 14px;
  padding: 6px 9px;
}  
}
@media screen and (max-width: 350px) {
.post-name-restaurant ul.page-numbers li a, ul.page-numbers li span.page-numbers,
.post-name-gift ul.page-numbers li a, ul.page-numbers li span.page-numbers{
  padding: 4px 7px;
}  
}
/*メンバーログインページ*/
.post-name-membership-login .swpm-before-login-submit-section{
  text-align: center;
}
.post-name-membership-login .swpm-login-submit{
  text-align: center;
}
.post-name-membership-login .swpm-remember-me{
    margin-bottom:20px;
}

/*インスタ*/
.post-name-social h2{
  font-size: 24.5px;
  margin-bottom: 10px;
}
.post-name-social h2::before{
  top: 9px;
}
.post-name-social .social_text{
  font-size: 16px;
  font-family: "dnp-shuei-nmincho-std", sans-serif;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 400px) {
.post-name-social .social_text{
  font-size: 15px;
}
}
@media screen and (max-width: 370px) {
.post-name-social span{
  font-size: 15px;
  display: block;
}
}
/*ヘアサロン・ドレス詳細カテゴリ調整*/
.single-hair-salon .catg-box,
.single-clothes .catg-box{
    display:flex;
    flex-wrap: nowrap;
}
.single-hair-salon .related-post-link,
.single-clothes .related-post-link{
  margin-bottom: 9px; 
  justify-content: left;
}
@media screen and (max-width: 480px) {
.single-hair-salon .related-post-link,
.single-clothes .related-post-link{
  width: 120%;
}
.single-hair-salon .catg-box a,
.single-clothes .catg-box a{
  margin-right: 5px;
}
}
@media screen and (max-width: 400px) {
.single-hair-salon .catg-box a,
.single-clothes .catg-box a{
  font-size: 10px;
  margin-right: 2px;
}
.single-hair-salon .related-post-link,
.single-clothes .related-post-link{
  width: 100%;
}
}
@media screen and (max-width: 370px) {
  .single-hair-salon .catg-box,
  .single-clothes .catg-box{
  flex-wrap: wrap;
}
.single-hair-salon .catg-box a,
.single-clothes .catg-box a{
  margin-right: 8px;
}
}

/*クラブ背景画像*/
.post-type-archive-club .vk_post_body.media-body {
  position: relative;
  z-index: 1;
  height: calc(100% - 1em);
  margin-right: 0.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.post-type-archive-club .vk_post_acf_bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.post-type-archive-club .media-img{
  margin-right:0!important;
}

.post-type-archive-club .vk_post_acf_bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: -1;
}
.post-type-archive-club .vk_post_body.media-body .vk_post_title,
.post-type-archive-club .vk_post_body.media-body .vk_post_title a {
    color: #ffffff !important;
    font-weight: bold;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    margin: 0;
    width: 100%;
}
.post-type-archive-club .vk_post-postType-club h5{
	padding-bottom:0;
}
/*クラブ背景画像 end*/

/*スライダー関連*/
.slick-loading .slick-list {
    background-image: none !important;
}
/*スライダー関連 end*/

.my_free_info_txt{
	background-color:#ffffff;
	padding:15px;
	text-align:center;
	border:1px solid #666666;
	line-height:1.8;
  margin-top: 19px;
}
.my_free_info_txt .my_red{
	color: #cc3033;
}

/*ドロワー*/
.my_join_btn{
  background: linear-gradient(#cdbe81, #ffffff, #cdbe81);
}
.my_join_btn a {
  color: #14130e !important;
}
/*ドロワー end*/