@import url('https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap');

body, .font_sans-serif {
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif" !important;
}

.bg_color1 {
    background-color: #f3f3f3;
}

#wrap{
        background-image: url(./Dup/img/matu.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-attachment: fixed;
    background-size: 30%;
}

.header .txt_white, .header p span{
    color: #3e3e3e;
}

.header > #main_menu{
    color: #3e3e3e;
}

#main_img{
    position: relative;
}

#main_img:before{
    content: "";
    display: block;
    width: 100%;
    height: 400px;
    position: absolute;
    top: 0%;
    right: -44px;
    background-image: url(./Dup/img/catch.jpg);
    background-position: top right;
    background-repeat: no-repeat;
    /* -webkit-transform: translate(-50% , -50%); */
    /* transform: translate(-50% , -50%); */
    background-size: contain;
    pointer-events: none;
    z-index: 1;
}

#aisatsu h3{
        color: #fbf1c7;
        font-family: 'EB Garamond', serif !important;
}

#contents1 .contents_box, #contents2 .contents_box, #contents3 .contents_box {
    background-image: url(./Dup/img/back.jpg) !important;
    background-size: cover;
    padding: 45px 40px;
        margin-top: -230px;
}

.contents_box h2{
        color: #5b3619;
    font-weight: bold;
}

.contents_box p{
        color: #3e3e3e;
    font-weight: bold;
}

.header h1#logo{
    transform: translate(0px, 10px);
}

.koko img{
    max-width: 500px;
}

#main_menu ul li a {
    color: #62310b;
    font-weight: bold;
}

#main_menu.fixed ul li a {
    color: #ffffff;
}

.contents_box2::before, .contents_box2:after, .contents_box:before, .contents_box:after, #top_cms .cms_title h2:before, #top_cms .cms_title h2:after {
    background-color: rgb(189, 189, 189);
}

#top_cms, #f_menu ul li a, #contents{
    color:#3e3e3e;
    letter-spacing: 0;
}

#top_cms h2, #main_img2 h2 {
    color: #573215;
}

.txt_color2 {
    color: #573215;
}

.border_color4 {
    border-color: #bdbdbd;
}

#main_menu li .menu_sub_title{
    color:#bdbdbd;
}

/*#main_img2 {
    background-position: center;
}*/

.txt_color4 {
    color: #9d9d9d;
}

#main_img2 .page_title {
    background-color: rgba(65,71,79,0.15) !important;
}

/*-----2-c start----*/

#cms_2-c .cate_title{
        font-size: -webkit-calc(1rem + 10px);
    font-size: calc(1rem + 10px);
}

#cms_2-c .box_txt1{
    font-size: -webkit-calc(1rem + 6px);
    font-size: calc(1rem + 6px);
    color: #812f1d;
}

/*-----2-c end----*/

#contact_tel a{
    color:#3e3e3e;
}

.banner2{
    bottom: 0px !important;
    left: 0;
    z-index: 2;
    max-width: 350px;
}

#copyright{
    padding-bottom: 90px;
}

.header div div a:first-child{
    display: none;
}

.foot_tel_bt a:first-child{
    display: none;
}

.linkStyle{color: #62310b;}

#page10 li a{
    color:#3e3e3e !important;
}

.button-effect a.effect{
    color:#3e3e3e;
}

#fixed_right_banner ul{
background-color: white;
}

@media all and (-ms-high-contrast: none){
  
.henko p a{
    padding-bottom: 20px;
}

}


/* ---------- カスタム ---------- */
@media screen and (max-width: 1190px){
#main_img:before{
    right: 10px;
}
}

@media screen and (max-width: 900px){
#main_img:before{
    height: 60%;
}
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#cms_2-c .cate_title{
    font-size: -webkit-calc(1rem + 8px);
    font-size: calc(1rem + 8px);
}

#cms_2-c .box_txt1{
    font-size: -webkit-calc(1rem + 4px);
    font-size: calc(1rem + 4px);
}

#wrap {
    background-size: 50%;
}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#cms_2-c .cate_title{
    font-size: -webkit-calc(1rem + 6px);
    font-size: calc(1rem + 6px);
}

#cms_2-c .box_txt1{
    font-size: -webkit-calc(1rem + 2px);
    font-size: calc(1rem + 2px);
}

.banner2 {
    bottom: 10px !important;
    max-width: 270px;
}

.header h1#logo {
    transform: translate(5px, 0px);
    margin: auto;
    margin-bottom: 20px;
}

#main_img:before {
    height: 80%;
}

.koko h2{
    padding: 0 25px;
}

}