﻿/*===========================================================*/
/* 個別 */
/*===========================================================*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&family=Noto+Sans+JP:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Purple+Purse&display=swap');
body{
font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
        background-color: #0b0b0b;
}
body, .txt_color_nomal {
    color: #ffffff;
}
p{    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
h2,h3{font-weight: 500;}
.fa-envelope:before {
    content: "\f075";
}
.linkStyle{color: #fff;border-bottom: 1px solid;}

.dec{
    opacity: 0.2;
    left: 5%;
    max-width: 448px;
    width: 45%;
}
.dec02{
    right: 10%;
    opacity: 0.3;
    max-width: 400px;
    width: 45%;
    bottom: 0;
}
header{background-color: #000!important;}
#main_img .catch{
    bottom: 10%;
    left: 10%;
    max-width: 700px;
    width: 50%;
}
#main_img .catch img{
        z-index: 1;
    max-height: inherit;
    min-height: inherit;
}
#main_menu ul li a{color: #fff;}
.con_no{
    font-family: 'Purple Purse', cursive;
    font-size: 70px;
    opacity: 1;
}
#contents1 .con_no::before{content: none;}
#contents1 .con_no{padding: 0;}
#contents1{text-align: center;}
#contents2 .img5::before{
    content: "";
    position: absolute;
    display: block;
    background-image: url(Dup/img/bg.jpg);
    background-size: contain;
    width: 100%;
    height: 100%;
    bottom: -20px;
    left: -20px;
    z-index: -1;
    opacity: 0.5;
}
#contents3 h3{color: #c9ab81;}
#contents3{background-color: transparent;}
#contents3 .bg{
        width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(DUp/img/bg.jpg);
    opacity: 0.3;
    background-size: 65%;
    z-index: -1;
}
#contents3 .con_no{font-size: 30px;}
#top_cms .cms_title h2{color: #fff;}
footer{background-color: #190b06;border-color: #0b0b0b!important;}
/*===========================================================*/
/* コード集 */
/*===========================================================*/




/*===========================================================*/
/* 下層 */
/*===========================================================*/
.cate_list li a {
    color: #fff;
    background-color: #a89d73;
}
#page9 h3{border-color: #a89d73;}
#page10 ul li a{
    background-color: #a89d73;
    color: #fff;
}
#page10 .hvr_bg_color1:hover {
    background-color: #34150a;
}
#page_title .page_box{position: relative;}
#page_title .page_box::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background-image: url(Dup/img/bg.jpg);
    z-index: -1;
    opacity: 0.2;
    background-size: 60%;
}

/*===========================================================*/
/* 1280 */
/*===========================================================*/
@media screen and (max-width: 1280px){
    #contents1 .txt3 span{display: inline-block;}
}



/*===========================================================*/
/* タブレット */
/*===========================================================*/
@media screen and (max-width: 768px){
.dec02{bottom: 0;}
#main_img .catch{left: 17%;}
.hamburger__icon,.hamburger__icon:after, .hamburger__icon:before{background-color: #fff;}
.fat-nav ul{background-color: #0b0b0b;}
#contents3 .bg{background-size: 100%;}
#page_title .page_box::before{background-size: 100%;}
}



/*===========================================================*/
/* スマホ */
/*===========================================================*/
@media screen and (max-width: 667px){
.con_no{font-size: 30px;}

}


/*===========================================================*/
/* IE */
/*===========================================================*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){



}


/*===========================================================*/
/* Firefox */
/*===========================================================*/
@-moz-document url-prefix(){

}