@charset "utf-8";
:root{
	--hf:100px;
}
body,h1,h2,h3,h4,i,em,ul,ol,li,a,img,div,p,dl,dt,dd,table,tr,td{ margin:0; padding:0;}
ul,li,dl,dd,dt{ list-style: none;}
img{ vertical-align:bottom; border:none; height: auto;max-width:100%;}


html{font-size: var(--hf);}
body{
	/* font-family: 'NotoSerifJP-M', "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; */
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	overflow-x: hidden;color: #000;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 0.2rem;line-height: 150%;position: relative;cursor:url("../images/cursor_img.png"), auto;}
a:hover{cursor:url("../images/cursor_img.png"), auto;}
body::after{content: "";display: block;position: fixed;top: 0;left: 0;z-index: -1;width: 100%;height: 100vh;background: url("../images/bg.webp") center 0 no-repeat;background-size: cover ;}

/* menu */
.menumob{ position: absolute;top:0.5rem; /* top:calc(50dvh - 4rem); */right:calc(50% - 6rem); z-index: 200; width:0.3rem; padding: 0 0.2rem;transition: top 0.5s;}
	.menu_skull{}
	.links_list{display: flex;flex-direction: column;}
	.links_list a{display: block; padding:0.1rem 0.05rem; position: relative; }
	.links_list .nav_b01{ padding-bottom:calc(6em + 0.86rem); padding-top: 0;}
	.links_list .nav_b02{ padding-bottom:calc(3.3em + 0.86rem) ;}
	.links_list .nav_b03{ padding-bottom:calc(5em + 0.86rem) ;}
	.links_list .nav_b04{ padding-bottom:0;}
	.links_list a::after{ content: ""; display: block; position: absolute; bottom: 0; left: 50%; width: 1px; height: 0.6rem; background-color: #eaa2a4;}
	.links_list .nav_b04::after{display: none;}

	.links_list img{max-width: none; width: auto; height: 0.2rem; transform: rotate(90deg); transform-origin: 0 100%; transition: opacity 0.5s;}
	.links_list a:hover img{opacity: 0.7;}


.wrap{width: 1280px;max-width: 100%;margin:0 auto;}
	.header{padding:0.2rem 0 1.6rem 0;position: relative;text-align: center;}
	.indexlogo{ width: 7.4rem;}
	.headerbat{--bw:6.36rem;position: absolute;top:2.3rem;left:calc(50% - var(--bw) / 2);width:var(--bw);}
	.headerscroll{--bw:1.2rem;position: absolute;top:9rem;left:calc(50% - var(--bw) / 2);width:var(--bw);}

.content{padding: 3rem 0 0 0;}
	.picmobs{ position: relative; width: 6.76rem; margin: 0 auto; padding-bottom:2.55rem;}
	.pic_text{ position: absolute; bottom: 0;left:-3%; width:108%;}
	.jscl_jp, .jscl_en{transition: opacity 0.5s ease-in-out;cursor: pointer;}
	.jscl_hidden {pointer-events: none; animation: hidden 0.4s both;}
	.jscl_visible {pointer-events: auto; animation: visible 0.4s both; animation-delay: 0.2s;}
	.intro_text{ text-align: center; color: #d1b61a; padding: 0.6rem 0 0.3rem 0; font-size:1.2em; line-height: 2.1em;letter-spacing: 0.1em; font-weight: bold;font-family: 'NotoSerifJP-M',serif;}
	.intro_text img{vertical-align: middle; }
	
	@keyframes hidden {
	0% {opacity: 1;}
	99.99% {opacity: 0;height: auto;}
	100% {opacity: 0;height: 0;margin: 0;padding: 0;overflow: hidden;}
	}
	@keyframes visible {
	0% {opacity: 0;transform: scale(1);overflow: auto;}
	100% {opacity: 1;transform: scale(1);height: auto;}

	}

.nav_links{ display: flex; justify-content: center;}
	.navins_c{ width:1.4rem; padding: 0.35rem; cursor: pointer; transition: all 0.5s;}
	.navins_c img{ transition:transform 0.5s ;}
	.navins_c:hover img{ transform: translateY(-0.2rem);}



.page{padding: 0;}
	.page .content{ padding: 1.5rem 0 0 0; width:70%; margin: 0 auto;}
	.about_text{font-size: 1.3em; line-height:2.3em; color: #d1b61a; padding-bottom:2.5em;font-family: NotoSerifJP-M, serif; font-weight: 500;}


	.bbs #main{ width: 85.15%;margin-left:5.469%;}
		.pagetitle{ text-align: center; height: auto;}
		.bbstp_mob{ position: relative; padding-right:44%; padding-top:0.1rem;}
		.pic_bbsright{ position: absolute; top: 0; right: 1%; width:48.5%;margin-top:4.3%;}

/* .page.diary{font-size: 0.2rem;} */
	.diary #main{ width: 79.3%;margin:0 auto;}
		.diary .pagetitle{ text-align: center; padding: 0.1rem 0 0.2rem 0; width: 79.3%;margin:0 auto;}





footer{text-align: center; font-size:0.65em; line-height: 1.3; color: #fdf6d9;padding:0.9rem 0;font-family: 'NotoSerifJP-M',serif; }



@media screen and (max-width: 1280px) {
	:root{
		--hf:8vw;
	}
	/* menu */
	.menumob{ top:0.5rem;right:0.3rem; z-index: 200; width:0.3rem; padding: 0 0.2rem;}


}


@media screen and (max-width: 800px) {
	.bbstp_mob{padding-right: 0;}
	.pic_bbsright{display: none;}
}

@media screen and (max-width: 750px) {
	:root{
		--hf:10vw;
	}
	body{ font-size: 0.26rem; line-height: 160%;}
	.menumob{right:0.16rem;}
	.bbs #main{ width: 79.3%;margin:0 auto;}
	.diary #main{ width: 79.3%;margin:0 auto;}

}