@charset "utf-8";
/* CSS Document */
/* color */
body, .txt_color_nomal{color: #212121;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #603813} /* メインカラー */
.txt_color2{color: #efebe7} /* サブカラー */
.txt_color3{color: #56383A} /* アクセントカラー1 */
.txt_color4{color: rgba(86,56,58,1.0)} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #FAF8F8} /* メインカラー */
.bg_color2{background-color: #efebe7} /* サブカラー */
.bg_color3{background-color: #56383A} /* アクセントカラー1 */
.bg_color4{background-color: rgba(86,56,58,0.5)} /* アクセントカラー2 */
.bg_color5{background-color: #E6DBDE}
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #603813}
.border_color2{border-color: #efebe7}
.border_color3{border-color: #56383A}
.border_color4{border-color: rgba(86,56,58,1.0)}
.border_color5{border-color: #E6DBDE}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #212121;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #603813} /* メインカラー */
.hvr_txt_color2:hover{color: #efebe7} /* サブカラー */
.hvr_txt_color3:hover{color: #56383A} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: rgba(86,56,58,1.0)} /* アクセントカラー2 */
.hvr_txt_color5:hover{color: #E6DBDE} 

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #FAF8F8} /* メインカラー */
.hvr_bg_color2:hover{background-color: #efebe7} /* サブカラー */
.hvr_bg_color3:hover{background-color: #56383A} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: rgba(86,56,58,1.0)} /* アクセントカラー2 */
.hvr_bg_color5:hover{background-color: #E6DBDE}
.hvr_bg_color_clear:hover{background-color: transparent!important}


/* border-color ※!important */
.hvr_border_color1:hover{border-color: #603813}
.hvr_border_color2:hover{border-color: #efebe7}
.hvr_border_color3:hover{border-color: #56383A}
.hvr_border_color4:hover{border-color: rgba(86,56,58,1.0)}
.hvr_border_color5:hover{border-color: #E6DBDE}

#main_menu ul li a.txt_color1,.tel_bt a.txt_color1{
    color: #fefefe;
}
.head_banner a:hover{
    color: #56383A;
}
/*トップ*/
@media(max-width:768px){
    ul.slides{
    margin-top:110px ;
}
}
@media(max-width:667px){
    ul.slides{
    margin-top:85px ;
}    
    #contents1{
        padding-top: 40px;
    }
}
/*ローディング画面*/
#fakeloader.bg_color1{
    background-color: #AA9B9C;
}
/*ボタン*/
.button:hover{
    background-color: #5e425a;
}
/*header*/
.tel_bt a:hover{
    color: #56383A;
}
/*footer*/
.foot_tel_bt a:hover{
    background-color: #fefefe;
    color: #603813;
    border:solid 1px #603813;
    transition-duration: 0.15s;
}
/*スマホナビゲーション*/
#sp_nav ul.bg_white{
    background-color:rgba(86,56,58,0.5);
}
#sp_nav ul li a{
    color: #fefefe;
}
/*トップページ*/
#main_img{
    width:100vw;
}
#main_img ul li img.img2,#main_img ul li img.img3{
    display: none;
}
/*下層ページ全体*/
@media(max-width:768px){
form .main_box{
    padding-top: 110px;
}
}
@media(max-width:667px){
    form .main_box{
    padding-top: 85px;
}
}
/*ブログ(オーナーのつぶやき)*/
#cms_1-b .pictures{
    display: flex;
    margin: 0 30px;
    gap: 20px;
}
@media(max-width:666px){
    #cms_1-b .pictures{
        display: block;
        margin: 0;
    }
}
/*メニュー*/
@media(max-width:475px){
    #cms_3-b .mg_b-100px_tb{
        margin-bottom: 0;
    }
    #zeikomi-desu{
        transform: translateY(-100px);
    }
}

/*サイトマップ、季節のレター、オーナーのつぶやき　各ボタン*/
#page10 ul li a.hvr_txt_white:hover,#cms_1-a .pager li a:hover,#cms_1-b .pager li a:hover{
    color: #56383A;
}