.txt_color1 {
    color: #754c24;
}

.bg_color3 {
    background-color: #603813;
}

.border_color3 {
    border-color: #603813;
}

#top_cms .cms_title .title_box {
    background-color: rgba(51,51,51,0);
}

#top_cms .cms_title .title_box h2 {
    font-weight: bold;
}

#page_title .back_color2 {
       background-color: rgba(255,247,255,0.2);
}
/*
.all_header #logo {
    width: 220px!important;
}
*/
#main_img .rectangle_img img {
     top: 19%;
 }
/*
#header #logo .here img{
width: 120% !important;
}
*/
header #header #header_menu li a .jp {
    height: auto;
}

body{
background-color: #FFFAF8;
}

.hvr_txt_color1:hover {
    color: #603813;
}

.clone-nav #header #logo  img{
width:80% !important;
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){

/*
.all_header #logo {
    width: 32%!important;
}
*/
#main_img .rectangle_img img {
     top: 50%;
 }

#header #logo .here img{
width: 150% !important;
margin:auto;
}

}


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

#header #logo img{
width: 100% !important;
margin:auto;
}


c.drawer-hamburger, .drawer-hamburger{
    padding: 17px .75rem 30px!important;
}

.clone-nav #header {
    padding-top: 10px;
    padding-bottom: 10px!important;
}

}

.clone-nav #logo {
    width: 20%!important;
margin:0;
}