@charset "UTF-8";
/* common.css */

*,
*::before,
*::after  {
	font-family: "Noto Serif JP", sans-serif !important;
	font-feature-settings: "palt";
	letter-spacing: .12em;
	box-sizing: border-box;
	border-collapse: collapse;
}
body {
	color: #4B4B4B;
	background-image: linear-gradient(1deg, rgba(210, 210, 235, .5), rgba(185, 225, 232, .5));
}
.page_link {
	margin-top: -70px;
	padding-top: 70px;
}




/* --- maxWidth --- */
.bg_wrap,
.wrap {
	width: 100%;
	margin: auto;
	padding: 0 40px;
}
.bg_wrap {
	max-width: 1200px;
	padding-left:  min(8vw,100px);
	padding-right: min(8vw,100px);
}
.wrap {
	max-width: 1000px;
}
.pad_none > .wrap,
.bg_wrap > .wrap,
.wrap > .wrap   {
	padding: 0;
}
.flex_box {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}

/* --- font family --- */
.ff_noto_sans  { font-family:"Noto Sans JP", sans-serif !important;  }
.ff_noto_serif { font-family:"Noto Serif JP", sans-serif !important; }
.ff_robots     { font-family:"Roboto", sans-serif !important; }

/* --- text --- */
html,
h1,
h2,
h3,
h4,
a { color:inherit; }

/* heading */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 500;
	line-height: 1.3em;
	letter-spacing: .15em;
}
#sec_first h1,
h2,
h2 a {
	font-size: 30px;
	letter-spacing: .05em;
}
h2 a {
	border-bottom: 1px solid #000;
	transition: opacity .3s;
}
h2 a:hover {
	opacity: .5;
}
h3 {
	font-size: 30px;
}
.head_small {
	font-size: 15px;
	font-weight: 500;
	line-height: 1.5;
	margin-bottom: .25em;
}


/* content_text */
ul,
li,
dl,
dd,
dt,
a,
p {
	font-size: 14px;
	font-weight: 500;
	line-height:   2.2em;
	letter-spacing: .05em;
}
p       { text-align:justify;   }
span    { letter-spacing:.1em;  }
a       { text-decoration:none; }
a:hover { color:inherit; text-decoration:none; }

.fw_normal { font-weight:normal !important; }
.fw_500    { font-weight:500 !important;    }
.fw_bold   { font-weight:bold !important;   }
.alignL    { text-align:left !important;    }
.alignR    { text-align:right !important;   }
.alignC    { text-align:center !important;  }
.alignJ    { text-align:justify !important; }

.small     { font-size:.75em; }
span.small { font-size:12px; }


/* --- btn ( div.btn > a ) --- */
.btn {
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	color: #fff;
}
.btn a {
	width: auto;
	min-width: 240px;
	font-size: 1em;
	line-height: 1.3;
	text-align: center;
	display: inline-block;
	padding: 7px;
	background: #4b4b4b;
}

/* --- others --- */
.pc_blk  { display:block !important; }
.sp_blk  { display:none !important;  }
.tab_blk { display:none !important;  }

.flex_box.pc_blk { display:flex !important; }
.flex_box.sp_blk { display:none !important; }

.text_indent { text-indent:-1em; padding-left:1em; }


/* mar & pad */
.marXXL_T { margin-top:min(10vw,150px) !important; }
.marXL_T  { margin-top:min(8vw,100px) !important; }
.marL_T   { margin-top: 60px !important; }
.marM_T   { margin-top: 40px !important; }
.marS_T   { margin-top: 30px !important; }
.marXS_T  { margin-top: 20px !important; }
.marXXS_T { margin-top: 10px !important; }
.mar0_T   { margin-top:  0px !important; }

.marXXL_B { margin-bottom:min(10vw,150px) !important; }
.marXL_B  { margin-bottom:min(8vw,100px) !important; }
.marL_B   { margin-bottom: 60px !important; }
.marM_B   { margin-bottom: 40px !important; }
.marS_B   { margin-bottom: 30px !important; }
.marXS_B  { margin-bottom: 20px !important; }
.marXXS_B { margin-bottom: 10px !important; }
.mar0_B   { margin-bottom:  0px !important; }

/* pad */
.padXXL_T { padding-top:min(10vw,150px) !important; }
.padXL_T  { padding-top:min(8vw,100px) !important; }
.padL_T   { padding-top: 60px !important; }
.padM_T   { padding-top: 40px !important; }
.padS_T   { padding-top: 30px !important; }
.padXS_T  { padding-top: 20px !important; }
.padXXS_T { padding-top: 10px !important; }

.padXXL_B { padding-bottom:min(10vw,150px) !important; }
.padXL_B  { padding-bottom:min(8vw,100px) !important; }
.padL_B   { padding-bottom: 60px !important; }
.padM_B   { padding-bottom: 40px !important; }
.padS_B   { padding-bottom: 30px !important; }
.padXS_B  { padding-bottom: 20px !important; }
.padXXS_B { padding-bottom: 10px !important; }

.borderB {
	content: "";
	width: 100%; 
	height: 1px;
	display: inline-block;
	margin: 0 auto;
	background: #000;
}
img { width:100%; height:auto; }

.table_wrap {
	overflow-x: scroll;
}
.table_wrap table {
	min-width: 500px;
}
tr,
th,
td {
	padding: 1em;
	border:  1px solid;
}

/* ===== ↓ header menu ↓ ===== */
header {
	width: 100%;
	height: 78px;
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: space-between;
	position: fixed;
	top: 0;
	padding: 15px 0px 15px 20px;
	background-color: rgba(255,255,255,0);
	z-index: 1000;
}
header h1,
header h1 a {
	font-size: clamp(17px,2vw,16px);
	letter-spacing: .05em;
	color: #fff;
	transition:  color .3s;
}
header h1 a {
	line-height: 1.3;
}

/* ハンバーガーボタン */
.openbtn1 {
	width:  48px;
	height: 48px;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	position: relative;
	text-align: center;
	right: 0;
	margin-left:  0;
	margin-right: 14px;
	cursor: pointer;
	z-index: 9999;
	background-color: #4B4B4B;
	transition: background-color .3s;
}
/* ハンバーガーボタン ×に変化 */  
.openbtn1 span {
	display: inline-block;
	transition: transform .4s, background-color .4s;
	position: absolute;
	left: 25%;
	height: 1px;
	background-color: #C568EF;
	background-color: #fff;
	width: 50%;
}
/* ----- 言語切り替えボタン ----- */
.change_language {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	margin-left: auto;
	margin-right: 10px;
	color: #4B4B4B;
	z-index: 9999;
}
.change_language a,
.change_language a.lang_active,
.change_language a:hover,
.add_scroll .change_language a {
	transition:  .3s;
}
.change_language a {
	font-size: 11px;
	min-width: 6em;
	text-align: center;
	line-height: 1;
	display: block;
	position: relative;
	padding: .3em 1em .5em;
	opacity: 1;
	border: 1px solid #4B4B4B;
	background-color: rgba(255,255,255,.2);
	background-blend-mode: screen;
}
.change_language a.lang_active,
.change_languag a:hover {
	color: #fff;
	background-color: #4B4B4B;
	opacity: 1;
}
.change_language a:first-of-type {
	margin-right: .5em;
}
header.add_scroll h1,
header.add_scroll h1 a,
.add_scroll .change_language {
	color: #000;
}
.add_scroll .change_language a.lang_active,
.add_scroll .change_language a:hover {
	border-color: #000;
}

/* メニュー開いた際の言語切り替えボタン */
.overflowY .change_language a.lang_active,
.overflowY .change_language a:hover {
	border-color: #000;
}
/* ----- 言語切り替えボタン 上まで ----- */
.openbtn1.active {
	background-color: transparent;
}
.openbtn1.active span {
	background-color: #000;
}
.openbtn1 span:nth-of-type(1) {
	transform: translateY(-8px);
}
.openbtn1 span:nth-of-type(3) {
	transform: translateY(8px);
}
.openbtn1.active span:nth-of-type(1) {
	transform: translateY(0px) rotate(-45deg);
}
.openbtn1.active span:nth-of-type(2) {
	opacity: 0;
}
.openbtn1.active span:nth-of-type(3) {
	transform: translateY(0px) rotate(45deg);
}
/* ハンバーガーメニューの中身 */
.header_wrap {
	transition: background-color .6s;
}
.overflowY .header_wrap {
	background-color: #fff;
}
body.overflowY {
	overflow-y: hidden;
}
.over_bg {
	width: 100%;
	height: 100vh;
	display: block;
	position: fixed;
	top:  0;
	left: 0;
	opacity: 0;
	background-color: rgba(0,0,0,.5);
	pointer-events: none;
	touch-action: none;
	transition: opacity .3s;
	z-index: inherit;
}
.overflowY .over_bg {
	opacity: 1;
	pointer-events: auto;
	touch-action: auto;
	transition: opacity .3s;
	z-index: 998;
}

#g-nav {
	width:  100%;
	max-width: 320px;
	height: 100vh;
	position: fixed;
	top:  0;
	right: 0;
	opacity: 1;
	pointer-events: none;
	background: #fff;
	transform: translateX(100%);
	transition: transform .4s;
	z-index: -2;
	padding: 100px 0 30px;
}
#g-nav.panelactive {
	pointer-events: auto;
	opacity: 1;
	z-index: 990;
	transform: translateX(0%);
	transition: transform .4s;
}
#g-nav-list {
	max-width: 600px;
	height: 100%;
	overflow-y: scroll;
	margin-left:  auto;
	margin-right: auto;
	padding: 0 35px;
}
#g-nav > * {
	opacity: 0;
}
#g-nav.panelactive > * {
	opacity: 1;
}
#g-nav ul {
	display: inline;
}
#g-nav li a {
	width: 100%;
	display: block;
	font-weight: normal;
	padding-bottom: .5em;
	border-bottom: .5px solid #000;
	background-color: rgba(0,0,0,0);
	transition: background-color .3s;
}
#g-nav li:not(:first-of-type) {
	margin-left: 0;
	margin-top: 1.5em;
}
/* header scrollのための調整 */
header,
header.add_scroll {
	transition: background-color .3s;
}
header {
	position: -webkit-sticky; /* Safariに対応する */
	position: sticky; /* 要素を固定/解除する */
	margin-bottom: -78px;
}
header.add_scroll {
	background-color: rgba(255,255,255,1);
	box-shadow: 0px 3px 3px -3px rgb(0 0 0 / 15%);
}
/* ヘッダーメニュー（プライバシーポリシー・SNS）について */
#g-nav .headermenu_under {
	display: block;
	margin-top: 60px;
}
#g-nav .header_sns a,
#g-nav .header_others a {
	border-bottom: none;
}
#g-nav .header_sns {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-top: 10px !important;
}
.header_sns .sns_icon {
	width: 100%;
	max-width: 30px;
}
.header_sns .sns_icon:first-of-type {
	margin-right: 10px;
}
#g-nav .header_others:not(:first-of-type) {
	margin-top: 0 !important;
}
#g-nav .header_others a {
	font-size: .85em;
	color: #333;
}
#g-nav .header_sns a {
	transition: opacity .3s;
}
.header_sns .sns_icon a:hover {
	opacity: .5;
	transition: opacity .3s;
}


/* ===== footer menu ===== */
.footer_wrap {
	width:  100%;
}
.footer_copy {
}
.footer_copy p {
	font-size: 15px;
	font-weight: 300;
	line-height: 1;
	letter-spacing: .1em;
	text-align: center;
	background-color: rgba(210, 210, 235, 1);
	padding: 1.5em 0;
}


/* ===== pageLink ===== */
.page_link {
	margin-top: -60px;
	padding-top: 60px;
}
#link_snowhike {
	
}


/* ===== FirstView ===== */
/* 動画上の黒枠 */
/* 
body:before,
#mv_wrap:after {
	content: "";
	width: 100%;
	height: 20px;
	display: block;
	background-color: #000;
} */
/* 
#mv_wrap:after {
	position: absolute;
	left: 0;
	bottom: 0;
} */
/* first view */
#mv_wrap {
	width:  100vw;
	height: 100vh;
	height: 100svh;
	min-height: 50vw; /* 親w1280px → h700px */
	/* videoタグ対策 */
}
#mv {
	width:  100%;
	height: 100%;
	position: relative;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	position: absolute;
	top:  0;
	left: 0;
	z-index: 2;
}
#mv * {
	width: fit-content;
	text-align: center;
	display: block;
	color: #fff;
}
.mv_video {
	width:  100%;
	height: 100%;
	min-width:  100%;
	min-height: 100%;
	background-image:  url(../../img/movie/poster_snowhike.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.mv_video video {
	width:  100%;
	height: 100%;
	object-fit: cover;
}
#mv_wrap img {
	width:  100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
#mv h1 {
	font-size: 70px;
	font-size: max(50px,5.469vw); /* 親w1280px → 70px */
	font-weight: bold;
	line-height: 1.05;
	position: relative;
	letter-spacing: .05em;
	margin-bottom: .8em;
}
#mv .h1_under {
	font-size: 18px;
	font-size: max(13px,1.406vw); /* 親w1280px → 70px */
	font-weight: bold;
	line-height: 1.5;
}

/* --- CSS アニメーション（音付き動画再生用） --- */
.movie_play a {
	font-size: 12px;
	font-weight: normal;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	position: absolute;
	left:   0;
	bottom: 0;
	margin-left:   min(2.5vw,25px);
	margin-bottom: min(2.5vw,25px);
	color: #fff;
	z-index: 2;
}
.movieplay_text {
	min-width: 7.25em;	
	position:  relative;
	margin-right: 1em;
}
.movieplay_text:before {
	content: "";
	width: 100%;
	height: .5px;
	display: block;
	position: absolute;
	left:   0;
	bottom: 0;
	background-color: #fff;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .3s;
}
.movie_play a:hover .movieplay_text:before {
	transform: scaleX(1);	
}

.circle_wrap {
	width:  35px;
	height: 35px;
	display: block;
	position: relative;
	background-image: url(../../img/common/movieplay.svg);
	background-repeat: no-repeat;
	background-size: 90%;
	background-position: center;
}
.circle_wrap .svg_anim {
	position: absolute;
	top:  0;
	left: 0;
}
.circle-animation {
	stroke-dasharray:  314;
	stroke-dashoffset: 314;
	transform: rotate(-90deg); 
	transform-origin: 50% 50%;
}
/* hoverで動く円 */
.movie_play:hover .circle-animation {
	animation: dash 1s ease-in-out forwards;
}
@keyframes dash{
	to {
		stroke-dashoffset: 0;
	}
}
/* modal */
#modal-play.uk-modal {
	background-color: #4B4B4B !important;
}
#modal-play .uk-modal-body.uk-modal-dialog {
	width: 80% !important;
	max-width: 1200px !important;
	padding: 0 !important;
}



/* ===== ACCESS tab切り替え ===== */
/* タブ切り替え */
.tab-btn-box {
	width: 100%;
	max-width: 550px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	margin: 25px auto;
}
/* タブのボタン */
.tab {
	width: calc(100%/3);
	display: flex;
	font-size: 12px;
	font-size: 14px;
	line-height: 1.4em !important;
	letter-spacing: 0em !important;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin:  0 6px;
	padding: 5px;
	color: #000;
	background: none;
	border: 1px solid #000;
	cursor: pointer;
	transition: color .3s, background .3s;
}
.tab:hover {
	color: #fff;
	background: #000;
}
.tab:active,
.tab.is-active {
	background: #000;
	color: #fff;
	transition: color 0s, background 0s;
}
/* タブの中身 */
.tab-contents {
	width: 100%;
	max-width: 800px;
	display: none;
	margin-left:  auto;
	margin-right: auto;
}

/* ボタンを押した後コンテンツを表示 */
.tab-contents.is-show {
	display: block;
	visibility: visible;
}
.tab-contents > * {
	opacity: 0;
	transition: opacity .6s !important;
}
.tab-contents.js-opacity > * {
	opacity: 1 !important;
	transition: opacity .6s !important;
}
/* 住所 調整 */
.address_wrap {
	width: 100%;
	margin-left:  auto;
	margin-right: auto;
}




/* ****************** 記述追加 ****************** */
/* ===== ご予約はこちら ===== */
.contact_fixed {
	width: 20%;
	max-width: 150px;
	position: fixed;
	/*	position: -webkit-sticky;*/
	/*	position: sticky;*/
	margin-left:  auto;
	right:  0;
	bottom: 0;
	z-index: 999;
	transition: position .3s;
}
.contact_fixed > a {
	position: absolute;
	right:  0;
	bottom: 0;
	transform: translate(calc(min(2.5vw,25px)*-1), calc(min(2.5vw,25px)*-1));
	transition: opacity .3s;
}
.contact_fixed > a:hover {
	opacity: .8;
	transition: opacity .3s;
}

/* ===== footer ===== */
.footer_menu {
	background-color: #0091CD;
}
.footer_menu * {
	color: #fff;	
}
.footer_flex {
	width: 100%;
	max-width: 1200px;
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: space-between;
	margin: auto;
	padding: min(8vw,100px);
}
.footer_map,
.footer_info {
	width: calc(50% - min(2.5vw,25px));
}
/* 地図 */
.footer_map iframe {
	width:  100%;
	height: 520px;
}
/* ロゴ */
.flogo_flex {
	width: 80%;
	max-width: 330px;
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-start;
	margin-bottom: 30px;
}
.flogo_flex > a {
	width: calc(50% - 15px);
	display: inline-block;
	transition: opacity .3s;
	opacity: 1;
}
.flogo_flex > a:hover {
	opacity: .7;	
}
.flogo_flex > a:first-of-type {
	margin-right: 30px;
}
/* 住所 */
.footer_address {
	font-size: 20px;
	font-size: clamp(18px,2vw,20px);
	line-height: 1.7;
	margin-bottom: 1em;
}
.footer_address a {
	font-size: 1em;
	line-height: 1.7;
}
/* 交通手段 */
.footer_access {
	line-height: 1.7;
	margin-bottom: 1em;
}
/* SNS */
.sns_link {
	width:  25px;
	height: 25px;
	display: inline-block;
	line-height: 1;
	transition: opacity .3s;
	opacity: 1;
}
.sns_link:hover {
	opacity: .7;	
}
.sns_link img {
	object-fit: contain;
	object-position: center;
}
/* その他リンク */
.f_other_link {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: flex-start;
	margin-top: 30px;
}
.f_other_link li {
	width: calc(50% - 10px);
}
.f_other_link li:first-of-type {
	margin-right: 20px;
}
.f_other_link li a {
	width: 100%;
	font-size: clamp(11px,1.4vw,14px);
	line-height: 1.3;
	text-align: center;
	display: inline-block;
	padding: 1em;
	color: #fff;
	border: 1px solid #fff;
	background-color: transparent;
	transition: background-color .3s;
}
.f_other_link li a:hover {
	background-color: rgba(255,255,255,.2);
}






@media screen and (max-width:768px) {
	/* --- maxWidth --- */
	.bg_wrap,
	.wrap {
		width: 100%;
		margin: auto;
		padding: 0 25px;
	}
	.wrap {
		max-width: 600px;
	}
	.bg_wrap > .wrap {
		padding-left:  0;
		padding-right: 0;
	}
	/* --- text --- */
	/* heading */
	#sec_first h1,
	h2,
	h2 a {
		font-size: 24px;
		font-size: min(6.4vw,30px);
	}
	h3 {
		font-size: 20px;
		font-size: min(5.333vw,24px);
	}
	h4 {
		font-size:18px;
		font-size: min(4.8vw,20px);
	}
	h5 {
		font-size:16px;
		font-size: min(4.267vw,18px);
	}

	/* content_text */
	ul,
	li,
	dl,
	dd,
	dt,
	a,
	p {
		font-size: 13px;
		font-size: clamp(13px,3.467vw,15px);
	}

	.font10-SP { font-size:10px !important; }
	.font12-SP { font-size:12px !important; }
	.font14-SP { font-size:14px !important; }
	.font16-SP { font-size:16px !important; }
	.font18-SP { font-size:18px !important; }
	.font20-SP { font-size:20px !important; }
	.font22-SP { font-size:22px !important; }
	.font24-SP { font-size:24px !important; }

	.fb_normal-SP { font-weight:normal !important; }
	.fb_500-SP    { font-weight:500 !important;    }
	.fb_bold-SP   { font-weight:bold !important;   }
	.alignL-SP    { text-align:left !important;    }
	.alignR-SP    { text-align:right !important;   }
	.alignC-SP    { text-align:center !important;  }
	.alignJ-SP    { text-align:justify !important; }

	/* mar & pad */
	/* mar */
	.marXXL_T { margin-top:80px !important; }
	.marXL_T  { margin-top:60px !important; }
	.marL_T   { margin-top:40px !important; }
	.marM_T   { margin-top:30px !important; }
	.marS_T   { margin-top:20px !important; }
	.marXS_T  { margin-top:10px !important; }

	.marXXL_B { margin-bottom:80px !important; }
	.marXL_B  { margin-bottom:60px !important; }
	.marL_B   { margin-bottom:40px !important; }
	.marM_B   { margin-bottom:30px !important; }
	.marS_B   { margin-bottom:20px !important; }
	.marXS_B  { margin-bottom:10px !important; }

	.marXXL_T-SP { margin-top:80px !important; }
	.marXL_T-SP  { margin-top:60px !important; }
	.marL_T-SP   { margin-top:40px !important; }
	.marM_T-SP   { margin-top:30px !important; }
	.marS_T-SP   { margin-top:20px !important; }
	.marXS_T-SP  { margin-top:10px !important; }
	.mar0_T-SP   { margin-top: 0px !important; }

	.marXXL_B-SP { margin-bottom:80px !important; }
	.marXL_B-SP  { margin-bottom:60px !important; }
	.marL_B-SP   { margin-bottom:40px !important; }
	.marM_B-SP   { margin-bottom:30px !important; }
	.marS_B-SP   { margin-bottom:20px !important; }
	.marXS_B-SP  { margin-bottom:10px !important; }
	.mar0_B-SP   { margin-bottom: 0px !important; }

	/* mar-vw(375基準で、倍が最大) */
	.marXXL_T-vw { margin-top:min(21.333vw,100px) !important; }
	.marXL_T-vw  { margin-top:min(16vw,80px) !important;      }
	.marL_T-vw   { margin-top:min(10.667vw,60px) !important;  }
	.marM_T-vw   { margin-top:min(8vw,40px) !important;       }
	.marS_T-vw   { margin-top:min(5.333vw,30px) !important;   }
	.marXS_T-vw  { margin-top:min(2.667vw,20px) !important;   }

	.marXXL_B-vw { margin-bottom:min(21.333vw,100px) !important; }
	.marXL_B-vw  { margin-bottom:min(16vw,80px) !important;      }
	.marL_B-vw   { margin-bottom:min(10.667vw,60px) !important;  }
	.marM_B-vw   { margin-bottom:min(8vw,40px) !important;       }
	.marS_B-vw   { margin-bottom:min(5.333vw,30px) !important;   }
	.marXS_B-vw  { margin-bottom:min(2.667vw,20px) !important;   }	

	/* pad */
	.padXXL_T { padding-top:80px !important; }
	.padXL_T  { padding-top:60px !important; }
	.padL_T   { padding-top:40px !important; }
	.padM_T   { padding-top:30px !important; }
	.padS_T   { padding-top:20px !important; }
	.padXS_T  { padding-top:10px !important; }

	.padXXL_B { padding-bottom:80px !important; }
	.padXL_B  { padding-bottom:60px !important; }
	.padL_B   { padding-bottom:40px !important; }
	.padM_B   { padding-bottom:30px !important; }
	.padS_B   { padding-bottom:20px !important; }
	.padXS_B  { padding-bottom:10px !important; }

	.padXXL_T-SP { padding-top:80px !important; }
	.padXL_T-SP  { padding-top:60px !important; }
	.padL_T-SP   { padding-top:40px !important; }
	.padM_T-SP   { padding-top:30px !important; }
	.padS_T-SP   { padding-top:20px !important; }
	.padXS_T-SP  { padding-top:10px !important; }
	.pad0_T-SP   { padding-top: 0px !important; }

	.padXXL_B-SP { padding-bottom:80px !important; }
	.padXL_B-SP  { padding-bottom:60px !important; }
	.padL_B-SP   { padding-bottom:40px !important; }
	.padM_B-SP   { padding-bottom:30px !important; }
	.padS_B-SP   { padding-bottom:20px !important; }
	.padXS_B-SP  { padding-bottom:10px !important; }
	.pad0_B-SP   { padding-bottom: 0px !important; }

	/* pad-vw(375基準) */
	.padXXL_T-vw { margin-top:min(21.333vw,100px) !important; }
	.padXL_T-vw  { margin-top:min(16vw,80px) !important;      }
	.padL_T-vw   { margin-top:min(10.667vw,60px) !important;  }
	.padM_T-vw   { margin-top:min(8vw,40px) !important;       }
	.padS_T-vw   { margin-top:min(5.333vw,30px) !important;   }
	.padXS_T-vw  { margin-top:min(2.667vw,20px) !important;   }	

	.padXXL_B-vw { margin-bottom:min(21.333vw,100px) !important; }
	.padXL_B-vw  { margin-bottom:min(16vw,80px) !important;      }
	.padL_B-vw   { margin-bottom:min(10.667vw,60px) !important;  }
	.padM_B-vw   { margin-bottom:min(8vw,40px) !important;       }
	.padS_B-vw   { margin-bottom:min(5.333vw,30px) !important;   }
	.padXS_B-vw  { margin-bottom:min(2.667vw,20px) !important;   }	

	/* --- btn ( div.btn > a ) --- */
	.btn   { font-size:16px; }
	.btn a {
		width: 100%;
		max-width: 265px;
		min-width: inherit;
	}

	/* --- others --- */
	.pc_blk { display:none  !important; }
	.sp_blk { display:block !important; }

	.flex_box.pc_blk { display:none !important; }
	.flex_box.sp_blk { display:flex !important; }

	.flex_box { flex-wrap:wrap; }

	
	/* ===== header menu ===== */
	header h1,
	header h1 a {
		font-size: 12px;
		font-size: min(3vw,14px);
	}
	#g-nav {
		width: 100%;
		max-width: inherit;
	}
	#g-nav,
	#g-nav.panelactive {
		transition: transform .5s;
	}
	#g-nav {
		padding-top: 80px;
	}
	.change_language a {
		min-width: 5em;
		padding: .3em .5em .5em;
	}

	/* ===== footer menu ===== */
	/* footer area */
	
	
	/* コピーライト */
	.footer_copy p {
		font-size: 11px;
		font-size: min(2.933vw,15px);
	}

	/* ===== FirstView ===== */
	/* 動画上の黒枠 */
	/* 
	body:before,
	#mv_wrap:after {
		height: 15px;
	} */
	/* first view */
	#mv_wrap {
		height: 100vh;
		height: 100svh;
		min-height: 550px;
	}
	#mv_wrap img {
		width:  100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}	
	#mv h1 {
		font-size: 40px;
		font-size: min(10.667vw,50px);
	}
	#mv .h1_under {
		font-size: 14px;
		font-size: min(3.733vw,16px);
	}
	/* --- CSS アニメーション（音付き動画再生用） --- */
	/* modal */
	#modal-play .uk-modal-body.uk-modal-dialog {
		width: 90% !important;
		max-width: 600px !important;
		padding: 0 !important;
	}
	.circle_wrap {
		width:  35px;
		height: 35px;
		transform: translate(20%, -20%);
	}
	
	/* ===== ACCESS tab切り替え ===== */
	.tab-btn-box {
		max-width: 450px;
	}
	/* タブのボタン */
	.tab {
		font-size: 12px;
		font-size: clamp(10px,2.667vw,13px);
		margin: 0;
	}
	.tab:not(:first-of-type) {
		border-left: none;
	}
	
	/* ===== ご予約はこちら ===== */
	.contact_fixed {
		width: 24%;
		max-width: 140px;
	}
	.contact_fixed > a {
		transform: translate(-20%, -20%);
	}



	/* ****************** 記述追加 ****************** */
	/* ===== Footer ===== */
	.footer_flex {
		max-width: 650px;
		flex-wrap: wrap;
		padding: 40px 25px;
	}
	.footer_flex > * {
		width: 100%;
	}
	/* ロゴ */
	.flogo_flex {
		width: 75%;
		max-width: 300px;
		margin-left:  auto;
		margin-right: auto;
	}
	/* 地図 */
	.footer_map {
		width: 100%;
	}
	.footer_map iframe {
		height: 240px;
	}
	/* 住所 */
	.footer_address {
		font-size: 16px;
		margin-top: 1.5em;
	}
	/* その他リンク */
	.f_other_link li a {
		font-size: clamp(12px,1.4vw,14px);
	}
	
	
	
}