/* ----------　基本カラー　---------- */
.txt_color1 {
    color: #8C6239;
}
.txt_color2 {
    color: #c9a567;
}
.txt_color3 {
    color: #c9a567;
}
.txt_color4 {
    color: #c9a567;
}
.border_color1 {
    border-color: #8C6239;
}
.border_color3 {
    border-color: #c9a567;
}

/* ----------　全体共通部分　---------- */
.linkStyle{
	color:#8C6239;
}
.linkStyle:hover{
	color:#8C6239;
	opacity: 0.7;
	transition: all 0.5s;
}
#fakeloader{
background-color: #E4E2D5;
}
.spinner7 > div {
    background-color: #fff!important;
}
.spinner7 .circ2 {
    background-color: #c9a567!important;
}
header{
    background-image: url(Dup/img/back.jpg);
}
#main_menu ul li a{
    color: #fff;
    text-shadow: 0 1px 3px rgba(0,0,0,0.7);
    font-weight: bold;
}
#main_menu ul li a::before {
    background-color: #E4E2D5;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
header .tel_bt a {
    color: #8C6239;
    border: 1px solid #e4e2d5;
    background-color: rgba(228 ,226 ,213, 0.7);
}
header .tel_bt a:hover {
    background-color: transparent;
    color: #8c6239!important;
    border: 1px solid #e4e2d5;
}
.button:hover::after {
    box-shadow: inset 0 0 0 15em #E4E2D5;
}
.more a{
    color: #c9a567;
}
.more a:hover{
    color: #c9a567;
    border: 1px solid #E4E2D5;
}
.foot_tel_bt a:hover{
color: #c9a567;
    border: 1px solid #E4E2D4;
}
.txt_shadow-b {
    text-shadow: none;
}
.button2:hover {
    box-shadow: none;
}


/* ----------　TOP　---------- */
.cms_title::before {
    background-color: #E4E2D5;
}


/* ----------　下層ページ　---------- */
#page_title .page_box::before {
    background-color: #E4E2D5;
}
.cate_list li a{
    
}
.cate_list li a:hover{
    background-color: #E4E2D5;
    border: 1px solid #E4E2D5;
}
.cate_title{
    background-color: #E4E2D5;
    color: #8C6239;
    border: none;
    padding: 10px 20px;
    text-align: left;
}
#cms_2-c .box_item {
    padding: 0px 20px;
}
#cms_2-c .cate_box{
padding: 3% 0;
}
#cms_3-b .cate_box{
    border: 1px solid #8E623E;
}
#cms_3-b .cate_box h3{
    border-bottom: 1px solid #c9a567;
    padding-bottom: 5px;
}
#page8 #tel_txt p{
    border-left: 1px solid #8C6239;
}
#page8 #tel_txt div.d_flex{
border-bottom: 1px solid #8C6239;
}
#page8 #contact_tel a{
color: #8c6239;
    border-color: #8c6239;
}
#page8 #contact_tel a:hover{
    background-color: #E4E2D5;
    border: 1px solid #E4E2D5;
opacity: 1;
}
#page10 li a:hover{
background-color: #E4E2D5;
    border: 1px solid #E4E2D5;
}

/* ----------　IE　---------- */
@media all and (-ms-high-contrast: none){
.cate_title {
    padding: 12px 20px 5px;
}
#cms_3-b .cate_title {
    padding-top: 12px;
}
#page8 #contact_tel a{
padding: 30px 30px 25px 30px;
}
#page10 ul li a {
    padding: 15px 0 15px;
}

}



/* ----------　タブレット　---------- */
@media screen and (max-width: 768px){
header{
padding-top: 20px!important;
    padding-bottom: 20px!important;
}
header #logo{
max-width: 250px;
}
.main_box {
    padding-top: 70px;
}
.hamburger__icon, .hamburger__icon:before, .hamburger__icon:after {
    background-color: #ffffff!important;
}
.hamburger.active .hamburger__icon:before, .hamburger.active .hamburger__icon:after {
    background-color: #8C6239!important;
}
}

/* ----------　スマホ　---------- */
@media screen and (max-width: 667px){
header #logo {
    max-width:210px;
}
.main_box {
    padding-top: 55px;
}
header {
    padding-top: 17px!important;
    padding-bottom: 17px!important;
}
#cms_2-c .box_img1{
margin-bottom: 20px;
}
#cms_3-b .cate_box {
    padding: 15px;
}
#cms_3-b .cate_box .box_title2{
margin-bottom: 0px;
}
#cms_3-b .cate_box p{
margin-top: 20px;
}
#page8 #contact_tel a {
    font-size: -webkit-calc(1rem + 4px);
    font-size: calc(1rem + 4px);
    padding: 20px;
}
}