body{
    font-family:YuMincho,"游明朝", 'Noto Serif JP',serif;
}
.font_en, .date, a[href^="tel:"], a[href^="mailto:"] {
    font-family: 'Hina Mincho',serif,'Outfit', 'Zen Kaku Gothic New', "游明朝 Medium", "游明朝体", "Yu Mincho Medium", YuMincho,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
p.con_no {
    font-family: 'Hina Mincho',serif;
}
/*header*/
header.bg_color4{
    background-color: rgba(255,255,255,0);
}
header.pd_t-50px{
    padding-top: 80px;
}
#yobou{
    padding: 40px 20px;
    color: #603813;
}
#yobou h2{
    padding-bottom: 10px;
}
#yobou p{
    font-size: 12px;
    line-height: 22px;
}
#sp-yobou{
    max-width: 400px;
    margin: 0 auto;
    padding: 40px 20px;
    color: #603813;    
}
#sp-yobou h2{
    padding-bottom: 10px;
}
#sp-yobou p{
    text-align: left;
    font-size: 12px;
    line-height: 22px;
}
@media screen and (max-width: 768px){
    header.pd_t-50px{
        padding-top: 0;
    }
    .head_box{
        margin: 0;
    }
    #logo{
        max-width: 80px;
        margin: 0;
    }
    #yobou{
        display: none;
    }
}
/*FV*/
#theMain{
    width: 100vw;
}
#theMain img{
    width: 100%;
}
#catchCopy{
    max-width: 240px;
    left: 27%;
    top: 10%;
}
.pc-hide{
    display: none;
}
@media screen and (max-width: 1500px){
    #catchCopy{
        max-width: 10%;
    }
}
@media screen and (max-width: 668px){
    #catchCopy{
        max-width: 20%;
    }
    .pc-hide{
        display: block;
    }
    .sp-hide{
        display: none;
    }
}
/*TOP*/
.topbg{
    background-image: url('./Dup/img/TOPbg.jpg');
}
h3.font_20{
    font-size: 24px;
}
#contents2 h2.font_24{
    font-size: 28px;
}
#contents_box p.font_14{
    font-size: 18px;
}
#contents_box #contents2  p.font_14{
    font-size: 22px;
}
@media screen and (max-width: 668px){
    #catchCopy{
        max-width: 25%;
        top:6%;
        left: 17%;
    }
    .main_box{
        padding-top: 0;
    }
}
/*TOP-cms*/
#top_cms .cms_5-c .box_title1::before{
    display: none;
}
#top_cms .cms_5-c .box_txt1::before{
    display: none;
}
/*はじめてのかたへ*/
#cms_5-c h3{
    padding-left: 20px;
}
#cms_5-c h3::before{
    display: none;
}
#cms_5-c p::before{
    display: none;
}
/*お問い合わせ*/
.con_tel_box .grid_6{
    width: 80%!important;
}
.con_tel_box a.width_300-max{
    max-width: 600px;
}
.con_tel_box .mailcont{
    margin-bottom: 40px;
}
.mailcont a i.fa-phone{
    transform: translateY(5px);
}
.mailcont a i.fa-phone:before{
    content: url('./Dup/img/mail25-blown.png');
}
#reserveBanner{
    background-image: url('./Dup/img/reserveBanner.jpg');
    background-size: cover;
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    transition-duration:1.0s;
}
#reserveBanner:hover{
    transform: scale(1.05);
    box-shadow: 10px 10px 14px rgba(0,0,0,0.08);
    transition-duration:1.0s;
}
#reserveBanner a{
    text-align: center;
    width: 100%;
    height: 100%;
    padding: 40px;
    border: solid 1px #fefefe;
}
#reserveBanner .reserveBorder{
    width: 95%;
    padding: 40px 0;
    margin: 0 auto;
    border: solid 1px #fefefe;
}
#reserveBanner a span{
    font-size: 30px;
    text-align: center;
    color: #603813;
}
@media screen and (max-width: 668px){
    .mailcont a{
        font-size: 16px;
    }
}
@media screen and (max-width: 376px){
    .mailcont a{
        font-size: 12px;
    }    
}
/*footer*/
footer .d_flex.flex_top{
    align-items: center;
}
/*googleマップ*/
#map .ggmap{
    height: 280px;
}
@media screen and (max-width: 668px){
        #map .ggmap{
        height: 0;
    }
}