/* ---------------------- color */
/* メインカラー */
.txt_color1{color: #DE8515} 
.bg_color1{background-color: #FFC966} 
.border_color1{border-color: #FFC966}
.hvr_txt_color1:hover{color: #DE8515} 
.hvr_bg_color1:hover{background-color: #FFC966} 
.hvr_border_color1:hover{border-color: #FFC966}

/* サブカラー */
.txt_color2{color: #FFE8BD} 
.bg_color2{background-color: #FFE8BD} 
.border_color2{border-color: #FFE8BD}
.hvr_txt_color2:hover{color: #FFE8BD} 
.hvr_bg_color2:hover{background-color: #FFE8BD} 
.hvr_border_color2:hover{border-color: #FFE8BD}

/* アクセントカラー */
.txt_color3{color: #6C8515} 
.bg_color3{background-color: #6C8515} 
.border_color3{border-color: #6C8515}
.hvr_txt_color3:hover{color: #6C8515} 
.hvr_bg_color3:hover{background-color: #6C8515} 
.hvr_border_color3:hover{border-color: #6C8515}

/* アクセントカラー2 */
.txt_color4{color: #E0F0A7} 
.bg_color4{background-color: #E0F0A7} 
.border_color4{border-color: #E0F0A7}
.hvr_txt_color4:hover{color: #E0F0A7} 
.hvr_bg_color4:hover{background-color: #E0F0A7} 
.hvr_border_color4:hover{border-color: #E0F0A7}

body,.txt_color_nomal{color: #1a1a1a;}

/* ---------------------- common */
.hannari,h3 {font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho","Hannari", "serif";}
p::selection,
span::selection,
h2::selection,
h3::selection,
h4::selection,
a::selection,
div::selection,
img::selection,
iframe::selection,
br::selection{
    background:#FFE8BD;
    color: #DE8515;
}
p::-moz-selection {
    background:#FFE8BD;
    color: #DE8515;
}

/* --- automatic link --- */
.linkStyle{color:#FFC966;}
.linkStyle:hover{text-decoration: underline;}
.back1:before, .back2:before{
    background-image: url('Dup/img/bg_light.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
    opacity: 0.5;
}
/* ---------------------- header */
header.scr_header {background-color: #f5be5a!important;}
/* ---------------------- nav */
#reserve_pc_banner{
    position: fixed;
    display: block;
    right: -20px;
    top: 95px;
    width: 100px;
    z-index: 2;
    transition: all 0.3s;
    cursor: pointer;
    opacity: 0;
}
#reserve_pc_banner.sticky{opacity: 1;}
#reserve_pc_banner:hover{right: -14px;}
.overlay {background: linear-gradient(135deg, rgba(222,133,21,0.9) , rgba(224, 240, 167, 0.9) )!important;}
.nav_menu_more:first-of-type a .icon:before {content: "\f4ad";}

/* ---------------------- footer */
footer{
    background-image: url('Dup/img/footer_bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
#copyright{background-color: #f5be5a;}
/* -------------------------- top ------------------------- */
#main_img .menu .square_box {background-color: transparent;}
#main_img .menu .square_box::before{
    content:'';
    position:absolute;
    height:150px;
    width:34%;
    background-image:url('Dup/img/catchcopy.png');
    background-size:contain;
    background-repeat:no-repeat;
    background-position: center;
    top:-10%;
    left:50%;
    transform: translate(-50%,0);
}
#main_img .menu .square_box a {max-width: 350px;}
#main_img .menu .square_box a img {filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.6));}

/* -------------------------- sub ------------------------- */
#page_title .page_title_box {background-color: #ffe8bd;}
.page_title_box p,
.page_title_box h2 {color: #de8515;}
/* ---------------------- cms3 */
.cms_3-a .cate_txt1 {
    background-color: #fff;
    padding: 15px 25px;
}

/* ---------------------- contact */
#contact_tel a {
    width: 400px;
    max-width: none;
}
#reserve_contact{
    display: block;
    width: 430px;
    margin: 50px auto;
    position: relative;
    transition: all 0.3s;
}
#reserve_contact:hover{transform: translateY(-5px);}

/* ---------------------- sitemap */
#page10 .more_btn {text-transform: none;}

/* ----------------------------------------------------------------------------------------------------------------------------
IE
--------------------------------------------------------- */
@media all and (-ms-high-contrast: none){

}

/* ---------------------------------------------------------------------------------------------------------------------------- 
タブレット　
--------------------------------------------------------- */
@media screen and (max-width: 768px){
    /* ---------------------- common */
     .linkStyle{text-decoration: underline;}
    /* ---------------------- footer */
    #footer_con h2 {font-size: 20px;}
    /* -------------------------- sub ------------------------- */
    .page_title_box h2 {font-size: 28px;}
}

/* ----------------------------------------------------------------------------------------------------------------------------
スマホ　
--------------------------------------------------------- */
@media screen and (max-width: 667px){
    /* ---------------------- footer */
    #footer_con h2 {font-size: 18px;}
    /* -------------------------- top ------------------------- */
    .top header #logo{
        opacity: 0;
        max-width: 130px;
    }
    .top header.scr_header #logo{opacity: 1;}
    #reserve_pc_banner{display: none;}
    #reserve_sp_banner{
        opacity: 0;
        position: fixed;
        left: 10px;
        bottom: -8px;
        width: 250px;
    }
    #reserve_sp_banner.sticky{
        opacity: 1;
        position: fixed;
        left: 10px;
        bottom: -8px;
        width: 250px;
        z-index: 2;
    }
    #main_img .menu .square_box {max-width: 320px;}
    #main_img .menu .square_box::before {width: 70%;}
    /* -------------------------- sub ------------------------- */
    .page_title_box {
        width: 80%;
        box-sizing: border-box;
    }
    .page_title_box h2 {font-size: 21px;}
    /* ---------------------- contact */
    #contact_tel a {
        width: 90%;
        max-width: 400px;
        font-size: 18px;
        white-space: nowrap;
    }
    #reserve_contact{
        width: 90%;
        max-width: 430px;
    }
}

/*211223 fix*/
@media screen and (max-width: 768px){
    #cms_1-f #news_list > li {
        cursor: pointer;
        font-size: 13px;
        letter-spacing: 0.3px;
    }
}
/*220118 fix*/
#cms_1-f .grid_2 {
    width: 22%!important;
}
#cms_1-f .grid_10 {
    width: 78%!important;
}
#news_list {
    padding: 0 10px 0 0;
}
#news_list > li {
    letter-spacing: 2px;
}
.news_sub_list .date {
    letter-spacing: 0.02rem;
    font-size: 13px;
}

@media screen and (max-width: 768px){
        #cms_1-f .grid_2 {
        width: 35%!important;
    }
        #cms_1-f .grid_10 {
        width: 65%!important;
    }
}
@media screen and (max-width: 667px){
        #cms_1-f .grid_2 {
        width: 100%!important;
    }
        #cms_1-f .grid_10 {
        width: 100%!important;
    }
    #news_list {
        padding: 15px 20px 10px;
    }
}


/* 2022.04.05 */
#contents1 .con_box {
    margin-top: 9%;
}

/* 2022.11.14*/
#fvlogo {
    position: absolute;
    left: 25px;
    z-index: 1;
    top: 25px;
    width: 250px;
}
#main_img {
    height: calc(100vh - 20px);
    justify-content: space-between;
    padding: 10px;
    /* box-sizing: border-box; */
    /* border: 10px solid #fff; */
}
#main_img:before {
    display: none;
}
#main_img .menu {
    display: none;
}
.catch {
    right: 4%;
    top: 26%;
    max-width: 630px;
    z-index: 1;
}
p.main-visual-img {
    background-size: cover;
    height: 100vh;
    display: block!important;
    width: 80%;
    border-radius: 5px;
    position: relative;background-position: center;
    height: calc(100vh - 20px);
}
.main-visual-img::after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: -25px;
    width: 230px;
    height: 100%;
    background: url(Dup/img/cover_pc.png) 0 center no-repeat;
  background-size: cover;
    transition-property: width;
    transition-duration: 2.2s;
}
.main-visual-img.trans::after {
    width: 140px; 
}
.main-visual.fade-in .main-visual-img::after {
    width: 240px;
}
.main-visual.fade-in .main-visual-img::after {
    width: 110px;
}
@media screen and (max-width: 768px){
p.main-visual-img {
    width: 100%;
}
.top header #logo {
    opacity: 0;
}
.top header.scr_header #logo {
    opacity: 1;
}
.catch {
    right: 3%;
    top: 17%;
    width: 64%;
}
.top .button_container span:nth-of-type(1) {
    color: #de8515;background-color: transparent;
}
.top .button_container span {
    background: #de8515;
}
.top .scr_header .button_container span:nth-of-type(1) {
    color: #fff;
    background-color: transparent;
}
.top .scr_header .button_container span {
    background: #fff;
}
}
@media screen and (max-width: 667px){
#fvlogo {
    width: 134px;
    filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.9));
}
.catch {
    right: 1%;
    top: 18%;
    width: 80%;
}
.main-visual-img::after {
    width: 252px;
    background-image: url(Dup/img/cover_sp.png);
    right: -1px;
}
#header > div.d_flex {
    padding-top: 17px;
    padding-bottom: 17px;
}
}