@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@600&display=swap');
#contents1 h2,#contents2 h2,#contents3 h3,#page_title h2,#page_title p{font-family: 'Noto Serif JP', serif;}

/* color */
.txt_color_nomal{color: white;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #b38521} /* メインカラー */
.txt_color2{color: #f4f4f4} /* サブカラー */
.txt_color3{color: white} /* アクセントカラー1 */
.txt_color4{color: #EDD9B6} /* アクセントカラー2 */


/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: #212121;} /* 黒背景 */
.bg_color1{background-color: #b38521} /* メインカラー */
.bg_color2{background-color: #f4f4f4} /* サブカラー */
.bg_color3{background-color: #960306} /* アクセントカラー1 */
.bg_color4{background-color: #EDD9B6} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: white}
.border_color2{border-color: #f4f4f4}
.border_color3{border-color: #960306}
.border_color4{border-color: #EDD9B6}


/* 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: #b38521} /* メインカラー */
.hvr_txt_color2:hover{color: #f4f4f4} /* サブカラー */
.hvr_txt_color3:hover{color: white;} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #EDD9B6} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #b38521} /* メインカラー */
.hvr_bg_color2:hover{background-color: #f4f4f4} /* サブカラー */
.hvr_bg_color3:hover{background-color: #960306} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #EDD9B6} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}


/* border-color ※!important */
.hvr_border_color1:hover{border-color: white;}
.hvr_border_color2:hover{border-color: #f4f4f4}
.hvr_border_color3:hover{border-color: #960306}
.hvr_border_color4:hover{border-color: #EDD9B6}


/*全ページ*/
#body{
     background-color:#231f1e;
     overflow: hidden;
}
header{
     /*box-shadow: -5px 0 15px #000;*/
     background-color: #231f1e!important;
}
#logo img{width: 100%!important;}
#main_menu ul li a::before{background-color:#960306;}
#main_menu ul li a{
color: white;
font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
.contact_bt a,.tel_bt a,.foot_tel_bt a{
     border:1px solid white;
     color: white;
     font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";}
.contact_bt a:hover,.tel_bt a:hover{border:1px solid #960306!important;}
.button:hover::after{
     box-shadow: inset 0 0 0 15em rgba(150,3,6,1);
     border:1px solid #960306!important;
}
.link_box ul{justify-content:center;}
.link_box li{margin-right: 3%;}
.link_box li:last-of-type{margin-right: 0;}
footer > div{justify-content: center!important;}
footer #map .ggmap{margin-right: 50px;}
footer > div > div + div{
    background-color: #231f1e;
    padding: 30px;
}
/*footer .footer_cms{color:#d9cba9;}*/
.foot_tel_bt a{
color:white;
border:1px solid white;
}
.foot_tel_bt a:hover {
background-color:#960306;
color:white;
}
#copyright small{color:white;}
.linkStyle{color:#f8a3a3;}

/*トップページ*/
#main_img h2{font-size: 28px;}
#contents1{
    background-image: /*url(dup/img/item1r.png),*/url(dup/img/item3.png);
    background-repeat: no-repeat;
    background-position:/*top left,*/right bottom;
    padding-top: 90px;
    /*background-size: 30%;*/
}
#contents1 h2,#contents2 h2{position:relative;}
#contents1 h2:before,#contents2 h2:before{
    content:'';
    position:absolute;
    background-repeat: no-repeat;
    z-index:-1;
}
#contents1 h2:before{
    background-image:url(dup/img/item1r.png);
    width:339px;
    height:73px;
    top: -50px;
    left: 60px;
}
#contents2 h2:before{
    background-image:url(dup/img/item2r.png);
    width:347px;
    height:97px;
    top: -80px;
    left: -10px;
}
#contents1 h2,#contents1 p{text-align: center;}
/*#contents1 h2,#contents2 h2,#contents3 h3{color: #960306;}*/
.cms_title::before{background-color: white;}
#top_cms p{color:#fef9f3;}
#top_cms .more a:hover,.foot_tel_bt a:hover{border:1px solid #960306!important;}

/*下層ページ*/
#page_title .page_box{padding-left:90px!important;}
#page_title .page_box::before{
     background-image:url(dup/img/item5.png);
     width:80px;
     height:80px;
     left:0;
     top: -10px;
}
#page_title h2,#page_title p{
     text-shadow:none;
}
#page_title p{color:#fef9f3;}
.cate_list a:hover{
     box-shadow:none;
     color:white;
     background-color:#960306;
     border:1px solid #960306;
}

/*お知らせ*/
#cms_1-e .pager li a:hover{
    box-shadow:none;
    background-color:#960306;
    color:white;
    border:1px solid #960306;
}

/*こだわり*/
#cms_2-b img{
    border-right:0;
    border-bottom:0;
}

/*お客様のお声・FQA*/
#cms_5-a .box_wrap{background-color:#212121;}

/*お問い合わせ*/
#tel_txt p{color:white;}

/*プライバシーポリシー*/
#page9 p{color:white;}

/*サイトマップ*/
#page10 ul li a{border:1px solid #960306;}
#page10 ul li a:hover{
    box-shadow:none;
    background-color:#960306;
    color:white;
    border:1px solid #960306;
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
footer > div > div + div{margin-top:0!important;}
.hamburger__icon {background-color:white;}
.hamburger.active .hamburger__icon:before,.hamburger.active .hamburger__icon:after{background-color:#333;}
.fat-nav li a{color:#333;}
.fat-nav li a:nth-child(11){border:1px solid #333;}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){

.head_box{padding-left:0;}
#logo img {width: 120%!important;}
#main_img h2{
     font-size: 17px;
     letter-spacing: 1px;
}
#contents1{
     background-size: 70%;
     padding-top: 60px;
}
#contents1 h2, #contents1 p {text-align: left;}
#contents1 h2:before,#contents2 h2:before{background-size: 70%;}
#contents2{padding-top: 80px;}
footer #map .ggmap{margin-right: 0;}
footer > div > div + div{margin-top:20px!important;}
#page_title .page_box {padding-left: 60px!important;}
#page_title .page_box::before{
    width: 64px;
    height: 64px;
    left: 0;
    top: 0px;
    background-size: 80%;
    background-repeat: no-repeat;
}
#cms_2-b .box_wrap {padding:0;}
#cms_2-b .cate_box{padding: 20px;}
#cms_3-e .cate_box{
padding: 3px 0px!important;
line-height: 1.2;
}
}

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

}