@import url('https://fonts.googleapis.com/css2?family=Bad+Script&display=swap');
.menu_title,.cms_title h2,.page_title h2 .posi_center,.con_sub_title{
font-family: 'Bad Script', cursive;
}

@charset "utf-8";
/* color */
.txt_color_nomal{color: #444;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #444} /* メインカラー */
.txt_color2{color: #6e6e6e} /* サブカラー */
.txt_color3{color: #D8B393} /* アクセントカラー1 */
.txt_color4{color: #d9804d} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: /*#e9eceb*/transparent;background-image:url(dup/img/bg9.jpg);} /* メインカラー */
.bg_color2{background-color: #f4f4f4} /* サブカラー */
.bg_color3{background-color: #a9a9a9} /* アクセントカラー1 */
.bg_color4{background-color: #EFEFEF} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #d9804d}
.border_color2{border-color: white}
.border_color3{border-color: #999}
.border_color4{border-color: #EFEFEF}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #e9eceb;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #e9eceb} /* メインカラー */
.hvr_txt_color2:hover{color: #6e6e6e} /* サブカラー */
.hvr_txt_color3:hover{color: #D8B393} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #EFEFEF} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #e9eceb} /* メインカラー */
.hvr_bg_color2:hover{background-color: #f4f4f4} /* サブカラー */
.hvr_bg_color3:hover{background-color: #a9a9a9} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #EFEFEF} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}


/* border-color ※!important */
.hvr_border_color1:hover{border-color: #e9eceb}
.hvr_border_color2:hover{border-color: white}
.hvr_border_color3:hover{border-color: #D8B393}
.hvr_border_color4:hover{border-color: #EFEFEF}




/*全ページ*/
#wrap{
      background-image: url(dup/img/bg9.jpg);
}
#header > div span{
      color:#666;
}
.header{
      max-width:100%!important;
}
#logo{
      margin-bottom: 50px;
}
#logo img{
width:500px;
}
#main_menu{
      margin-bottom:0;
}
#main_menu.fixed{
background: rgba(255,255,255,0.7);
}
.menu_title{
      font-size: calc(1rem + 4px);
}
.menu_title{
      color:#933c0b;
}
#info_map{
      background-color:white;
}
footer{
      background-color: #b1aeab;
}
#copyright a{
    color:white;
}

/*トップページ*/
#aisatsu > div {
    background-color: rgba(152,127,76,0.4)!important;
}
#contents2 .contents_box{
    background-image:url(dup/img/box_bg1.jpg)!important;
    background-repeat:no-repeat;
    background-position:right bottom;
    background-size: 40%;
    padding-bottom:120px;
    margin-top: -100px!important;
}
#contents1 .contents_box,#contents3 .contents_box{
      background-image:none!important;
      background-color:white!important;
      margin-top: -100px!important;
}
.contents_box h2, .contents_box p {
    color: #777!important;
}
.contents_box::before,.contents_box::after,.contents_box2::before,.contents_box2::after{background-color: #b1b2bd;}
.con_sub_title{
      color: #933c0b;
      font-size:20px;
}
.cms_title h2,.cms_title p{
      color:#666;
}
.cms_title h2{
      font-size: calc(3rem);
}
#top_cms .cms_title h2::before, #top_cms .cms_title h2::after {
    background-color: #b1b2bd;
}
.cms_box div.border_white {
    border-color: #b1b2bd;
}
.effect{
    color: #666;
    border-bottom:1px solid #666;
}


/*下層ページ*/
#main_img2 .page_title {
    background-color: rgba(192,175,142,0.5)!important;
}
.page_title h2{
      color:#666!important;
      background-image:none;
      background-color:rgba(255,255,255,0.8)!important;
}
.page_title h2 span{
      color:#666!important;
}
.cate_list li a{
      color:#666;
}
.cate_list li a{
    border:1px solid #666;
}

/*FAQページ*/
#cms_5-b .cate_box .open_bt .box_title1::before {
    color: rgba(50, 50, 50, 1)!important;
}

/*Line up*/
.cms_4-b .modal_bt,#cms_4-b .modal_bt{cursor: pointer}
.cms_4-b .modal_bg,#cms_4-b .modal_bg{
     top: 0;left: 0;
     background-color: rgba(0,0,0,0.8);
     z-index: 9998;
}
.cms_4-b .modal_box,#cms_4-b .modal_box{
     max-height: 80%;
     overflow-y: auto;
     z-index: 9999;
}
.cms_4-b .close_bt,#cms_4-b .close_bt{cursor: pointer}


/* ---------- レスポンシブ ---------- */
@media screen and (max-width: 1400px){
#logo img {
    width: 350px;
}
}

@media screen and (max-width: 1000px){
#logo img {
    width: 300px;
}
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#logo img {
    width: 300px;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#contents1 .contents_box,#contents2 .contents_box, #contents3 .contents_box{
    margin-top:0!important;
}
#contents2 .contents_box{
    background-size: 70%;
}
#logo {
    margin-left: auto;
    margin-right: auto;
    margin-bottom:10px;
}
#logo img {
    width: 150px;
}
.button_container span {
    background-color: #d9804d;
    box-shadow: none;
}
.page_title h2{
    width:52%;
}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
 .header{
    display:block;
}
}