/*!
Template:rishun
Theme Name: rishun_child
Theme URI: https://rishuntrading.co.jp
Description: Rishun is a very simple & easy to customize theme which is based on the Bootstrap. It is also very friendly with custom post types and custom taxonomies. When you add a new one, the breadcrumbs will be adjusted and posts will look beautifully without editing or adding a template files.
Author: RishunTrading Limited.
Author URI: https://rishuntrading.co.jp
Version: 1.0.0
Requires at least: 1.0
Tested up to: 1.0.0
Requires PHP: 5.6.0
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Rishun WordPress theme, Copyright (C) 2022 RishunTrading Limited.
Rishun WordPress theme is licensed under the GPL.
Update Author:RishunTrading Limited
Update Author URI:https://rishuntrading.co.jp/
Version:1.0.0
*/
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Pinyon+Script&display=swap');
/************************************************************/
:root{
    --fontawesome:"Font Awesome 6 Free";
    --fontawesome2:"Font Awesome 6 Brands";
    --linecolor:#06c755;
    --pinyon:"Pinyon Script", cursive;
    --gara:"Cormorant Garamond", serif;
    --mincho:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", "Yu Mincho", serif;
    --kakugo:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    --main:#6B573A;
    --ac1:#DCC7A1;
    --ac2:#C6A878;
    --sec1:#655349;
    --sec2:#C95D3E;
    --base:#FAF8F5;
    --txt1:#444;
    --dlborder:#ccc8c6;
    --globalmenu-popup-bk:#f9f0e1;
}
/*==========================================================*/
/* defalt define											*/
/*==========================================================*/
body, p{
    font-family:var(--kakugo);
    color:var(--txt1);
}
body a{
    transition: all .3s ease;
    text-decoration: none;
}
body a:hover{
    text-decoration:none;
}
.nodata{
    color:#ff0000;
}
img{
    width:100%;
    height:auto;
}
.entry-body img{
    display:unset;
    width:auto;
    height: auto;
    max-width: 100%;
}
@media print {
    #mobile-menu {
        display: none !important;
    }
}
/*---- origin ----*/
.imgarea{
    margin-bottom:1rem;
    text-align:center;
}
.imgarea img{
    width:100%;
}
.gmap-wrap {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom:100%;
}
.gmap-wrap iframe, .gmap-wrap object, .gmap-wrap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.detail-wrap {
    padding:30px 0;
}
img.aligncenter {
    display: block;
    margin-left:auto;
    margin-right:auto;
}
img.alignleft {
    float:left;
}
img.alignright{
    float:right;
}
a.tellink {
    transition: all .3s;
}
table {
    border-collapse: collapse;
}
.entry-body {
    padding:40px 0;
}
.tb-inline,.tb-inline-block,.tb-block,.tb-flex,.pc-inline,.pc-inline-block,.pc-block,.pc-flex {
    display: none;
}
.bgoverlay {
    position: relative;
}
.bgoverlay::before {
    content: '';
    position: absolute;
    top: 0;
    left:0;
    width:100%;
    height:100%;
}
.bgoverlay>div {
    position: relative;
    z-index: 1;
}
@media(min-width:500px){
    .d-500-none {
        display: none;
    }
}
@media(min-width:768px){
    a.tellink {
        pointer-events: none;
    }
    .tb-inline {
        display: inline!important;
    }
    .tb-inline-block {
        display: inline-block!important;
    }
    .tb-block {
        display: block!important;
    }
    .tb-flex {
        display: flex!important;
    }
}
@media(min-width:992px){
    .pc-inline {
        display: inline!important;
    }
    .pc-inline-block {
        display: inline-block!important;
    }
    .pc-block {
        display: block!important;
    }
    .pc-flex {
        display: flex!important;
    }
}
/*---- title,font ----*/
.h1org,.h2org,.h3org,.h4org,.h3line,.h3simple{
    line-height: 1.5;
}
.h1org{
    font-size:22px;
    font-weight:700;
    line-height:1.6;
    font-family:var(--mincho);
}
.jp_en_ttl{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    color:var(--main);
    margin-bottom:30px;
}
.jp_en_ttl.wh{
    color:#fff;
}
.jp_en_ttl span{
    font-family:var(--pinyon);
    font-size:40px;
    padding-bottom:12px;
    line-height:1;
}
.jp_en_ttl h2{
    font-size:15px;
}
.jp_en_ttl.cntr span,.jp_en_ttl.cntr h2 {
    text-align: center;
}
.h2org,.h2simple{
    font-size:22px;
    font-family:var(--mincho);
    font-weight:700;
    margin-bottom:30px;
}
.h2org{
    padding-bottom:3px;
    border-bottom:1px solid var(--ac1);
}
.h2org.gold{
    color:var(--main);
}
.h3org{
    font-size:20px;
    margin-bottom:1.5rem;
    font-weight:700;
    color:#4a676b;
    border-bottom:1px solid #ccc;
    position:relative;
    padding-bottom:2px;
}
.h3line{
    font-size:20px;
    font-family:var(--mincho);
    margin-bottom:1.5rem;
    font-weight:700;
    position:relative;
    padding-bottom:2px;
    border-bottom:1px solid #ccc;
}
.h3org::after,.h3line::after{
    content:"";
    display:block;
    position:absolute;
    left:0;
    bottom:-1px;
    width:30%;
    min-width:100px;
}
.h3org::after{
    border-top:1px solid #6c8994;
}
.h3line::after{
    border-top:1px solid var(--ac2);
}
.h3simple{
    font-size:20px;
    margin-bottom:1.5rem;
    font-weight:700;
    font-family:var(--mincho);
}
.h4org {
    font-size:18px;
    margin-bottom:1rem;
}
@media(min-width:768px){
    .h1org {
        font-size:26px;
    }
    .h2org {
        font-size:26px;
    }
    .h2simple{
        font-size:24px;
    }
    .h3org,.h3line,.h3simple{
        font-size:22px;
    }
    .h4org {
        font-size:20px;
    }
    .jp_en_ttl span{
        font-size:52px;
    }
}
@media(min-width:992px){
    .h1org {
        font-size:30px;
    }
    .h2org {
        font-size:30px;
    }
    .h2simple{
        font-size:28px;
    }
    .h3org,.h3line,.h3simple{
        font-size:24px;
    }
}
/* link,button */
.a_btn>a{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    color:var(--main);
    border:1px solid var(--main);
    position:relative;
    padding:13px 20px;
    letter-spacing:1px;
    font-size:15px;
}
.a_btn.bgwh>a{
    background:#fff;
}
.a_btn.wh>a{
    color:#fff;
    border-color:#fff;
}
.a_btn>a::after{
    content:'';
    position:absolute;
    bottom:0;
    right:0;
    bottom:0;
    width:0;
    height:0;
    border-style:solid;
    border-width:0 0 40px 50px;
    border-color:transparent transparent var(--ac1) transparent;
}
.a_btn>a:hover,.a_btn>a:focus,.a_btn.bgwh>a:hover,.a_btn.bgwh>a:focus,.a_btn.wh>a:hover,.a_btn.wh>a:focus{
    background:var(--ac1);
    border-color:var(--ac1);
    color:#fff;
    filter:brightness(1.1);
}
.a_btn.cntr,.a_btn.btn-right{
    display:flex;
}
.a_btn.cntr{
    justify-content:center;
}
.a_btn.btn-right{
    justify-content:flex-end;
}
@media(min-width:400px){
    .a_btn>a{
        width:fit-content;
        min-width:160px;
    }
    .a_btn>a.mw-350{
        min-width:350px;
    }
}
/* fade-in animation */
.fade-in,.load-in{
	opacity:0;
	transition:all .7s;
}
.fade-in.fade-in-up,.load-in.fade-in-up{
  -webkit-transform: translate(0,30px);
  transform: translate(0,30px);
}
.fade-in.fade-in-left{
  -webkit-transform:translate(-30px,0);
  transform:translate(-30px,0);
}
.fade-in.fade-in-right{
  -webkit-transform:translate(30px,0);
  transform:translate(30px,0);
}
.load-in.scroll-in,.fade-in.scroll-in{
  opacity:1;
  -webkit-transform: translate(0,0)!important;
  transform: translate(0,0)!important;
}
/*==============
  header
===============*/
/* mobilemenu */
.mobile-navi-btn{
    background:#fff;
}
.mobile-navi-btn.right {
    width: 50px;
    height: 50px;
    top:4px;
    right:7px;
}
.mobile-navi-btn span {
    position: absolute;
    background:#333;
    height:2px;
    width:30px;
    left:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    transition: all .3s;
}
.mobile-navi-btn span:nth-child(1){
    top:30%;
}
.mobile-navi-btn span:nth-child(2){
    top:50%;
}
.mobile-navi-btn span:nth-child(3){
    top:70%;
}
.mobile-navi-btn.mobile-navi-open{
    background:var(--burger-bkcolor);
}
.mobile-navi-btn.mobile-navi-open span:nth-child(1) {
    background:#fff;
    top:28%;
    left:calc(50% - 4px);
    -webkit-transform:rotate(-45deg) translate(-50%,-50%);
    transform:rotate(-45deg) translate(-50%,-50%);
}
.mobile-navi-btn.mobile-navi-open span:nth-child(2){
    opacity: 0;
}
.mobile-navi-btn.mobile-navi-open span:nth-child(3) {
    background:#fff;
    top:71%;
    left:calc(50% - 5px);
    -webkit-transform: rotate(45deg) translate(-50%,-50%);
    transform: rotate(45deg) translate(-50%,-50%);
}
.site-mobile-nav>div{
    padding:0;
    background:rgba(255, 255, 255, 0);
}
.site-mobile-menu>li{
    padding: 0;
    margin: 0;
}
.site-mobile-menu>li>a{
    display: block;
    padding: 15px 5px;
    font-weight:500;
    font-family:var(--mincho);
}
.site-mobile-menu>li.menu-item-has-children>a {
    position:relative;
}
.site-mobile-menu>li.menu-item-has-children>a::before,.site-mobile-menu>li.menu-item-has-children>a::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 15px;
    height: 2px;
    background: var(--main2);
    transition: all .3s;
}
.site-mobile-menu>li.menu-item-has-children>a::before{
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.site-mobile-menu>li.menu-item-has-children>a::after{
    right: 11px;
    top: calc(50% - 1px);
    -webkit-transform:rotate(90deg) translateY(-50%);
    transform:rotate(90deg) translateY(-50%);
}
.site-mobile-menu>li.menu-item-has-children.clicked>a::before {
    opacity: 0;
}
.site-mobile-menu>li.menu-item-has-children.clicked>a::after{
    -webkit-transform: rotate(0deg) translateY(-50%);
    transform: rotate(0deg) translateY(-50%);
}
.site-mobile-menu ul.sub-menu{
    padding-left: 15px;
    display: none;
}
.site-mobile-menu ul.sub-menu>li>a{
    display: block;
    padding:7px 5px;
}
.site-mobile-menu>li>a:not([href]):not([class]){
    color:var(--sp-menu-font-color);
}
.container.site-header-container{
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.ptnB .site-header-inner{
    width:fit-content;
    margin-right:30px;
}
.site-header-logo a img{
    height: calc(var(--ptnB-sp-header-height) - 10px);
    object-fit:contain;
}
.hd_reserve{
    width:fit-content;
    padding-right:60px;
}
.reservebtn a{
    padding:10px 15px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:var(--sec2);
    color:#fff;
    font-size:15px;
    font-family:var(--mincho);
    font-weight:600;
}
.reservebtn a i{
    font-size:110%;
    margin-right:7px;
}
.reservebtn a:hover{
    filter:brightness(1.2);
}
.mob_reserve.reservebtn{
    display:flex;
    justify-content:center;
    padding:0 40px;
}
.mob_reserve.reservebtn>a{
    width:100%;
    max-width:350px;
}
.front-page .site-header{
    background:transparent;
    position:fixed;
    top:0;
    left:0;
    z-index:1800;
}
.front-page .site-header-wrap{
    background:transparent;
    box-shadow:none;  
}
.scrolled.front-page .site-header-wrap{
    background:var(--header-bk-color);
    box-shadow: 0 2px 2px rgba(220,220,220,0.6);
}
@media(min-width:992px){
    .ptnB .container.site-header-container{
        display:flex;
    }
    .hd_reserve.reservebtn{
        display:none;
    }
    .r_side.reservebtn{
        position:fixed;
        width:fit-content;
        height:fit-content;
        top:50%;
        right:-110%;
        transition:all .6s;
        -webkit-transform:translateY(-50%);
        transform:translateY(-50%);
        box-shadow:-3px 3px 10px rgba(60, 36, 0, 0.3);
    }
    .scrolled .r_side.reservebtn{
        right:0;
    }
    .r_side.reservebtn a{
        padding:20px 15px;
        writing-mode:vertical-rl;
        letter-spacing:5px;
        font-size:20px;
        font-weight:700;
    }
    .r_side.reservebtn a i{
        display:inline-block;
        margin-right:0;
        margin-bottom:10px;
    }
    .r_side.reservebtn a span{
        display:inline-block;
    }
    .site-header-menu>li>a{
        font-family:var(--mincho);
        letter-spacing:1px;
        font-weight:500;
        font-size:15px;
    }
    .site-header-menu>li>a:not([href]):not([class]){
        cursor:pointer;
    }
    .front-page .site-header-menu>li>a{
        color:#fff;
        font-weight:700;
        text-shadow:3px 3px 10px rgba(0, 60, 100, 0.3);
    }
    .scrolled.front-page .site-header-menu>li>a{
        text-shadow:none;
        font-weight:500;
        color:var(--menu-gradient2);
    }
}
/*---- #information page ----*/
figure{
    width:fit-content;
    max-width:100%;
    padding-top:0;
    position:static;
    overflow:unset;
    margin:0;
}
figure>img{
    width:auto;
    max-width:100%;
    height:auto;
    object-fit:contain;
    position:static;
    transition:none;
}
.a_tag{
    display:inline-block;
    color:var(--main);
    font-size:15px;
}
.a_cat{
    display:inline-block;
    font-size:14px;
    padding:4px 10px;
    background-color:#777;
    color:#fff;
    border:1px solid #777;
}
a.a_cat{
    text-align:center;
    min-width:90px;
}
a.a_cat:hover,a.a_cat:focus,.a_cat.current{
    background:#fff;
    color:#777;
}
a.a_tag:hover,a.a_tag:focus,.a_tag.current{
    background:rgba(255, 255, 255, 0);
    border-bottom:1px solid var(--sec1);
    color:var(--sec1);
}
.a_tag.current,.a_cat.current{
    pointer-events:none;
}
.p_date{
    display:inline-block;
    color:#666;
}
/* archive */
.ul_cat,.ul_tag,.ul_info{
    padding-left:0;
    list-style:none;
    max-width:900px;
    margin-left:auto;
    margin-right:auto;
}
.beforeulinfo{
    max-width:900px;
    margin-left:auto;
    margin-right:auto;
}
.ul_cat{
    margin-bottom:40px;
}
.ul_tag{
    margin-top:40px;
}
.ul_cat>li,.ul_tag>li{
    display:inline-block;
    margin-bottom:10px;
    margin-right:1rem;
}
.ul_info>li{
    border-bottom:1px solid var(--dlborder);
}
.ul_info>li:first-child{
    border-top:1px solid var(--dlborder);
}
.ul_info a{
    display:block;
    padding:20px 5px;
    position:relative;
}
.ul_info a:hover{
    background:var(--base);
}
.ul_info .date_cat{
    margin-bottom:12px;
    width:100%;
}
.ul_info .p_date{
    font-size:14px;
    margin-right:1rem;
}
.ul_info .a_cat{
    font-size:13px;
    padding:1px 5px;
}
.ul_info .thum{
    width:22%;
    float:left;
    margin-bottom:0;
    aspect-ratio:1/1;
    border:1px solid #eee;
}
.ul_info .thum img{
    aspect-ratio:1/1;
    height:100%;
    object-fit:cover;
}
.ul_info h3{
    font-size:15px;
    line-height:1.6;
    margin-left:26%;
    clear:none;
    color:var(--main);
    margin-bottom:0;
}
.ul_info a::after{
    clear:both;
    content:'';
    display:block;
    height:0;
    width:100%;
}
.ul_info a:hover,.ul_info a:focus{
    background:var(--base);
}
.ul_info a:hover h3,.ul_info a:focus h3{
    text-decoration:underline;
}
.ul_info .infotxt{
    display:none;
}
@media(min-width:600px){
    .ul_info .infotxt{
        display:block;
        margin-top:8px;
        font-size:13px;
        color:#777;
        margin-left:26%;
    }
}
@media(min-width:768px){
    .ul_info .date_cat{
        float:right;
        width:74%;
    }
    .ul_info h3{
        font-size:16px;
    }
}
@media(min-width:992px){
    .ul_info a{
        padding:25px 20px;
    }
    .ul_info .date_cat{
        width:calc(100% - 140px);
    }
    .ul_info .thum{
        width:120px;
    }
    .ul_info h3,.ul_info .infotxt{
        margin-left:140px;
    }
    .ul_info h3{
        font-size:17px;
    }
    .ul_info .infotxt{
        font-size:14px;
        margin-top:12px;
    }
}
/* single */
.entry-header .p_date{
    margin-bottom:20px;
}
.entry-body p{
    margin-bottom:1rem;
}
.entry-body p:last-child{
    margin-bottom:0;
}
.s_cat{
    margin-top:20px;
}
.s_cat .a_cat{
    margin-bottom:10px;
    margin-right:10px;
    font-size:13px;
}
.s_cat .a_tag{
    margin-bottom:10px;
    margin-right:1rem;
    font-size:13px;
}
.s_cat .a_cat:last-child,.s_cat .a_tag:last-child{
    margin-right:0;
}
.singlethum{
    text-align:center;
    padding-top:40px;
}
.singlethum img{
    max-width:900px;
    max-height:600px;
    object-fit:contain;
}
@media(min-width:400px){
    .single-post .a_btn>a{
        min-width:250px;
    }
}
@media(min-width:768px){
    .entry-header .p_date{
        display:block;
        text-align:center;
    }
    .s_cat{
        text-align:center;
    }
    .s_cat .a_cat,.s_cat .a_tag{
        font-size:14px;
    }
    .s_cat .a_cat{
        margin-right:1rem;
    }
    .s_cat .a_tag{
        margin-right:0;
        margin-left:1rem;
    }
}
/*---- #top page ----*/
/* loading animation */
.topload{
    position:fixed;
    inset:0;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:2000;
    opacity:1;
    visibility:visible;
    transition:opacity 1.6s cubic-bezier(.4,0,.2,1), visibility 1.6s linear;
    will-change:opacity;
}
.topload img{
    object-fit:contain;
    max-width:min(40vw, 120px);
    width:100%;
    height:auto;
    opacity:0;
}
@keyframes gentleBlink{
  0%   { opacity: 0; }
  20%  { opacity: 1; }
  80%  { opacity: 1; }
  100% { opacity: 0; }
}
.topload img.blink{
  animation:gentleBlink 2.4s ease-in-out 0s 1 forwards;
}
.topload.hide{
  opacity: 0;
  visibility:hidden;
  pointer-events:none;
}
/* #top_fv */
.top_fv{
    position:relative;
    padding-top:calc(40px + var(--ptnB-sp-header-height));
    padding-bottom:40px;
    height:calc(100vh - 110px);
}
.top_fv .bgcover{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.2);
}
.fvSlides{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    transition:all .2s;
}
.fvSlides.slick-initialized{
    opacity:1;
}
.fvSlides .slick-list,.fvSlides .slick-track{
    height:100%;
}
.fvSlides img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.top_fv .contains-frm{
    position:relative;
}
.top_fv .contains-frm,.top_fv .contains-wrap{
    height:100%;
}
.top_fv .contains-wrap{
    display:flex;
    justify-content:center;
    align-items:center;
}
.top_fv .catch p{
    font-weight:700;
    font-family:var(--gara);
    color:#fff;
    line-height:1.5;
    text-shadow:0 3px 10px rgba(0, 0, 0, 0.4);
}
.top_fv .catch .p_main{
    letter-spacing:1px;
    font-size:28px;
}
.top_fv .catch .p_main span{
    display:block;
}
.top_fv .catch .p_main span:nth-child(2){
    font-size:110%;
}
@media(min-width:600px){
    .top_fv .catch .p_main{
        text-align:center;
        font-size:30px;
    }
    .top_fv .catch .p_main span:nth-child(2){
        font-size:130%;
    }
}
@media(min-width:992px){
    .top_fv .catch .p_main{
        font-size:40px;
    }
}
@media(min-width:1200px){
    .top_fv .catch .p_main{
        font-size:46px;
    }
}
/* #top_cpt_sec */
.top_cpt_sec,.top_srv_sec{
    background:var(--base);
}
.top_cpt_sec .imgarea{
    margin-bottom:30px;
}
.top_cpt_sec .imgarea img{
    max-width:500px;
    object-fit:contain;
}
.top_cpt_sec p{
    margin-bottom:1rem;
}
.top_cpt_sec p:last-child{
    margin-bottom:0;
}
@media(min-width:992px){
    .top_cpt_sec .contains-wrap{
        display:flex;
        flex-direction:row-reverse;
        justify-content:space-between;align-items:center;
    }
    .top_cpt_sec .jp_en_ttl{
        text-align:left;
        align-items:flex-start;
    } 
    .top_cpt_sec .imgarea{
        width:43%;
        margin-bottom:0;
    }
    .top_cpt_sec .txtarea{
        width:52%;
    }
}
/* #top_room_sec */
.top_room_sec .div1{
    margin-bottom:10px;
}
.top_room_sec .div1 .a_btn{
    margin:20px 0 30px;
}
.top_room_sec img{
    object-fit:contain;
}
@media(max-width:767px){
    .top_room_sec img{
        max-width:500px;
        max-height:400px;
    }
}
@media(min-width:400px){
    .top_room_sec .a_btn>a{
        padding:10px 20px;
    }
    .top_room_sec .a_btn>a::after{
        border-width:0 0 30px 40px;
    }
}
@media(min-width:768px){
    .top_room_sec .contains-wrap{
        display:flex;
        justify-content:space-between;
        align-items:center;
    }
    .top_room_sec .div1{
        width:60%;
        margin-bottom:0;
    }
    .top_room_sec .jp_en_ttl{
        text-align:left;
        align-items:flex-start;
    }
    .top_room_sec .div2{
        width:37%;
    }
}
/* #top_srv_sec */
.ul_srv{
    margin-top:40px;
    padding-left:0;
    list-style:none;
}
.ul_srv li{
    margin-bottom:20px;
}
.ul_srv li a{
    display:block;
    position:relative;
    height:220px;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    box-shadow:3px 3px 10px rgba(60, 36, 0, 0.3);
}
.ul_srv li a::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(69, 36, 0, 0.6);
    transition:all .3s;
}
.ul_srv li a:hover::before{
    opacity:0;
}
.ul_srv li:nth-child(1) a{
    background-image:url(./img/top/butler.jpg);
}
.ul_srv li:nth-child(2) a{
    background-image:url(./img/top/chef.jpg);
}
.ul_srv li:nth-child(3) a{
    background-image:url(./img/top/stay01.jpg);
}
.ul_srv .inr{
    position:relative;
    padding:10px;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    color:#fff;
    text-align:center;
    height:100%;
}
.ul_srv h3{
    font-family:var(--mincho);
    font-weight:600;
    font-size:26px;
    letter-spacing:1px;
    margin-bottom:5px;
}
.ul_srv span{
    font-family:var(--pinyon);
    display:inline-flex;
    justify-content:center;
    align-items:center;
    font-size:20px;
    font-weight:500;
}
.ul_srv span::after{
    content:'→';
    font-family:var(--mincho);
    display:block;
    margin-left:10px;
    transition:all .3s;
}
.ul_srv a:hover span::after{
    -webkit-transform:translateX(5px);
    transform:translateX(5px);
}
@media(min-width:768px){
    .ul_srv{
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
    }
    .ul_srv li{
        flex-basis:50%;
        padding:0 1%;
    }
    .ul_srv li a{
        aspect-ratio:3/2;
        height:auto;
    }
}
@media(min-width:992px){
    .ul_srv{
        max-width:1000px;
        margin:40px auto 0;
        flex-wrap:nowrap;
    }
    .ul_srv li{
        flex-basis:calc(100% / 3);
    }
}
/* #top_cafe_sec */
.top_cafe_sec{
    background:var(--sec2);
}
.top_cafe_sec .a_btn,.top_we_sec .a_btn{
    margin-top:30px;
}
.top_cafe_sec .imgflx{
    margin-top:30px;
}
.top_cafe_sec .imgflx .imgs:first-child{
    margin-bottom:20px;
}
.top_cafe_sec .imgflx img{
    height:250px;
    object-fit:cover;
}
/* #top_we_sec */
.top_we_sec .imgs{
    margin-top:30px;
    text-align:center;
}
.top_we_sec img{
    height:250px;
    object-fit:cover;
}
@media(min-width:768px){
    .top_cafe_sec .imgflx{
        display:flex;
        justify-content:space-between;
    }
    .top_cafe_sec .imgflx>div{
        margin-bottom:0!important;
        flex-basis:48%;
    }
    .top_we_sec img{
        height:300px;
    }
}
@media(min-width:992px){
    .top_we_sec .a_btn.btn-right{
        justify-content:center;
    }
    .top_we_sec img{
        height:400px;
    }
}
@media(min-width:1200px){
    .top_we_sec img{
        height:500px;
    }
}
/* #top_sight_sec */
.top_sight_sec{
    background:url(./img/top/bise-beach.jpg)no-repeat center center/cover;
}
.top_sight_sec::before{
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    background:rgba(255, 255, 255, 0.7);
    height:calc(100% - 100px);
}
.top_sight_sec .contains-frm{
    padding-top:40px;
    padding-bottom:40px;
}
.ul_sight{
    padding-left:0;
    list-style:none;
    margin:0 auto;
}
.top_sight_sec .ul_sight{
    max-width:1000px;
}
.ul_sight>li{
    margin-bottom:20px;
}
.ul_sight .inr{
    padding:1rem;
    background:#fff;
    box-shadow:3px 3px 10px rgba(0, 60, 100, 0.3);
}
.ul_sight img{
    height:200px;
    object-fit:cover;
}
.ul_sight h3,.sight_sec .ul_sight h4{
    text-align:center;
    font-family:var(--mincho);
    font-weight:600;
    font-size:20px;
    line-height:1.6;
    margin-bottom:10px;
}
.ul_sight p{
    font-size:15px;
}
.top_sight_sec .ul_sight p,.top_sight_sec .ul_sight h3{
    text-align:center;
}
@media(min-width:768px){
    .ul_sight{
        display:flex;
    }
    .ul_sight .inr{
        height:100%;
    }
    .top_sight_sec .ul_sight>li{
        flex-basis:calc(100% / 3);
        padding:0 1%;
    }
    .ul_sight img{
        height:auto;
        aspect-ratio:3/2;
    }
}
@media(min-width:768px) and (max-width:991px){
    .ul_sight h3,.sight_sec .ul_sight h4{
        font-size:18px;
    }
}
@media(min-width:1200px){
    .ul_sight .inr{
        padding:20px;
    }
}
/*---- #gest-room page ----*/
.slickWrap{
    margin-bottom:70px;
}
.img_slick{
    max-width:1000px;
    margin-left:auto;
    margin-right:auto;
    opacity:0;
    transition:all .2s;
}
.img_slick.slick-dotted.slick-slider {
    margin-bottom:35px;
}
.img_slick.slick-initialized{
    opacity:1;
}
.img_slick img{
    aspect-ratio:3/2;
    object-fit:cover;
}
.meal_sec .img_slick img{
    object-fit:contain;
}
.slickWrap{
    width:100%;
}
.ame .img_slick img{
    object-fit:contain;
}
.img_slick .slick-dots{
    bottom:-35px;
}
.img_slick .slick-dots li button:before{
    font-family:unset;
    content:"";
    display:block;
    width:9px;
    height:9px;
    opacity:0.9;
    background-color:#ccc;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin:50% 50%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.img_slick .slick-dots li.slick-active button:before{
    background-color:var(--main);
}
.room_ar{
  z-index:1;
}
.room_ar::before{
  color: #fff;
  font-family:var(--fontawesome);
  font-weight:700;
  font-size:24px;
}
.room_ar.slick-prev{
    left:15px;
}
.room_ar.slick-next{
    right:15px;
}
.room_ar.slick-prev::before {
  content:'\f060';
}
.room_ar.slick-next::before {
  content: '\f061';
}
.room_sec .txtarea{
    margin-bottom:32px;
}
.dl_room{
    border:1px solid var(--dlborder);
}
.dl_room dt{
    font-size:14px;
    padding:12px 10px;
    background:var(--base);
    border-bottom:1px solid var(--dlborder);
}
.dl_room dd{
    font-size:14px;
    padding:12px 10px;
    margin-bottom:0;
    border-bottom:1px solid var(--dlborder);
}
.dl_room dd:last-of-type{
    border-bottom:none;
}
.ameWrap{
    margin-bottom:50px;
}
.ameWrap.ame3{
    margin-bottom:0;
}
.ulame{
    padding-left:20px;
}
.ulame li{
    font-size:15px;
    margin-bottom:5px;
}
@media(min-width:768px){
    .dl_room{
        display:flex;
        flex-wrap:wrap;
    }
    .dl_room dt{
        width:150px;
        border-right:1px solid var(--dlborder);
    }
    .dl_room dd{
        width:calc(100% - 150px);
    }
    .dl_room dt:last-of-type{
        border-bottom:none;
    }
    .ulame{
        display:flex;
        flex-wrap:wrap;
    }
    .ulame li{
        width:50%;
        padding-right:35px;
    }
}
@media(min-width:992px){
    .room_sec .flx{
        display:flex;
        justify-content:space-between;
        align-items:flex-start;
    }
    .flx>.dl_room{
        width:48%;
    }
    .room_sec .flx .txtarea{
        width:48%;
        margin-bottom:0;
    }
    .room_sec.ame .contains-wrap{
        display:flex;
        flex-wrap:wrap;
        justify-content:space-between;
        align-items:flex-start;
    }
    .room_sec.ame .h2simple,.room_sec.ame .ameWrap.ame1{
        width:100%;
    }
    .ameWrap.ame2,.ameWrap.ame3{
        margin-bottom:0;
        width:48%;
    }
    .ame2 .ulame,.ame3 .ulame{
        display:block;
    }
    .ame2 .ulame li,.ame3 .ulame li{
        width:100%;
        padding-right:0;
    }
}
@media(min-width:1200px){
    .room_ar::before{
        color:var(--ac2);
        font-size:28px;
    }
    .room_ar.slick-prev{
        left:-35px;
    }
    .room_ar.slick-next{
        right:-30px;
    }
}
/*---- #service page ----*/
.srvfst img{
    object-fit:contain;
}
.srvlist{
    padding-left:0;
    list-style:none;
    margin:50px auto 0;
}
.srvlist li{
    margin-bottom:2rem;
}
.srvlist img{
    aspect-ratio:3/2;
    object-fit:cover;
}
.srvlist h3{
    font-family:var(--mincho);
    font-size:18px;
    margin-bottom:15px;
    line-height:1.6;
}
.srvlist p{
    font-size:15px;
}
@media(min-width:400px){
    .srv_sec .a_btn>a{
        width:250px;
    }
}
@media(min-width:500px){
    .srvlist{
        display:flex;
        flex-wrap:wrap;
    }
    .srvlist li{
        width:50%;
        padding:0 2%;
    }
}
@media(min-width:768px){
    .srvfst{
        display:flex;
        flex-direction:row-reverse;
        justify-content:space-between;
        align-items:center;
    }
    .srvfst .imgarea{
        width:45%;
        margin-bottom:0;
    }
    .srvfst .txtarea{
        width:52%;
    }
    .srvlist li{
        width:calc(100% / 3);
    }
}
@media(min-width:768px) and (max-width:991px){
    .srvlist li{
        padding:0 1%;
    }
}
@media(min-width:992px){
    .srvfst .imgarea{
        width:40%;
    }
    .srvfst .txtarea{
        width:56%;
    }
}
/*---- #meal page ----*/
.courcedesc{
    margin-bottom:50px;
}
.meal .img_slick{
    max-width:720px;
}
.meal_sec .plandesc p{
    margin-bottom:1rem;
}
.meal_sec .plandesc p:last-child{
    margin-bottom:0;
}
.meal_sec.m2{
    background:var(--base);
}
.m2 .planWrap.plan1,.m2 .planWrap.plan2{
    margin-bottom:80px;
}
.mealbox,.yogabox{
    margin-top:2rem;
    padding:1rem;
    border:4px solid var(--ac1);
    background-color:#fff;
}
.yogabox{
    background-color:var(--base);
}
.mealbox p,.yogabox p{
    font-size:15px;
}
.mealbox p:first-child{
    margin-bottom:10px;
}
@media(min-width:400px){
    .mealbox,.yogabox{
        padding:20px;
    }
}
@media(min-width:768px){
    .mealbox{
        padding:30px;
    }
}
@media(min-width:992px) and (max-width:1199px){
    .mealbox{
        padding:30px;
    }
}
@media(min-width:992px){
    .meal_sec .room_ar::before{
        color:var(--ac2);
        font-size:28px;
    }
    .meal_sec .room_ar.slick-prev{
        left:-40px;
    }
    .meal_sec .room_ar.slick-next{
        right:-35px;
    }
    .meal_sec .flx{
        display:flex;
        justify-content:space-between;
        align-items:center;
    }
    .meal_sec .flx .plandesc{
        width:45%;
    }
    .mealbox{
        margin-top:0;
        width:53%;
    }
    .meal_sec .h2org,.meal_sec .courcedesc,.m2 .h3simple{
        text-align:center;
    }
}
/*---- #staying-program page ----*/
.prg_sec.prg2,.prg_sec.prg4{
    background:var(--base);
}
.ulprg{
    padding-left:0;
    list-style:none;
}
.ulprg li{
    margin-bottom:40px;
}
.ulprg .imgarea img{
    max-width:700px;
    aspect-ratio:3/2;
    object-fit:cover;
}
.ulprg h3{
    font-size:18px;
    font-weight:700;
    font-family:var(--mincho);
    line-height:1.6;
    margin-bottom:15px;
}
.ulprg .desc{
    font-size:15px;
}
.ulprg .yogabox{
    margin-top:20px;
}
.proadd{
    text-align:center;
    font-size:14px;
    margin-bottom:20px;
}
.prg2 .yogabox{
    margin:0 auto;
    max-width:700px;
}
.prg3 .yogabox{
    margin-top:20px;
}
@media(max-width:767px){
    .prg4 .jp_en_ttl span{
        font-size:36px;
    }
}
@media(min-width:600px){
    .ulprg{
        display:flex;
        flex-wrap:wrap;
    }
    .ulprg li{
        width:50%;
        padding:0 2%;
    }
    .prg1 .ulprg .desc{
        min-height:264px;
    }
    .prg1 .yogabox{
        min-height:240px;
    }
}
@media(min-width:768px){
    .ulprg h3{
        font-size:20px;
    }
    .prg1 .yogabox{
        min-height:192px;
    }
    .prg2 .yogabox p{
        text-align:center;
    }
    .prg1 .ulprg .desc{
        min-height:216px;
    }
}
@media(min-width:992px){
    .prg1 .ulprg h3{
        font-size:24px;
    }
    .prg1 .yogabox{
        min-height:168px;
    }
    .prg2 .ulprg li{
        width:calc(100% / 3);
    }
    .prg3 .yogabox{
        max-width:450px;
    }
    .prg1 .ulprg .desc{
        min-height:144px;
    }
}
@media(min-width:1200px){
    .prg1 .yogabox{
        min-height:144px;
    }
}
@media(min-width:1400px){
    .prg1 .ulprg .desc{
        min-height:120px;
    }
    .prg2 .ulprg h3{
        font-size:22px;
    }
}
/*---- #sightseeing page ----*/
.accwrap{
    margin-top:45px;
}
.acc_sec .p_map{
    margin-bottom:20px;
}
.sight_sec{
    background:url(./img/top/bise-beach.jpg)no-repeat center center/cover;
}
.sight_sec::before{
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    background:rgba(255, 255, 255, 0.7);
    height:calc(100% - 100px);
}
.sight_sec .contains-frm{
    padding-top:40px;
    padding-bottom:40px;
}
.sight_sec .ul_sight h3{
    color:var(--main);
}
.ul_sight .sightname{
    font-weight:700;
    font-family:var(--mincho);
    font-size:16px;
}
.ul_sight .sight_time{
    padding:1px;
    width:fit-content;
    color:#4a676b;
    border:1px solid #4a676b;
    font-size:13px;
    padding:2px 5px;
}
.ul_sight .flx{
    display:flex;
    margin-bottom:15px;
    justify-content:space-between;
    align-items:center;
}
.ul_sight .flx .sightname{
    width:calc(100% - 80px);
}
.ul_sight .flx .sight_time{
    width:70px;
}
.ul_sight_sub{
    padding-left:20px;
    margin-bottom:0;
}
.ul_sight_sub>li{
    margin-bottom:5px;
    font-size:13px;
    color:#666;
}
.ul_sight_sub>li:last-child{
    margin-bottom:0;
}
.ul_sight.exp{
    margin-bottom:45px;
}
.ul_sight.tour{
    margin-bottom:0;
}
.ul_sight.tour .sight_time{
    margin:0 auto;
}
.sight_sec .h3line{
    border-color:var(--ac2);
    font-size:22px;
}
.sight_sec .h3line::after{
    display:none;
}
@media(min-width:500px){
    .acc_sec .gmap-wrap{
        padding-bottom:75%;
    }
}
@media(min-width:768px){
    .acc_sec .p_map .br1{
        display:none;
    }
    .acc_sec .gmap-wrap{
        padding-bottom:56.25%;
    }
    .sight_sec .ul_sight{
        flex-wrap:wrap;
    }
    .sight_sec .ul_sight>li{
        flex-basis:50%;
        padding:0 1%;
    }
    .sight_sec .h3line{
        font-size:26px;
    }
}
@media(min-width:992px){
    .acc_sec .p_map{
        text-align:center;
    }
    .sight_sec .ul_sight>li{
        flex-basis:calc(100% / 3);
        padding:0 1%;
    }
    .sight_sec .h3line{
        font-size:30px;
    }
}
@media(min-width:1200px){
    .acc_sec .gmap-wrap{
        padding-bottom:35%;
    }
    .ul_sight.tour>li{
        flex-basis:25%;
    }
    .ul_sight.tour>li:first-child h4 br{
        display:none;
    }
    .ul_sight.tour h4{
        font-size:17px;
    }
}
/*---- #contact page ----*/
.beforeform1,.beforeform2{
    font-size:15px;
    margin-bottom:2rem;
}
.telWrap{
  margin:0 auto 50px;
  max-width:700px;
  padding:1rem;
  border:3px solid var(--ac1);
}
.telWrap h2{
    font-family:var(--mincho);
    font-size:20px;
    margin-bottom:10px;
    text-align:center;
}
.telWrap .tellink{
  font-size:26px;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  font-weight:700;
  color:var(--main);
}
.telWrap .tellink i{
  margin-right:5px;
  font-size:75%;
}
.telWrap .tellink:hover{
  opacity:0.8;
}
.aftertel{
  margin-top:5px;
  font-size:14px;
  color:#555;
  text-align:center;
}
.form_add{
    margin-top:20px;
    padding:1rem;
    background:var(--base);
}
.form_add p{
    color:var(--main);
    font-size:14px;
}
@media(min-width:400px){
    .telWrap,.form_add{
        padding:20px;
    }
}
@media(min-width:768px){
    .beforeform1,.beforeform2{
        text-align:center;
    }
    .telWrap,.form_add{
        padding:30px;
    }
    .telWrap .tellink{
      font-size:32px;
      letter-spacing:1px;
    }
}
/*---- #privacy page ----*/
.pri_sec p,.ul_pri>li{
    font-size:15px;
}
.ul_pri,.ol_trm{
    margin:1rem 0;
    padding-left:20px;
}
.ul_pri>li,.ol_trm>li{
    margin-bottom:10px;
}
.pri_sec a{
    color:var(--sec2);
    margin:0 3px;
    border-bottom:1px solid var(--sec2);
}
.pri_sec a:hover,.pri_sec a:focus{
    opacity:0.8;
    border-color:rgba(255, 255, 255, 0);
}
/*---- #page heder ----*/
.page-header-ttl .jp{
    font-family:var(--mincho);
    font-size:15px;
}
.page-header-ttl .en{
    font-family:var(--pinyon);
    font-size:28px;
}
@media(min-width:768px){
    .page-header-ttl .en{
        font-size:38px;
    }
    .page-header-ttl .jp{
        font-size:18px;
        font-weight:400;
    }
}
@media(min-width:992px){
    .page-header-ttl .en{
        font-size:42px;
    }
    .page-header-ttl .jp{
        font-size:20px;
    }
}
/*---- #footer ----*/
/* #site-beforefooter */
.site-beforefooter{
    padding:40px 0;
    background:#e4e1db;
}
.bfflx .div1{
    margin-bottom:30px;
}
.bfflx .bflogo,.bfflx .instabtn,.bfadd{
    text-align:center;
    margin-bottom:20px;
}
.bfflx .custom-logo-link img{
    width:140px;
    object-fit:contain;
}
.instabtn a{
    display:inline-flex;
    align-items:center;
    font-family:var(--gara);
    font-weight:500;
    font-size:20px;
    color:var(--txt);
}
.instabtn a i{
    margin-right:5px;
}
.a_btn a i{
    margin-right:5px;
    font-size:110%;
}
.bftel{
    text-align:center;
    margin-bottom:5px;
}
.bftel .tellink{
    color:var(--main);
    font-weight:600;
}
.bftel .tellink:hover,.instabtn:hover{
    opacity:0.8;
}
.bfflx .bfimg{
    text-align:center;
}
.bfflx .bfimg img{
    max-width:500px;
    max-height:500px;
    object-fit:contain;
}
/* #site-footer */
.site-footer-menu{
    display:flex;
    flex-wrap:wrap;
    margin-bottom:20px;
}
.site-footer-menu>li{
    flex-basis:50%;
    padding:0 15px 0 0;
    margin-bottom:15px;
}
.site-footer-menu>li>a{
    display:inline-block;
    width:100%;
    padding:0 5px 5px;
    border-bottom:1px solid rgba(255, 255, 255, 0.6);
}
.site-footer-menu>li>a,.sub-footer-menu a{
    font-family:var(--mincho);
}
.sub-footer-menu{
    padding-left:0;
    list-style:none;
}
.sub-footer-menu li{
    margin-bottom:7px;
}
.sub-footer-menu a{
    font-size:14px;
    color:#f9ebd0;
}
.site-footer-menu a:hover,.sub-footer-menu a:hover{
    opacity:0.8;
}
.copyright{
    margin-top:30px;
    font-weight:400;
}
@media(min-width:400px){
    .bfflx .a_btn>a{
        width:250px;
    }
}
@media(min-width:500px) and (max-width:767px){
    .bfadd .br1,.bfadd .br2{
        display:none;
    }
}
@media(min-width:600px){
    .site-footer-menu>li{
        flex-basis:calc(100% / 3);
    }
    .sub-footer-menu{
        display:flex;
        justify-content:center;
        align-items:center;
    }
    .sub-footer-menu li{
        width:fit-content;
        margin-bottom:0;
        margin-right:40px;
    }
    .sub-footer-menu li:last-child{
        margin-right:0;
    }
}
@media(min-width:768px){
    .bfflx{
        display:flex;
        justify-content:space-between;
        align-items:center;
    }
    .bfflx .div1{
        flex-basis:45%;
        margin-bottom:0;
    }
    .bfflx .div2{
        flex-basis:50%;
    }
    .bftel .tellink{
        font-weight:inherit;
        color:var(--txt);
    }
    .site-footer-menu{
        display:block;
        text-align:center;
        border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    }
    .site-footer-menu>li{
        padding:0 20px;
    }
    .site-footer-menu>li>a{
        border-bottom:none;
        padding-bottom:0;
    }
}
@media(min-width:992px){
    .instabtn a{
        font-size:22px;
    }
    .bfadd .br1,.bfadd .br2{
        display:none;
    }
}
@media(min-width:1200px){
    .bfflx .a_btn>a{
        width:300px;
    }
}
.telinner{
    width:100%;
}
.telinner p{
    color:var(--main);
    font-weight:700;
    text-align:center;
}
@media(min-width:768px){
    .telinner{
        display:flex;
        flex-flow:row nowrap;
        justify-content:center;
        align-items:center;
    }
    .telinner p{
        padding-right:20px;
        font-size:24px;
    }
    .telinner .telnolink{
        width:fit-content;
    }
}
.ol_trm div>p{
    margin-bottom:0.5em;
}
.ul-kako{
    padding:0;
    list-style:none;
    counter-reset: li;
}
.ul-kako>li{
    padding-left:2.5em;
    position:relative;
    counter-increment: li;
    font-size:16px;
}
.ul-kako>li:before{
    content:counter(li) ")";
    width:2em;
    text-align:right;
    position:absolute;
    top:0;
    left:0;
}
.ul-kako>li>div>p{
    margin-bottom:0.5em;
}
.ul-kako>li>div{
    margin-bottom:0.5em;
}
.iroha{
    padding-left:1.5em;
    position:relative;
}
.iroha span{
    display:inline-block;
    position:absolute;
    top:0;
    left:0;
}
/******************************************/
/* calender                               */
/******************************************/
.top_calender_sec{
    position:relative;
}
.calender_wrap{
    width:100%;
}
.calender_wrap iframe{
    width:100%;
}
/******************************************/
/* mobile menu                            */
/******************************************/
.site-mobile-nav{
    height:calc(100% - 80px);
}
.menu-mobilemenu-container{
    height:100%;
    overflow-y:auto;
}
/******************************************/
/* header menu                            */
/******************************************/
@media(min-width:992px){
    /*** for iPad *********/
    .ptnB .site-header-nav{
        justify-content: center;
    }
    .site-header-menu {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        white-space: nowrap;
    }
    .site-header-menu > li > a {
        display: inline-flex;
        writing-mode: horizontal-tb !important;
        white-space: nowrap;
    }
    /************/
    .front-page .site-header-menu>li>a{
        margin:0 5px;
    }
    .site-header-menu>li>a{
        margin:0 5px;
    }
    .site-header-menu>li>a:not([href]):hover{
        color: var(--menu-gradient2);
    }
    /* front page font color */
    .front-page .site-header-menu>li>a:not([href]):hover{
        color:#fff;
    }
    .front-page.scrolled .site-header-menu>li>a:not([href]):hover{
        color:var(--menu-gradient2);
    }
    .site-header-menu ul.sub-menu>li>a{
        font-family:var(--mincho);
        font-size:15px;
        color:var(--menu-gradient2);
        font-weight:700;
    }
    .site-header-menu ul.sub-menu>li>a:hover{
        background:var(--globalmenu-popup-bk);
        opacity:0.8;
    }
    /* popup background */
    .site-header-menu ul.sub-menu{
        background:var(--globalmenu-popup-bk);
    }
    .site-header-menu ul.sub-menu>li{
        padding-left:10px;
        padding-right:10px;
        background:var(--globalmenu-popup-bk);
    }
	.site-header-menu>.menu-item-has-children:hover:after{
		border-bottom-color: var(--globalmenu-popup-bk);
    }
}