@charset "UTF-8";
@import url('https://fonts.cdnfonts.com/css/caviar-dreams');
@font-face {
  font-family: 'Hannari';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/hannari/v1/Hannari-Regular.woff2) format('woff2'),
}
/*!
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
*/

strong{font-size:1.1em;letter-spacing:0.15em;}
.article h1,.article h2,.article h3,.item-label,.menu-drawer a,.scrolldown span{font-family: 'Caviar Dreams',"Hannari", sans-serif;font-weight:normal;margin:0;}
.article h2{background-color:#422400cc;}
.article h1{text-shadow: 1px -1px 3px #fff,1px 1px 3px #fff,-1px -1px 3px #fff,-1px 1px 3px #fff;text-indent: 0.5em;font-size: 2rem;}

body.page-id-22 h2 {
	margin:0.5em 0;
}
.wp-block-cocoon-blocks-column-2 h3, body.page-id-22 h3 {
    border: 0;
    font-family: "Hannari";
    font-weight: 400;
    color: #fff;
    line-height: 2em;
    text-indent: 0.5em;
	margin:0.5em 0;
}
.wp-block-cocoon-blocks-column-2 h3:before, body.page-id-22 h3:before {
    content: '';
    width: 100%;
    height: 2.5em;
    background: linear-gradient(90deg, #c9b59e, transparent);
    position: absolute;
    z-index: -2;
    top: 0.25em;
    left: 0.2em;
    border-radius: 1em;
}
.wp-block-cocoon-blocks-column-2 h3:after, body.page-id-22 h3:after {
    content: '';
    width: calc(100% - 5px);
    height: 2em;
    background: linear-gradient(90deg, #5a4125, #5a412533);
    position: absolute;
    z-index: -1;
    top: 0.5em;
    border-radius: 8em 3em;
    left: 0.2em;
}

.entry-content>table{margin:1em auto; width:auto; min-width:500px;line-height:3em;background-color:rgb(235 229 221);}
.entry-content>table tr td:first-child{text-indent:0.5em;font-size:0.8em;font-weight:bold;color:#837461;}
.entry-content>table tr td:last-child{text-align:center;background-color:rgb(247 244 241);}

main#main{background-color:transparent;padding:0;}
.mobile-menu-buttons{background-color:#422400dd;}
#header-container.trans,#menu-smhead.trans,#menu-smfoot,#header-container .navi{background-color:transparent;}

/*ローディング画面*/
#loader{position:fixed;top:0;left:0;width:100%;height:100dvh;z-index:4;}
#loader-bg{position:absolute;width:100%;height:100%;background: #fff;}
#loader-logo{position:absolute;width:100%;height:100%;display:flex;justify-content:center;}
#svg-container{position: relative;display:flex;width:100%;height:100dvh;z-index: 5;justify-content:center;align-items:center;padding:53px 1em 50px;}
body:not(.home) #svg-container{display:none;}

/*モバイルロゴ*/
.has-logo-button > li {display: flex;align-items:center;justify-content:center;}
.has-logo-button > li:nth-child(1) {justify-content: left;padding-left: 3px;}

/*ハンバーガー*/
.has-logo-button > li:nth-child(2) label{z-index:10000;}
.has-logo-button > li:nth-child(2) label .navi-menu-icon{display:none;}
.has-logo-button > li:nth-child(2) label .navi-menu-caption{position:relative;display:block;width:30px;height:30px;margin:10px;color:#fff;}
.has-logo-button > li:nth-child(2) label .navi-menu-caption span{display: block;position:absolute;left:0;width:30px;border-style:solid;border-width:0 0 3px 0;-webkit-transition: .35s ease-in-out;-moz-transition: .35s ease-in-out;transition: .35s ease-in-out;}
.has-logo-button > li:nth-child(2) label .navi-menu-caption span:nth-child(1) {top: 2px;}
.has-logo-button > li:nth-child(2) label .navi-menu-caption span:nth-child(2) {top: 13px;}
.has-logo-button > li:nth-child(2) label .navi-menu-caption span:nth-child(3) {top: 24px;}
label.navi-menu-close-button{min-height:100px;}
label.navi-menu-close-button span{display:none;}

.has-logo-button > li:nth-child(2) label.active .navi-menu-caption span:nth-child(1) 
{top: 13px;left: -3px;width:36px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);}
.has-logo-button > li:nth-child(2) label.active .navi-menu-caption span:nth-child(2),
.has-logo-button > li:nth-child(2) label.active .navi-menu-caption span:nth-child(3) 
{top: 13px;left: -3px;width:36px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);}
.has-logo-button > li:nth-child(2) label.active .navi-menu-caption span:nth-child(3){opacity:0;}

/*スライドインメニュー*/
.navi-menu-content {left: auto;right: 0;background:linear-gradient(160deg, #422400aa,#422400);color:#fff;transform: translateX(101%);}
.menu-drawer a{color:#fff;line-height:2em;font-size:1.5rem;}

/*一覧トグル*/
.blog_toggle{float:right;cursor:pointer;}

/*モバイルフットボタン*/
#menu-smfoot{justify-content:space-evenly;box-shadow:none;}
#menu-smfoot li {width: 33%;margin: 0.5vw 0;border: solid 1px rgba(255,255,255,0.5);}
#menu-smfoot li:nth-child(1){background-color:#6c4f2e;}
#menu-smfoot li:nth-child(2){background-color:#583f1c;}
#menu-smfoot li:nth-child(3){background-color:#462d0e;}
#menu-smfoot li a{color:#fff;}
/*ヒーローエリア*/
main#main .herowrap{position:relative;height:100dvh;display: flex;flex-wrap:wrap;align-content: center;border-bottom:2px solid #422400cc;}
main#main .herowrap >*{margin:0;}
.herowrap figure:nth-child(1){transition:filter 2000ms ease;filter:blur(10px);}
/*スクロール促し*/
.scrolldown{position: absolute;left: 50vw;width:1px;height:1px;animation: arrowmove 1s ease-in-out infinite;}
@keyframes arrowmove{0%{bottom:1%;}50%{bottom:3%;}100%{bottom:1%;}}
.scrolldown span{position:absolute;bottom:100px;left:-18px;color: #eee;font-size:12px;letter-spacing: 0.05em;}
/* 矢印の描写 */
.scrolldown:before {content: "";display:block;position:absolute;bottom:50px;right: -6px;width: 1px;height: 20px;background: #eee;transform: skewX(-31deg);}
.scrolldown:after{content:"";display:block;position:absolute;bottom:50px;width:1px;height: 50px;background:#eee;}

/**ビデオ背景用**/
.wrap-video{display:none;}
.home .wrap-video{display:block;}
.wrap-video{position:fixed;width:100%;height:100vh;z-index:-1;}
.wrap-video video{width: 100%;height:100%;top:0;left:0;object-fit: cover;}
.wrap-video .movie-overlay{width: 100%;height: 100vh;position: absolute;top: 0;left: 0;background-image: url("https://mauve-color.net/wp-content/uploads/mv_overlay.webp");background-size: 2px 2px;z-index: 0;}
.mobile-header-menu-background {display: block;position: absolute;width: 100vw;height: 53px;overflow: hidden;margin: 0;padding: 0;z-index: -1;}

/*背景スペースカラー*/
#main>article>.entry-content>:not(h2,h3,table,.nopadding,.map-wrap){margin-bottom:0;padding:1em;}
#main>article>.entry-content>:not(h1,h2,h3,h4,h5,h6,table,.trans){background-color:#ffffffee;}
#main>article>.entry-content>.herowrap{background-color:transparent;padding:53px 1em 50px;}
#main>article>.entry-content>.nopadding,#main>article>.entry-content>.nopadding>*{margin:0;}

#main .wp-block-media-text .wp-block-media-text__content{padding:0;}

/*googlemap*/
.map-wrap {max-width:100%;margin: 0 auto;position: relative;padding-top:calc(100vw * 2 / 3);}
.map-wrap .map{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/*フッター*/
#main>article,#main .entry-content{margin-top:0;margin-bottom:0;}
#footer{padding-bottom: 80px;margin-top:0;}
#footer{line-height: 2em;font-size: 12px;}
#footer .footer-left{text-align:center;}
#footer .footer-bottom-logo{min-width:33%;}

/*スクロールアニメ用下から*/
.entry-content p,.entry-content img,.entry-content table{
	opacity: 0;
    transform: translate(0px, 50px);
    transition: all .6s ease-in-out;
}
/*スクロールアニメ用拡大*/
.entry-content h3{
	opacity: 0;
	transform: scale(0.6) rotate(-10deg);
    transition: all .6s ease-in-out;
}
/*スクロールアニメ用右から*/
.entry-content h2,.entry-content video,.entry-content .timeline-item img{
	opacity: 0;
    transform: translate(50px, 0px) scale(0.8);
    transition: all .6s ease-in-out;
}
.entry-content h2.fadeIn,.entry-content h3.fadeIn,.entry-content p.fadeIn,.entry-content img.fadeIn,.map-wrap img,.entry-content video.fadeIn,.entry-content table.fadeIn{
    opacity: 1;
    transform: translate(0px, 0px) scale(1) rotate(0);
}
div.entry-content,.wp-block-cocoon-blocks-timeline{overflow:hidden;}
/*PC横幅制限*/
.entry-content .wp-block-cocoon-blocks-timeline ul,.entry-content .wp-block-query ul,.entry-content .wp-block-media-text>*,.entry-content .wp-block-cocoon-blocks-column-2>div{max-width:500px;margin:0 auto;}

/*ダイアログボタン*/
.scb-dialog .btn:hover,.scb-dialog .btn{background-color:rgba(0, 255, 0, .2);border:solid #0f0 2px;color:#888;}
.scb-dialog .btn:disabled{background-color:#ccc;border:solid #aaa 2px;}

/*フォーム*/
.scbcalendar .sunday{color:#f00;}
.scbcalendar .saturday{color:#00f;}
.scbcalendar td{background-color:#fff;}
.scbcalendar tr.weekhead td{text-align: center;height:1em;line-height: 1em;background-color: #eeeeee;}
.scbcalendar tbody td{position:relative;height:3em;}
.scbcalendar tbody td span{padding:0.5em 0.2em;}
.scbcalendar .calendarmark {position: absolute;top: 0;left: 0;width: 100%;height: 3em;line-height: 3em;margin: 0 auto;text-align: right;padding-right: 10px;cursor: pointer;}
.booking_form .button_wrap{display:flex;justify-content:center;}
.booking_form .bookingsend {width: 50%;min-width: 372px;margin: 10px auto;font-size: 1.4em;padding: 0.8em 2em;border: solid 1px #ccc;border-radius: 3px;color: #666;}
.booking_form .bookingsend:hover{background-color:#abf;}

.scbcalendar .calendarmark:hover,
#timelist_area .daytimebtn:hover{
	outline-offset: -5px;
	outline: 5px solid #00ff0090;
}
.scbcalendar .calendarmark.selected,
#timelist_area .daytimebtn.selected{
	outline-offset: -5px;
	outline: 5px solid #00ff00c0;
}

.scbcalendar .selectable .calendarmark{color:#555;}
.scbcalendar .disselectable{background-color:rgba(0,0,0,.2);}
div#timelist_area{display:flex;flex-wrap:wrap;justify-content:center;}
#timelist_area .daytimebtn{cursor: pointer;min-width: 4.6em;min-height: 2.2em;margin: 0.4em;background-color: #fff;border:solid 1px #aaa;}
#timelist_area .daytimenobtn{min-width: 4.6em;min-height: 2.2em;margin: 0.4em;background-color: #bbb;border:solid 1px #aaa;}
.radiolabel {display:block;width: auto;line-height:2.4em;border: solid 1px #aaa; border-radius: 3px; padding: 4px 10px 3px 5px; margin: 4px; background-color: #fff; cursor: pointer;}
/*特定ページ*/
body.page-id-22{
	
}
/************************************
** 子テーマ用のスタイルを書く
************************************/
.category-news-post{font-size:14px;}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	.header-container{display: none;}
	#content{margin-top:54px;}
	html:has(.mblt-header-mobile-buttons, .mblt-header-and-footer-mobile-buttons),.home #content{margin-top:0 !important;}
	body.mblt-header-and-footer-mobile-buttons{margin-top:0;margin-bottom:0;}
	.entry-content>table{margin:1em auto; width:auto; min-width:360px;}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.article .wp-block-query ul{padding-left:0;}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}