﻿body, .font_sans-serif{font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"}

#intro h2, #contents1 h2, #contents2 h3, #top_cms .top_cms_box .top_cms_title, .more a, #page_title, #main_nav .nav li a, .cate_title, #cms_1-e .box_title1{font-family: kinuta-maruminold-stdn, "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";font-weight: 400}

.linkStyle{display: inline-block;transition: 0.3s;color: #ea963b}
.linkStyle:hover{opacity: 0.7}

body{background-color: #f4f2ed;/** background-image: url(./Dup/img/bg_img.jpg);background-size: 600px **/}
#intro, #top_cms .top_cms_box .top_cms_title, #main_nav, #loader{background-image: url(./Dup/img/bg_img5.png);background-size: 400px;background-position: top left}
#page_title{background-image: url(./Dup/img/bg_img6.png), url(./Dup/img/bg_img5.png);background-size: 300px, 400px;background-position: center, top left;background-repeat: no-repeat, repeat}
#intro h2{text-align: center}
#intro h2 span::before, #intro h2 span::after{position: absolute;content: "";width: calc(100% + 10px);height: calc(100% + 10px);}
#intro h2 span::before{left: 0;top: 0;border-left: solid 1px #fff;border-top: solid 1px #fff}
 #intro h2 span::after{right: 0;bottom: 0;border-right: solid 1px #fff;border-bottom: solid 1px #fff}
#main_img .down{left: 0;right: 0;margin: auto;bottom: 20px;width: 20px;}
#contents1, #contents1 > div{position: relative}
#contents1{background-image: url(./Dup/img/bg_img3.png), url(./Dup/img/bg_img2.png);background-size: 300px;background-repeat: no-repeat;background-position: bottom left, top right}
#contents1::before{position: absolute;content: "";width: 40%;height: 70%;top: 0;left: 0;background-color: #e9e6db}
#contents1 img{box-shadow: none!important}
#contents2::after{background-image: url(./Dup/img/bg_img4.png);background-size: 400px;background-position: left 25% top 50%;background-repeat: no-repeat}
.more a, .cate_list a{background-color: #ea963b;transition: 0.3s}
.more a:hover, .cate_list a:hover{background-color: #544029}
#top_cms .top_cms_title p{padding-left: 5px}

.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 1px #423121;color: #423121;font-weight: 400}


/** tablet 780 **/
@media screen and (max-width: 768px){
#contents2{min-height: inherit}
#top_cms .top_cms_title h3{font-size: 24px}
#contents1::before{height: 50%}
#contents2::after{background-size: 250px;background-position: left 10% top 50%}
#page_title{background-size: 250px, 400px;}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
#intro{padding-left: 20px;padding-right: 20px}
#contents1 p{padding: 0}
#contents2{padding-left: 0;padding-right: 0;padding-top: 350px}
#contents2::after{background-position: left 50% top 80px}
#contents2 h3{font-size: 20px;text-align: center}
#contents1::before{display: none}
#contents1 figure{width: 100%!important}
#contents1 p{margin-top: 50px}
.cate_list li{width: 100%;margin: 0;margin-bottom: 10px}
.cate_list a{display: block}
}

/** IE **/
@media all and (-ms-high-contrast:none) {
.more a{font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";font-weight: 400}
#top_cms .top_cms_title h3{padding-right: 30px}
#page_title h2{padding-right: 40px}
#intro h2 span{padding-top: 30px;padding-bottom: 0}
}