/*一般*/

html {
	/*ページ全体の基本サイズ*/
	font-size: 15px;
	letter-spacing: 1px;
}
body {background-color: #000;}

	/*↓ここから（bootstrap5換装に合わせて追加）*/
	/*全体：リンク下線標準装備を消去*/
a {
	text-decoration: underline;
	text-underline-offset: 4px;
}
	/*マウスオーバーで下線*/
a:hover {
	text-decoration: none;
}
	/*ナビバーは下線いらない*/
nav, #kirishimappp, #kirishimappp :hover {
	text-decoration: none;
}
	/*↑ここまで追加*/

h1,h2,h3,h4 {
	margin: 0;
	padding: 0;
	font-size: 1.15rem; /*13pt;*/
}
h1 {
	color: #444;
	width: 50%;
	background-color: #ffc;
	border: 2px solid #aae;
	border-bottom: 0;
	padding: 10px 1rem;
	border-radius: 10px 10px 0 0;
	background: linear-gradient(#ffa 60%, #bb8);
}
h2 {
	padding: 10px 0;
	margin-bottom: 1rem;
	font-size: 2rem; /*22pt;*/
	color: #448;
	text-shadow: 2px 2px 1px #fff;
	text-align: center;
	background: linear-gradient(#fff 40%, #09f);
}
h3 {
	font-size: 1.2rem; /*14pt;*/
	padding: 0;
	color: #acf;
	margin-bottom: 1rem;
}
h4 {
	color: #fff;
	text-shadow: 1px 1px 0 #000;
	padding: 5px 1rem;
	margin: 0;
	border-top: 3px solid #88f;
	border-left: 3px solid #88f;
	border-radius: 10px 0 0 0;
	background-color: #aaf;
	background: linear-gradient(to right, #88f, #ddf);
}
h6 {
	font-size: 20pt;
	color: #9f9;
	text-shadow: 1px 1px 0 #000;
}
img {
	box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.5);
}

/*HP内*/

#kirishimappp {
	font-size: 10pt;
}
#kirishimappp span {
	font-size: 5pt;
}

@media screen and (max-width: 500px) {
	#kirishimappp {
		font-size: 7pt;
	}
	#kirishimappp span {
		font-size: 3pt;
	}
}

.sukima-top {
	width: 100%;
	height: 300px;
}
.sukima {
	width: 100%;
	height: 100px;
}

/*画像サイズ自動調整*/

.autosize {
	max-width: 100%;
	height: auto;
}

/*写真ポップアップ*/

#bgblack {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #111;
	opacity: 0.8;
	width: 100%;
	/*height: 100vh;*/
}
#picflame {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	padding: 0;
}

/*読み込み完了まで*/

#loadbgblack {
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	width: 100%;
}

/*背景画像・スクロール画像*/

#back_flm, #back_flm2 {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	width: 100%;
	height: 120%;
	z-index: -1;
	overflow: hidden;
}
#back_flm #back_carousel2 {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	width: 100%;
	height: 120%;
	z-index: 0;
	overflow: hidden;
	/*margin: 0 auto;*/
}
#back_carousel2 img {
	position: relative;
	left: 0;
	width: 100%;
}
#back_flm, #back_flm2 {
	position: fixed;
	opacity: 1;
}
#back_pic, #back_pic2 {
	position: absolute;
	left: -200;
	width: 100%;
}
#back_pic, #back_pic2 {
	min-width: 665px;
	min-height: 500px;
}
#access_map {
	height: 0;
	position: relative;
	overfllow: hidden;
	padding-bottom: 56.25%;
}
#access_map iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
#foot {
	font-size: 0.8rem;
	background: linear-gradient(#999, #444);
}
#foot a {
	color: #ddd;
}
#foot h3 {
	color: #fff;
	text-shadow: 2px 2px 0 #000;
}
.midasi {
	font-size: 1.2rem;
	text-shadow: 2px 2px 0 #fff;
}


/*プロパティ*/
    
.op-2 {opacity: 0.8;}
.op-3 {opacity: 0.7;}
.op-5 {opacity: 0.5;}

.rad-2 {border-radius: 1px;}
.rad-3 {border-radius: 5px;}
.rad-5 {border-radius: 10px;}

.shadow_y2 {box-shadow: 0 2px 5px 2px rgba(100,100,50,0.2);}
.shadow_y3 {box-shadow: 0 3px 5px 2px rgba(100,100,50,0.2);}
.shadow_y5 {box-shadow: 0 5px 5px 2px rgba(100,100,50,0.2);}

.bg_yellow {background-color: #ffc;}
.bg_red {background-color: #faa;}
.bg_green {background-color: #afa;}
.bg_green_koi {background-color: #4a4;}
.bg_blue {background-color: #aaf;}
.bg_gray1 {background-color: #555;}
.bg_gray2 {background-color: #999;}
.bg_gray3 {background-color: #ccc;}

.border_y {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.5);
}
.bg_grad_wg {
	background: linear-gradient(#191, #ddd);
}
.bg_linklist {
	font-size: 1.2rem; /*13pt;*/
	text-shadow: 2px 2px 0 #fff;
	border: 2px solid #393;
	background: linear-gradient(#3b3, #ddd);
}
.bg_linklist a:hover {
	color: #00f;
	border-radius: 15px;
	background-color: #ff0;
}
.bg_oshirase {
	color: #000;
	text-shadow: 2px 2px 0 #fff;
	border: 2px solid #f9a;
	background-color: #fff;
}
.s_gaiyou, .s_riyou {
	padding: 0.5rem 1rem;
	border-left: 3px solid #eee;
}
.centering {
	margin: 0 auto;
}
.border_r_dot {
	border-right: 1px dotted #ddd;
}
.border_t_dot {
	border-top: 2px dotted #ddd;
	margin: 2rem;
}

.yoyaku_link {
	width: 80%;
	height: 9vh;
}