﻿*{letter-spacing: 0!important;line-height: 1.8}
body, .font_sans-serif, .font_en{font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
/* .font_en{font-family: 'Raleway', "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;} */


/* font */
.font_14,body,html,input,textarea,.fat-nav li{font-size: 16px}
.font_12{font-size: 14px}
.font_15{font-size: 17px}
.font_16{font-size: 18px}
.font_17{font-size: 19px}
.font_18{font-size: 20px}
.font_19{font-size: 21px}
.font_20{font-size: 22px}
.font_21{font-size: 23px}
.font_22{font-size: 24px}

/* color */
.txt_color1{color: #284232} /* メインカラー */
.txt_color2{color: #e5e2d8} /* サブカラー */
.txt_color3{color: #60462b} /* アクセントカラー1 */
.txt_color4{color: #f4f4f4} /* アクセントカラー2 */

/* background-color */
.bg_color1{background-color: #45755b} /* メインカラー */
.bg_color2{background-color: #e5e2d8} /* サブカラー */
.bg_color3{background-color: #b58f5d} /* アクセントカラー1 */
.bg_color4{background-color: #f4f4f4} /* アクセントカラー2 */


/* border-color ※!important */
.border_color1{border-color: #45755b}
.border_color2{border-color: #e5e2d8}
.border_color3{border-color: #b58f5d}
.border_color4{border-color: #f4f4f4}

/* hover ---------------------------------------------------------------------------------------------*/

/* color */
.hvr_txt_color1:hover{color: #284232} /* メインカラー */
.hvr_txt_color2:hover{color: #e5e2d8} /* サブカラー */
.hvr_txt_color3:hover{color: #60462b} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #f4f4f4} /* アクセントカラー2 */

/* background-color */
.hvr_bg_color1:hover{background-color: #45755b} /* メインカラー */
.hvr_bg_color2:hover{background-color: #e5e2d8} /* サブカラー */
.hvr_bg_color3:hover{background-color: #b58f5d} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #f4f4f4} /* アクセントカラー2 */

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #45755b}
.hvr_border_color2:hover{border-color: #e5e2d8}
.hvr_border_color3:hover{border-color: #b58f5d}
.hvr_border_color4:hover{border-color: #f4f4f4}

/* other ---------------------------------------------------------------------------------------------*/

.linkStyle{transition: 0.3s;color: #b58f5d}
.linkStyle:hover{opacity: 0.7}

header{background-color: #e5e2d8!important}
header .head_box{max-width: 400px!important}
.main_box{position: relative}
.main_box::before{position: absolute;content: "";display: block;width: 100%;height: 100%;top: 0;left: 0;z-index: -1000;background-image: url('./Dup/img/bg.png')}
.hamburger{padding-top: 20px}
.movie_wrap{padding-top: 56.25%;}
.movie_wrap iframe{top: 0;left: 0}
#attach{background-attachment: scroll}

.cate_title{padding: 0;margin: 0;border-radius: 0;background-color: transparent;border: none;padding-bottom: 10px;border-bottom: solid 2px #333;color: #333;margin-bottom: 50px;font-size: 24px;font-weight: bold;text-align:left}
#main_menu ul li a::before {top: 0;bottom: 0;margin: auto;}
#main_img .txt1{min-width: 300px}

#cms_1-a .video,.top_cms_box .video{padding-top: 56.25%;}
#cms_1-a .video iframe,.top_cms_box .video iframe{top: 0;left: 0}
#cms_1-a .sab_cate_box .cate_box .box_title1,.cms_1-a_custom .box_title1{padding-left: 30px;position: relative}
#cms_1-a .sab_cate_box .cate_box .box_title1::before,.cms_1-a_custom .box_title1::before{display: block;content: "";width: 20px;height: 20px;position: absolute;top: 5px;left: 0;background-image: url("./Dup/img/icon1.png");background-position: center;background-size: contain}
#cms_1-a .cate_box.width_30per,#cms_1-a .cate_box .width_30per,.cms_1-a .width_30per,.cms_1-a_custom .width_30per{width: 32%!important}
.cms_1-a_custom .grid_8,#cms_1-a .grid_8{width: 66%!important}
#cms_1-a .cate_box:last-of-type {margin-bottom: 50px}
#cms_2-c .box_description1.width_50per{width: 40%!important}
#cms_2-c .box_description2.width_50per{width: 60%!important}
#cms_2-b .cate_box{border: none;padding: 0}
#cms_2-b .box_title1{border-bottom: solid 1px #45755b;font-size: 18px}
.button:hover::after {box-shadow: inset 0 0 0 15em rgba(69,117,91,1);}
.foot_tel_bt{max-width: 300px!important}
#page8 .mail  input:hover{
border-color: #b58f5d;
background-color: #b58f5d
}
.h-cate_box a:hover{background-color: rgba(181,143,93,0.1);border-color: #b58f5d}
/* .h-cate .h-cate_box a::before{display: block;content: "";width: 20px;height: 20px;position: absolute;top: 0;bottom: 5px;margin: auto;left: 15px;background-image: url("./Dup/img/icon1.png");background-position: center;background-size: contain} */
footer .grid_5{width: 45%!important;margin-top: 0}
footer .grid_5 p{font-size: 16px!important;letter-spacing: 0}
#map .ggmap{padding-bottom: 500px}

.txt1 {
	top: 50%;
	left: 50%;
	z-index: 2;
width:auto;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
    box-shadow: 0px 3px 4px rgba(0,0,0,0.15);
    background-color: rgba(39, 14, 2, 0.25);
    text-align: center;
    padding: 10px;
}
h1, h2, h3, h4, h5, h6, p, footer p{color: #333!important}
.txt1{color: #fff!important}
#copyright{font-size: 20px}


@media screen and (max-width: 768px){
#cms_1-a .cate_box.width_30per{width: 48%!important}
#footer_menu li{width: 100%!important;padding: 0;margin-bottom: 10px}
}

@media screen and (max-width: 667px){
.cate_title{font-size: 18px}
.font_14,body,html,input,textarea,.fat-nav li{font-size: 14px}
.font_12,.font_12,.font_12_sp{font-size: 12px}
.font_14,.font_14,.font_14_sp{font-size: 14px}
.font_15,.font_15,.font_15_sp{font-size: 15px}
.font_16,.font_16,.font_16_sp{font-size: 16px}
.font_17,.font_17,.font_17_sp{font-size: 17px}
.font_18,.font_18,.font_18_sp{font-size: 18px}
.font_19,.font_19,.font_19_sp{font-size: 19px}
.font_20,.font_20,.font_20_sp{font-size: 20px}
.font_21,.font_21,.font_21_sp{font-size: 21px}
#page_title .page_box{padding-left: 30px}
#page_title .page_box::before{width: 30px;left: -10px}
#main_img .txt1{font-size: 14px}
footer .grid_5 p{font-size: 14px!important}
#cms_1-a .cate_box.width_30per,#cms_1-a .cate_box .width_30per,.cms_1-a .width_30per,.cms_1-a_custom .width_30per,.cms_1-a_custom .grid_8,#cms_1-a .grid_8{width: 100%!important}
#cms_2-c .box_description1.width_50per,#cms_2-c .box_description2.width_50per{width: 100%!important}
#footer_menu li{width: 100%!important;padding: 0;margin-bottom: 10px}
footer .grid_5{width: 100%!important}
#map .ggmap{padding-bottom: 300px}
}


/***　IE対処　***/

@media all and (-ms-high-contrast:none) {
.pager li a{line-height: 55px;height: 50px;overflow: hidden}
.cate_list a{padding-top: 10px;padding-bottom: 10px}
}