/* CSS Document */
.single-column .trvlHtlSubNav_space {
     margin-bottom: 0; 
}
.single-column #htlMainContent {
	margin: 0!important;
}
body {
	margin: 0;
}
#simple-content-region {
	position: relative;
	img {
		width: 100%;
		vertical-align: bottom;
	}
	a {
		display: block;
		transition: all 0.3s;
	}
	a:hover{
		opacity:0.7;
	}
	.side-bar {
		background-image: url(https://m-ine.net/chikurakutei/img/top/side-back.jpg);
		position: sticky;
		top: 0;
		left: 100%;
		width: 4.5%;
		height: 100vh;
		z-index: 9999;
		background-size: 100% 100%;
		margin-bottom: -100vh;
		display: flex;
		flex-direction: column;
		justify-content: space-between; /* 庁 縺薙ｌ縺ｧ繝懊ち繝ｳ縺御ｸ€逡ｪ荳九↓繝斐ち繝・→蠑ｷ蛻ｶ蝗ｺ螳壹＆繧後∪縺・*/
		align-items: center;
		padding: 2% 0 0 0; /* 荳翫□縺台ｽ咏區繧偵≠縺代※縲∽ｸ具ｼ医・繧ｿ繝ｳ蛛ｴ・峨・0縺ｫ縺吶ｋ */
		box-sizing: border-box;
		/* 1. 繝ｭ繧ｴ縺ｮ逕ｻ蜒上し繧､繧ｺ隱ｿ謨ｴ */
		.side-logo {
			width: 40%; /* 繧ｵ繧､繝峨ヰ繝ｼ縺ｫ蟇ｾ縺励※縺ｩ縺ｮ縺上ｉ縺・・繧ｵ繧､繧ｺ縺ｧ鄂ｮ縺上° */
			img {
				width: 100%;
				height: auto;
				display: block;
			}
		}
		/* 2. 繝｡繝九Η繝ｼ逕ｻ蜒上お繝ｪ繧｢・育ｭ蛾俣髫斐↓邵ｦ荳ｦ縺ｳ・・*/
		.side-nav {
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 5%; 
            justify-content: center;
            flex: 1;margin: auto 0; 
			a {
				display: block;
				transition: opacity 0.3s;
				/* 繝槭え繧ｹ繧剃ｹ励○縺溘→縺阪↓繝輔Ρ繝・→蜊企€乗・縺ｫ縺吶ｋ荳雁刀縺ｪ貍泌・ */
				&:hover {
					opacity: 0.6;
				}
				img {
					display: block;
					width: 70%;
					height: auto;
					margin: auto;
				}
			}
		}
		/* 3. 荳€逡ｪ荳九・縺比ｺ育ｴ・・繧ｿ繝ｳ・郁レ譎ｯ縺梧ｷｱ邱代↓縺ｪ繧九お繝ｪ繧｢・・*/
		.side-btn {
			width: 100%;
			transition: background-color 0.3s;
			
			a {
				display: flex;
				justify-content: center;
				align-items: center;
				
				width: 100%;
				text-decoration: none;
				img {
					height: auto;
					display: block;
				}
				/* 繝懊ち繝ｳ縺ｫ繝槭え繧ｹ繧剃ｹ励○縺溘→縺阪↓蟆代＠譏弱ｋ縺・ｷ代↓縺吶ｋ貍泌・ */
			&:hover {
				opacity: 0.8;
			}
			}
		}
	}
}