@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:wght@600&display=swap');

.didot, .pop300, .pop400, a[href^="tel:"]{font-family: 'Bodoni Moda', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"}

.cate_title, .box_title1, .cms_5-c .box_txt1::before, #cms_5-c .box_txt1::before{font-family: "Hannari","游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"}

#fakeloader:before{
    background-color: #d6b840!important;
}
header.scr_header{background-color: rgba(206,172,32,0.8)!important}
header #logo, header.scr_header #logo{max-width: 150px}

#top_cms.back1:before{display: none}
.back1:not(#top_cms){background-image: url(./Dup/img/bg_img.jpg);background-size: 1200px;background-position: top left;background-repeat: no-repeat}
.back1:before{display: none}
#info_contact .con_box .con_img:before{background-color: rgba(140,113,70,0.4);transition: 1s;width: auto;height: auto;top: 20px;left: 20px;right: 20px;bottom: 20px;border: solid 1px #fff}
#info_contact .con_box:hover .con_img:before{background-color: rgba(140,113,70,0.7)}
#info_contact .con_box span.pop400{font-size: 50px;opacity: 0.3;line-height: 1}
#info_contact .con_box span.hannari{position: relative;top: -24px}
#main_img:before, #page_title:before{background-color: rgba(140,113,70,0.4)}

.nav_menu_more:first-of-type a .icon:before{display: none}
main.back1 .con_box{border: solid 1px #EDEAD3}
.overlay{background-image: none!important;background-color: rgba(96,95,52,0.8)!important}
.button_container{padding-bottom: 0}
.button_container span{height: 1px;top: 10px}
.button_container span:nth-of-type(1){top: 34px}
.button_container span:nth-of-type(3){top: 18px}
.button_container span:nth-of-type(4){top: 26px}
.button_container.active .top{transform: translateY(8px) translateX(-20px) rotate(45deg)}
.button_container.active .bottom{transform: translateY(-8px) translateX(-20px) rotate(-45deg)}
#contents3_wrap:after{background-color: transparent!important}
#main_img .menu .bg_white{background-color: transparent;height: auto!important}
#top_pc_nav ul{padding-top: 30px;border-top: solid 1px #fff;width: 600px;margin-left: auto;margin-right: auto}
#top_pc_nav li:not(:last-child){margin-right: 30px}
.num{opacity: 1}
#intro_wrap{padding-top: 80px;padding-bottom: 100px;border: solid 1px #CEAC20;background-color: rgba(255,255,255,0.8);background-image: url(./Dup/img/intro1.png), url(./Dup/img/intro2.png);background-size: 150px;background-repeat: no-repeat;background-position: top 20px center, bottom 20px center}
#intro .num{top: 0;left: 0;transform: none;position: static;font-size: 20px;letter-spacing: 5px}
#contents3 .con_box{border: solid 1px #EDEAD3;background-image: url(./Dup/img/con3_bg1.png), url(./Dup/img/con3_bg2.png), url(./Dup/img/con3_bg3.png), url(./Dup/img/con3_bg4.png);background-repeat: no-repeat;background-position: top 20px left 20px, top 20px right 20px, bottom 20px left 20px, bottom 20px right 20px;background-size: 100px}
#top_cms .cms_title{text-align: center}
#top_cms .cms_title p{font-size: 50px;opacity: 0.2;line-height: 1}
#top_cms .cms_title h3{margin-top: -26px;font-size: 30px}
.line-l:before{display: none}
.more_btn{background-color: #F9F8F2}

.cate_list li a{border: solid 1px rgba(206,172,32,0.1)}
.cate_list li a:hover{border: solid 1px rgba(206,172,32,0.4);background-color: transparent!important}

.cate_title{background-color: transparent;padding: 0;margin: 0;display: block;border: none;width: 100%!important;font-size: 24px;text-align: center;padding-bottom: 10px!important;margin-bottom: 50px;color: #605F34;font-weight: normal;position: relative;letter-spacing: 2px}
.cate_title::before{position: absolute;content: "";width: 100px;height: 1px;left: 0;right: 0;bottom: -1px;margin: auto;background-color: #CEAC20}
.cate_img, .cate_img1{margin-left: auto;margin-right: auto;text-align: center}

.cms_5-c .box_txt1::before, #cms_5-c .box_txt1::before{top: 0}

#footer{background-image: url(./Dup/img/bg_img2.png);background-size: 300px}

/** tablet 780 **/
@media screen and (max-width: 768px){
header #logo{opacity: 0}
header.scr_header #logo{opacity: 1}
#intro .num{letter-spacing: 3px}
.back1:not(#top_cms){background-size: 1000px}
.cate_title{font-size: 20px;letter-spacing: 1px}
#info_contact .con_box span.pop400{font-size: 36px}
#info_contact .con_box span.hannari{top: -20px}
#contents3 .con_box{background-position: top 10px left 10px, top 10px right 10px, bottom 10px left 10px, bottom 10px right 10px;background-size: 80px}
#page_title .page_title_box{width: 400px}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
header #logo, header.scr_header #logo{max-width: 130px}
#page_title .page_title_box{width: 270px}
}

/** IE **/
@media all and (-ms-high-contrast:none) {
.more_btn{padding-top: 5px}
.more_btn::before{top: -1px}
.more_btn::after{top: 0}
.cms_5-c .box_txt1::before, #cms_5-c .box_txt1::before{top: 5px}
#pc_nav li a, #top_pc_nav li a{padding-top: 5px}
}