/* 1536 , 1530 × 735 ,1366 *//* 上記画面幅でも崩れていないか確認 */
.rsv_btn {
    display: none;
}

/* 修正した場合→各項目の一番下に日付をコメントアウトして追記 */

/*■■　ALL　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

:root{
    --color1: #e1caaa;
    --color2: #fffded;
/*     --color3: #bd941e; */
    --color3: #84694e;
    --color4: #fffbda;
	/*--font-jp: 'Noto Sans JP', "游ゴシック Medium", sans-serif;*/
}

/*.txt_color1, .hvr_txt_color1:hover{color: var(--color1);} */
.txt_color2, .hvr_txt_color2:hover{color: var(--color2);}
.txt_color3, .hvr_txt_color3:hover{color: var(--color3);}
/*.txt_color4, .hvr_txt_color4:hover{color: var(--color4);}*/

/* background-color */
/* .bg_color1, .hvr_bg_color1:hover{background-color: var(--color1);} */
.bg_color2, .hvr_bg_color2:hover{background-color: var(--color2);}
.bg_color3, .hvr_bg_color3:hover{background-color: var(--color3);}
.bg_color4, .hvr_bg_color4:hover{background-color: var(--color4);}

/* border-color ※!important */
/* .border_color1, .hvr_border_color1:hover{border-color: var(--color1);} */
.border_color2, .hvr_border_color2:hover{border-color: var(--color2);}
.border_color3, .hvr_border_color3:hover{border-color: var(--color3);}
/*.border_color4, .hvr_border_color4:hover{border-color: var(--color4);}*/

#wrap {
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}

#pc_nav a, #pc_main_nav a, .font_en {
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"!important;
}

.footer_bg {
    background-color: #81643c;
}

.logo_wrap #logo {
    width: 300px;
}

.rsv_btn a {
    background: #84694e!important;
    color: #fff;
}

.footer_tel a {
    color: #fff!important;
}


/* ---------------------------　タブレット　-------------------------- */
@media screen and (max-width: 768px){

}

/* --------------------------　スマホ　-------------------------- */
@media screen and (max-width: 667px){
    .logo_wrap #logo {
        width: 180px;
    }
}



/*■■　FV　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

.top_page:before {
/*     background: var(--color1); */
    display: none;
}

#main_img {
    width: 100%;
    margin: 0 auto;
    margin-top: 0;
    margin-left: 0;
    overflow: hidden;
    height: auto;
}

.fv_txt01 {
    width: 43%;
    bottom: 6.3%;
    left: 6.6%;
    animation: fadeup 1s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}

/* ---------------------------　タブレット　-------------------------- */
@media screen and (max-width: 768px){
    .fv_txt01 {
        width: 84%;
        bottom: 1.9%;
        left: 51%;
        top: 7%;
        transform: translateX(-50%);
    }
}

/* --------------------------　スマホ　-------------------------- */
@media screen and (max-width: 667px){

}



/*■■　TOP　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.top_page #mainheader {
    position: absolute;
    z-index: 1;
}

.cursor, .follower{
	border-radius: 50%;
	position: fixed;
	top: 0;
	left: 0;
	pointer-events: none;
	z-index: 10;
	transition: 0.3s;
	transition-property: opacity,background,width,height,transform
}
.cursor {
	width: 8px;
	height: 8px;
	z-index: 11;
	background-color: #84694e;
}
.cursor.is-active{
	background-color: var(--color1);
}
.follower {
	width: 40px;
	height: 40px;
	border: solid 1px #84694e;
}
.follower.is-active{
	transform: scale(1.8,1.8);
	border: solid 1px var(--color1);
}

/* .con3_box .simpleParallax {
    overflow: unset!important;
} */

/* ---------------------------　タブレット　-------------------------- */
@media screen and (max-width: 768px){
/*     .con3_box .simpleParallax {
    width: 90%;
} */
}

/* --------------------------　スマホ　-------------------------- */
@media screen and (max-width: 667px){

}



/*■■　下層ページ　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.under_page:before {
    background: var(--color1);
}

.blog_page .border_color2,.blog_page .hvr_border_color2:hover{
    border-color: var(--color1);
}

.sub_title {
    font-size: 35px;
}

.title_wrap {
    width: 80%!important;
}

/* ---------------------------　タブレット　-------------------------- */
@media screen and (max-width: 768px){
    .cate_list {
        margin-bottom: 30px;
    }
}

/* --------------------------　スマホ　-------------------------- */
@media screen and (max-width: 667px){
    .sub_title {
        font-size: 20px;
        line-height: 1.3;
    }
}