body{
font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
header,
footer .contact_box{ 
background-image: url(../Dup/img/wood.png); 
background-position: center center;
}
header.bg_color4{ background-color: #f5efe0;}

/*当教室について*/
#cms_2-b .cate_img1,#cms_2-b .box_img1,
#cms_3-c .cate_img1{ width: 50%!important; }

@media  screen and (max-width: 1100px){
#header #logo.grid_3{width: 20% !important;}
#header #header_menu.grid_8{
width: 80% !important;
margin-left: 0;
}

}

/*タブレット用（768px以下）
--------------------------------------------------------------------------*/
@media  screen and (max-width: 768px){
#header #logo.grid_3{width: 30% !important;}
#header #header_menu.grid_8{width: 100% !important;}

/*当教室について*/
#cms_2-b .cate_img1,#cms_2-b .box_img1,
#cms_3-c .cate_img1{ width: 70%!important; }
}

/*スマホ用（667px以下）
--------------------------------------------------------------------------*/
@media  screen and (max-width: 667px){
#header #logo.grid_3{width: 58% !important;}
.drawer-menu li a{display: inline-block;}

#page_title h2.font_18_tb{font-size: 16px;}

/*当教室について*/
#cms_2-b .cate_img1,#cms_2-b .box_img1,
#cms_3-c .cate_img1{ width: 100%!important; }
}

/*--------------------------自動リンク--------------------------*/
/* color */
.linkStyle{color: #475939; text-decoration: underline;}
.txt_color_nomal .linkStyle{color: #475939;}
.bg_color1 .linkStyle{color: #fff;}
.bg_color2 .linkStyle{color: #475939;}
.bg_color3 .linkStyle{color: #534741;}
.bg_color4 .linkStyle{color: #475939;}

/*IEのみ*/
@media all and (-ms-high-contrast: none) {
.linkStyle{display: inline-block; margin-bottom: 20px;}
}

/* color */
body,.txt_color_nomal{color: #333333;}
.txt_color1{color: #475939} /* メインカラー */
.txt_color2{color: #E2D7BF} /* サブカラー */
.txt_color3{color: #D3AC2F} /* アクセントカラー1 */
.txt_color4{color: #FFF7F0} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #475939} /* メインカラー */
.bg_color2{background-color: #E2D7BF} /* サブカラー */
.bg_color3{background-color: #D3AC2F} /* アクセントカラー1 */
.bg_color4{background-color: #E2D7BF} /* アクセントカラー2 */

/* border-color ※!important */
.border_color1{border-color: #475939}
.border_color2{border-color: #E2D7BF}
.border_color3{border-color: #D3AC2F}
.border_color4{border-color: #FFF7F0}

/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #333333;}
.hvr_txt_color1:hover{color: #475939} /* メインカラー */
.hvr_txt_color2:hover{color: #E2D7BF} /* サブカラー */
.hvr_txt_color3:hover{color: #D3AC2F} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #FFF7F0} /* アクセントカラー2 */

/* background-color */
.hvr_bg_color1:hover{background-color: #475939} /* メインカラー */
.hvr_bg_color2:hover{background-color: #E2D7BF} /* サブカラー */
.hvr_bg_color3:hover{background-color: #D3AC2F} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #E2D7BF} /* アクセントカラー2 */

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #475939}
.hvr_border_color2:hover{border-color: #E2D7BF}
.hvr_border_color3:hover{border-color: #D3AC2F}
.hvr_border_color4:hover{border-color: #FFF7F0}