﻿/* all page */
/*fonts*/
@import url('https://fonts.googleapis.com/css2?family=Homemade+Apple&display=swap');
.liana {
    font-family: 'Homemade Apple', cursive;
}
.overlay .overlay-nav .en, .top_cms_box .cms_title h3 {
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
}

/* color ---------------------------------------------------------------------------------------------*/
.linkStyle{color: #de7651;text-decoration: underline;transition: opacity .3s;}
.linkStyle:hover{opacity: 0.7}
.txt_color1, .hvr_txt_color1:hover{color: #5a1e09;} /* メインカラー */
.txt_color2, .hvr_txt_color2:hover{color: #e6e6e6} /* サブカラー */
.txt_color3, .hvr_txt_color3:hover{color: #a67c52} /* アクセントカラー1 */
.txt_color4, .hvr_txt_color4:hover{color: #c9baa9} /* アクセントカラー2 */

/* background-color */
.bg_color1, .hvr_bg_color1:hover{background-color: #5a1e09;} /* メインカラー */
.bg_color2, .hvr_bg_color2:hover{background-color: #5a1e09;} /* サブカラー */
.bg_color3, .hvr_bg_color3:hover{background-color: #a67c52;} /* アクセントカラー1 */
.bg_color4, .hvr_bg_color4:hover{background-color: #b8a187;} /* アクセントカラー2 */

/* border-color ※!important */
.border_color1, .hvr_border_color1:hover{border-color: #5a1e09;}
.border_color2, .hvr_border_color2:hover{border-color: #e6e6e6}
.border_color3, .hvr_border_color3:hover{border-color: #a67c52}
.border_color4, .hvr_border_color4:hover{border-color: #b8a187;}

.menu-trigger-bar:before {
    background-color: rgba(0, 0, 0, 0.5);
}

/* header */
#logo a img{
    max-width: 250px;
}

/* top ----------------*/

/* main img */
.catch{
    max-width: 600px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 3;
    backdrop-filter: blur(5px);
}

/* main */

/* intro */
.intro_right .intro_title{
    position: relative;
}
.intro_right .intro_title::before{
    content: "";
    background-color: #a67c52;
    width: 50px;
    height: 1px;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
}

/* contents */
#contents .con_title {
    font-size: 45px;
    margin-bottom: 15px;
}
#contents_wrap .con_photo::before{
    content: "";
    background-color: #a67c52;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: -5%;
    right: -5%;
    opacity: 0.5;
    z-index: -1;
}
#contents_wrap .box2 .con_photo::before{
    right: auto;
    left: -5%;
}
#contents_wrap .con_box_item{
    position: relative;
}
#contents_wrap .con_box_item::before{
    content: "";
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
    height: 160px;
    position: absolute;
    top: -107px;
    left: 50%;
    transform: translateX(-50%);
}
#contents_wrap .box1 .con_box_item::before{
    background-image: url('./Dup/img/con01.png');
    width: 150px;
}
#contents_wrap .box2 .con_box_item::before{
    background-image: url('./Dup/img/con02.png');
    width: 120px;
    transform: translateX(-40%);
}
#contents_wrap .box3 .con_box_item::before{
    background-image: url('./Dup/img/con03.png');
    width: 120px;
}

/* topcms */


/* footer */
#logo2 a img{
    max-width: 250px;
}
.map {
    height: 450px;
}


/* under page */

/* cms1 */

/* cms2 */

/* cms3 */

/* cms4 */

/* cms5 */
.topcms_menu_type3 .cate_box,#topcms_menu_type3 .cate_box {
	width: 32%!important;
	background-color: #111111;
}
.topcms_menu_type3 .cate_box,#topcms_menu_type3 .cate_box {
	margin-right: 2%;
}
.topcms_menu_type3 .cate_box:nth-of-type(3n),#topcms_menu_type3 .cate_box:nth-of-type(3n) {
	margin-right: 0px;
}
.topcms_menu_type3 .btn, #topcms_menu_type3 .btn{
	line-height: 2;
}
.topcms_menu_type3 .btn a, #topcms_menu_type3 .btn a{
	border-color: #b8a187;
}

/*--------タブレット--------*/
@media screen and (max-width: 768px){
/*.topcms_menu_type3 .cate_box{*/
/*	width: 85%!important;*/
/*	margin: 0 auto 40px;*/
/*}*/
/*.topcms_menu_type3 .cate_box:nth-of-type(3n){*/
/*	margin-right: auto;*/
/*}*/
/*#topcms_menu_type3 .cate_box {*/
/*	width: 48.5%!important;*/
/*}*/
/*#topcms_menu_type3 .cate_box:nth-of-type(3n) {*/
/*	margin-right: 2%;*/
/*}*/
/*#topcms_menu_type3 .cate_box:nth-of-type(2n) {*/
/*	margin-right: 0px;*/
/*}*/
}

/*--------スマートフォン--------*/
@media screen and (max-width: 667px){
.topcms_menu_type3 .cate_box {
	width: 95%!important;
}
#topcms_menu_type3 .cate_box {
	width: 100%!important;
}
.topcms_menu_type3 .cate_box, #topcms_menu_type3 .cate_box,.topcms_menu_type3 .cate_box:nth-of-type(3n), #topcms_menu_type3 .cate_box:nth-of-type(3n) {
	margin: 0 auto 40px;
}
}

/* page7 */

/* page8 */

/* page9 */

/* page10 */


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
    #logo a img {
        max-width: 200px;
    }
    #main_img .sns_links {
        justify-content: flex-start;
    }
    .catch{
        max-width: 300px;
        backdrop-filter: blur(3px);
    }
    #contents .con_title {
        font-size: 22px;
    }
    #contents_wrap .con_box_item::before {
        top: -80px;
    }
    #contents_wrap .box1 .con_box_item::before {
        width: 100px;
    }
    #contents_wrap .box2 .con_box_item::before {
        width: 85px;
    }
    #contents_wrap .box3 .con_box_item::before {
        width: 85px;
    }
    #logo2 a img {
        max-width: 180px;
    }
    .map {
        height: 450px;
    }
    
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
    #loading_logo {
        max-width: 250px;
    }
    #logo a img {
        max-width: 120px;
    }
    #video {
        height: 55vh;
        background-color: rgba(90,30,9,0.6);
    }
    #main_img .sns_links {
        max-width: 180px;
    }
    #contents .con_title {
        font-size: 24px;
        margin-top: 30px;
    }
    #contents_wrap .con_box_item {
        padding-top: 70px;
    }
    #contents_wrap .con_box_item::before {
        top: 25px;
    }
    #contents_wrap .box1 .con_box_item::before {
        width: 90px;
    }
    #contents_wrap .box2 .con_box_item::before {
        width: 80px;
    }
    #contents_wrap .box3 .con_box_item::before {
        width: 80px;
    }
    .top_title {
        height: 200px;
    }
    .map {
        height: 300px;
    }
    
}

/*20230202*/
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#video {
    height: 31vh;
}
}

/*20230329*/
#h1txt {
    display: none;
}


