/*--
Theme Name: Arkhe child
Theme URI: https://arkhe-theme.com/
Version: 1.5.6
Author: LOOS,Inc.
Author URI: https://loos.co.jp/
Description:WordPressテーマ「Arkhe」の自作子テーマ
Template: arkhe
*/

[data-btns=rr-rl] .l-header__body {
    grid-template-columns: 25% 40% auto var(--ark-searchW) var(--ark-drawerW);
}
@media not all and (min-width: 1000px) {
    .l-headerUnder, .l-header__bar, .l-header__left, .l-header__right {
        display: unset;
    	align-self: center;
    }
    .l-headerUnder, .l-header__bar, .l-header__left, .l-header__right #gnav,
	.l-headerUnder, .l-header__bar, .l-header__left, .l-header__right .right-link .to-ec,
	.l-headerUnder, .l-header__bar, .l-header__left, .l-header__right .right-link .to-irodori{
        display: none;
    }
}



@media (max-width: 600px) {
    .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
        padding: var(--ark-mediatext--space) 0;
    }
}


body{
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	letter-spacing:0.07em;
}
a{
	text-decoration:none;
}

.wp-block-table table{
	border-right:none;
	border-top: 1px solid #aaa;
}
.wp-block-table td, .wp-block-table th{
	border-right:none;
	border-left:none;
	border-bottom: 1px solid #aaa;
}
.wp-block-media-text {
  --ark-mediatext--space: 2.5rem;
}

/* 明朝体に */
.mincho{
	font-family: 'Zen Old Mincho', serif;
}

/***********************************************************
* ヘッダー
***********************************************************/

.l-header .l-container{
	max-width:unset;
	padding: 20px var(--ark-padding--container);
}

/*---------- ロゴ　----------*/
.c-headLogo__img{
	position:absolute;
	top:20px;
	left:20px;
	height:160px;
	border:1px solid #555;
}
@media screen and (max-width: 800px) {
	.c-headLogo__img{
		height:100px;
		top:10px;
		left:10px;
	}
	[data-scrolled=true] .c-headLogo__img{
		top:0;
		left:0;
		height:80px;
	}
}
@media screen and (max-width: 1800px) {
	.c-headLogo__img{
		height:120px;
	}
}
@media screen and (max-width: 999px) {
	.c-headLogo__img{
		height:100px;
	}
}
/*---------- メニュー　----------*/
.c-gnav__li > .c-gnav__a{
	font-family: 'Zen Old Mincho', serif;
	font-size:1.1em;
}
.c-gnav__depth1{
	min-width:200px;
}
.c-gnav .sub-menu{
	text-align:center;
}



.c-gnav__li>.c-gnav__a::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 7px; 
	width: 100%;
	height: 0.5px;
	background: #555;              /*アンダーラインがaタグの下端から現れる*/
	transform: scale(0, 1);     /*アンダーラインの縮尺比率。ホバー前はx方向に0*/
	transform-origin: left top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の左端*/
	transition: transform 0.3s; /*変形の時間*/
}
.c-gnav__li>.c-gnav__a:hover::after {
	transform: scale(1, 1);     /*ホバー後、x軸方向に1（相対値）伸長*/
}


/*---------- メニュー右側追加　----------*/
.right-link{
	margin-left: 15px;
	display: flex;
	gap: 10px;
	align-items: center;
}
.right-link a{
	display: inline-block;
	font-size:.9em;
	font-family: 'Zen Old Mincho', serif;
	
}

.right-link .fa-brands{
	font-size:1.7rem;
	margin-left:5px;
}

.right-link a.to-ec{
	background-color:#333;
	color:#fff;
	border:1px solid #333;
	padding:5px 15px;
}
.right-link a.to-ec i{
	font-style:unset;
	margin-left:5px;
}

.right-link a.to-irodori{
	background-color:#fff;
	color:#fff;
	border:1px solid #333;
	padding:0 15px;
}
.right-link a.to-irodori img{
	width:140px;
	vertical-align: top;
}
@media screen and (max-width: 1350px) {
	.l-header__right{
		flex-direction: column;
	}
	.right-link{
		margin-left:auto;
		margin-right:10px;
		margin-top:5px;
	}
}


/*---------- ドロワーメニュー　----------*/
.p-drawer{
	background: #282828eb;
}


/***********************************************************
* タイトル
***********************************************************/
.c-pageTitle__main{
	font-family: 'Zen Old Mincho', serif;
	font-weight: normal;
	border-bottom: 1px solid #000;
	padding: 0 10px 10px 10px;
}
h2.wp-block-heading{
	font-family: 'Zen Old Mincho', serif;
	font-size: 1.6em;
	font-weight: normal;
	display: flex;
	align-items: center;
}
h2.wp-block-heading::before{
	content: "";
	width: 40px;
	height: 1px;
	background-color: #333;
	display: block;
	margin-right: 15px;
}


/***********************************************************
* トップページ
***********************************************************/
@media screen and (min-width: 1000px) {
	.home .c-headLogo__img{
		display:none;
	}
}

.home .ark-block-heading .ark-block-heading__main{
	font-family: 'Zen Old Mincho', serif;
	font-weight:normal;
	font-size:2.8em;
}
.home .ark-block-heading{
	margin-bottom:2em;
}

/*---------- メインビジュアル　----------*/
.flont-main{
	display:flex;
	width: 100vw;
	margin: 0 calc(50% - 50vw) 10vh;
}
.flont-main .left{
	width: 30%;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.flont-main .left img{
	max-width: 220px;
	border: 1px solid #6d6d6d;
	padding: 10px;
}
.flont-main .left .txt{
	font-size: .9em;
	line-height: 2em;
	margin-top: 5%;
}

/* スライド画像 */
.main-image-wrap{
	width:70%;
}

.main-image .slick-slide img{
    width: 100%;
	max-width:1200px;
	height: 100%;
    object-fit: cover;
}
.main-image .slick-initialized .slick-slide{
    margin-left: 0 !important;
    margin-right: 30px!important; /* ←ここだけ余白 */
}
.main-image .slick-dots{
	bottom:unset!important;
	margin-top:20px!important;
}
@media screen and (max-width: 800px) {
	.main-image .slick-initialized .slick-slide{
		margin:0 10px;
	}
}
@media screen and (max-width: 999px) {
	.flont-main .left{
		display:none;
	}
	.main-image-wrap{
		width:100%;
	}

}
@media screen and (min-width: 1800px) {
	.main-image .slick-list{
		padding-left: 0 !important;
		padding-right: 500px!important; /* ←右にちらっと見せる幅。調整可 */
	}
}

/*---------- 新着情報　----------*/
.news_wrap{
	margin-bottom:10%;
}

.news .midashi{
	display: flex;
	align-items: baseline;
	font-family: 'Zen Old Mincho', serif;
	margin-bottom:15px;
}
.news .midashi .ja{
	font-size: 1.5em;
	line-height:initial;
}
.news .midashi .en{
	font-size:1rem;
	line-height:initial;
	margin-left:10px;
}
.news_list{
	max-height:340px;
	overflow-y:scroll;
	border:1px solid #a9a9a9;
	padding:2%;
}
.news_list ul{
	padding:0;
}
.news_list li{
	list-style:none;
	display:flex;
	align-items: center;
	margin-bottom:5%;
}
.news_list li img{
	max-width:200px;
	margin-right:30px;
}
.news_dtl{
	display:flex;
	flex-direction:column;
}
.news_date{
	font-size:.85em;
}
.add_New{
	font-size:.7em;
	color:red;
	margin-left:10px;
}
a.news_title{
	text-decoration:none;
	color:#555;
	font-weight:600;
	margin-bottom:10px;
	font-size:1.1em;
}
.news_excerpt{
	font-size:.85em;
	color:#888;
}
.news_list a.more_link {
	background-color: #393939;
	color: #fff;
	text-align: center;
	padding: 5px;
	width: 100%;
	display: inline-block;
	font-size: .9em;
}
@media screen and (min-width: 501px) {
	.news{
		display:flex;
		flex-direction: row-reverse;
	}
	.news .midashi{
		flex-direction: column;
		align-items: flex-start;
		width: 20%;
		writing-mode: vertical-rl;
	}
	.news .midashi .ja{
		font-size:2.5em;
	}
	.news .midashi .en{
		margin-top:12px;
	}
	.news_list{
		width:80%;
	}
}
@media screen and (max-width: 740px) {
	.news_list li{
		align-items:unset;
	}
	.news_list li img{
		max-width:150px;
	}
}


/* メディアテキストブロック */
.home .wp-block-media-text p{
	font-size:.95em;
	line-height:2.2em;
}
.home .wp-block-media-text .ark-block-buttons{
	font-family: 'Zen Old Mincho', serif;
	font-size:.9em;
	margin-top:2em;
}


.home-3colbana{
	display:flex;
	gap:1%;
}
.home-3colbana a:hover img{
	opacity:.8;
}
@media screen and (max-width: 500px) {
	.home-3colbana{
		flex-direction:column;
		align-items:center;
	}
}

/* 営業日カレンダー */
.home .xo-event-calendar{
	max-width:700px;
	margin:5% auto;
}



.flont-sns .ark-block-heading{
	display: flex;
	align-items: baseline;
	gap: 10px;
}

/***********************************************************
* 各種固定ページ
***********************************************************/

/*---------- 店舗案内　----------*/
.aisatsu{
	background-color:#fbfbfb;
	padding:5%;
}
.aisatsu p{
	font-family: 'Zen Old Mincho', serif;
	line-height:2.3em;
	font-size:1.1em;
}
@media screen and (max-width: 600px) {
	.aisatsu .wp-block-media-text__media img{
		max-width:200px;
		margin-left:auto;
	}
	.aisatsu p{
		font-size:1em;
		line-height:1.8em;
	}
	.aisatsu .wp-block-media-text__content{
		padding:2.5em 0!important;
	}
	.aisatsu.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
		grid-row: 3 !important;
	}
}

.about th{
	width:25%;
	text-align:center;
	vertical-align:middle;
	background-color:unset;
	padding:1em .5em!important;
}
.about td{
	padding:1em .5em!important;
}


/*---------- 料金表　----------*/
.price thead th{
	background-color:#f9f9f9;
	color:#111;
	font-size:.9em;
}
.price tbody th{
	vertical-align:middle;
	padding:1em 1em!important;
	background-color:unset;
}
.price td{
	padding:1em 1.5em!important;
	white-space:nowrap;
}

/*---------- 会社概要　----------*/
.company th{
	width:25%;
	text-align:center;
	vertical-align:middle;
	padding:1em 1em!important;
	background-color:#fbfbfb;
	font-size:.9em;
}
.company td{
	padding:1em 1.5em!important;
	font-size:.9em;
}


.history th{
	width:20%;
	text-align:center;
	vertical-align:middle;
	background-color:unset;
	padding:1.5em 1em!important;
	font-size:.9em;
	white-space:nowrap;
}
.history td{
	padding:1.5em .5em!important;
	font-size:.9em;
}


/*---------- お問い合わせ　----------*/
.contact-mail-wrap{
	background-color: #fcfbf8;
    padding: 4% 6% 6%;
}
.contact-mail-wrap .form-ttl{
    color: #c8b05b;
    font-size: 2em;
    font-family: 'Zen Old Mincho', serif;
    letter-spacing: 0.1em;
}
table.contact{
    border-right: unset;
	border-top:unset;
    margin: 0 auto;
}
table.contact th{
	font-weight:700;
	width: 25%;
    background-color: unset;
	font-size:.9em;
    vertical-align: middle;
}
table.contact th,
table.contact td{
	border-left: unset;
	border-bottom: unset;
	padding: 1.2em 1em!important;
}
table.contact .any,
table.contact .req{
    font-size: .6em;
    margin-right: 10px;
    padding: 3px 8px;
    border-radius: 3px;
    color: #fff;
    font-weight: 700;
}
table.contact .any{
	background-color:#949494;
}
table.contact .req{
	background-color:#b82c1f;
}
table.contact input[type="text"],
table.contact input[type="tel"],
table.contact input[type="email"]{
	width:70%;
}
table.contact textarea{
	width:100%;
	max-width:900px;
}
table.contact input:focus,
table.contact textarea:focus{
  outline:#555555 1px solid;
}

.contact-under{
	font-size:.9em;
	text-align:center;
	margin:0 auto;
}
.contact-under [type=submit]{
    font-size:1.1em;
	font-weight:500;
    letter-spacing: 0.05em;
	color:#fff;
    padding: 10px 30px;
    margin-top: 40px;
    margin-right: -72px;
	background-color: #cfab6e;
}
.contact-under [type=submit]:hover{
   opacity:0.9;
}

@media screen and (max-width: 700px) {
	table.contact th,
	table.contact td{
		display:inline-block;
		width:100%;
	}
	table.contact input[type="text"],
	table.contact input[type="tel"],
	table.contact input[type="email"]{
		width:100%;
	}
}

/***********************************************************
* サイドバー
***********************************************************/

.l-sidebar .wp-block-latest-posts__post-excerpt{
	font-size: .7em;
	max-height: 45px;
	overflow: hidden;
}


.owner-sns .ttl{
	font-weight:bold;
	margin-bottom:8px;
	padding-bottom:5px;
	border-bottom:1px solid #555;
}
.owner-sns .txt{
	font-size:.7em;
	margin-bottom:5px;
}
.owner-sns .bana{
	display:flex;
}
.owner-sns .bana img{
	width:100px;
}

/***********************************************************
* フッター
***********************************************************/
.footer-about{
	font-size:.95em;
	line-height:1.8em;
}
.footer-about .name{
	font-weight:bold;
}
.footer-about .left{
	display:none;
	width:25%;
	margin-right:5%;
}
.footer-about .sns{
	display: flex;
	gap: 8px;
	margin-top: 5px;
}
.footer-about .sns i{
	font-size: 1.2rem;
}

.footer-about .nago{
	display:flex;
	align-items:center;
}
.footer-about .irodori{
	display:flex;
	align-items:center;
	border-top:1px solid #ddd;
	margin-top:2%;
	padding-top:2%;
}
.footer-about .irodori a.yoyaku-btn{
	background-color: #302623;
	color: #fff;
	font-size: .9em;
	padding: 0 5px;
	text-align: center;
	width: 100%;
	display: block;
	margin-top:5px;
}

.l-footer__widgets {
  padding: 4rem 0;
}
.l-footer__foot{

}
.l-footer__nav{
	margin-bottom:5rem;
}
@media (min-width: 600px) {
	.footer-about .left{
		display:block;
	}
  .l-footer__nav a {
    padding: 0 1em;
  }
}
.c-copyright{
	font-size:.7em;
	color:#555;
	
}

/***********************************************************
* その他共通
***********************************************************/

.wp-block-gallery.has-nested-images figure.wp-block-image {
	flex-grow: 0;
}











/***********************************************************
* プラグイン
***********************************************************/
.sby_items_wrap{
	display:flex;
	flex-wrap:wrap;
	gap:20px;
}
[id^=sb_youtube_].sb_youtube.sby_col_4 .sby_items_wrap .sby_item {
	width: calc((100% - 60px) / 4)!important;
}
.sb_youtube .sby_footer .sby_load_btn{
	margin-top:15px!important;
}
@media (max-width: 640px) {
	#sb_instagram #sbi_images {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
	[id^=sb_youtube_].sb_youtube.sby_col_4 .sby_items_wrap .sby_item {
		width: calc((100% - 20px) / 2)!important;
	}
}



#booking-package_schedulePage .selectPanelError.closed .timeSlot::after{
	content: "予約受付終了";
	font-size:.9em;
}

#booking-package_calendarPage .dayPanel.sat{
	color:#0067c3;
}
#booking-package_calendarPage .dayPanel.sun{
	color:#c30000;
}

#booking-package_schedulePage .subtitle{
	display:none;
}