header, #main_img .txt h2, #page_title, #f_contact .con_txt, #intro h2, #contents1 h2, #contents2 h2, #top_cms h2, #top_info h2, #f_contact .con_bt, .more_bt a, #top_info .more_bt2 a, .cate_title{font-family: tbcgothic-std, YuGothic,"Yu Gothic","游ゴシック体","游ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic","Helvetica Neue",Helvetica,Arial,sans-serif!important;font-weight: 800!important;}

body{background-color: #fcfbf7}
#wrap{position: relative;z-index: 1}
#logo img{width: 80%!important}
.font_bold{font-weight: bold!important}
.more_bt a{background-color: transparent;border-radius: 0;border: solid 2px #44352d;box-shadow: 5px 5px 0 #44352d;color: #44352d;padding-top: 10px;padding-bottom: 10px}
.more_bt a:hover{transform: translate(-5px, -5px);box-shadow: 10px 10px 0 #44352d}
#page_title::before{background-image: url(./Dup/img/bg_img.png);background-size: contain;background-position: bottom center;background-repeat: no-repeat}

header .inner{border-radius: 0;border: solid 2px #44352d;box-shadow: 5px 5px 0 #44352d}
#pc_nav ul:last-of-type{border-radius: 0;background-color: #f8f4e6}
#pc_nav ul:last-of-type a{color: #e29454}
#main_img h2{font-size: 40px}
#intro figure{box-shadow: 10px 10px 0 #44352d;}
#main_img .txt h2 span, #intro h2 span, #contents1 h2 div, #contents2 h2 span{padding-bottom: 20px;background-repeat: repeat-x;background-size: 15px;background-position: bottom 0 left 0;background-image: url(./Dup/img/border1.png);animation: anime2 0.5s linear infinite}
#contents1 h2 div{background-image: url(./Dup/img/border2.png)}
#contents2 .cate_box{border: solid 2px #44352d;box-shadow: 10px 10px 0 #44352d}
#top_cms{padding-bottom: 1px}
#top_cms .more_bt{margin-top: 50px}
#top_info .pd_t-100px.pd_b-100px{padding-top: 50px;padding-bottom: 50px}
.fade_box{z-index: 1;pointer-events: none;opacity: 0;transition: 0.5s}
.fade_box.active{opacity: 1;animation: anime1 0.5s ease}
@keyframes anime1 {
0% {transform: scale(1,1)}
50% {transform: scale(1.2,1.2)}
80% {transform: scale(0.9,0.9)}
100% {transform: scale(1,1)}
}
@keyframes anime2 {
0% {background-position: bottom 0 left 0}
100% {background-position: bottom 0 left 15px}
}
.img1{top: -170px;left: -30px}
.img2{bottom: -170px;right: 0}
.img3{top: -100px;right: -30px}
.img4{top: -170px;right: 50px}
.img5{bottom: -170px;left: 50px}
.img7{top: 30px;right: 50px}

.cate_title{background-color: transparent;padding: 0;margin: 0;display: block;border: none;width: 100%!important;font-size: 26px;text-align: center;padding-bottom: 10px!important;margin-bottom: 50px;color: #44352d;font-weight: bold;border-bottom: solid 2px #f8f4e6;position: relative}
.cate_title::before{position: absolute;content: "";width: 100px;height: 2px;left: 0;right: 0;bottom: -2px;margin: auto;background-color: #44352d}

#cms_2-a .box_img1{box-shadow: 10px 10px 0 #44352d;transform: rotate(-5deg)}
.cms_2-a .box_img1, .cate_img1{box-shadow: 10px 10px 0 #44352d}
.cms_2-a .cate_box{padding-bottom: 10px}
#page8 .contact_tel{background-color: #f8f4e6}

#f_contact .more_bt a{background-color: #fff}

/** tablet 780 **/
@media screen and (max-width: 768px){
header .inner{border: none;border-bottom: solid 2px #44352d;box-shadow: none}
#main_img h2{font-size: 30px}
#page_title::before{background-size: 1000px}
#contents1{padding-top: 120px;padding-bottom: 120px}
.img1{top: -150px;left: -50px}
.img2{bottom: -100px;right: -50px}
.img3{display: none}
.img4{top: -100px;right: auto;left: 20px}
.img5{bottom: -120px;left: auto;right: 20px}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
#main_img .txt{width: calc(100% - 40px)!important;top: auto;bottom: 50px}
#main_img h2{font-size: 24px}
#intro h2, #contents1 h2, #contents2 h2{font-size: 20px}
.cate_title{font-size: 22px}
.fade_box{width: 100px}
.img1{top: -90px;left: -40px}
.img2{bottom: -80px;right: -20px}
.img4{top: -120px}
.img5{bottom: -70px;}
.img7{right: 30px}
#copyright{letter-spacing: 1px;text-align: left;font-size: 12px}
}

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

}