﻿

/* color ---------------------------------------------------------------------------------------------*/
.linkStyle{color: #603813;transition: opacity .3s;}
.linkStyle:hover{opacity: 0.7}
body,.txt_color_nomal{color: #252525;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #252525} /* メインカラー */
.txt_color2{color: #e6e6e6} /* サブカラー */
.txt_color3{color: #a67c52} /* アクセントカラー1 */
.txt_color4{color: #957455} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #111} /* メインカラー */
.bg_color2{background-color: #e6e6e6} /* サブカラー */
.bg_color3{background-color: #a67c52} /* アクセントカラー1 */
.bg_color4{background-color: #957455} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}

/* border-color ※!important */
.border_color1{border-color: #603813}
.border_color2{border-color: #e6e6e6}
.border_color3{border-color: #a67c52}
.border_color4{border-color: #957455}

/* hover_color */
.hvr_txt_color_nomal:hover{color: #252525;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #252525} /* メインカラー */
.hvr_txt_color2:hover{color: #e6e6e6} /* サブカラー */
.hvr_txt_color3:hover{color: #a67c52} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #957455} /* アクセントカラー2 */

.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #160a0a} /* メインカラー */
.hvr_bg_color2:hover{background-color: #e6e6e6} /* サブカラー */
.hvr_bg_color3:hover{background-color: #a67c52} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #957455} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

.hvr_border_color1:hover{border-color: #603813}
.hvr_border_color2:hover{border-color: #e6e6e6}
.hvr_border_color3:hover{border-color: #a67c52}
.hvr_border_color4:hover{border-color: #957455}



@font-face {
font-family: "kaisho";
src: url("../dup/img/kaisho.ttf") format("ttf"),url("../dup/img/kaisho.woff") format("woff"),url("../dup/img/kaisho.woff2") format("woff2");
}
.txt1,.txt2,.txt4,.txt7,.txt5,#top_cms h2,#page_title h2{font-family: "kaisho", serif!important;}
.txt1{
	text-shadow: 2px 2px 3px rgba(0,0,0,0.8);
    font-size: 26px;
    width: 90%;
}
.txt2,.txt4,.txt7,.txt5{
	color: #252525;
    font-size: 24px;
}
.txt2,.txt4,.txt7,.txt5{position: relative;padding-bottom: 13px;}
.txt2::before,.txt4::before,.txt7::before,.txt5::before {
    display: inline-block;
    content: "";
    width: 60px;
    height: 4px;
    background: #e5222a;
    position: absolute;
    bottom: 0;
    left: 0;
}
.txt6,.txt8{margin-top: 20px;}



/* design ---------------------------------------------------------------------------------------------*/
body{background: url( "../dup/img/bg_wasi.jpg" ) left top / 1280px repeat;}
header.bg_color4,#cms_3-b .cate_title,.fat-nav ul{background-color: #000!important;background: url( "../dup/img/h_bg.png" ) center / cover no-repeat;}
#main_menu ul li a{color: #fff;}
#main_menu ul li a::before{background-color: #e5222a!important;}

.contact_bt a, .tel_bt a {
    color: #ffffff!important;
    background-image: url(../dup/img/bt_bg.jpg);
    border-radius: 3em .8em 3em .7em/.9em 2em .8em 3em;
    padding-bottom: 13px;
    padding-top: 13px;
}
.contact_bt a:hover, .tel_bt a:hover{transform: translateY(-5px)}
header .button::after{display: none}


.b_wrap .bnr a {
    background-image: url(../dup/img/bt_bg.jpg);
    border-radius: 2em .8em 3em .7em/.9em 2em .7em 3em;
    padding: 16px;
    padding-bottom: 20px;
    display: block;
    font-family: "kaisho", serif!important;
    font-size: 18px;
    letter-spacing: 2px;
}


#cms_3-b .cate_title,#cms_3-f .sub_cate_title{border-color: #d2262a;}
#cms_4-a .cate_title{position: relative;padding-bottom: 13px;}
#cms_4-a .cate_title::before {
    display: inline-block;
    content: "";
    width: 55px;
    height: 4px;
    background: #e5222a;
    position: absolute;
    bottom: 5px;
    left: 0;
}

.link_box ul{justify-content: center;}
.link_box li.grid_1 {width: 11.33333%!important;margin: 0 10px;}


/* IE */
@media all and (-ms-high-contrast: none){ 
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#logo{max-width: 140px;}
.hamburger {top: 24px;}
.hamburger__icon, .hamburger__icon:before, .hamburger__icon:after {background-color: #ffffff!important;}
.hamburger.active .hamburger__icon {background-color: transparent!important;}
.b_wrap{width: 55%!important;margin-top: 44px;}
.fat-nav li {
    padding: 16px;
    font-size: 17px;
}
.fat-nav li a{color: #ffffff;}
.fat-nav li a.border_color1{border-color: #e5222a;}
.link_box{background-color: #000!important;background: url(../dup/img/h_bg.png) bottom / cover no-repeat;padding: 17px;}
.link_box ul{justify-content: center;}
.link_box li.grid_1 {margin: 0 15px;max-width: 40px;}
}

/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
#logo{max-width: 95px;}
.hamburger {top: 12px;}
.fat-nav li {
    padding: 12px;
    font-size: 14px;
}
.b_wrap{width: 100%!important;}

.txt1{font-size: 20px;}
.txt2, .txt4, .txt7, .txt5{font-size: 19px;}
.txt2::before, .txt4::before, .txt7::before, .txt5::before,#cms_4-a .cate_title::before{height: 3px;}
#top_cms h2{font-size: 19px;}
.cms_title{
	padding-left: 0;
	text-align: center;
	background-color: #ece8df;
	padding: 10px 0;
}
.cms_title::before{display: none}
footer .logo{text-align: center;}
footer .logo img{max-width: 168px;}
.link_box{padding: 12px;}
.link_box li.grid_1 {max-width: 30px;}
}






