@import url('https://fonts.googleapis.com/css?family=Sawarabi+Gothic&display=swap');
#wrap{font-family: "Sawarabi Gothic","游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;}

#header {
    background: -moz-linear-gradient(top, rgba(96, 56, 19, 0.8), transparent);
    background: -webkit-linear-gradient(top, rgba(96, 56, 19, 0.8), transparent);
    background: linear-gradient(to bottom, rgba(96, 56, 19, 0.8), transparent);
}
#contents2 .con_box {
    background: -moz-linear-gradient(left, transparent, rgba(96, 56, 19, 0.8));
    background: -webkit-linear-gradient(left, transparent, rgba(96, 56, 19, 0.8));
    background: linear-gradient(to right, transparent, rgba(96, 56, 19, 0.8));
}
#contents3 .con_box {
    background: -moz-linear-gradient(left, rgba(96, 56, 19, 0.8), transparent);
    background: -webkit-linear-gradient(left, rgba(96, 56, 19, 0.8), transparent);
    background: linear-gradient(to right, rgba(96, 56, 19, 0.8), transparent);
}

.txt_shadow_h{text-shadow: none;}
#pc_nav{background-color: rgba(96, 56, 19, 0.8);padding: 20px;}
#pc_nav a{text-shadow: none; padding-left: 25px;}
#pc_nav a:hover{opacity: 0.8;padding-left: 25px;}
#pc_nav a::before{width: 5px;height: 5px;background-color: #ffffff;border-radius: 50%;}
#pc_nav a:hover::before { width: 5px;}
#pc_nav{border-radius:10px;}

#sp_nav nav{background-color: rgba(158, 127, 94, 0.8);}

#contents1 .con_box{background-color: rgba(158, 127, 94, 0.9);}

.banner a{max-width:420px;}

#video::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(./Dup/img/dott.png);
    background-position: left top;
    background-repeat: repeat;
    background-size: 3px auto;
    z-index: 1;
}
main{background-image: url(./Dup/img/background_img1.jpg); }
h1.height100per a img{height: 140px;}
#cms_2-c .cate_box{padding: 5% 0 0;}
#cms_2-c .cate_title{/*font-weight:bold;*/}
#cms_2-c .box_txt1{/*font-weight:bold;*/}
#cms_2-c .box_description1.width_50per{width: 40%!important;}
#cms_2-c .box_description1 figure{box-shadow:none;}
#cms_2-c .box_description2.width_50per{width: 60%!important;}
.cms_2-c .box_description1.width_50per{width: 40%!important;}
.cms_2-c .box_description1 figure{box-shadow:none;}
.cms_2-c .box_description2.width_50per{width: 60%!important;}
#cms_3-b .font_bold{font-weight:normal!important;}

@media screen and (min-width:769px){

}

@media screen and (max-width: 768px){

}

@media screen and (max-width: 667px){
h1.height100per a img {    height: 80px;}
header, #video {height: 320px!important;}
.under header {height: 0!important;}
.banner a{max-width:300px;}
#cms_2-c .box_description1.width_50per{width: 100%!important;}
#cms_2-c .box_description2.width_50per{width: 100%!important;}
.cms_2-c .box_description1.width_50per{width: 100%!important;}
.cms_2-c .box_description2.width_50per{width: 100%!important;}
}

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

}

/* color */

.linkStyle{
    color: #fff;
    background-color: #603813;
    padding: 5px 15px;
    border-radius: 20px;
    margin: 5px 0;
    display: inline-block;
    transition: all 0.3s;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}
.linkStyle:hover{background-color: #00937a;}

.txt_color_nomal,.hvr_txt_color_nomal:hover{color: #333333;}
.txt_white,.hvr_txt_white:hover{color: #fffbf5!important;}
.txt_red,.hvr_txt_red:hover{color: #f06f90;}
.txt_color1,.hvr_txt_color1:hover{color: #603813;}
.txt_color2,.hvr_txt_color2:hover{color: #eeeeee;}
.txt_color3,.hvr_txt_color3:hover{color: #948762;}
.txt_color4,.hvr_txt_color4:hover{color: #E4E2D5;}

/* background-color */
.bg_white,.hvr_bg_white:hover{background-color: white;}
.bg_black,.hvr_bg_black:hover{background-color: black;}
/*.bg_color1,.hvr_bg_color1:hover{background-color: #603813;}*/
.bg_color1,.hvr_bg_color1:hover{background-color: #c1aa91;}
.bg_color2,.hvr_bg_color2:hover{background-color: #eeeeee;}
.bg_color3,.hvr_bg_color3:hover{background-color: #9E7F5E;}
.bg_color4,.hvr_bg_color4:hover{background-color: #E4E2D5;}
.bg_color5,.hvr_bg_color5:hover{background-color: #00937a;}
.bg_color6, .hvr_bg_color6:hover{background-color: #c1aa91;}
.bg_color_clear,.hvr_bg_color_clear:hover{background-color: transparent!important;}

/* border-color ※!important */
.border_color1,.hvr_border_color1:hover{border-color: #603813;}
.border_color2,.hvr_border_color2:hover{border-color: #eeeeee;}
.border_color3,.hvr_border_color3:hover{border-color: #948762;}
.border_color4,.hvr_border_color4:hover{border-color: #E4E2D5;}