/*-------common--------*/

.linkStyle{
    color: #febab9;
}

body{
    background-image: url(./Dup/img/back.jpg);
}

h2, h3{
font-weight:bold;
}


.more a{
    background-color: #4e5720;
    color: white;
    border-radius: 30px;
    font-weight: bold;
}

.more a:hover{
    background-color: #663300;
    transform: translate(0px, -10px);
}

#contents_box #contents1{
    /*background-color: rgba(255,255,255,0.25); */
    margin: 0;
    width: 100%;
    max-width: 100%;
    padding-right: 50px;
}


.txt_color1 {
    color: #4e5720;
}
.letter_2 {
    letter-spacing: 3px;
}
.font_22 {
    font-size: 25px;
}

figure{
    border-radius: 10px;
    overflow: hidden;
}

#main_menu ul li a {
    position: relative;
    padding-left: 30px;
    font-weight: bold;
}


header {
    background-image: url(./Dup/img/suisai.png);
       background-size: 130%;
    background-repeat: no-repeat;
}

.bg_color1 {
    background-color: #663300;
}

/*------top start-------*/

#main_img{
    padding: 30px 0;
    padding-right: 30px;
position:relative;
padding-bottom:0;
}

#main_img:before{
    content: "";
    position: absolute;
    background-image: url(./Dup/img/eye.png);
    background-size: 100%;
    width: 100%;
    height: 75%;
    top: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
    pointer-events: none;
    z-index: 99;
}


.flexslider{
    border-radius: 0 0 10% 0;
    overflow: hidden;
}

/*.cms_title {
    padding-left: 0px;
}

.cms_title::before {
    left: -5%;
}*/


.top_cms_box .cms_wrap{
margin: 0 5%;
}

.cms_title:before {
    width: 100px;
    left: -6%;
}

#top_cms{
    background-color: rgba(255,255,255,0.6);
    border-radius: 10px;
}

#logo img{
width:70% !important;
}


.bg_color4 {
    background-color: #d8dace;
}

.txt_color4 {
    color: #ae9476;
}

header .contact_bt a, header .tel_bt a{
    border-radius: 30px;
}

#page_title .page_box:before {
    top: -20%;
    left: -50px;
    -ms-transform: translate(0%,-50%) rotate(
90deg
);
    -webkit-transform: translate(0%,-50%) rotate(
90deg
);
    transform: translate(0%,-50%) rotate(
90deg
);
}


#page_title .page_box {
    padding-left: 2%;
}

.cate_list a{
    border-radius: 20px;
}

.cate_list a:hover{
    background-color: #4e5720;
    color: white;
    box-shadow: none;
    font-weight: bold;
}


/*------top end-------*/

#cms_3-e .cate, #cms_2-c .cate{
    background-color: rgba(255,255,255,0.7);
    padding: 20px 0px;
    padding-right: 20px;
    border-radius: 10px;
position:relative;
padding:40px 30px;
}

 #cms_2-c .cate{
padding:40px 30px;
}

#cms_5-c, #cms_1-c{
    background-color: rgba(255,255,255,0.7);
    padding: 40px 30px;
    box-sizing: border-box;
    border-radius: 10px;
position:relative;
}


#cms_3-e .cate:before, #cms_2-c .cate:before, #cms_5-c:before{
content: "";
    display: block;
    width: 10%;
    height: 150px;
    position: absolute;
    top: 100%;
    left: 90%;
    background-image: url(./Dup/img/rabit.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: contain;
    pointer-events: none;
}

div.flex_box{
overflow:hidden;
}

#cms_5-c .box_txt1:before {
    color: #663300;
}

.link_box ul{
justify-content: center !important;
align-items: center !important;
}

header{
    padding-top:6vh !important;
}

#main_menu{
margin-top:2vh;
}

#main_menu li a{
margin-bottom:2.5vh;
}

#main_menu .contact_bt{
margin-top:5vh;
}

#cms_2-c .box_txt1{
    border-bottom: 2px dotted;
    margin-bottom: 20px;
    padding-bottom: 0px;
}


#contents2{
position:relative;
    background-image: url(./Dup/img/uza.png);
    background-size: 20%;
    background-repeat: no-repeat;
    background-position: bottom left;
}

#contents2:before{

}

.link_box li{
margin:10px;
}

#contents1{
    background-image: url(./Dup/img/welcome.png);
    background-size: 20%;
    background-repeat: no-repeat;
    background-position: top right;
}

#contents_box i, #cms_2-c i{
    color: #663300;
}

.border_color2 {
    border-color: #a2a2a2;
}

.txt_shadow-b {
    text-shadow: none;
}


.cms_5-c .box_txt1:before {
    color: #663300;
}


/*---------20210317 start-----------*/

body {
    background-image: none; 
    background-color: #d8dace;
}

header{
/*background-color: #8d6445 !important;*/
    background-color: #7d5638 !important;

}

header .contact_bt a, header .tel_bt a{
color:white;
}

#main_menu ul li a {
    color: white;
}

#main_menu ul li a::before {
    background-color: #9f1716;
}

.hamburger__icon.bg_color1{
background-color:white !important;
}

.hamburger__icon:after, .hamburger__icon:before {
    background-color: rgb(255, 255, 255) !important;
}

.hamburger.active .hamburger__icon {
    background-color: transparent !important;
}



/*---------20210317 end-----------*/

/*-------------20210322 start-----------*/

.fat-nav li a {
    width: 150px;
    display: inline-block;
}


.fat-nav ul{
    background-color: #d8dace;
}


/*-------------20210322 end-----------*/

/*----カスタム----*/
@media screen and (max-width: 900px){
#main_img:before {
  
    background-size: 20%;
    
}
}



/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#main_img:before {
    background-size: contain;
}

header{
padding:15px 0 !important;
background-position: center;
}

#contents1 {
    background-size: 40%;
}

h1#logo{
    text-align: center;
    margin-top: 8px;
}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){

#contents_box #contents1 {
    padding-right: 20px;
}

#contents2 {
    background-size: 50%;
    background-position: top left;
}

.cms_title:before {
    width: 70px;
    left: -6%;
}

article > section{
padding:0 !important;
}

}