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

.num, #top_cms .cms_title p, #page_title p{font-family: 'Parisienne', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif}

.linkStyle{color: #C45F2C}
.back1:before, .back2:before, #fakeloader:before{background-color: rgba(205,182,188,0.2)!important;background-image: url(./Dup/img/bg_img.png);background-size: 500px;z-index: -1}
#fakeloader{background-color: #fff}

#logo{width: 200px}
header.scr_header #logo{width: 150px}
#top_cms .cms_title p, #page_title p{font-size: 30px}
#top_cms.back1:before, main.back1:before{width: 100%}
#intro_wrap, #contents3 .con_box, .con_box.bg_white{box-shadow: 0 0 30px rgba(86,56,58,0.1)}
#intro_wrap::before{position: absolute;content: "";width: 280px;height: 280px;background-image: url(./Dup/img/bg_img2.png);background-size: cover;right: 50px;bottom: -230px;pointer-events: none}
#contents3 .con_box::before{position: absolute;content: "";width: 200px;height: 200px;background-image: url(./Dup/img/bg_img3.png);background-size: cover;left: 50px;top: -100px;pointer-events: none}

.cate_title{background-color: transparent;padding: 0;margin: 0;display: block;border: none;width: 100%!important;font-size: 24px;text-align: center;padding-bottom: 20px;margin-bottom: 50px;color: #56383A;font-weight: normal;position: relative;font-family: "Hannari","游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"}
.cate_title::before{position: absolute;content: "";width: 40px;height: 1px;left: 0;right: 0;bottom: 0;margin: auto;background-color: #56383A}

#nav_menu .nav_menu_more:first-of-type{display: none}


/** tablet 780 **/
@media screen and (max-width: 768px){
#logo{width: 150px}
header.scr_header #logo{width: 100px}
#page_title .page_title_box{width: 50%}
#intro_wrap::before, #contents3 .con_box::before{opacity: 0.3}
#intro_wrap::before{width: 250px;height: 250px;right: 20px;bottom: -150px}
#contents3 .con_box::before{width: 250px;height: 250px;left: 20px;top: -150px}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
#logo{width: 100px}
header.scr_header #logo{width: 80px}
#page_title .page_title_box{width: 85%;padding-left: 0;padding-right: 0}
#top_cms .cms_title p, #page_title p{font-size: 20px}
#intro_wrap::before{right: 0;bottom: -50px}
#contents3 .con_box::before{left: 0;top: -270px}
}

/** IE **/
@media all and (-ms-high-contrast:none) {

}