/* font link Google font*/
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP&display=swap');
body {font-family: 'Noto Serif JP',  "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";}

.linkStyle {border-bottom:1px solid #3a3326;}

body,.txt_color_nomal{color: #171314;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #3a3326} /* メインカラー */
.txt_color2{color: #fafafa} /* サブカラー */
.txt_color3{color: #daaa44} /* アクセントカラー1 */
.txt_color4{color: #3a3326} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #3a3326} /* メインカラー */
.bg_color2{background-color: #fafafa} /* サブカラー */
.bg_color3{background-color: #daaa44} /* アクセントカラー1 */
.bg_color4{background-color: #3a3326} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}

/* border-color ※!important */
.border_color1{border-color: #3a3326} /* メインカラー */
.border_color2{border-color: #daaa44}
.border_color3{border-color:#daaa44} /* アクセントカラー1 */
.border_color4{border-color: #3a3326} /* アクセントカラー2 */

/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #42210b;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #3a3326} /* メインカラー */
.hvr_txt_color2:hover{color: #ffffff} /* サブカラー */
.hvr_txt_color3:hover{color: #daaa44} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #3a3326} /* アクセントカラー2 */

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

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #3a3326} /* メインカラー */
.hvr_border_color2:hover{border-color: #ffffff}
.hvr_border_color3:hover{border-color: #daaa44} /* アクセントカラー1 */
.hvr_border_color4:hover{border-color: #3a3326} /* アクセントカラー2 */

#top_header{background-color: rgba(255, 255, 255, 0.0)!important;}
#pc_tel {color:#daaa44}
#pc_intro {background-image:url(./Dup/bg_mokume.jpg);
background-size: cover;
background-repeat: no-repeat}
#pc_intro .fs_wrap div {border:2px solid #daaa44;}
#pc_intro .fs_wrap h3 {width:38%!important;}
#pc_news {background-color: #fafafa;}
#pc_news h3 {color:#3a3326}
#pc_news .box_item {color:#3a3326}
#main_menu {border-color: #daaa44!important;
background-color: rgba(218, 170, 68, 0.8)!important;
}
#contents {margin-bottom: 0;}
#contents::after {background-color: rgba(58,51,38,0.7)!important;
}
#contents h3{margin-bottom: 50px!important;}
#contents .fs_wrap .box_txt {border:2px solid #daaa44}
#pc_news {padding-top: 100px;}

/*index以外のページのheaderの背景色*/
header{
background-color:#3a3326;
}
header #top_header{
background-color:#3a3326!important;
}
　/*indexにクラス名を個別設定*/
.index header,.index header #top_header{
background-color:transparent!important;
}

@media screen and (max-width: 768px){
header{background-color:rgba(255, 255, 255, 0.0)!important;}
.index header #top_header{background-color: rgba(255, 255, 255, 0.7)!important;}}