@charset "UTF-8";
/************************************************************************************************
*************************************************************************************************


 = Common Style
 
 
*************************************************************************************************
************************************************************************************************/

@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP&display=swap');

*{ padding:0; margin:0; box-sizing:border-box; }

html{ height: 100%; font-size: 62.5%;  }

body{ height:100%; font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,'Noto Serif JP', serif;; color: #000; line-height: 1.87; }

.innerWrapper #loader-bg{ display:none !important; }


/************************************************************************************************


/* = Margin 


************************************************************************************************/

.mgn-horizontal-10 { margin-left:10px; margin-right:10px; }
.mgn-horizontal-20 { margin-left:20px; margin-right:20px; }
.mgn-horizontal-30 { margin-left:30px; margin-right:30px; }
.mgn-horizontal-40 { margin-left:40px; margin-right:40px; }
.mgn-horizontal-50 { margin-left:50px; margin-right:50px; }
.mgn-horizontal-60 { margin-left:60px; margin-right:60px; }
.mgn-horizontal-70 { margin-left:70px; margin-right:70px; }
.mgn-horizontal-80 { margin-left:80px; margin-right:80px; }

.mgn-vertical-10 { margin-top:10px; margin-bottom:10px; }
.mgn-vertical-20 { margin-top:20px; margin-bottom:20px; }
.mgn-vertical-30 { margin-top:30px; margin-bottom:30px; }
.mgn-vertical-40 { margin-top:40px; margin-bottom:40px; }
.mgn-vertical-50 { margin-top:50px; margin-bottom:50px; }
.mgn-vertical-60 { margin-top:60px; margin-bottom:60px; }
.mgn-vertical-70 { margin-top:70px; margin-bottom:70px; }
.mgn-vertical-80 { margin-top:80px; margin-bottom:80px; }

.mgn-top-10 { margin-top:10px; }
.mgn-top-20 { margin-top:20px; }
.mgn-top-30 { margin-top:30px; }
.mgn-top-40 { margin-top:40px; }
.mgn-top-50 { margin-top:50px; }
.mgn-top-60 { margin-top:60px; }
.mgn-top-70 { margin-top:70px; }
.mgn-top-80 { margin-top:80px; }

.mgn-bottom-10 { margin-bottom:10px; }
.mgn-bottom-20 { margin-bottom:20px; }
.mgn-bottom-30 { margin-bottom:30px; }
.mgn-bottom-40 { margin-bottom:40px; }
.mgn-bottom-50 { margin-bottom:50px; }
.mgn-bottom-60 { margin-bottom:60px; }
.mgn-bottom-70 { margin-bottom:70px; }
.mgn-bottom-80 { margin-bottom:80px; }

/************************************************************************************************


/* = Padding 


************************************************************************************************/

.pdd-horizontal-10 { padding-left:10px; padding-right:10px; }
.pdd-horizontal-20 { padding-left:20px; padding-right:20px; }
.pdd-horizontal-30 { padding-left:30px; padding-right:30px; }
.pdd-horizontal-40 { padding-left:40px; padding-right:40px; }
.pdd-horizontal-50 { padding-left:50px; padding-right:50px; }
.pdd-horizontal-60 { padding-left:60px; padding-right:60px; }
.pdd-horizontal-70 { padding-left:70px; padding-right:70px; }
.pdd-horizontal-80 { padding-left:80px; padding-right:80px; }

.pdd-vertical-10 { padding-top:10px; padding-bottom:10px; }
.pdd-vertical-20 { padding-top:20px; padding-bottom:20px; }
.pdd-vertical-30 { padding-top:30px; padding-bottom:30px; }
.pdd-vertical-40 { padding-top:40px; padding-bottom:40px; }
.pdd-vertical-50 { padding-top:50px; padding-bottom:50px; }
.pdd-vertical-60 { padding-top:60px; padding-bottom:60px; }
.pdd-vertical-70 { padding-top:70px; padding-bottom:70px; }
.pdd-vertical-80 { padding-top:80px; padding-bottom:80px; }

.pdd-top-10 { padding-top:10px; }
.pdd-top-20 { padding-top:20px; }
.pdd-top-30 { padding-top:30px; }
.pdd-top-40 { padding-top:40px; }
.pdd-top-50 { padding-top:50px; }
.pdd-top-60 { padding-top:60px; }
.pdd-top-70 { padding-top:70px; }
.pdd-top-80 { padding-top:80px; }

.pdd-bottom-10 { padding-bottom:10px; }
.pdd-bottom-20 { padding-bottom:10px; }
.pdd-bottom-30 { padding-bottom:10px; }
.pdd-bottom-40 { padding-bottom:10px; }
.pdd-bottom-50 { padding-bottom:10px; }
.pdd-bottom-60 { padding-bottom:10px; }
.pdd-bottom-70 { padding-bottom:10px; }
.pdd-bottom-80 { padding-bottom:10px; }


/************************************************************************************************


/* = Prats


************************************************************************************************/


/* = img
-----------------------------------------------------------------------------------------------*/
img{ display: block; width:100%; margin: 0 auto; }
img.ofi { width:100%; height:100%;  object-fit: cover; font-family: 'object-fit: cover; object-position: 0 100%;'}

.figure{ text-align:center; }
.figure figcaption span{ display:inline-block; position:relative; padding:0.5em 2em; margin-top:10px; background-color: #DAE4C3; border-radius:8px; }
.figure figcaption span::after{ position:absolute; left:50%; bottom:100%; content:""; width:0; height:0; border: solid transparent; border-color: rgba(218, 228, 195, 0); border-bottom-color: #DAE4C3; border-width: 10px; margin-left: -10px; }


/* = path
-----------------------------------------------------------------------------------------------*/
.svg.fill-w path{ fill: #fff; }
.svg.fill-b path{ fill: #000; }


/* = aling
-----------------------------------------------------------------------------------------------*/
.a-center{ text-align:center; } 
.a-right{ text-align:right; }
.a-left{ text-align:left; }


/* = link
-----------------------------------------------------------------------------------------------*/
a{ text-decoration:none; color:#17294F; transition: background-color 0.5s; }
a:hover{	text-decoration:none; color:#516591; }
a img{ transition: all 0.5s; }
a:hover img{ opacity:0.8; }


/* = color
-----------------------------------------------------------------------------------------------*/
.c-red{ color:#C00; }


/* = Ttl
-----------------------------------------------------------------------------------------------*/
.ttl--bg-w{ display:flex; justify-content:center; align-items:center; }
.ttl--bg-w span{ display:inline-block; background-color:rgba(255,255,255,0.8); line-height:1.2em; font-weight:normal; color:#17294F; }
.ttl--bg-w span small{ display:block; color:#8C7D60; text-align:center; }

.ttl--line-bg { background-image:url(../media/images/co19/common/ttl--line--bg.png) ; background-repeat:no-repeat;  }

.ttl--line{ text-align:center; line-height:1.4em; font-weight:normal; }
.ttl--line small{ position:relative; display:block; color:#8C7D60; }
.ttl--line small::before{ position:absolute; left:0; right:0; top:5px; display:inline-block; content:""; height:1px; margin:0 auto; }
.ttl--line small::after{ position:absolute; left:0; right:0; top:5px; display:inline-block; content:""; height:1px; margin:0 auto; }
.ttl--line-w{ color:#FFFFFF; }
.ttl--line-w small::before{ background-color:#8C7D60;  }
.ttl--line-w small::after{ background-color:#FFFFFF; }
.ttl--line-b{ color:#000000; }
.ttl--line-b small::before{ background-color:#8C7D60; }
.ttl--line-b small::after{ background-color:#17294F; }

.ttl--vline{ text-align:left; margin-bottom:0.6em; line-height:1.6em; font-weight:bold; color:#17294F; }
.ttl--vline span{ position:relative; display:inline-block;  }
.ttl--vline span::after,
.ttl--vline span::before{ position:absolute; top:0; bottom:0; margin-top:auto; margin-bottom:auto; display:inline-block; content:""; width:37px; height:1px; background-color:#8C7D60; }

.ttl--vline2{ margin-bottom:40px; text-align:center; font-weight:normal; }
.ttl--vline2 span{ position:relative; display:inline-block; padding:0 0.5em; }
.ttl--vline2 span::after,
.ttl--vline2 span::before{ position:absolute; top:0; bottom:0; margin-top:auto; margin-bottom:auto; display:inline-block; content:""; width:40px; height:2px; background-color:#8C7D60; }
.ttl--vline2 span::before{ left:-40px; }
.ttl--vline2 span::after{ right:-40px; }


.ttl--bline{ position:relative; text-align:left; line-height:1.6em; font-weight:normal; color:#17294F; }
.ttl--bline::after{ content:""; position:absolute; left:0; bottom:-10px; height:2px; width:100%; background-color:#17294F;  }

.ttl--bline-s{ position:relative; margin-bottom:0.5em; padding:0.5em; text-align:left; line-height:1.6em; font-weight:normal; font-weight:bold; border-bottom:1px solid #8C7D60; }

.ttl--center{ line-height:1.6em; font-weight:normal; text-align:center; }

.ttl--fl{ margin-bottom:1em; font-weight:bold; color:#17294F; line-height:1.4em; }
.ttl--fs{ margin-bottom:0.3em; }

.ttl--bg{ margin-bottom:25px; padding:0.5em 0.8em; background:url(../media/images/co19/common/ttl--bg.png) no-repeat left top; color:#ffffff; font-weight:normal; line-height:1.2em;  }

.ttl--ltline{margin-bottom:25px; padding:0.5em 0.8em; border-left:4px solid #8d7d60; border-top:1px solid #8d7d60; }



/* = btn

-----------------------------------------------------------------------------------------------*/

.btn a{ display:inline-block; background-color:#8C7D60; color:#FFFFFF; text-align:center; }
.btn a:hover{ background-color:#b5a27e; }

.btn--contact a::before{ display:inline-block; content:""; width:23px; height:15px; margin-bottom:-1px; margin-right:10px; background:url(../media/images/co19/common/ico--contact.svg) no-repeat center center /100% auto; }

.btn--detail a{ position:relative; }
.btn--detail a::after{ position:absolute; right:10px; top:0; bottom:0; margin:auto 0; content:""; width:14px; height:12px; background:url(../media/images/co19/common/arrow--right.svg) no-repeat center center / 7px auto; }

.btn--pdf a{ padding:0.5em 2em; }
.btn--pdf a::before{ font-family:"Font Awesome 5 Free"; content:"\f1c1"; font-weight:bold; display:inline-block; margin-right:10px; }

/*20240106*/
.btn--dinner a{ position:relative; display:inline-block; background-color:#96514d; color:#FFFFFF; }
.btn--dinner a:after{ position:absolute; right:0; bottom:0; content:""; width: 0; height:0; border-style:solid; border-color: transparent transparent #7b3c38 transparent; }
.btn--dinner a:hover{ background-color:#a66764; }

.btn--room a{ position:relative; display:inline-block; background-color:#8D869C; color:#FFFFFF; }
.btn--room a:after{ position:absolute; right:0; bottom:0; content:""; width: 0; height:0; border-style:solid; border-color: transparent transparent #7C748D transparent; }
.btn--room a:hover{ background-color:#aaa3ba; }

.btn--plan a{ position:relative; display:inline-block; background-color:#8D7D60; color:#FFFFFF; }
.btn--plan a:after{ position:absolute; right:0; bottom:0; content:""; width: 0; height:0; border-style:solid; border-color: transparent transparent #796D53 transparent; }
.btn--plan a:hover{ background-color:#b19e7b; }

.btn--en a{ position:relative; display:inline-block; background-color:#2D4235; color:#FFFFFF; }
/*.btn--en a:after{ position:absolute; right:0; bottom:0; content:""; width: 0; height:0; border-style:solid; border-color: transparent transparent #38593C transparent; }*/
.btn--en a::before{ display:inline-block; content:""; width:23px; height:18px; margin-bottom:-3px; margin-right:10px; background:url(../media/images/co19/common/ico--en.svg) no-repeat center center /100% auto; }
.btn--en a:hover{ background-color:#618F73; }

.btn--bus a{ display:inline-block; background-color:#184566; color:#FFFFFF; }
.btn--bus a::before{ display:inline-block; content:""; width:32px; height:18px; margin-bottom:-3px; margin-right:10px; background:url(../media/images/co19/common/ico--bus.svg) no-repeat center center /100% auto; }
.btn--bus a:hover{ background-color:#186D7D; }

.btn--gmap a{ display:inline-block; padding:0 1em; background-color:#184566; color:#FFFFFF; }
.btn--gmap a::before{ display:inline-block; content:""; width:16px; height:16px; margin-bottom:-3px; margin-right:0.2em; background:url(../media/images/co19/common/ico--mappin.svg) no-repeat center center /100% auto; }
.btn--gmap a:hover{ background-color:#186D7D; }

/*20231101*/
.btn--instagram a{ position:relative; display:inline-block; background-image: url(../media/images/co19/common/bg--instagram.png); background-repeat: no-repeat; background-position: center center; background-size: auto 60px; color:#FFFFFF; }
.btn--instagram a::before{ display:inline-block; content:""; width:22px; height:24px; margin-bottom:-3px; margin-right:10px; background:url(../media/images/co19/common/ico--instagram.svg) no-repeat center center /100% auto; }

/* 20241105 */
.btn--ch1 a{ position:relative; display:inline-block; background-color:#455C4E; color:#FFFFFF; }
.btn--ch1 a:hover{ background-color:#3C5947; }
.btn--ch2 a{ position:relative; display:inline-block; background-color:#54665B; color:#FFFFFF; }
.btn--ch2 a:hover{ background-color:#3E5C3C; }


/* = ico

-----------------------------------------------------------------------------------------------*/
.ico--detail a{ position:relative; padding:0 1.5em; display:inline-block; color:#8C7D60; font-weight:bold; }
.ico--detail a:hover{ color:#b5a27e; }
.ico--detail a::before{ position:absolute; left:0; top:0; bottom:0; margin:auto 0; display:inline-block; content:""; width:18px; height:18px; background:url(../media/images/co19/common/arrow--bg--right.png) no-repeat center center; }

/* = Tbl
-----------------------------------------------------------------------------------------------*/

.tbl{ width:100%; margin:30px 0 30px 0; border-collapse:collapse; }
.tbl tr{ border-bottom:1px dotted #DDDDDD; }
.tbl tr:first-of-type{ border-top:1px dotted #DDDDDD; }
.tbl th{ text-align:left; }
.tbl td{ padding:0.8em; }

.tbl--border{ width:100%; margin:30px 0 30px 0; border-collapse:collapse; }
.tbl--border caption{ text-align:left; font-weight:bold; }
.tbl--border tbody tr{}
.tbl--border tbody th{ padding:0.5em; border:1px solid #DDDDDD; background-color:#EEEEEE; }
.tbl--border tbody td{ padding:0.5em; border:1px solid #DDDDDD; background-color:#FFFFFF; }
.tbl--border tbody td small{ display:inline-block; margin-left:1em; }
.tbl--border tfoot tr{}
.tbl--border tfoot th{ padding:0.5em 0; text-align:left; }
.tbl--border tfoot td{ padding:0.5em 0; text-align:left; font-size:0.9em; }


.tbl--info{ width:100%; margin:30px 0 30px 0; border-collapse:collapse; }
.tbl--info tbody tr{}
.tbl--info tbody th{ padding:0.5em; border:1px solid #8c7d60; background-color:#efedde; white-space:nowrap; }
.tbl--info tbody td{ padding:0.5em; border:1px solid #8c7d60; background-color:#FFFFFF; }



/* = list
-----------------------------------------------------------------------------------------------*/

ul{ list-style-type:none; }
ol{ list-style-type:none; }

.t-indent{ text-indent:-1em; padding-left:1em; }

.list--decimal{ padding-left:2em; list-style-type:decimal-leading-zero !important; }

.list--circle{ text-indent:0; padding-left:1em; list-style-type:circle !important; }

.list--decimal-brackets{ counter-reset: number 0; }
.list--decimal-brackets > li{ text-indent:-2em; padding-left:2em; }
.list--decimal-brackets > li::before{ counter-increment: number 1; content: "(" counter(number,decimal-leading-zero) ")";}

.list--katakana-brackets{ counter-reset: number 0; }
.list--katakana-brackets > li{ text-indent:-2em; padding-left:2em; }
.list--katakana-brackets > li::before{ counter-increment: number 1; content: "(" counter(number,katakana) ")";}

.list--katakana-iroha-brackets{ counter-reset: number 0; }
.list--katakana-iroha-brackets > li{ text-indent:-1.5em; padding-left:1.5em; }
.list--katakana-iroha-brackets > li::before{ counter-increment: number 1; content: counter(number,katakana-iroha) ")";}

.dllist--info{ display:flex; justify-content:flex-start; }
.dllist--info dt{ white-space:nowrap; margin-right:0.5em; }
.dllist--info dt span{ display:inline-block; padding:0 0.5em; background:#17294F; color:#ffffff; }

.dlist--col{ display:flex; justify-content:space-between; }
.dlist--col dt{ white-space:nowrap; padding-right:0.5em; }

.dlist--tbl{}
.dlist--tbl dt{ padding:0.8em 0.8em 0 0.8em; text-align:left;  display:block; width:100%; }
.dlist--tbl dd{  padding:0.5em 0.8em 0.8em 0.8em;  display:block; width:100%; border-bottom:1px dotted #DDDDDD; }


/************************************************************************************************


/* = Blc


************************************************************************************************/


/* mainVisualBlc
-----------------------------------------------------------------------------------------------*/
.mainVisualBlc{ position:relative; width:100%; line-height:1em; }

.innerWrapper .mainVisualBlc{ display:flex; justify-content:center; align-items:center; text-align:center; background-repeat:no-repeat; background-position:center center; background-size:cover; }

/* ttl--main */
.ttl--main{ font-weight:normal; color:#FFFFFF; line-height:1em; text-shadow:2px 2px 5px #000000,-2px 2px 5px #000000,2px -2px 5px #000000,-2px -2px 5px #000000; }
.ttl--main small{ display:block; }

/* topicPath */
.topicPath{ position:absolute; left:0; top:0; width:100%; height:30px; background-color:rgba(0,0,0,0.5); }
.topicPath__list{ display:table; text-align:left; padding:0 1em 0 1em; line-height:30px; font-size:1.2rem; }
.topicPath__list,.topicPath__list a{ color:#ffffff; }
.topicPath__list a:hover{ color:#DDDDDD; }
.topicPath__list li{ display:table-cell; white-space:nowrap; }
.topicPath__list li:not(:last-child)::after{ display:inline-block; content:""; width:14px; height:12px; background:url(../media/images/co19/common/arrow--right.svg) no-repeat center center / 7px auto; }


/* = pagenavBlc
-----------------------------------------------------------------------------------------------*/
.pagenavBlc{ background-repeat:no-repeat; background-position:center center; background-size:cover; }
.pagenavBlc__list{ display: flex; align-items:center; }
.pagenavBlc__list li a{ position:relative; display:block; background-image:url(../media/images/co19/common/bg--nav.png); background-repeat:no-repeat; background-size:cover; color:#ffffff; }
.pagenavBlc__list li a span{ position: absolute; top: 50%; left:0; right:0; transform: translateY(-50%); display:block; margin:0 auto; text-align:center; }
.pagenavBlc__list li a::after{ position:absolute; left:0; right:0; display:block; margin:0 auto; content:""; background-image:url(../media/images/co19/common/arrow--bottom.svg); background-repeat:no-repeat; background-position: center center; background-size:100% auto; }


/* = bnrBlc
-----------------------------------------------------------------------------------------------*/
.bnrBlc p span{ display:block; font-size:1rem; }
.bnrBlc__one p{ text-align:center; }
.bnrBlc__one p + p{ margin-top:10px; }

/* top */
.bnrBlc__top{}
.bnrBlc__top p{ text-align:center; line-height:0;}
.bnrBlc__top p a{ display:inline-block; }
.bnrBlc__top p.col02{ display:flex; justify-content:space-between; }
@media print, screen and (min-width: 768px) {
.bnrBlc__top p.col02{ flex-direction:row; width:1040px; margin-left:auto; margin-right:auto;  }
}
@media print, screen and (max-width: 767px) {
.bnrBlc__top p.col02{flex-direction:column;}
.bnrBlc__top p.col02 a + a{ margin-top:10px; }
}

/* bottom */
.bnrBlc__bottom{ display:flex; justify-content:space-between; flex-wrap:wrap;  }
.bnrBlc__bottom--item03 {  display:flex; justify-content:space-between; flex-wrap:wrap; }
.bnrBlc__bottom--item01 p + p,.bnrBlc__bottom--item02 p + p{margin-top:10px;}


/* = txtBlc
-----------------------------------------------------------------------------------------------*/
.txtBlc{}
.txtBlc + .txtBlc{ margin-top:50px; }
.txtBlc p + p{ margin-top:0.8em; }
.txtBlc p + ol{ margin-top:0.8em; }
.txtBlc p + ul{ margin-top:0.8em; }
.txtBlc p + .ttl--fs{ margin-top:2em; }


/* = pointBlc
-----------------------------------------------------------------------------------------------*/
.pointBlc{ margin-top:20px; padding:20px; border-radius:8px; background-color:#DAE4C3; }


/* = attendBlc
-----------------------------------------------------------------------------------------------*/
.attendBlc{ margin-top:20px; padding:20px; border-radius:8px; background-color:#F7DCDC; }


/* = galleryBlc
-----------------------------------------------------------------------------------------------*/
.galleryBlc__list{ display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; }
@media print, screen and (min-width: 768px) {
.galleryBlc__list li{ width:18%; margin:10px 1%; }
}

@media print, screen and (max-width: 767px) {
.galleryBlc__list li{ width:23%; margin:5px 1%; }
}


/************************************************************************************************
*************************************************************************************************


 = Layout Style
 
 
*************************************************************************************************
************************************************************************************************/

.wrapper{ position:relative; height:100%; }


/************************************************************************************************


/* = header


************************************************************************************************/

.headerOuter{ position:fixed; left:0; top:0; z-index:10; background:#17294F url(../media/images/co19/common/bg--wagara--n.png) repeat;  }
.headerOuter, .headerOuter a, .headerOuter a:hover{ color:#FFFFFF; }

.headerInner{}
.headerInner__description{ height:20px; line-height:20px; padding:0 0.5em; margin:0; padding:0 0.5em; margin:0; font-size:0.8rem; color:#FFFFFF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.headerInner__logo .svg{ height:100% !important; }

.headerOuter .gnavOuter{}
.headerOuter .gnavInner{}
.headerOuter .gnavInner ul li a { display:block; padding:0 15px; }
.headerOuter .gnavInner ul.depth1{ font-size:1.5rem; }
.headerOuter .gnavInner ul.depth1 > li > a{ height:36px; line-height:36px; }
.headerOuter .gnavInner ul.depth1 > li > a:hover{ background-color:#334875; }
.headerOuter .gnavInner ul.depth1 > li > a::before{ display:inline-block; content:"◇"; padding-right:0.3em; color:#8C7D60; }
.headerOuter .gnavInner ul.depth2{ font-size:1.3rem; }
.headerOuter .gnavInner ul.depth2 > li > a{ height:40px; line-height:40px; font-size:1.4rem; }
.headerOuter .gnavInner ul.depth2 > li:last-child > a{ border-bottom:none; }
.headerOuter .gnavInner ul.depth2 > li > a:hover{ color:#516591; }
.headerOuter .gnavInner ul.depth2 > li.depth1 > a{ font-size:1.5rem; }
.headerOuter .gnavInner ul.depth2 > li.depth1 > a::before{ display:inline-block; content:"◇"; padding-right:0.3em; color:#8C7D60; }
.headerOuter .gnavInner ul.depth2 > li.depth2 > a{ border-bottom:dotted 1px #516591;  }
.headerOuter .gnavInner ul.depth2 > li.depth3 > a{ padding:0 30px; font-size:1.3rem; }
.headerOuter .gnavInner ul.depth2 > li.depth3 > a::before{ content:"─ "; color:#8C7D60; }
.headerOuter .gnavInner ul.depth1 > li div.menu-items { background-color:#334875; transition:0.5s; opacity:0; visibility:hidden; }
.headerOuter .gnavInner ul.depth1 > li div.menu-items.open { opacity:1; visibility:visible;  }
.headerOuter .gnavInner ul.depth1 > li div.menu-items ul.depth2{ transition:0.2s; opacity:0; }
.headerOuter .gnavInner ul.depth1 > li div.menu-items.open ul.depth2{ opacity:1; }
.headerOuter .gnavInner ul.depth1 > li.menu-open{ background-color:#334875; }

.headerOuter .headerOuter__btn--bus a{ display:block !important; font-size:1.4rem; }

.headerOuter .langnav { position:relative; z-index:99; overflow:hidden; font-size:1.4rem;  }
.headerOuter .langnav:hover { overflow:visible; }
.headerOuter .langnav__selected { padding:0 0.5em; border:1px solid #8C7D60; }
.headerOuter .langnav__selected::after{ position:absolute; right:10px; top:0; bottom:0; margin:auto 0; content:""; width:8.5px; height:8.5px; background:url(../media/images/co19/common/arrow--bottom.svg) no-repeat center center / 100% auto; }
.headerOuter .langnav__selectlist { position:absolute; left:0; width:100%; border:1px solid #796D53; background-color:#17294F; }
.headerOuter .headerOuter .langnav__selectlist li { cursor: default; }
.headerOuter .langnav__selectlist li a{ display:block; padding:0.2em 0.5em; }
.headerOuter .langnav__selectlist li a:hover{ background-color:#8C7D60; }

.headerOuter .headerOuter__btn--contact a{ display:block !important; font-size:1.8rem; }

/*20231019*/
.headerOuter .sns { margin:15px 0 20px 0;}
.headerOuter .sns__list{}
.headerOuter .sns__list li a{ display:block; height:36px; line-height:36px; padding:0 15px; font-size:1.5rem; }
.headerOuter .sns__list li a::before{ display:inline-block;   font-family: "Font Awesome 5 Brands"; font-weight: 400; padding-right:0.5em; color:#796D53; }
.headerOuter .sns__list li a.ico--instagram::before{ content:"\f16d"; }
.headerOuter .sns__list li a:hover{ background-color:#334875; }


/************************************************************************************************


/* = searchOuter


************************************************************************************************/

.searchOuter{ background-color:#DDDDDD; }

.searchForm .searchForm__ttl{line-height:1.4; text-align:center; }
.searchForm .searchForm__ttl span small{ display:block; font-size:1.2rem; }

.searchForm form{ display:flex; }
.searchForm form .inbox_489ban{ display:flex; }
.searchForm form dl{}
.searchForm form dl dt{ font-size:1.4rem; line-height:1em; }
.searchForm form dl dt::before{ display:inline-block; content:"■"; color:#8C7D60; font-size:0.7rem; margin-right:0.5em; vertical-align:middle; }
.searchForm form dl dd{ height:40px; line-height:40px; border-bottom:1px solid #000000; }
.searchForm form select,.searchForm form input[type="text"],.searchForm form button{ -moz-appearance:none; -webkit-appearance: none; appearance: none; outline:none; border:none; background: none transparent;  }
.searchForm form select,.searchForm form input[type="text"]{ text-align:center; }
.searchForm form select::-ms-expand{display: none;}
.searchForm form select{ padding:0 7px 0 0; background:url(../media/images/co19/common/arrow--bottom_bk.svg) no-repeat right center / 7px auto; }
.searchForm form button{ display:block; background-color:#17294F; background-image:url(../media/images/co19/common/ico--glass.svg); background-repeat:no-repeat; color:#FFFFFF;  }
.searchForm form dl.date_489ban dd label{ margin-left:1em; font-size:1.4rem; }

.searchBtn{ display:flex; }
.searchBtn__tel span{ display:block; }
.searchBtn__tel span small,.searchBtn__tel span big{ display:inline-block; vertical-align:middle; }
.searchBtn__tel--number{ height:30px; line-height:30px; }
.searchBtn__tel--number small{ font-size:1.2rem; margin-right:0.3em; }
.searchBtn__tel--number big{ font-size:3.1rem; }
.searchBtn__tel--number big a{color:#000000;}
.searchBtn__tel--comment{ margin-top:5px; font-size:1.2rem; line-height:1.2em; }
.searchBtn__tel--time{ line-height:1.2em; }
.searchBtn__tel--time small{ font-size:1.2rem; margin-right:0.5em; }
.searchBtn__tel--time big{ font-size:1.3rem; }

.searchBtn__btn a{ position:relative; display:block !important; line-height:1.2; }
.searchBtn__btn a span{ position: absolute; top: 50%; left:0; transform: translateY(-50%); display:inline-block; width:100%; }
.searchBtn__btn--489 a{ text-align:center; font-size:1.4rem; }

.searchBtn__btn.btn--en a:before{ display:none !important; }

/************************************************************************************************


/* = mainContensOuter


************************************************************************************************/

.mainOuter{}

.innerWrapper .mainOuter article section{ padding:40px 0 80px 0; }
.innerWrapper .mainOuter article section:nth-of-type(odd){ background:url(../media/images/co19/common/bg--wagara--w.png) repeat; }

.mainInner { margin: 0 auto; }
.mainInner + .mainInner{ margin-top:80px; }


/************************************************************************************************


/* = footerOuter


************************************************************************************************/

.footerOuter{ background:#17294F url(../media/images/co19/common/bg--wagara--n.png) repeat; }
.footerOuter, .footerOuter a, .footerOuter a:hover{ color:#FFFFFF; }

.fnavInner ul{ text-align:center; }
.fnavInner ul li{ display:inline-block; padding:0 0.5em; }

.footerInner__logo{ max-width:185px;  }
.footerInner__address{ font-size:1.5rem; }
.footerInner__tel{ padding:10px 20px; border-left:1px solid #8C7D60; }
.footerInner__tel span{ display:block; }
.footerInner__tel span small,.searchBtn__tel span big{ display:inline-block; }
.footerInner__tel--number{ height:30px; line-height:30px; }
.footerInner__tel--number small{ font-size:1.8rem; }
.footerInner__tel--number small::after{ content:"："; }
.footerInner__tel--number big{ font-size:2.8rem; }
.footerInner__tel--comment{ font-size:1.4rem; }
.footerInner__tel--time small{ font-size:1.5rem; margin-right:1em; }
.footerInner__tel--time big{ font-size:1.6rem; }

.footerInner__btn--contact{ padding-top:20px; }
.footerInner__btn--contact a{ height:55px; line-height:55px;  }

.footerOuter__copy{ text-align:center; color:#7791ad; }