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

.font_serif{font-family: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif}

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

.linkStyle{color: #42B23F}

header h1{z-index: 3}
#page_title, #top_cms .cms_wrap{background-image: url(./Dup/img/bg_img.jpg)}
.more a{font-size: 20px}
#top_cms .top_cms_box .top_cms_title p, #page_title p, #footer_cms h3{font-size: 24px}
header.posi_abs::before{position: absolute;content: "";width: 100%;height: 30px;background-image: url(./Dup/img/bg_img2.png);left: 0;bottom: -29px;background-size: contain;transform: rotateX(180deg)}
#footer .logo img{width: 250px}

#page_title, #footer{position: relative}
#page_title::before, #page_title::after, #footer::before{position: absolute;content: "";width: 100%!important;height: 30px;background-image: url(./Dup/img/bg_img2.png);left: 0!important;background-size: contain;z-index: 1}
#page_title > div{text-align: center}
#page_title::before, #footer::before{top: -1px;transform: rotateX(180deg)}
#page_title::after{bottom: -1px;}

#contents1 .box_wrap, #contents2, #contents1 .box_wrap > .box:first-child{position: relative}
#contents1 .box_wrap::before{position: absolute;content: "";width: 100%;height: 30px;background-image: url(./Dup/img/bg_img2.png);left: 0!important;top: -29px;background-size: contain;z-index: 1}
#contents1 .box_wrap > .box:nth-child(2){padding-bottom: 0}
#contents1 .box_wrap > .box:first-child{background-image: url(./Dup/img/bg_img8.png);background-size: 300px;background-repeat: no-repeat;background-position: left 20px bottom 20px;}
#contents1 .box_wrap > .box:first-child::before{position: absolute;content: "";width: 300px;height: 90px;background-image: url(./Dup/img/bg_img9.png);background-size: contain;top: 30px;right: -30px}
.con2_wrap{float: left;background-image: url(./Dup/img/bg_img6.png), url(./Dup/img/bg_img7.png), url(./Dup/img/bg_img4.png), url(./Dup/img/bg_img3.png), url(./Dup/img/bg_img.jpg);background-size: 300px, 400px, 30px, 30px, auto;background-repeat: no-repeat, no-repeat, repeat-x, repeat-x, repeat;background-position: top 50px right 50px, bottom 50px left 50px, top left, bottom left, top left;position: relative}
#contents2::before{position: absolute;content: "";width: 250px;height: 200px;right: 50px;top: -80px;background-image: url(./Dup/img/bg_img5.png);background-size: contain;z-index: 1}
#contents2 .box > div{border-width: 5px}

#cms, #page07, #page08, #page09, #page10{position: relative}
#cms::before, #page07::before, #page08::before, #page09::before, #page10::before{position: absolute;content: "";width: 200px;height: 160px;right: 50px;top: -100px;background-image: url(./Dup/img/bg_img5.png);background-size: contain;z-index: 1}

.cate_title{background-color: transparent;padding: 0;margin: 0;display: block;border: none;width: 100%!important;font-size: 24px;text-align: left;padding-bottom: 5px;margin-bottom: 50px;border-bottom: solid 2px #ddd;color: #FF9800;font-weight: bold;position: relative}
.cate_title::before{position: absolute;content: "";width: 40px;height: 5px;left: 0;bottom: -2px;background-color: #FF9800;}

/** tablet 780 **/
@media screen and (max-width: 768px){
header.posi_abs::before, #contents1 .box_wrap::before{display: none}
#main_img{position: relative}
#main_img::before, #main_img::after{position: absolute;content: "";width: 100%!important;height: 30px;background-image: url(./Dup/img/bg_img2.png);left: 0!important;background-size: contain;z-index: 2}
#main_img::before{top: -1px;transform: rotateX(180deg)}
#main_img::after{bottom: -1px;}
.con2_wrap{background-position: top 75vw right 50px, bottom 50px left 50px, top left, bottom left, top left}
#contents2::before{width: 200px;height: 160px}
#contents1 .box_wrap > .box:first-child::before{top: -30px;right: 30px}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
#cms::before, #page07::before, #page08::before, #page09::before, #page10::before{width: 150px;height: 120px;right: 20px;top: -80px}
#contents1 .box_wrap > .box:first-child{background-size: 200px}
.con2_wrap {background-position: top 80vw right 20px, bottom 50px left 20px, top left, bottom left, top left;background-size: 200px, 300px, 30px, 30px, auto;}
#contents2::before{width: 150px;height: 120px;top: 30px;right: 20px;}
#contents1 .box_wrap > .box:first-child::before{top: -50px;right: 0;width: 250px;height: 75px}
}

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

}