@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/

/* hover時の挙動
------------------------------------------------*/
@media (hover: hover) and (pointer: fine){
	a, .owl-prev:hover, .owl-next:hover{
		transition: all 0.15s 0s linear !important;
	}
		#pc-mv{
		margin-bottom:0;
	}
	}
		#pc-mv img{
		border:0;
	}
	
	
	a:hover{
		opacity: 0.8;
	}

	.wp-social-link a:hover, #navi > .navi-in a:hover, .a-wrap:hover, #custom_html-2 a:hover{
		opacity: 1;
	}
	
	/** ヘッダーメニュー **/
	#navi > .navi-in a{
		transition: unset;
	}
	
	#navi > .navi-in a:hover{
		color: #004e9c;
	}
	
	.navi-in > ul li:hover{
		border-bottom: 3px solid #004e9c;
	}
	
	.navi-in > ul li.reserve-button:hover{
		border-bottom: none;
	}
	
	.navi-in > ul li.reserve-button > a{
		transition: all 0.15s 0s linear !important;
	}

	/** ボタン **/
	.wp-block-button__link:hover, .wp-block-post-excerpt__more-link:hover{
		color: #fff;
		background-position: center right 12px;
	}

	.go-to-top-button:hover{
		padding-top: 4px;
		opacity: 0.8;
	}

	.contact-btn > a{
		background-position: bottom left, center right 20px !important;
		color: #111 !important;
	}

	/** ショートコード（new_list）調整 **/
	.a-wrap:hover{
		background-color: #f2f4f5;
		color: #111;
	}

	/** topページ：ギャラリー **/
	.owl-prev:hover{
		transform: translateX(35px) !important;
	}

	.owl-next:hover{
		transform: translateX(-35px) !important;
	}

	/** フッター **/
	#custom_html-2 li:hover{
		transform: scale(1.1);
	}

	.menu-footer li > a:hover{
		background-color: transparent;
	}
}

/* 全体の設定
------------------------------------------------*/
body{
	--wp--style--global--content-size: 1100px;
}

a{
	text-decoration: none;
}

#content {
	margin: 0 !important;
}

.top-space{
	margin-bottom:0;
	}

.entry-content {
	margin-top: 0;
	margin-bottom: 0;
}

.article{
	margin-bottom:0 !important;
}

.wrap {
    width: 100%;
}

.mobile_img{
	display: none !important;
}

.img_noborder figure > img{
	border: none;
}

.width800{
	max-width: 800px !important;
}

/*ショートコード（new_list）調整*/
.widget-entry-cards .a-wrap{
	margin: 0;
}

.a-wrap{
	padding: 16px 50px 14px 0 !important;
	background: url(../../uploads/2024/02/ico_blue.png) no-repeat right 20px center;
}

.border-partition .a-wrap:first-of-type{
	border-top: solid 1px #ddd;
}

.border-partition .a-wrap{
	border-bottom: solid 1px #ddd;
}

.widget-entry-cards figure{
	width: 200px;
	margin-top: 0;
}

.new-entry-card-content{
	display: flex;
	flex-direction: column;
}

.new-entry-card-title{
	font-size: 20px;
	color: #004e9c;
	padding-bottom: 5px;
}

.new-entry-card-date{
	display: inline;
	font-weight: bold;
}

.post-date{
	font-size: 16px;
	margin: 0;
}

.new-entry-card-snippet{
	order: 3;
	font-size: 16px;
}

/*カラム画像位置調整*/
.column_bottom_img > .wp-block-column{
	display: flex;
	flex-direction: column;
}

.column_bottom_img > .wp-block-column > figure{
	flex-grow: 1;
	display: flex;
	align-items: flex-end;
}

.mv_wrap{position:relative;}
	.mv_small{width:70%; position:absolute;top: 45px;
    left: 20px;}

/* ヘッダー
------------------------------------------------*/
.entry-title {
	display: none !important;
}

/*ヘッダーメニュー調整*/
#header-container{
	height: 90px;
	padding-top: 10px;
}

#navi{
	font-weight: bold;
	padding-top: 10px;
	padding-right: 10px;
}

#navi .navi-in > ul > li > a {
	padding: 0 1em;
}

.navi-in > ul li {
	height: 50px;
	line-height: 50px;
}

#main {
	padding: 0;
	border: 0;
	margin-top: 5px;
}

.entry-header {
	display: none;
}

/* メインビジュアル
------------------------------------------------*/


.mv-items{
	position: absolute;
	width: 1100px;
	bottom: 96px;
	left: 50%;
	transform: translateX(-50%);
}

.mv-items figure{
	margin-bottom: 30px !important;
}

#mobile-mv{
	display: none;
}

/* ボタン
------------------------------------------------*/
.wp-block-button__link, .wp-block-post-excerpt__more-link{
	background: url(../../uploads/2024/02/btn_arrow.png) no-repeat center right 16px #d07184;
	border-radius: 80px;
	font-size: 16px;
	padding: 12px 50px 9px;
}

.go-to-top-button{
	align-items: normal;
	padding-top: 8px;
	transition: all 0.15s 0s linear;
}

/* 見出し
------------------------------------------------*/
.article h2, .article h3, .faq-question-label, .faq-answer-label{
	font-family: "Tenor Sans", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", sans-serif;
}

.article h2, .article h3, .article h4{
	font-weight: bold;
	line-height: 1.4;
}

/*h2 基本*/
.article h2{
	display: inline-block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	background:none;
	font-size: 38px;
	text-align: center;
	border-bottom: 3px solid #d07184;
	padding: 0 20px 20px 20px;
	margin-bottom: 60px !important;
}

/*h2 スタッフ名ローマ字表記*/
.article h2.staff-name > span:not(span.inline-block){
	position: absolute;
	font-size: 20px;
	left: 50%;
	transform: translateX(-50%);
	bottom: -40px;
	white-space: nowrap;
}

/*h2 スタッフ個別ページ店舗名部分調整*/
.article h2.staff-name > span.inline-block{
	display: inline-block;
}

/*h2 装飾なし*/
:is(h2).is-style-h2-nodeco{
	display: block;
	font-size: 36px;
	text-align: center;
	border-bottom: 0px;
	padding: 0;
	margin-bottom: 40px !important;
}

/*h3 基本*/
.article h3{
	font-size: 32px;
	color: #004e9c;
	border:none;
	padding: 0;
	margin-bottom: 25px !important;
}

/*h3 吹き出し*/
:is(h3).is-style-h3-sb{
	color: #111;
	display: inline-block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	padding: 0 40px;
}

:is(h3).is-style-h3-sb::before{
	content: url(../../uploads/2024/02/h3_bg_left.png);
	left: 0;
}

:is(h3).is-style-h3-sb::after{
	content: url(../../uploads/2024/02/h3_bg_right.png);
	right: 0;
}

:is(h3).is-style-h3-sb::before, :is(h3).is-style-h3-sb::after{
	position: absolute;
	bottom: 0;
}

/*h4 基本*/
.article h4{
	font-size: 26px;
	padding: 14px 0 0 0;
	border-top: 1px solid #bbb;
	border-bottom: none;
	position: relative;
	margin-bottom: 8px !important;
}

.article h4::before{
	content: "";
	display: block;
	width: 80px;
	border-top: 1px solid #d07184;
	position: absolute;
	top: -1px;
}

/*h4 ピンク下線*/
:is(h4).is-style-h4-underline{
	font-size: 18px;
	padding: 0 0 15px;
	border-top: 0;
	border-bottom: 1px solid #d07184;
	margin-bottom: 20px !important;
}

:is(h4).is-style-h4-underline::before{
	content: none;
}

.cat-label{display:none;}
.date-tags,
.blogcard-date{display:none;}
.liquid_connect img{
    width: 80%;
    margin: 0 auto;
}

/* テーブル
------------------------------------------------*/
.staff > table tr{
	background-color: transparent !important;
}

.staff > table td:first-child{
	width: 90px;
	vertical-align: top;
}

.staff > table td{
	border: 0px !important;
	padding: 0 0 6px !important;
	font-size: 16px;
}

.staff > table td:first-child{
	padding-right: 8px !important;
}

/* youtube
------------------------------------------------*/
.video-container .video{
	margin-top: 0;
}

.video-container{
	margin-bottom: 0 !important;
}

.youtube{
	position: relative;
	overflow: hidden;
	padding-bottom: 56.25%;
}

.youtube iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

/* ブロックのスタイル設定
------------------------------------------------*/

/*ブロックにシャドウをつける*/
.is-style-shadow-box{
	box-shadow: 0 0 20px 10px rgba(0,0,0,0.08);
}

/*ブロックを角丸にする*/
.radius-box{
	border-radius: 15px;
}

/*斜めの背景画像表示*/
.is-style-bg-diagonal01{
	background: url(../../uploads/2024/02/bg01.jpg) no-repeat center bottom;
}

.is-style-bg-diagonal02{
	background: url(../../uploads/2024/02/bg02.jpg) no-repeat center bottom;
}

.is-style-bg-diagonal03{
	background: url(../../uploads/2024/02/bg03.jpg) no-repeat center bottom;
}

.is-style-bg-diagonal04{
	background: url(../../uploads/2024/02/bg04.jpg) no-repeat center bottom;
}

/*矢印背景画像表示*/
.is-style-bg-arrow01{
	background: url(../../uploads/2024/03/bg_flow01.jpg) no-repeat center bottom;
}

.is-style-bg-arrow02{
	background: url(../../uploads/2024/03/bg_flow02.jpg) no-repeat center bottom;
}

.is-style-bg-diagonal01, .is-style-bg-diagonal02, .is-style-bg-diagonal03, .is-style-bg-diagonal04, .is-style-bg-arrow01, .is-style-bg-arrow02{
	background-size: contain;
}

/*スペーサーの上部に影*/
.is-style-top-shadow{
	background: url(../../uploads/2024/03/bg_lower_shadow.jpg) repeat-x top;
}

/* 区切り線のスタイル設定
------------------------------------------------*/

.is-style-pink-dashed{
	height: 2px;
	border: none;
	border-top: dashed 2px #d07184;
	background: transparent !important;
}

/* リストのスタイル設定
------------------------------------------------*/

.is-style-blue-dot > li{
	list-style-type: none;
	position: relative;
	padding-left: 14px;
}

.is-style-blue-dot > li::before{
	content: "";
	position: absolute;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	display: block;
	background-color: #004e9c;
	left: 0;
	top: 12px;
}

/* topページ：お知らせ
------------------------------------------------*/
.top-news > .a-wrap{
	padding: 16px 0 14px !important;
}

.top-news > a > div > figure.new-entry-card-thumb.widget-entry-card-thumb.card-thumb{
	display: none;
}

.top-news > a > div > .new-entry-card-content{
	flex-direction: row;
	margin-left: 0;
}

.top-news > a > div > .new-entry-card-content > .new-entry-card-title{
	order: 2;
	width: 800px;
	font-size: 16px;
	color: #111;
	padding-bottom: 0;
}

.top-news > a > div > .new-entry-card-content > .new-entry-card-date{
	display: block;
	width: 160px;
}

/* メニュースライダー（slick.css上書き）
------------------------------------------------*/

/*前へボタン*/
.slick-prev{
	top:55% !important;
	left:40% !important;	
	height:60px !important;
	width:60px !important;
	border: solid 2px #fff !important;
	border-radius:100% !important;
	background:#1074ca !important;
	z-index:9;

}

.slick-prev:before {
    font-family: none !important;
	content: "前へ" !important;
}

/*次へボタン*/
.slick-next{
	top:55% !important;
	right:40% !important;	
	height:60px !important;
	width:60px !important;
	border: solid 2px #fff !important;
	border-radius:100% !important;
	background:#ca4c10 !important;

}

.slick-next:before {
    font-family: none !important;
    content: "次へ" !important;
}

/*ここから独自css 各ボックス要素の設定*/
.menu-slider-box{
	position: relative;
	
}
a.menu-slider-a{
	text-decoration: none;
}

/*画像に載せる記事タイトル*/
.menu-slider-title{
	position: sticky;
	bottom:55%;
	text-align: center;
	font-size:30px;
	padding-left: 30px;
	padding-right: 30px;
	margin:0 15px;
	color:white;
	background-color:rgba( 70, 70, 70, 0.55 );
}

/* メニュースライダーここまで
------------------------------------------------*/

/* topページ：ギャラリー
------------------------------------------------*/
.carousel-slider .owl-nav button.owl-next, .carousel-slider .owl-nav button.owl-prev, .carousel-slider button.owl-dot{
	margin: 0 calc(50% - 50vw);
}

svg.carousel-slider-nav-icon{
	opacity: 0;
}

.owl-prev, .owl-next{
	height: 50px !important;
	width: 50px !important;
	top: 40% !important;
}

.owl-prev{
	background: url(../../uploads/2024/02/btn_top_gallery_arrow_l.png) no-repeat !important;
	transform: translateX(40px) !important;
}

.owl-next{
	background: url(../../uploads/2024/02/btn_top_gallery_arrow_r.png) no-repeat !important;
	transform: translateX(-40px) !important;
}

/* よくある質問
------------------------------------------------*/
.wp-block-cocoon-blocks-faq{
	padding: 0px;
	margin-bottom: 0px !important;
	border: none;
}

.faq-question{
	margin-bottom: 20px;
	align-items: normal;
}

.faq-question-label, .faq-answer-label{
	border-radius: 100%;
	font-weight: bold;
}

.faq-item-label{
	font-size: 16px !important;
	padding: 5px 11px !important;
}

.faq-question-content, .faq-answer-content{
	color: #111;
	line-height: 1.8;
	padding-top: 6px;
}

/* ループクエリデザイン設定（topページ：コラム）
------------------------------------------------*/
.top-column-txt{
	position: relative;
}

.wp-block-post-excerpt__more-link{
	color: #fff;
}

p.wp-block-post-excerpt__more-text{
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	margin-top: 0;
}

/* エステメニューページ
------------------------------------------------*/

/* チェックリスト */
.aesthe_check-list{
	max-width: 450px !important;
	padding: 0;
}

/* アコーディオン（トグル） */
.aesthe_toggle > label{
	background-color: #d07184;
	padding: 7px 10px 5px;
}

.aesthe_toggle > label, .aesthe_toggle > .toggle-button::before{
	color: #fff;
	opacity: 1;
}

.aesthe_toggle > label, .aesthe_toggle > div{
	border: 0 !important;
}

.aesthe_toggle > div{
	padding: 0 !important;
}

/* 料金等のテーブル */
.aesthe_menu_table th{
	background-color: #fae3e8;
}

.aesthe_menu_table > table:not(.has-border-color) th, .aesthe_menu_table > table:not(.has-border-color) td{
	border: 1px solid #ddd;
}

.aesthe_menu_table > table tr:nth-of-type(2n+1){
	background-color: #fff;
}

.aesthe_menu_table thead{
	border-bottom: 0;
}

.table_width th:last-child{
	width: 20%;
}

/* 店舗一覧ページ　アイコン
------------------------------------------------*/
.pc_shop-ico > figure, .pc_shop-ico > figure > img{
	display: inline;
}

.pc_shop-ico > figure:not(.pc_shop-ico > figure:last-child){
	padding-right: 6px;
}

/* スタッフ個別ページ　アイコン
------------------------------------------------*/
.staff-ico > figure, .staff-ico > figure > img{
	display: inline-block;
}

.staff-ico > figure:not(.staff-ico > figure:last-child){
	padding-right: 4px;
}

.staff-ico > figure{
	margin: 0 0 15px !important;
}

/* お問い合わせページの店舗ボタン
------------------------------------------------*/
.contact-btn > a{
	height: 120px;
	background-image: url(../../uploads/2024/04/bg_contact01.jpg), url(../../uploads/2024/04/bg_contact02.png);
	background-repeat: no-repeat, no-repeat;
	background-color: transparent;
	background-position: bottom left, center right 20px !important;
	border: 2px solid #333;
	border-radius: 0;
	color: #111;
	font-weight: bold;
	padding: 73px 0 0 25px  !important;
	text-align: left;
}

/* フッター
------------------------------------------------*/
/* フッター上のHOMEボタン非表示 */
#breadcrumb {
	display: none;
}

.article-footer.entry-footer {
	width:70%;
	
}
.entry-categories-tags{
	display: none;
}
.sns-share{
	display: none;
}
.sns-follow{
	display: none;
}
.footer-meta{
	display: none;
}

#footer {
	margin-top: 0;
	padding: 0;
}

#footer-in{
	padding-top: 40px;
	width: 1100px;
	position: relative;
}

.footer-widgets{
	margin: 0;
	position: absolute;
	left: 0;
/* 	z-index: 100; */
}

.footer-center, .footer-right{
	display: none;
	width: auto;
}

.footer-left{
	width: 130px !important;
	padding: 0;
}

#media_image-2{
	margin-bottom: 20px;
	z-index: 100;
    position: relative;
}

#custom_html-2 ul{
	display: flex;
	padding-left: 0;
}

#custom_html-2 li{
	list-style: none;
	display: block;
	border-radius: 100%;
	height: auto;
	margin-right: 20px;
}

#custom_html-2 a{
	fill: currentColor;
	color: currentColor;
	display: flex;
	align-items: center;
	padding: 5px;
}

.sns-facebook, .sns-insta, .sns-youtube{
	color: #fff;
    z-index: 100;
}

.sns-facebook{
	background-color: #1778f2;
}

.sns-insta{
	background-color: #f00075;
}

.sns-youtube{
	background-color: red;
}

.footer-bottom{
	margin-top: 0;
	padding: 0;
}

#navi-footer{
	padding-left: 205px;
}

.footer-bottom.fdt-up-and-down .footer-bottom-content .navi-footer-in > ul{
	justify-content: left;
}

.footer-bottom {
	z-index: 1;
}

.menu-footer li{
	border: 0 !important;
	margin-bottom: 5px;
}

.menu-footer li a{
	height: 30px;
	background: url(../../uploads/2024/02/btn_arrow.png) no-repeat center left;
	padding: 4px 0 0 20px !important;
	margin-right: 20px;
}

.copyright{
	margin-top: 110px;
	border-top: 1px solid #ddd;
	padding: 15px 0 12px;
}

/* ウィジェット */
#custom_html-3 {width:30%; display:inline-block; border-right:1px dotted #ccc;}
#custom_html-3 img{ width:120px; margin: 0 auto;text-align:center; display:block;}
#custom_html-3 h4{ margin:0; border:none; text-align:center; font-size:16px;}
#custom_html-3 h4::before{border:0;}
.widget-single-content-bottom-title{padding-bottom:20px;}
.type-post .article-footer.entry-footer {
border: solid 10px #d07184;
	
margin:20px auto;
padding: 30px 20px 10px;
}

#synved_social_follow-2{width:70%; display:inline-block; vertical-align:top; 
padding: 0px 20px 0;}

/* お知らせページ */

.single .article-header, .single .article-header > h1 {
	display: block!important;
}

.single .sns-share-buttons, .post-update {
	display: none;
}

.single .article-header > h1 {
	width: 80%;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 20px;
	padding: 0!important;
}

.single .eye-catch-wrap, .single .entry-content {
	width: 80%;
	margin: auto;
}

.single .under-entry-content, .single .date-tags {
	width: 80%;
	margin: auto;
}

.single .entry-content > p {
	margin-top: 20px;
}

.single #pager-post-navi > .a-wrap {
	background: none;
}

.single .header-container {
	box-shadow: 0 0 15px 10px rgba(0,0,0,0.1);
}

.foot_btn{
	position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
	background:#fff;
	z-index:1000;
}
.foot_btn_recruitment{
	display:none;
}

.foot_wrap{
	display: flex;
    justify-content: space-between;
    text-align: center;
width:600px; margin:0 auto;}
.left_btn,.right_btn{width:50%;}

.left_btn a,.right_btn a{padding:10px;
display:block;color:#fff;}
.left_btn a{
}
.left_btn{
	background:#d07184;
}
.right_btn{
	background:#004e9c;
}

/*スライダー*/
.carousel-slider .owl-dots {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

/*1920px以下*/
@media screen and (max-width: 1920px){



	/* ブロックのスタイル設定
	------------------------------------------------*/
	/*斜めの背景画像*/
	.is-style-bg-diagonal01, .is-style-bg-diagonal02, .is-style-bg-diagonal03, .is-style-bg-diagonal04{
		background-size: auto;
	}
}

/*1024px以下*/
@media screen and (max-width: 1024px){

	/* 全体の設定
	------------------------------------------------*/
	.main-contents, #footer-in, #mobile{
		width: 90%;
		margin: 0 auto;
	}

	/** topページ：ギャラリー **/
	.owl-prev:hover{
		transform: translateX(40px) !important;
	}
	
	.owl-next:hover{
		transform: translateX(-40px) !important;
	}

	/* ヘッダー
	------------------------------------------------*/	
	/*ヘッダー高さ調整*/	
	#header-container{
		height: 0px;
		padding-top: 0;
	}

	.mobile-header-menu-buttons{
		height: 60px;
	}
	
	#navi .navi-in>ul>li{
		width: 120px;
	}

	.navi-in a{
		font-size: 13px;
	}

	li.reserve-button{
		width: 154px !important;
	}

	/*ロゴ調整*/
	.logo-menu-button img{
		margin: 6px auto 0 10px;
		width: 86px;
		height: auto;
	}

	/*スマホのサイドバーメニュー調整*/
	#navi-menu-content{
		background: rgba(255,255,255,0.93);
		-ms-overflow-style: none;
		scrollbar-width: none;
	}

	#navi-menu-content::-webkit-scrollbar{
		display: none;
	}

	.navi-menu-content {
		left: auto;
		right: 0;
		transform: translateX(105%);
	}

	.mobile-menu-buttons{
		font-size: 28px;
	}

	.menu-close-button, .menu-drawer li:not(.reserve-button){
		border-bottom: 1px solid #ddd;
	}

	.menu-close-button{
		height: 60px;
		position: relative;
		background-color: #fff;
	}

	.fa-close{
		font-size: 40px;
		position: absolute;
		right: 19px;
		top: 8px;
	}

	.menu-drawer{
		padding: 0 0 30px !important;
	}

	.menu-drawer li{
		position: relative;
		font-size: 22px;
	}
	
	.menu-drawer a:hover {
		background-color: transparent!important;
	}

	.menu-drawer li:not(.reserve-button){
		height: 80px;
		background: url(../../uploads/2024/02/ico_blue.png) no-repeat left 20px center;
		font-weight: bold;
	}

	.menu-drawer li > a{
		position: absolute;
		padding: 0;
		top: 25px;
	}

	.menu-drawer li > a:not(.reserve-button > a){
		color: #004e9c;
		left: 50px;
	}

	li.reserve-button{
		width: 90% !important;
		height: 80px;
		margin: 20px auto 0;
	}

	.reserve-button > a{
		width: 100%;
		text-align: center;
	}
	
	.menu-drawer li > a, .mobile-menu-buttons .menu-button > a {
		pointer-events: auto!important;
	}
	
	/* モバイルスライドインメニューのロゴ設定 */
	.logo-menu-button > a {
		display: none!important;
	}
	
	.header-container-in.hlt-top-menu .logo-header {
		z-index: 10000;
		position: fixed;
		top: 8px;
		width: 120px;
		left: 0;
	}

	/*スマホのサイドバーメニュー調整*/
	.menu-content{
		max-width: 100%;
	}

	.menu-close-button{
		text-align: right;
		padding: 7px 20px 0 0;
/* 		background: url(../../uploads/2024/02/logo_header.png) no-repeat left 10px center / 86px auto; */
	}

	.fa-close{
		position: static;
	}


	/* メインビジュアル
	------------------------------------------------*/
	

	.mv-items{
		width: auto;
		left: 5%;
		bottom: 30px;
		transform: none;
	}

	.mv-items figure{
		width: 65%;
		margin-bottom: 20px !important;
	}

	/* topページ：お知らせ
	------------------------------------------------*/
	.top-news > a > div > .new-entry-card-content{
		padding-right: 45px;
	}

	.top-news > a > div > .new-entry-card-content > .new-entry-card-title{
		width: 720px;
	}

	/* 店舗一覧
	------------------------------------------------*/
	.pc_shop-ico > figure > img{
		height: 48px;
		width: auto;
	}

	/* スタッフ個別ページ　アイコン
	------------------------------------------------*/
	.staff-ico > figure{
		width: 23%;
	}
}
.go-to-top{bottom:50px;}

/*834px以下*/
@media screen and (max-width: 834px){

	/* 全体の設定
	------------------------------------------------*/
	.article ul{
		padding-left: 0;
	}

	div.wp-block-columns{
		flex-wrap: nowrap !important;
	}

	/** topページ：ギャラリー **/
	.owl-prev:hover{
		transform: translateX(20px) !important;
	}
	
	.owl-next:hover{
		transform: translateX(-20px) !important;
	}

	/** ショートコード（new_list）調整 **/
	.widget-entry-card-content{
		margin-left: 220px;
	}


	/* メニュースライダー（slick.css上書き）
	------------------------------------------------*/

	/*前へボタン*/
	.slick-prev{
		height:40px !important;
		width:40px !important;
		left:36% !important;
		border-radius:20px !important;
		background:#1074ca !important;
	}
	
	.slick-prev:before {
		font-family: none !important;
		content: "前へ" !important;
		 font-size:14px !important;
	}

	/*次へボタン*/
	.slick-next{
		top:55% !important;
		right:36% !important;	
		height:40px !important;
		width:40px !important;
		border-radius:20px !important;
		background:#ca4c10 !important;
	}
	
	.slick-next:before {
		font-family: none !important;
		content: "次へ" !important;
		 font-size:14px !important;
	}
	
	/*画像に載せる記事タイトル*/
	.menu-slider-title{
		position: sticky;
		bottom:55%;
		text-align: center;
		font-size:18px;
		padding-left: 15px;
		padding-right: 15px;
		margin:0 6px;
		color:white;
		background-color:rgba( 70, 70, 70, 0.55 );
	}

	/* ブロックスタイル
	------------------------------------------------*/
	.is-style-top-shadow{
		background: none;
	}

	/* topページ：お知らせ
	------------------------------------------------*/
	.top-news > a > div > .new-entry-card-content > .new-entry-card-title{
		width: 410px;
	}

	/* topページ：ギャラリー
	------------------------------------------------*/
	.owl-prev{
		transform: translateX(20px) !important;
		}

	.owl-next{
		transform: translateX(-20px) !important;
	}

	/* エステメニュー　チェックリスト
	------------------------------------------------*/
	.aesthe_check-list > ul{
		padding-left: 26px;
	}

	/* 特徴
	------------------------------------------------*/
	#features figure{
		padding: 0 20px;
	}

	#features .is-layout-flex{
		gap: 0;
	}

	/* 店舗一覧
	------------------------------------------------*/
	#shop > .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
		flex-basis: auto !important;
	}

	.pc_shop-ico{
		display: none;
	}

	figure.mobile_logo_gallery{
		display: flex !important;
	}

	/* ループクエリデザイン設定（topページ：コラム）
	------------------------------------------------*/
	ul.top-column > li > .wp-block-columns{
		flex-wrap: nowrap !important;
	}

	/* メニュー個別ページ　カラム調整
	------------------------------------------------*/
	.column-plan > .wp-block-column > div > div > p{
		font-size: 16px !important;	
	}

	/* スタッフ個別ページ　アイコン
	------------------------------------------------*/
	.staff-ico > figure{
		width: 48%;
		padding-right: 0 !important;
	}

	.staff-ico > figure:nth-child(odd){
		margin-right: 6px !important;
	}

	/* お問い合わせページの店舗ボタン
	------------------------------------------------*/
	.contact-btn > a{
		height: 100px;
		padding: 60px 0 0 15px !important;
		background-size: 65% auto, 15px auto;
	}

	/* フッター
	------------------------------------------------*/
	#footer-in{
		width: 100%;
		padding-top: 0;
	}

	.footer-widgets{
		display: block;
		left: 50%;
		transform: translateX(-50%);
		bottom: 67px;
		z-index: 100;
	}

	#navi-footer{
		padding: 0;
	}

	.navi-footer-in > .menu-footer li.menu-item{
		margin: 0;
	}

	.menu-footer li:not(.menu-footer li:last-child, .menu-footer li:nth-last-child(2)){
		width: 50% !important;
		border-bottom: 1px solid #333 !important;
	}

	.menu-footer li:nth-child(odd){
		border-right: 1px solid #333 !important;
	}

	.menu-footer li:last-child, .menu-footer li:nth-last-child(2){
		border: 0 !important;
		width: 100% !important;
		margin: 20px 10px 0 !important;
	}

	.menu-footer li a{
		background: none;
		height: 80px;
		font-size: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.menu-footer li:last-child a, .menu-footer li:nth-last-child(2) a{
		background-color: #004e9c;
		border-radius: 100px;
		margin: 0;
	}

	.copyright{
		margin-top: 200px;
	}
}

/*781px以下*/
@media screen and (max-width: 781px){

	/* 全体の設定
	------------------------------------------------*/
	
	.mv_small{position:absolute;top: 35px;
    left: 10px;}
	
	.mv_wrap h3{ font-size:22px!important;}

	/*カラム幅位置調整*/
	.column-half:not(.is-not-stacked-on-mobile) > div.wp-block-column{
		flex-basis: 50% !important;
	}
	
.liquid_connect img{
    width: 100%;
}

.article-footer.entry-footer{
width:100%;
	
}
#custom_html-3 img{display:inline-block;}
#custom_html-3 {width:100%; display:block; border-right:none; border-bottom:1px dotted #ccc; padding:0px 30px;}
#custom_html-3 h4 {
    margin: 0;
    border: none;
    display: inline-block;
    padding: 10px 20px 0;
}
#synved_social_follow-2{width:100%; display:block;}

	.foot_wrap{
	
width:100%; margin:0 auto;}
	
}

/*480px以下*/
@media screen and (max-width: 480px){

	
	#custom_html-3 img{display:block;}
#custom_html-3 h4 {
	text-align:center;
    display: block;

}
	
	/* 全体の設定
	------------------------------------------------*/

	div.wp-block-columns{
		flex-wrap: wrap !important;
		justify-content: center;
	}

	#features > .wp-block-columns:nth-child(even), #course > .wp-block-columns:nth-child(even){
		flex-direction: column-reverse;
	}

	figure.mobile_img{
		display: table !important;
	}

	div.mobile_img{
		display: block !important;
	}

	.pc_img{
		display: none !important;
	}
	
	/*ショートコード（new_list）調整*/
	.a-wrap{
		background-position: right center;
	}

	.widget-entry-cards figure{
		width: 120px;
	}

	.widget-entry-card-content{
		margin-left: 130px;
	}

	.new-entry-card-snippet{
		display: none;
	}

	/* メインビジュアル
	------------------------------------------------*/
	#mobile-mv{
		display: flex;
	}

	#pc-mv{
		display: none;
	}
	
	/* 見出し
	------------------------------------------------*/
	.article h2{
		font-size: 22px;
		margin-bottom:20px !important;
	}

	.article h2:has(.inline-block){
		padding: 0 7px 20px 7px;
	}
	
	.article h3{
		font-size: 18px;
		margin-bottom:10px !important;
	}
	
	.article h4{
		font-size: 18px;
		margin:0;
	}

	/* topページ：お知らせ
	------------------------------------------------*/
	.top-news > a > div > .new-entry-card-content{
		flex-flow: column;
		padding-right: 0;
	}

	.top-news > a > div > .new-entry-card-content > .new-entry-card-title{
		width: 100%;
		padding-right: 20px;
	}

	.top-news > a > div > .new-entry-card-content > .new-entry-card-date{
		padding-bottom: 5px;
	}

	/* 特徴
	------------------------------------------------*/
	#features figure{
		padding: 40px 40px 0;
	}

	/* 店舗一覧
	------------------------------------------------*/
	#shop > .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
		flex-basis: 100%!important;
	}

	#shop > div > div.is-layout-flex{
		gap: 0;
	}

	/* ループクエリデザイン設定（topページ：コラム）
	------------------------------------------------*/
	ul.top-column > li > .wp-block-columns{
		flex-wrap: wrap !important;
	}

	p.wp-block-post-excerpt__more-text{
		position: static;
		text-align: center;
	}

	/* メニュー個別ページ　カラム調整
	------------------------------------------------*/
	.column-plan > .wp-block-column > div{
		height: 100%;
	}

	.column-plan > .wp-block-column > div > div > p{
		text-align: center;
	}

	/* お問い合わせページの店舗ボタン
	------------------------------------------------*/
	.contact-btn > a{
		height: 80px;
		padding: 40px 0 0 10px !important;
		background-size: 70% auto, 15px auto;
		background-position: bottom left, center right 10px !important;
		font-size: 15px;
	}

	/* フッター
	------------------------------------------------*/
	.menu-footer li a:not(.menu-footer li:last-child a, .menu-footer li:nth-last-child(2) a){
		font-size: 16px;
	}

	/* 店内ツアー動画
	------------------------------------------------*/
	.PC_movie {
		display: none;
	}
}

/*835px以上*/
@media screen and (min-width: 835px){
	.br-sp {
		display: none;
	}
}

/*481px以上*/
@media screen and (min-width: 481px){
	/* ヘッダー
	------------------------------------------------*/
	/* バーガーメニューの×ボタンサイズ調整 */
	.menu-close-button {
		font-size: 1.3em!important;
	}
	/* 店内ツアー動画
	------------------------------------------------*/
	.mobile_movie {
		display: none;
	}
}

/*350px以下*/
@media screen and (max-width: 350px){
	/* 見出し
	------------------------------------------------*/

	.article h4{
		font-size: 18px;
	}
}