﻿/*　基本カラー　*/
body {
    color: #7b736b;
}
.txt_color1 {
    color: #ed8a79;
}
.txt_color3 {
    color: #a56623;
}
.bg_color1 {
    background-color: #FFB3A7;
}
.bg_color4 {
    background-color: #FFB3A7;
}
.border_color1 {
    border-color: #FFB3A7;
}


/*　全体共通部分　*/
.linkStyle{
	color:#ed8a79;
}
.linkStyle:hover{
	color:#ed8a79;
	opacity: 0.7;
	transition: all 0.5s;
}
#main_menu ul li a::before {
    background-color: #98642c;
}
.hamburger__icon {
    background-color: #fff;
}
.hamburger__icon:after, .hamburger__icon:before {
    background-color: #fff;
}
.hamburger.active .hamburger__icon:after ,.hamburger.active .hamburger__icon:before {
    background-color: #FFB3A7;
}
.contact_bt a{
border-color: #a56623;
}
.tel_bt a{
border-color: #a56623;
}
.link_box ul{
    justify-content: flex-start;
}
.link_box ul li{
    width: 15%!important;
    margin-right: 15px;
}
.link_box ul li:last-child {
    margin-right: 0px;
}


/*　TOP　*/
#main_img h2{
    font-weight: bold;
}
.button:hover::after {
    box-shadow: inset 0 0 0 15em #be8a54;
}


/*　下層ページ　*/
#page_title .page_box::before {
    background-color: #a56623;
}
.cate_list li a:hover{
    background-color: #FFB3A7;
    color: #fff;
}
.button2:hover {
    box-shadow: none;
}
#cms_3-e .cate_box{
    padding:0px;
    border-bottom: 1px solid #fff;
}
#cms_3-e .cate_box .box_item{
    padding:0px;
    border-bottom: 1px solid #FFB3A7;
    border-right: 1px solid #FFB3A7;
    border-left: 1px solid #FFB3A7;
}
#cms_3-e .cate_box:first-child .box_item{
    border-top: 1px solid #FFB3A7;
}
#cms_3-e .cate_box .box_title1{
    background-color: #FFB3A7;
    border: none;
    color: #a56623;
}
#cms_3-e .cate_box .box_title1:empty{
        visibility: hidden;
}
#cms_3-e .cate_box .box_title2{
    border-color: #FFB3A7;
    border: none;
}


@media screen and (max-width: 768px){
.link_box ul{
       justify-content: center;
    width: 50%;
    margin: auto;
}
.link_box ul li {
    width: 20%!important;
}
#main_img h2{
        width: 70%;
}
}


@media screen and (max-width: 667px){
.link_box ul{
    width: 90%;
}
#cms_6-c{
    padding-left: 0px;
    padding-right: 0px;
}
}