﻿.bg_color1{
    background-color: #83b2a0;
}
.border_color1{
    border-color: #83b2a0;
}

#wrap{
    background-image: url('./Dup/img/TOPbg.jpg');
}
.main_page_link_span, .main_img_txt, .main_img_txt2, .contents1_title, .contents1_subtitle, .about_area_title, .contents2_title, .contents3_title, .modal_txt_wrap h2, .top_cms_title{
    font-family: 'Amatic SC', cursive, 'Crimson Text', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
h2, h2.contents2_title, h2.contents3_title, h2.contents1_title, .main_page_link_span,.main_img_txt p,.main_img_txt2 p, .more_btn, .contents_no, #page8 #phone a, .footer_tel{
     font-family: 'Zen Maru Gothic', sans-serif;
 }
/*nav*/
@media screen and (max-width: 667px){
    #menu_nav .main_page_link li{
        transform: none;
        opacity: 1;
        filter: none;
    }
}
/*header*/
#logo img{
    box-shadow: 3px 3px 10px rgba(0,0,0,0.15);
}
#scrheader{
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    background-color: rgba(254,254,254,0.75);
    opacity: 0;
    transition-duration: 0.8s;
}
#scrheader.show{
    opacity: 1;
    transition-duration: 0.8s;
}
#scrheader ul{
    gap: 50px;
    padding: 30px 9%;
    justify-content: flex-end;
}
#scrheader ul a span.font_22{
    font-size: 18px;
}
@media screen and (max-width: 768px){
    #scrheader{
        display: none;
    }
    #menu_bt, .sub_page #menu_bt{
        top: 40px;
    }
    .index .main_header h1{
        max-width: 100px;
    }
}
@media screen and (max-width: 667px){
    .index .main_header h1{
        max-width: 80px;
    }
    .index #menu_bt, .sub_page #menu_bt{
            top: 23px;
    }
}
/*FV*/
.main_img_txt2{
    text-shadow: 4px 4px 10px rgba(0,0,0,0.70);
}
@media screen and (max-width: 768px){
    .main_img_txt h2, .main_img_txt2 h2 {
        font-size: 5vmin;
        text-shadow: 2px 2px 5px rgba(0,0,0,0.8);
    }
    .main_img_txt p, .main_img_txt2 p {
        font-size: 4vmin;
        text-shadow: 2px 2px 5px rgba(0,0,0,0.8);
    }
    .main_img_txt, .main_img_txt2 {
        left: 10%;
        bottom: 10%;
        right: auto;
    }
    .main_img .height100per {
        position: relative;
    }
    .main_img .height100per::before{
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.45));
        top: 0;
        left: 0;
    }
}
@media screen and (max-width: 667px){
    .main_img_txt h2, .main_img_txt2 h2{
        font-size: 5vmin;
    }
    .main_img_txt p, .main_img_txt2 p{
        font-size: 4vmin;
    }
}
/*TOP*/
@media screen and (max-width: 667px){
    #about_area .font_24_sp {
        font-size: 20px;
    }
}
@media screen and (max-width: 330px){
    #about_area .font_24_sp {
        font-size: 16px;
    }
}
/*top-cms*/
.top_cms_item{
    padding-top: 80px;
}
.top_cms_item.pd_b-100px{
    padding-bottom: 200px;
} 
@media screen and (max-width: 768px){
    .top_cms_item.pd_b-100px{
        padding-bottom: 100px;
    }
}
/*下層一般*/
.sub_page .cate_title {
    font-family: 'Zen Maru Gothic', sans-serif;
}
.sub_page .main_header h1{
    max-width: 100px;
}
@media screen and (max-width: 667px){
    #page_title .font_24_sp {
        font-size: 22px;
    }
}
@media screen and (max-width: 330px){
    #page_title .font_24_sp {
        font-size: 16px;
    }
}
/*ご予約はこちら*/
#cms_5-f .cate_box .open_bt .box_title1::before, .cms_5-f .cate_box .open_bt .box_title1::before{
    display: none;
}
@media screen and (max-width: 768px){
    footer #logo2{
        margin: 0 auto;
    }
}
/*footer*/
#logo2 img{
    box-shadow: 3px 3px 10px rgba(0,0,0,0.15);
}