/*===========================================================*/
/* 個別 */
/*===========================================================*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Shippori+Mincho&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Noto+Serif+JP:wght@500&display=swap');
body::before{background-color: #EBE5C6;}
#header h1{max-width: 300px;}
#main_contents #catch {
    transform: translateY(-100px);
}
#top_cms .top_cms_title div,#main_contents #main_menu li a {
    color: #343443;
}
#main_contents #main_menu li.active::before {
    background-color: #15152b;
}
#main_contents #main_menu li::before {
    border: 2px solid #15152b;
}
#main_contents #main_menu li::after {
    border-bottom: 1px solid #15152b;
}
#contents h3 span{
    border-top: 1px solid #fff;
    font-size: 30px;
}
#top_cms .more a {
    border: 2px solid #15152b;
    background-color: #15152b;
}
#top_cms .top_cms_title h3 span{border-top: 2px solid #15152b;}
#top_cms .top_cms_title h4 span{border-bottom: 1px solid #15152b;}
#main_contents #main_menu li a{color: #343443;}
#intro p.font_en{font-size: 20px;}
.font_en,#intro p.font_en,#contents h3 span,#top_cms .top_cms_title h4 span{font-family: 'Montserrat', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#intro h2,#main_contents #catch h2,#footer h3,#contents_link a h3,#page_title h2 span,.cate_title,#top_cms .top_cms_title div,#main_contents #main_menu li a{font-family: 'Noto Serif JP', serif;font-weight: normal;}
.sc_anime.right_anime.active {
    background-color: #f4f4f4;
    box-shadow: 0 2px 4px rgb(0 0 0 / 15%);
}
#top_cms .more a{font-size: 16px;letter-spacing: 3px;}
#top_cms .top_cms_title h4 span{text-transform: uppercase;}
.sc_anime.left_anime.active, #catch span.left_anime.active,#cms_5-b .cate_box .open_bt .arrow img, .cms_5-b .cate_box .open_bt .arrow img,#page-top,.cate_list a .font_en{background-color: #15152b;}
.cms_5-b .cate_box .open_bt .box_title1::before {
    color: #16162c!important;
}
#intro::after, #contents::after, #contents_link a::after, #page_title::after{background-color: rgba(120,110,55,0.5);}
#main_contents #catch p{display: none;}
#fix_bnr {
    background-color: #fbf9f3;
    border: 1px solid #685b50;
    bottom: 10px;
    right: 80px;
    width: 220px;
    margin: auto;
    z-index: 20;
    box-sizing: border-box;
}
#fix_bnr .fix_bnr_btn,#fix_bnr2 .fix_bnr_btn {
    line-height: 1;
    top: -10px;
    right: -8px;
    cursor: pointer;
}
#fix_bnr a,#fix_bnr2 a {
    color: #3f3a39;
    font-weight: normal;
    font-size: 15px;
    line-height: 1.8;
    text-align: center;
}
#fix_bnr2{
    background-color: #fbf9f3;
    border: 1px solid #685b50;
    bottom: 10px;
    right: 310px;
    width: 220px;
    margin: auto;
    z-index: 20;
    box-sizing: border-box;
} 
.index footer{padding-bottom: 70px;}
#footer{background-color: #ddd6b4;}
body::before {
    background-image: url(Dup/img/bg02.png);
    background-size: 100px;
    background-color: #fbf7d6;
}
#top_cms .top_cms_box{
    background-image: url(Dup/img/dec1.png);
    background-repeat: no-repeat;
    background-size: 350px;
    background-position: top 0px left -10px;
}
#top_cms .top_cms_box:nth-of-type(2){background-image: url(Dup/img/dec2.png);background-size: 250px;}
.linkStyle{color: #15152b;border-bottom: 1px solid;}
#main_contents:before{
    content: "";
    display: block;
    position: absolute;
    background-image: url(Dup/img/dec1.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 250px;
    bottom: 15%;
    left: -5vw;
    width: 30%;
    opacity: 0.8;
}
#main_contents::after{content: none;}
header{border: none;}
#contents_link a:hover::after{top: 0;background-color: rgba(120,110,55,0.15);}
#catch{transition: opacity 0.5s;}
.catch_hide{opacity: 0;}
/*===========================================================*/
/* loading */
/*===========================================================*/
#loading_bg {
    height: 100vh;
    width: 100vw;
    z-index: 200;
    background-color: #fbf7d6;
}
#loading {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#loading img {
    z-index: 1;
}
#loading .gauge {
    width: 0;
    -webkit-transform: skewX(
10deg);
    -ms-transform: skewX(10deg);
    transform: skewX(
10deg);
    transform-origin: left bottom;
}
/*===========================================================*/
/* 下層 */
/*===========================================================*/
#cms_6-a .cate_title,#page10 .grid_4 a .no,#page09 h3 span{background-color: #15152b;}
#page09 h3{color: #15152b;}
#page09 h3 span{color: #fff;}
#page10 .grid_4 a{color: #15152b;border: 1px solid #15152b;}
#page10 .grid_4 a:hover {
    color: #ffffff;
}
#page07 h3 span {
    color: #15152b;
    padding: 5px 20px;
}
#page07 .box {
    border-bottom: 2px solid #222239;
    color: #333;
}
#page07 .grid_4 h3::after {
    background-color: #d2d2d2;
}
.btn_container a{
    background-color: #15152b;
    color: #fff;
    max-width: 200px;
    display: block;
    padding: 10px;
    text-align: center;
}
#cms_5-b .cate_box .open_bt .box_title1::before {
    color: #15152b!important;
}
.pager li a{background-color: #15152b;}



/*===========================================================*/
/* タブレット */
/*===========================================================*/
@media screen and (max-width: 768px){
#footer .grid_6 h3{font-size: 40px;}
#menu_bt{background-color: #15152b;}
.index #main_contents:before{
        bottom: -15%;
    left: -5vw;
    width: 40%;
    opacity: 0.8;
    z-index: -1;
}

#main_contents:before {
    bottom: -40%;
    left: -5vw;
    width: 40%;
    opacity: 0.8;
    z-index: -1;
}
#page10 .grid_4 a span.font_24{font-size: 20px;}

}



/*===========================================================*/
/* スマホ */
/*===========================================================*/
@media screen and (max-width: 667px){
#contents_link a > div{width: 60%;}
#header h1 {
    max-width: 150px;
}
.top_cms_title h3{font-size: 26px;}
#top_cms .top_cms_box{
    background-image: url(Dup/img/kumo.png);
    background-repeat: no-repeat;
    background-size: 150px;
    background-position: top 7px left;
}
#fix_bnr,#fix_bnr2{
    right: 50%;
    transform: translateX(50%);
}
#fix_bnr2{
    bottom: 70px;
}
.index footer{padding-bottom: 120px;}
.btn_container a{margin: 10px auto 0;}
#main_contents #catch {
    transform: translateY(-50px);
}
.index #main_contents:before{bottom: 20%;}
#main_contents:before {
    bottom: -70%;
}
body::before{background-size: 50px;}
#page_title h2{font-size: 24px;}



}


/*===========================================================*/
/* IE */
/*===========================================================*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){
#intro .more a{padding: 10px 40px 5px 10px!important;}
#fix_bnr a, #fix_bnr2 a,.cate_list a,.btn_container a,.contact_wrap a{padding-bottom: 5px!important;}
#page07 h3 span{padding: 5px 20px 3px!important;}
}


/*===========================================================*/
/* Firefox */
/*===========================================================*/
@-moz-document url-prefix(){

}