@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/*kii-hotelのCSS*/

@media screen and (max-width: 599px){
.onpc{display: none!important;}
}
@media screen and (min-width: 600px){
.onsp{display: none!important;}
}

.l-header__bar.pc_{display: none;}
@media screen and (min-width: 960px){
    .l-header{
        margin-bottom: -1em!important;
        z-index: 1;
    }
}
.c-gnav>.menu-item>a:after{
    bottom: 20%!important;
}
.c-gnav>.menu-item.menu-item-211>a:after{
    display: none;
}

.header-contact-btn{
background:#6a736d;
color:#fff;
font-weight:700;
text-align:center;
line-height:1.5em;
padding:0.5em 1em!important;
transition: background-color 0.3s, color 0.3s; /* 滑らかに変化 */
}
.header-contact-btn:hover{
   background: #CFD2D0;
    color: #6a736d; 
}
.sp-menu-contact-btn{
background:#6a736d;
color:#fff;
font-weight:700;
text-align:center;
line-height:1.5em;
padding:1em!important;
width: 80%;
margin: 0 auto!important;
}

.c-widget__title.-spmenu{
    background: #ba8768;
}

@media screen and (min-width: 600px){
    .pc-mar-top-m1em{margin-top: -1em!important;}

    .pc-mar-bt-0_5em{margin-bottom: 0.5em!important;}    
    .pc-mar-bt-m2em{margin-bottom: -2em!important;}
    .pc-mar-bt-m3em{margin-bottom: -3em!important;}
}
@media screen and (max-width: 599px){
    .sp-mar-bt-0_5em{margin-bottom: 0.5em!important;}
    .sp-mar-bt-3em{margin-bottom: 3em!important;}
}

@media screen and (min-width: 600px){
    .pc-fs-0_8em{font-size: 0.8em;}
    .pc-fs-0_9em{font-size: 0.9em;}
    .pc-fs-1_2em{font-size: 1.2em;}
    .pc-fs-1_5em{font-size: 1.5em;}
}
@media screen and (max-width: 599px){
    .sp-fs-0_6em{font-size: 0.6em;}
    .sp-fs-0_8em{font-size: 0.8em;}
    .sp-fs-0_9em{font-size: 0.9em;}
    .sp-fs-1_2em{font-size: 1.2em;}
    .sp-fs-1_5em{font-size: 1.5em;}
}

@media screen and (min-width: 600px){
.fv-btn-area{
    display: flex;
    align-items: center;
    gap:2vw;
    position: absolute;
    bottom: 5vw;
    left: 6vw;
}
.fv-btn{
    padding: 1em!important;
    text-align: center;
    box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.45);
    width: 12vw;
    font-size: 1vw;
}
.fv-left-btn {
    background: #6a736d;
    color: #fff;
    transition: background-color 0.3s, color 0.3s; /* 滑らかに変化 */
}
.fv-right-btn{
    background: #fff;
    color: #6a736d;
    transition: background-color 0.3s, color 0.3s; /* 滑らかに変化 */
}
a .fv-left-btn:hover {
    background: #CFD2D0;
    color: #6a736d;
}
a .fv-right-btn:hover{
    background: #DED6CD;
    color: #6a736d;
}
}
@media screen and (max-width: 599px){
    .fv-btn-area{
    position: absolute;
    bottom: 4em;
    right: 1em;
}
    .fv-btn {
    padding: 1em !important;
    text-align: center;
    font-weight: 700;
    box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.45);
    font-size: 0.7em;
}
.fv-left-btn {
    background: #6a736d;
    color: #fff;
margin-bottom: 2em;
}
.fv-right-btn{
    background: #fff;
    color: #6a736d;
}
}


.relative{position: relative!important;}

/*文字色*/
.brown{color: #ba8768;}

.main-title{
    font-size: 1.5em;
    letter-spacing: 0.2em;    
    font-weight: 700;
}
.main-title-en{
    font-size: 1.8em;
    letter-spacing: 0.2em;    
    font-weight: 700;
    line-height: 1em;
}
.main-title-en span{
    font-size: 1.2rem;
}
@media screen and (max-width: 599px){
    .main-title{
    font-size: 1.3em;
    letter-spacing: 0.2em;    
    font-weight: 700;
}
 .main-title-en{
    font-size: 1.5em;
    letter-spacing: 0.2em;    
    font-weight: 700;
    line-height: 1.2em;
}
.main-title-en span{
    font-size: 1.2rem;
}   
}
.sub-title{
    color: #ba8768;
    font-size: 1.2em;
    letter-spacing: 0.2em;
}
.sub-title span{
    font-weight: 700;
}

@media screen and (min-width: 600px){
    .koyasan-photo-under-title{
        font-weight: 700;
        color: #6a736d;
        font-size: 0.9em;
        text-align: center;
    }
    .koyasan-photo-under-title-en{
        color: #e2c9ba;
        font-size: 0.8em;
        text-align: center;
    }
    .pc-left img {
    float: left;
}
}
@media screen and (max-width: 599px){
    .koyasan-photo-under-title{
        font-weight: 700;
        color: #6a736d;
        font-size: 0.7em;
        text-align: center;
    }
    .koyasan-photo-under-title-en{
        color: #e2c9ba;
        font-size: 0.6em;
        text-align: center;
    }
}

.futoji{font-weight: 700;}
.normal{font-weight: normal;}

@media screen and (min-width: 600px){
table.rooms-table th {
    font-weight: 700;
    width: 20%;
    background: transparent;
    border: transparent;
}
table.rooms-table td{
    width: 70%;
    border: transparent;
}
}
@media screen and (max-width: 599px){
    table.rooms-table{
        width: 90%;
        margin: 0 auto;
    }
table.rooms-table th {
    font-weight: 700;
    width: 40%;
    background: transparent;
    border: transparent;
}
table.rooms-table td{
    width: 60%;
    border: transparent;
}
}

.n2-style-cda1c48bcf610f9a4eb2d55b6d47bd77-heading{
    border-radius: 50%!important;
}
div#n2-ss-3 .nextend-thumbnail-horizontal .n2-thumbnail-dot, div#n2-ss-4 .nextend-thumbnail-horizontal .n2-thumbnail-dot{
    margin-top: 0.2em !important;
}

.rooms-box{
    border: 1px solid #99a097;
    padding: 1em!important;
    font-size: 0.9em;
}

.ge-icon-under-text{
    font-size: 0.8em;
    font-weight: 700;
    color: #999691;
}
.ge-icon img{
    width: 50%;
}

@media screen and (min-width: 600px){
    .pc-no-link a{
    pointer-events: none;
  cursor: default;
  color: #463e35;
    }
}

table.footer-table td{
    font-size: 0.8em;
    font-weight: 700;
    border: transparent;
    width: 20%!important;
}
@media screen and (max-width: 599px){
table.footer-table td{
    font-size: 0.6em;
    font-weight: 700;
    border: transparent;
    width: 30%!important;
}
table.footer-table td.td-wid-40{
    width: 40%!important;
}   
}
table.footer-table td a{
    color: #fff;
}
table.footer-table td a:hover{
    opacity: 0.8;
}

.footer-sns-area{
    display: flex;
    align-items: center;
    justify-content: center;
    gap:2em;
    font-size: 3em;
}
@media screen and (max-width: 599px){
  .footer-sns-area{
    display: flex;
    align-items: center;
    justify-content: center;
    gap:2em;
    font-size: 2em;
}  
}
.footer-sns-area a{
    color: #fff;
}
.footer-sns-area a:hover{
    opacity: 0.8;
}

@media screen and (max-width: 599px){
    .footer-logo img {
        width: 30%;
        float: left;
        margin-bottom: -2.5em;
    }
}