@charset "utf-8";


/*//////////////////////////////////////////////////
全体
//////////////////////////////////////////////////*/

::selection {color: #fff; background-color: #212121;}
::-moz-selection {color: #fff; background-color: #212121;}
@font-face {font-family: NotoSerifJP-M; src: url('font/NotoSerifJP-Medium.otf') format("opentype");}
@font-face {font-family: CormorantUpright-M; src: url('font/CormorantUpright-Medium.ttf') format("truetype");}
@font-face {font-family: Allura-R; src: url('font/Allura-Regular.ttf') format("truetype");}

html {width: 100%; height: 100%; font-size: 62.5%;}
body {width: 100%; height: 100%; min-width: 375px; position: relative; z-index: 1; left: 0; top: 0; background-color: #fff;}
header, main, footer, #loading_cover, #modal_menu, #header_fix, #humb_wrap, #humb_wrap_fix, #pagetop, input, textarea, select, button {
	font-size: 1.4rem; line-height: 2.0; color: #212121; font-weight: 500; letter-spacing: .1rem; -webkit-text-size-adjust: 100%; word-wrap: break-word; overflow-wrap: break-word; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; -webkit-font-smoothing: subpixel-antialiased;
	font-family: 'NotoSerifJP-M', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, serif;
}
header, main, footer {width: 100%; overflow: hidden;}
main, img, video {display: block;}
img {flex-shrink: 0;}
input, textarea, select, button {outline: none;}
input[type="submit"], input[type="button"], input[type="radio"], input[type="checkbox"], select, button {cursor: pointer;}
:-ms-input-placeholder {color: #9e9e9e;}
::-moz-placeholder {color: #9e9e9e;}
::-webkit-input-placeholder {color: #9e9e9e;}
a {text-decoration: none; }
a:link, a:visited, a:hover {color: #212121;}
pre {white-space: pre-wrap;}

.gothic {font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif!important; font-weight: 400!important;}
.min {font-family: 'NotoSerifJP-M', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, serif!important; font-weight: 500!important;}
.en {font-family: 'CormorantUpright-M', serif!important; font-weight: 500!important;}
.en-hand {font-family: 'Allura-R', serif!important; font-weight: 400!important;}

.underline {text-decoration: underline;}
.l-space-n {letter-spacing: normal;}
.l-space-1 {letter-spacing: .1rem;}
.l-space-2 {letter-spacing: .2rem;}
.l-space-4 {letter-spacing: .4rem;}
.l-space-8 {letter-spacing: .8rem;}
.cf:after {content: ''; display: block; clear: both;}
.fit-img img {width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;';}
.scroll-style {overflow: scroll; -ms-overflow-style: none; scrollbar-width: none;}
.scroll-style::-webkit-scrollbar {display: none;}
.vertical-txt {-ms-writing-mode: tb-rl; -o-writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl;}
.keep-txt {word-break: keep-all; white-space: nowrap;}
.margin-0 {margin: 0!important;}
.marker {background: linear-gradient(transparent 75%, #ffff00 75%); color: #212121;}
.gra-black {background: linear-gradient(135deg, #212121, #000);}
.gra-gold {background: linear-gradient(135deg, #b1a06f, #9e884b);}
.gra-sky {background: linear-gradient(135deg, #ecfefe, #e0fdfe);}

.color-white {color: #fff!important;}
.color-font {color: #212121!important;}
.color-subfont {color: #9e9e9e!important;}
.color-line {color: rgba(0, 0, 0, .16)!important;}
.color-gold {color: #9e884b!important;}
.color-sky {color: #e0fdfe!important;}

.title-lg {font-size: 2.4rem!important;}
.x-lg {font-size: 2.0rem!important;}
.x-lg-2 {font-size: 1.8rem!important;}
.lg {font-size: 1.6rem!important;}
.md {font-size: 1.4rem!important;}
.sm {font-size: 1.2rem!important;}
.x-sm {font-size: 1.0rem!important;}

@media only screen and (min-width: 640px) {
	header, main, footer, #loading_cover, #modal_menu, #header_fix, #humb_wrap, #humb_wrap_fix, #pagetop, input, textarea, select, button {
		font-size: 1.5rem;
	}
	.title-lg {font-size: 3.0rem!important;}
    .x-lg {font-size: 2.4rem!important;}
	.x-lg-2 {font-size: 2.1rem!important;}
	.lg {font-size: 1.8rem!important;}
	.md {font-size: 1.5rem!important;}
	.sm {font-size: 1.3rem!important;}
	.x-sm {font-size: 1.1rem!important;}
}

@media only screen and (min-width: 960px) {
	header, main, footer, #loading_cover, #modal_menu, #header_fix, #humb_wrap, #humb_wrap_fix, #pagetop, input, textarea, select, button {
		font-size: 1.6rem;
	}
    .title-lg {font-size: 3.6rem!important;}
	.x-lg {font-size: 2.8rem!important;}
	.x-lg-2 {font-size: 2.4rem!important;}
	.lg {font-size: 2.0rem!important;}
	.md {font-size: 1.6rem!important;}
	.sm {font-size: 1.4rem!important;}
	.x-sm {font-size: 1.2rem!important;}
}

@media (hover: hover) {
	.hover-48 {transition: opacity .4s;}
	.hover-48:hover {opacity: .48;}
	.hover-64 {transition: opacity .4s;}
	.hover-64:hover {opacity: .64;}
}


/*//////////////////////////////////////////////////
共通
//////////////////////////////////////////////////*/

.ol-1 {
	line-height: 1.7; display: inline-block; text-align: left;
}
.ol-1 li {
	list-style: none; counter-increment: cnt; position: relative; z-index: 1; left: 0; top: 0; padding: 0 0 0 24px; margin: 8px 0 0;
}
.ol-1 li:first-of-type {
	margin: 0;
}
.ol-1 li::before {
	content: counter(cnt)"． "; display: inline-block; position: absolute; z-index: 1; left: 0; top: 0;
}

.ul-1 {
	line-height: 1.7; display: inline-block; text-align: left;
}
.ul-1 li {
	list-style: none; position: relative; z-index: 1; left: 0; top: 0; padding: 0 0 0 14px; margin: 8px 0 0;
}
.ul-1.attention li {
	padding: 0 0 0 16px;
}
.ul-1 li:first-of-type {
	margin: 0;
}
.ul-1 li::before {
	content: ''; display: inline-block; background-color: #212121; width: 8px; height: 8px; border-radius: 50%; position: absolute; z-index: 1; left: 0; top: 7px;
}
.ul-1.white li::before {
	background-color: #fff;
}
.ul-1.attention li::before {
	content: '※'; background: none; width: auto; height: auto; border-radius: 0; top: 0;
}
.ul-1 span {
	display: inline-block;
}

.table-1 {
	line-height: 1.7; width: 100%;
}
.table-1 tr {
	border-bottom: solid 1px #d6d6d6;
}
.table-1 tr:first-of-type {
	border-top: solid 1px #d6d6d6;
}
.table-1 th {
	padding: 12px; word-break: keep-all; white-space: nowrap;
}
.table-1 th span {
	display: inline-block;
}
.table-1 td {
	padding: 12px;
}
.table-1 td.center {
	text-align: center;
}
.table-1 td span {
	display: inline-block;
}

#pagetop {
	display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 32px; height: 32px; border-radius: 50%; background-color: #212121; position: fixed; z-index: 10; right: 6vw; bottom: -32px; opacity: 0; transition: all .4s; cursor: pointer;
}
#pagetop .arrow {
	display: block; background-image: url("../img/common/common_arrow-white.png"); background-size: cover; width: 8px; height: 8px; transform: translate(0, -5%) rotate(-90deg);
}

.header-under {
	margin: 72px 0 0; position: relative; z-index: 1; left: 0; top: 0;
}
.header-under .img {
	height: 160px; position: relative; z-index: 1; left: 0; top: 0;
}
.header-under .txt-wrap {
	position: relative; z-index: 2; left: 0; top: -40px;
}
.header-under .title {
	line-height: 1; text-align: center; opacity: .12; transition: opacity 2.4s;
}
.header-under .title.active {
	opacity: 1;
}
.header-under .title .en-hand {
	font-size: 7.2rem; display: block;
}
.page-sightseeing-activity .header-under .title .en-hand {
	font-size: 3.6rem; margin: 20px 0 0;
}
.header-under .title .line {
	display: block; width: 1px; height: 32px; margin: 16px auto; background-color: #9e884b;
}
.header-under p {
	width: 88%; margin: 40px auto 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start;
}
.header-under p br {
	display: none;
}
.division h1{
    margin-top: clamp(52px,6.4vw,64px);
    text-align: center;
    line-height: 1;
}
.division h1 > span{
    font-size: calc(100% * 0.5);
    display: inline-block;
}
.division h1.t1{
    margin-bottom:calc(-1 * clamp(32px,4.4vw,44px));
}
.division h1.t2{
    margin-top: clamp(52px,7vw,70px);
    margin-bottom: 20px;
}
.section-layout-1 .inner {
	width: 88%; margin: 0 auto;
}
.section-layout-1 .txt-wrap {
	padding: 24px; box-sizing: border-box;
}
.section-layout-1 .title-wrap {
	line-height: 1.7; text-align: center;
}
.section-layout-1 .title-wrap h2 {
	margin: 8px 0 0;
}
.section-layout-1 .txt-wrap .devider {
	display: block; height: 1px; background-color: #fff; margin: 24px 0;
}
.section-layout-1 .txt-inner {
	display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start;
}
.section-layout-1 .txt-wrap .ul-wrap {
	text-align: left; margin: 8px 0 0;
}
.section-layout-1 .img-wrap-1 .img {
	border: solid 1px #fff; box-sizing: border-box; float: left;
}
.section-layout-1 .img-wrap-1 .img:nth-of-type(2) {
	width: 50%;
}
.section-layout-1 .img-wrap-1 .img:nth-of-type(3) {
	width: 50%;
}
.section-layout-1 .img-wrap-1 .img:nth-of-type(4) {
	width: 50%;
}
.section-layout-1 .img-wrap-1 .img:nth-of-type(5) {
	width: 50%;
}
.section-layout-1 .img-wrap-2 .img {
	border: solid 1px #fff; box-sizing: border-box; float: left;
}
.section-layout-1 .img-wrap-2 .img:nth-of-type(2) {
	width: 50%;
}
.section-layout-1 .img-wrap-2 .img:nth-of-type(3) {
	width: 50%;
}
.section-layout-1 .img-wrap-3 .img {
	border: solid 1px #fff; box-sizing: border-box; float: left;
}
.section-layout-1 .img-wrap-3 .img:nth-of-type(2) {
	width: 50%;
}
.section-layout-1 .img-wrap-3 .img:nth-of-type(3) {
	width: 50%;
}

.section-layout-2 .inner {
	width: 88%; max-width: 600px; margin: 0 auto;
}
.section-layout-2 .txt-wrap {
	margin: 20px 0 0;
}
.section-layout-2 .title-wrap {
	line-height: 1.7; text-align: center;
}
.section-layout-2 .title-wrap h2 {
	margin: 8px 0 0;
}
.section-layout-2 .txt-wrap p {
	margin: 16px 0 0;
}
.section-layout-2 .txt-inner {
	display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start;
}
.section-layout-2 .txt-wrap .ul-wrap {
	margin: 8px 0 0;
}

@media only screen and (min-width: 640px) {
	.ol-1 li {
		padding: 0 0 0 26px;
	}
	
	.ul-1 li {
		padding: 0 0 0 16px;
	}
	.ul-1.attention li {
		padding: 0 0 0 18px;
	}
	.ul-1 li::before {
		top: 7.5px;
	}
	
	.table-1 th {
		padding: 14px;
	}
	.table-1 td {
		padding: 14px;
	}
	
	#pagetop {
		width: 36px; height: 36px; right: 5vw; bottom: -36px;
	}
	#pagetop .arrow {
		width: 10px; height: 10px;
	}
	
	.header-under {
		margin: 91px 0 0;
	}
	.header-under .img {
		height: 320px;
	}
	.header-under .txt-wrap {
		top: -60px;
	}
	.header-under .title .en-hand {
		font-size: 10.8rem;
	}
	.page-sightseeing-activity .header-under .title .en-hand {
		font-size: 5.4rem; margin: 30px 0 0;
	}
	.header-under .title .line {
		height: 40px; margin: 20px auto;
	}
	.header-under p {
		text-align: center; width: 90%; margin: 52px auto 0;
	}
	.header-under p br {
		display: block;
	}
	
	.section-layout-1 .inner {
		width: 90%;
	}
	.section-layout-1 .txt-wrap {
		padding: 36px;
	}
	.section-layout-1 .txt-wrap .devider {
		margin: 36px 0;
	}
	
	.section-layout-2 .inner {
		width: 90%;
	}
	.section-layout-2 .txt-wrap {
		margin: 26px 0 0;
	}
	.section-layout-2 .txt-wrap p {
		margin: 20px 0 0;
	}
}

@media only screen and (min-width: 960px) {
	.ol-1 li {
		padding: 0 0 0 28px;
	}
	
	.ul-1 li {
		padding: 0 0 0 18px;
	}
	.ul-1.attention li {
		padding: 0 0 0 20px;
	}
	.ul-1 li::before {
		top: 8px;
	}
	
	.table-1 th {
		padding: 16px;
	}
	.table-1 td {
		padding: 16px;
	}
	
	#pagetop {
		width: 40px; height: 40px; right: 4vw; bottom: -40px;
	}
	#pagetop .arrow {
		width: 12px; height: 12px;
	}
	
	.header-under {
		margin: 110px 0 0;
	}
	.header-under .img {
		height: 480px;
	}
	.header-under .txt-wrap {
		top: -80px;
	}
	.header-under .title .en-hand {
		font-size: 14.4rem;
	}
	.page-sightseeing-activity .header-under .title .en-hand {
		font-size: 7.2rem; margin: 40px 0 0;
	}
	.header-under .title .line {
		height: 48px; margin: 24px auto;
	}
	.header-under p {
		width: 92%; margin: 64px auto 0;
	}
	
	.section-layout-1 .inner {
		width: 92%;
	}
	.section-layout-1 .txt-wrap {
		width: 92%; max-width: 1200px; margin: 0 auto; position: relative; z-index: 1; left: 0; top: -48px; padding: 48px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
	}
	.section-layout-1 .title-wrap {
		text-align: left; width: calc(50% - 1px); display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
	}
	.section-layout-1 .title-inner {
		display: inline-block;
	}
	.section-layout-1 .txt-wrap .devider {
		width: 1px; height: 88px; margin: 0;
	}
	.section-layout-1 .txt-inner {
		width: 50%; padding: 0 0 0 48px; box-sizing: border-box;
	}
	.section-layout-1 .img-wrap-1 .img:first-of-type {
		width: 50%; height: 480px;
	}
	.section-layout-1 .img-wrap-1 .img:nth-of-type(2) {
		width: 25%; height: 240px;
	}
	.section-layout-1 .img-wrap-1 .img:nth-of-type(3) {
		width: 25%; height: 240px;
	}
	.section-layout-1 .img-wrap-1 .img:nth-of-type(4) {
		width: 25%; height: 240px;
	}
	.section-layout-1 .img-wrap-1 .img:nth-of-type(5) {
		width: 25%; height: 240px;
	}
	.section-layout-1 .img-wrap-2 .img:first-of-type {
		width: 50%; height: 480px;
	}
	.section-layout-1 .img-wrap-2 .img:nth-of-type(2) {
		width: 25%; height: 240px;
	}
	.section-layout-1 .img-wrap-2 .img:nth-of-type(3) {
		width: 25%; height: 240px;
	}
	.section-layout-1 .img-wrap-2 .img:nth-of-type(4) {
		width: 50%; height: 240px;
	}
	.section-layout-1 .img-wrap-3 .img:first-of-type {
		width: 50%; height: 480px;
	}
	.section-layout-1 .img-wrap-3 .img:nth-of-type(2) {
		width: 25%; height: 480px;
	}
	.section-layout-1 .img-wrap-3 .img:nth-of-type(3) {
		width: 25%; height: 480px;
	}
	
	.section-layout-2 .inner {
		width: 92%; max-width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;
	}
	.section-layout-2.reverse .inner {
		flex-direction: row-reverse;
	}
	.section-layout-2 .img {
		width: calc(50% + 64px);
	}
	.section-layout-2 .txt-wrap {
		margin: 0; width: calc(50% - 128px);
	}
	.section-layout-2 .txt-wrap p {
		margin: 48px 0 0;
	}
    .section-layout-1 .img-wrap-3:not(:has(> :nth-of-type(n+2))) .img:first-of-type {
		width: 75%;
	}
}

@media only screen and (min-width: 1280px) {
	.header-under {
		margin: 0;
	}
	.header-under .img {
		height: 640px;
	}
	
	.section-layout-1 .inner {
		width: calc(100% - 128px);
	}
	
	.section-layout-2 .inner {
		width: 1200px;
	}
}

@media (hover: hover) {
	#pagetop .arrow {
		transition: opacity .4s;
	}
	#pagetop:hover .arrow {
		opacity: .48;
	}
}


/*//////////////////////////////////////////////////
アニメーション
//////////////////////////////////////////////////*/

@keyframes logo {
	0% {opacity: .48; filter: blur(2px);}
	100% {opacity: 1; filter: blur(0);}
}
.loading-logo {
	animation: logo 3.2s forwards;
}


/*//////////////////////////////////////////////////
ローディング
//////////////////////////////////////////////////*/

#loading_cover {
	line-height: 1; width: 100%; min-width: 320px; height: 100vh; position: fixed; z-index: 100; left: 0; top: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-color: #fff;
}
.loading-logo {
	display: none; width: 140px;
}
.loading-logo img {
	width: 100%; height: auto;
}

@media only screen and (min-width: 640px) {
	.loading-logo {
		width: 180px;
	}
}

@media only screen and (min-width: 960px) {
	.loading-logo {
		width: 220px;
	}
}


/*//////////////////////////////////////////////////
ハンバーガーメニュー
//////////////////////////////////////////////////*/

#humb_wrap {
	line-height: 1; width: 74px; height: 74px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; cursor: pointer; position: absolute; z-index: 1; right: 0; top: -16px;
}
#humb_wrap .humb {
	width: 20px; height: 10px; position: relative; z-index: 1; left: 0; top: 0;
}
#humb_wrap .humb span {
	display: block; width: 100%; height: 1px; background-color: #fff; position: absolute; z-index: 1; left: 0;
}
#humb_wrap .humb span:nth-of-type(1) {
	top: 0;
}
#humb_wrap .humb span:nth-of-type(2) {
	bottom: 0;
}

@media only screen and (min-width: 640px) {
	#humb_wrap {
		width: 93px; height: 93px; top: -20px;
	}
	#humb_wrap .humb {
		width: 22px; height: 11px;
	}
}

@media only screen and (min-width: 960px) {
	#humb_wrap {
		width: 112px; height: 112px; top: -24px;
	}
	#humb_wrap .humb {
		width: 24px; height: 12px;
	}
}

@media only screen and (min-width: 1280px) {
	#humb_wrap {
		display: none;
	}
}

@media (hover: hover) {
	#humb_wrap .humb span {
		transition: all .4s;
	}
	#humb_wrap:hover .humb span:nth-of-type(1) {
		top: 50%; transform: translate(0, -50%);
	}
	#humb_wrap:hover .humb span:nth-of-type(2) {
		bottom: 50%; transform: translate(0, 50%);
	}
}


/*//////////////////////////////////////////////////
モーダルメニュー
//////////////////////////////////////////////////*/

#modal_menu {
	display: none; line-height: 1; width: 100%; min-width: 320px; height: 100vh; position: fixed; z-index: 100; left: 0; top: 0; background-color: #fff;
}
#modal_menu::before, #modal_menu::after {
	content: ''; display: block; width: 100%; height: 60px; position: absolute; z-index: 3; right: 0; top: 0; background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}
#modal_menu::after {
	top: auto; bottom: 0; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}
#modal_menu .img {
	position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; opacity: .16;
}
#menu_close {
	line-height: 1; width: 33px; height: 33px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; position: absolute; z-index: 4; right: 6%; top: 32px; cursor: pointer;
}
#menu_close .close {
	width: 100%; height: 100%; position: relative; z-index: 1; left: 0; top: 0;
}
#menu_close .close span {
	display: block; width: 100%; height: 1px; background-color: #212121; position: absolute; z-index: 1; left: 0;
}
#menu_close .close span:nth-of-type(1) {
	top: 0; transform: translateY(16px) rotate(-45deg);
}
#menu_close .close span:nth-of-type(2) {
	bottom: 0; transform: translateY(-16px) rotate(45deg);
}
#modal_menu .inner {
	height: 100vh; position: relative; z-index: 2; left: 0; top: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
}
#modal_menu .wrap {
	width: 100%; padding: 120px 0;
}
#modal_menu .logo {
	width: 140px; margin: 0 auto;
}
#modal_menu .logo a {
	display: inline-block;
}
#modal_menu .logo img {
	width: 100%; height: auto;
}
#modal_menu nav ul {
	text-align: center; margin: 12px 0 0;
}
#modal_menu nav li a, #modal_menu nav li .active {
	text-align: center; display: inline-block; padding: 0 0 18px; margin: 20px 0 0; position: relative; z-index: 1; left: 0; top: 0;
}
#modal_menu nav li a .en, #modal_menu nav li .active .en {
	display: block; margin: 0 0 8px;
}
#modal_menu nav li a::after, #modal_menu nav li .active::after {
	content: ''; display: block; width: 0; height: 2px; background-color: #212121; position: absolute; z-index: 1; left: 50%; bottom: 0; transform: translate(-50%, 0);
}
#modal_menu nav li .active::after {
	width: 100%;
}
#modal_menu .tel-news {
	display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 32px 0 0;
}
#modal_menu .tel-news .devider {
	display: block; width: 1px; height: 12px; background-color: rgba(0, 0, 0, .16); margin: 0 12px;
}
#modal_menu .tel {
	display: inline-block;
}
#modal_menu .news {
	display: inline-block;
}
#modal_menu .news .txt {
	display: inline-block; position: relative; z-index: 1; left: 0; top: 0; padding: 0 10px 0 0;
}
#modal_menu .news .txt::after {
	content: ''; display: block; background-image: url("../img/common/common_arrow.png"); background-size: cover; width: 8px; height: 8px; position: absolute; z-index: 1; right: 0; top: 56%; transform: translate(0, -50%);
}

@media only screen and (min-width: 640px) {
	#modal_menu .img {
		width: calc(100% - 248px - 104px); opacity: 1;
	}
	#modal_menu::before, #modal_menu::after {
		width: 352px;
	}
	#menu_close {
		width: 35px; height: 35px; right: 5%; top: 40px;
	}
	#menu_close .close span:nth-of-type(1) {
		transform: translateY(17px) rotate(-45deg);
	}
	#menu_close .close span:nth-of-type(2) {
		transform: translateY(-17px) rotate(45deg);
	}
	#modal_menu .inner {
		width: 100%; padding: 0 0 0 calc(100% - 352px); box-sizing: border-box;
	}
	#modal_menu .logo {
		width: 180px;
	}
	#modal_menu nav ul {
		margin: 14px 0 0;
	}
	#modal_menu nav li a, #modal_menu nav li .active {
		margin: 26px 0 0;
	}
	#modal_menu .tel-news {
		margin: 40px 0 0;
	}
	#modal_menu .tel-news .devider {
		height: 13px; margin: 0 13px;
	}
	#modal_menu .news .txt::after {
		top: 54%;
	}
}

@media only screen and (min-width: 960px) {
	#modal_menu .img {
		width: calc(100% - 262px - 128px);
	}
	#modal_menu::before, #modal_menu::after {
		width: 390px;
	}
	#menu_close {
		width: 37px; height: 37px; right: 4%; top: 48px;
	}
	#menu_close .close span:nth-of-type(1) {
		transform: translateY(18px) rotate(-45deg);
	}
	#menu_close .close span:nth-of-type(2) {
		transform: translateY(-18px) rotate(45deg);
	}
	#modal_menu .inner {
		padding: 0 0 0 calc(100% - 390px);
	}
	#modal_menu .logo {
		width: 220px;
	}
	#modal_menu nav ul {
		margin: 16px 0 0;
	}
	#modal_menu nav li a, #modal_menu nav li .active {
		margin: 32px 0 0;
	}
	#modal_menu .tel-news {
		margin: 48px 0 0;
	}
	#modal_menu .tel-news .devider {
		height: 14px; margin: 0 14px;
	}
	#modal_menu .news .txt::after {
		top: 52%;
	}
}

@media (hover: hover) {
	#menu_close {
		transition: opacity .4s;
	}
	#menu_close:hover {
		opacity: .48;
	}
	#modal_menu nav li a::after {
		transition: width .4s;
	}
	#modal_menu nav li a:hover::after {
		width: 100%;
	}
}


/*//////////////////////////////////////////////////
ヘッダー
//////////////////////////////////////////////////*/

header {
	line-height: 1; position: fixed; z-index: 10; left: 0; top: 0; width: 100%; min-width: 320px; background-color: #fff; padding: 16px 0; transition: background .4s;
}
header .inner {
	position: relative; z-index: 1; left: 0; top: 0;
}
header .logo {
	width: 140px; margin: 0 0 0 6%;
}
header .logo a {
	display: inline-block;
}
header .logo img {
	width: 100%; height: auto;
}
header .rsv {
	line-height: 1; width: 74px; height: 74px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; cursor: pointer; position: absolute; z-index: 1; right: 74px; top: -16px;
}
header .rsv .txt {
	display: inline-block; position: relative; z-index: 1; left: 0; top: 0; padding: 0 10px 0 0;
}
header .rsv .txt::after {
	content: ''; display: block; background-image: url("../img/common/common_arrow-white.png"); background-size: cover; width: 8px; height: 8px; position: absolute; z-index: 1; right: 0; top: 56%; transform: translate(0, -50%);
}
header nav {
	display: none;
}

@media only screen and (min-width: 640px) {
	header {
		padding: 20px 0;
	}
	header .logo {
		width: 180px; margin: 0 0 0 5%;
	}
	header .rsv {
		width: 93px; height: 93px; right: 93px; top: -20px;
	}
	header .rsv .txt {
		padding: 0 12px 0 0;
	}
	header .rsv .txt::after {
		width: 10px; height: 10px; top: 54%;
	}
}

@media only screen and (min-width: 960px) {
	header {
		padding: 24px 0;
	}
	header .logo {
		width: 220px; margin: 0 0 0 4%;
	}
	header .rsv {
		width: 112px; height: 112px; right: 112px; top: -24px;
	}
	header .rsv .txt {
		padding: 0 14px 0 0;
	}
	header .rsv .txt::after {
		width: 12px; height: 12px; top: 52%;
	}
}

@media only screen and (min-width: 1280px) {
	header .rsv {
		right: 0;
	}
	header nav {
		display: block; position: absolute; z-index: 1; right: calc(112px + 32px); bottom: -24px;
	}
	header nav .tel-news {
		display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center;
	}
	header nav .tel-news .devider {
		display: block; width: 1px; height: 14px; background-color: rgba(0, 0, 0, .16); margin: 0 14px;
	}
	header nav .tel {
		display: inline-block;
	}
	header nav .news {
		display: inline-block;
	}
	header nav .news .txt {
		display: inline-block; position: relative; z-index: 1; left: 0; top: 0; padding: 0 10px 0 0;
	}
	header nav .news .txt::after {
		content: ''; display: block; background-image: url("../img/common/common_arrow.png"); background-size: cover; width: 8px; height: 8px; position: absolute; z-index: 1; right: 0; top: 52%; transform: translate(0, -50%);
	}
	header nav ul {
		display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; margin: 20px 0 0;
	}
	header nav ul .devider {
		display: block; width: 1px; height: 14px; background-color: rgba(0, 0, 0, .16); margin: 0 14px 9px;
	}
	header nav li a, header nav li .active {
		text-align: center; display: inline-block; padding: 0 0 18px; position: relative; z-index: 1; left: 0; top: 0;
	}
	header nav li a .en, header nav li .active .en {
		display: block; margin: 0 0 8px;
	}
	header nav li a::after, header nav li .active::after {
		content: ''; display: block; width: 0; height: 2px; background-color: #212121; position: absolute; z-index: 1; right: 0; bottom: 0;
	}
	header nav li .active::after {
		width: 100%;
	}
}

@media only screen and (min-width: 1440px) {
	header nav ul .devider {
		margin: 0 20px 9px;
	}
}

@media only screen and (min-width: 1600px) {
	header nav ul .devider {
		margin: 0 24px 9px;
	}
}

@media only screen and (min-width: 1760px) {
	header nav ul .devider {
		margin: 0 28px 9px;
	}
}

@media only screen and (min-width: 1920px) {
	header nav ul .devider {
		margin: 0 32px 9px;
	}
}

@media (hover: hover) {
	header .rsv .txt {
		transition: opacity .4s;
	}
	header .rsv:hover .txt {
		opacity: .48;
	}
	header nav li a::after {
		transition: width .4s;
	}
	header nav li a:hover::after {
		width: 100%; left: 0; right: auto;
	}
}


/*//////////////////////////////////////////////////
フッター
//////////////////////////////////////////////////*/

.footer-devider {
	display: block; width: 88%; height: 1px; margin: 0 auto; background-color: rgba(0, 0, 0, .16);
}
footer {
	line-height: 1;
}
footer .rsv {
	padding: 44px 0;
}
footer .rsv a {
	display: block; width: 88%; max-width: 900px; margin: 0 auto;
}
footer .rsv a img {
	width: 100%; height: auto;
}
footer .inner {
	padding: 44px 0 32px;
}
footer .wrap {
	width: 88%; margin: 0 auto;
}
footer .logo {
	width: 140px; margin: 0 auto;
}
footer .logo a {
	display: inline-block;
}
footer .logo img {
	width: 100%; height: auto;
}
footer .yado-info {
	text-align: center; margin: 12px 0 0;
}
footer .yado-info .addr {
	line-height: 1.7;
}
footer .yado-info .tel-fax {
	margin: 16px 0 0;
}
footer .yado-info .tel {
	display: inline-block;
}
footer .yado-info .check-in-out {
	margin: 20px 0 0;
}
footer .yado-info .in {
	display: inline-block;
}
footer .yado-info .out {
	display: inline-block; margin: 12px 0 0;
}
footer ul {
	margin: 44px 0 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 20px;
}
footer ul li a {
	display: inline-block; color: #fff!important;
}
footer .copy {
	width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 44px 0 0;
}
footer .copy a {
	display: inline-block; width: 44px; height: 13px; margin: 0 4px 0 0;
}
footer .copy p {
	display: inline-block; margin: 0 0 0 4px;
}

@media only screen and (min-width: 640px) {
	.footer-devider {
		width: 90%;
	}
	footer .rsv {
		padding: 66px 0;
	}
	footer .rsv a {
		width: 90%;
	}
	footer .inner {
		padding: 66px 0 40px;
	}
	footer .wrap {
		width: 90%;
	}
	footer .logo {
		width: 180px;
	}
	footer .yado-info {
		margin: 14px 0 0;
	}
	footer .yado-info .tel-fax {
		margin: 20px 0 0;
	}
	footer .yado-info .check-in-out {
		margin: 26px 0 0;
	}
	footer .yado-info .out {
		margin: 14px 0 0;
	}
	footer ul {
		margin: 66px 0 0; gap: 26px;
	}
	footer .copy {
		margin: 66px 0 0;
	}
}

@media only screen and (min-width: 960px) {
	.footer-devider {
		width: 92%;
	}
	footer .rsv {
		padding: 88px 0;
	}
	footer .rsv a {
		width: 92%;
	}
	footer .inner {
		padding: 88px 0 48px;
	}
	footer .wrap {
		width: 92%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;
	}
	footer .logo {
		width: 220px; margin: 8px 64px 0 0;
	}
	footer .yado-info {
		text-align: left; width: 310px; margin: 0 64px 0 0;
	}
	footer .yado-info .tel-fax {
		margin: 24px 0 0;
	}
	footer .yado-info .check-in-out {
		margin: 32px 0 0;
	}
	footer .yado-info .out {
		margin: 16px 0 0;
	}
	footer ul {
		width: calc(100% - 530px - 128px); margin: 0; gap: 32px; justify-content: flex-start;
	}
	footer .copy {
		margin: 88px 0 0;
	}
}

@media only screen and (min-width: 1280px) {
	.footer-devider {
		width: 1200px;
	}
	footer .rsv a {
		width: 1200px;
	}
	footer .wrap {
		width: 1200px;
	}
}

@media (hover: hover) {
	footer ul li a {
		transition: opacity .4s;
	}
	footer ul li a:hover {
		opacity: .48;
	}
}


/*//////////////////////////////////////////////////
01.フロントページ
//////////////////////////////////////////////////*/

#main_visual {
	width: 100%; height: auto; background-image: url("../movie/top.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; z-index: 2; left: 0; top: 0; overflow: hidden; margin: 72px 0 0;
}
#main_visual::before {
	content: ''; display: block; padding: 56.25% 0 0;
}
#main_movie {
	width: 100%; height: 100%; position: absolute; z-index: 1; left: 0; top: 0;
}
#main_movie video {
	width: 100%; height: 100%; position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%);
}

.front-page .news {
	padding: 44px 0;
}
.front-page .news .inner {
	width: 88%; margin: 0 auto;
}
.front-page .news .title-wrap {
	line-height: 1; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;
}
.front-page .news .title-wrap h2 {
	display: inline-block;
}
.front-page .news .title-wrap a {
	display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 140px; height: 40px; position: relative; z-index: 1; left: 0; top: 0;
}
.front-page .news .title-wrap a .txt {
	display: inline-block;
}
.front-page .news .title-wrap a::after {
	content: ''; display: block; background-image: url("../img/common/common_arrow-white.png"); background-size: cover; width: 8px; height: 8px; position: absolute; z-index: 1; right: 12px; top: 50%; transform: translate(0, -50%);
}
.front-page .news #newsWrap {
	margin: 32px 0 0;
}
.front-page .news #newsWrap li {
	display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; border-bottom: solid 1px #fff; padding: 0 0 12px; margin: 0 0 12px;
}
.front-page .news #newsWrap li .up_ymd {
	display: inline-block; width: 110px;
}
.front-page .news #newsWrap li .title {
	width: calc(100% - 110px);
}
.front-page .news #newsWrap li a {
	display: block; width: 100%;
}
.front-page .news #newsWrap .news-copy {
	line-height: 1; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: flex-start;
}

.front-page .clink {
	padding: 0 0 80px;
}
.front-page .clink .item {
	width: 88%; margin: 80px auto 0;
}
.front-page .clink .item .txt-wrap {
	max-width: 600px; margin: 0 auto;
}
.front-page .clink .item .title {
	line-height: 1; text-align: center; opacity: .12; transition: opacity 2.4s;
}
.front-page .clink .item .title.active {
	opacity: 1;
}
.front-page .clink .item .title .en-hand {
	font-size: 7.2rem; display: block;
}
.front-page .clink .item .title .line {
	display: block; width: 1px; height: 32px; margin: 16px auto; background-color: #9e884b;
}
.front-page .clink .item h3 {
	line-height: 1.7; text-align: center; margin: 32px 0 0;
}
.front-page .clink .item-1 h3 br {
	display: none;
}
.front-page .clink .item-2 h3 br {
	display: none;
}
.front-page .clink .item-3 h3 br {
	display: none;
}
.front-page .clink .item p {
	margin: 20px 0 0;
}
.front-page .clink .item a {
	margin: 32px auto 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 240px; height: 48px; position: relative; z-index: 1; left: 0; top: 0;
}
.front-page .clink .item a .txt {
	display: inline-block;
}
.front-page .clink .item a::after {
	content: ''; display: block; background-image: url("../img/common/common_arrow-white.png"); background-size: cover; width: 8px; height: 8px; position: absolute; z-index: 1; right: 12px; top: 50%; transform: translate(0, -50%);
}
.front-page .clink .item .img-wrap-1 {
	margin: 44px 0 0;
}
.front-page .clink .item .img-wrap-1 .img {
	float: left; border: solid 1px #fff; box-sizing: border-box;
}
.front-page .clink .item .img-wrap-1 .img:nth-of-type(2) {
	width: 30%; height: 26.4vw;
}
.front-page .clink .item .img-wrap-1 .img:nth-of-type(3) {
	width: 70%; height: 26.4vw;
}
.front-page .clink .item .img-wrap-2 {
	margin: 44px 0 0;
}

.front-page .instagram {
	padding: 44px 0;
}
.front-page .instagram .inner {
	width: 88%; margin: 0 auto;
}
.front-page .instagram .title-wrap {
	line-height: 1; text-align: center;
}
.front-page .instagram .title-wrap a {
	display: block; background-image: url("../img/common/common_instagram.svg"); background-size: cover; width: 20px; height: 20px; margin: 16px auto 0;
}
.front-page .instagram .item-wrap {
	margin: 40px 0 0; background-color: #fff;
}

.front-page .access {
	padding: 80px 0; position: relative; z-index: 1; left: 0; top: 0;
}
.front-page .access .back-img {
	position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%;
}
.front-page .access .back-img::before {
	content: ''; display: block; width: 100%; height: 100%; position: absolute; z-index: 2; left: 0; top: 0; background-color: rgba(0, 0, 0, .48);
}
.front-page .access .inner {
	width: 88%; max-width: 600px; margin: 0 auto; position: relative; z-index: 3; left: 0; top: 0;
}
.front-page .access .title {
	line-height: 1; text-align: center; opacity: .12; transition: opacity 2.4s;
}
.front-page .access .title.active {
	opacity: 1;
}
.front-page .access .title .en-hand {
	font-size: 7.2rem; display: block;
}
.front-page .access .title .line {
	display: block; width: 1px; height: 32px; margin: 16px auto; background-color: rgba(255, 255, 255, .64);
}
.front-page .access h3 {
	line-height: 1.7; text-align: center; margin: 32px 0 0;
}
.front-page .access p {
	margin: 20px 0 0;
}
.front-page .access a {
	margin: 32px auto 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 240px; height: 48px; position: relative; z-index: 1; left: 0; top: 0; border: solid 1px #fff; box-sizing: border-box;
}
.front-page .access a .txt {
	display: inline-block;
}
.front-page .access a::after {
	content: ''; display: block; background-image: url("../img/common/common_arrow-white.png"); background-size: cover; width: 8px; height: 8px; position: absolute; z-index: 1; right: 12px; top: 50%; transform: translate(0, -50%);
}

@media only screen and (min-width: 640px) {
	#main_visual {
		margin: 91px 0 0;
	}
	
	.front-page .news {
		padding: 66px 0;
	}
	.front-page .news .inner {
		width: 90%;
	}
	.front-page .news .title-wrap a {
		width: 150px; height: 44px;
	}
	.front-page .news .title-wrap a::after {
		width: 10px; height: 10px; right: 14px;
	}
	.front-page .news #newsWrap {
		margin: 40px 0 0;
	}
	.front-page .news #newsWrap li {
		padding: 0 0 14px; margin: 0 0 14px;
	}
	.front-page .news #newsWrap li .up_ymd {
		width: 120px;
	}
	.front-page .news #newsWrap li .title {
		width: calc(100% - 120px);
	}
		
	.front-page .clink {
		padding: 0 0 120px;
	}
	.front-page .clink .item {
		width: 90%; margin: 120px auto 0;
	}
	.front-page .clink .item .title .en-hand {
		font-size: 10.8rem;
	}
	.front-page .clink .item .title .line {
		height: 40px; margin: 20px auto;
	}
	.front-page .clink .item h3 {
		margin: 40px 0 0;
	}
	.front-page .clink .item p {
		margin: 26px 0 0;
	}
	.front-page .clink .item a {
		margin: 40px auto 0; width: 280px; height: 56px;
	}
	.front-page .clink .item a::after {
		width: 10px; height: 10px; right: 14px;
	}
	.front-page .clink .item .img-wrap-1 {
		margin: 66px 0 0;
	}
	.front-page .clink .item .img-wrap-1 .img:nth-of-type(2) {
		height: 27vw;
	}
	.front-page .clink .item .img-wrap-1 .img:nth-of-type(3) {
		height: 27vw;
	}
	.front-page .clink .item .img-wrap-2 {
		margin: 66px 0 0;
	}
	
	.front-page .instagram {
		padding: 66px 0;
	}
	.front-page .instagram .inner {
		width: 90%;
	}
	.front-page .instagram .title-wrap a {
		width: 26px; height: 26px; margin: 20px auto 0;
	}
	.front-page .instagram .item-wrap {
		margin: 52px 0 0;
	}
	
	.front-page .access {
		padding: 120px 0;
	}
	.front-page .access .inner {
		width: 90%;
	}
	.front-page .access .title .en-hand {
		font-size: 10.8rem;
	}
	.front-page .access .title .line {
		height: 40px; margin: 20px auto;
	}
	.front-page .access h3 {
		margin: 40px 0 0;
	}
	.front-page .access h3 br {
		display: none;
	}
	.front-page .access p {
		margin: 26px 0 0;
	}
	.front-page .access a {
		margin: 40px auto 0; width: 280px; height: 56px;
	}
	.front-page .access a::after {
		width: 10px; height: 10px; right: 14px;
	}
}

@media only screen and (min-width: 960px) {
	#main_visual {
		margin: 110px 0 0;
	}
	
	.front-page .news {
		padding: 88px 0;
	}
	.front-page .news .inner {
		width: 92%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;
	}
	.front-page .news .title-wrap {
		display: block; width: 160px;
	}
	.front-page .news .title-wrap h2 {
		text-align: center; display: block;
	}
	.front-page .news .title-wrap a {
		width: 160px; height: 48px; margin: 48px auto 0;
	}
	.front-page .news .title-wrap a::after {
		width: 12px; height: 12px; right: 16px;
	}
	.front-page .news #newsWrap {
		width: calc(100% - 248px); margin: 0;
	}
	.front-page .news #newsWrap li {
		padding: 0 0 16px; margin: 0 0 16px;
	}
	.front-page .news #newsWrap li .up_ymd {
		width: 130px;
	}
	.front-page .news #newsWrap li .title {
		width: calc(100% - 130px);
	}
	
	.front-page .clink {
		padding: 0 0 160px;
	}
	.front-page .clink .item {
		width: 92%; margin: 160px auto 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;
	}
	.front-page .clink .item.reverse {
		flex-direction: row-reverse;
	}
	.front-page .clink .item .txt-wrap {
		margin: 0; width: calc(50% - 7.36vw);
	}
	.front-page .clink .item .title .en-hand {
		font-size: 14.4rem;
	}
	.front-page .clink .item .title .line {
		height: 48px; margin: 24px auto;
	}
	.front-page .clink .item h3 {
		margin: 48px 0 0;
	}
	.front-page .clink .item-1 h3 br {
		display: block;
	}
	.front-page .clink .item-2 h3 br {
		display: block;
	}
	.front-page .clink .item-3 h3 br {
		display: block;
	}
	.front-page .clink .item p {
		margin: 32px 0 0;
	}
	.front-page .clink .item a {
		margin: 48px auto 0; width: 320px; height: 64px;
	}
	.front-page .clink .item a::after {
		width: 12px; height: 12px; right: 16px;
	}
	.front-page .clink .item .img-wrap-1 {
		margin: 0; width: calc(50% + 3.68vw); padding: 0 0 3.68vw; position: relative; z-index: 1; left: 0; top: 0;
	}
	.front-page .clink .item .img-wrap-1 .img {
		border: none;
	}
	.front-page .clink .item .img-wrap-1 .img:first-of-type {
		height: 480px; margin: 0 0 0 3.68vw;
	}
	.front-page .clink .item .img-wrap-1 .img:nth-of-type(2) {
		height: 320px; position: absolute; z-index: 1; left: 0; bottom: 0;
	}
	.front-page .clink .item .img-wrap-1 .img:nth-of-type(3) {
		width: calc(70% - 3.68vw); height: 320px; margin: 3.68vw 0 0 calc(30% + 3.68vw);
	}
	.front-page .clink .item .img-wrap-2 {
		margin: 0; width: 50%;
	}
	.front-page .clink .item .img-wrap-2 .img {
		height: 720px;
	}
	
	.front-page .instagram {
		padding: 88px 0;
	}
	.front-page .instagram .inner {
		width: 92%;
	}
	.front-page .instagram .title-wrap a {
		width: 32px; height: 32px; margin: 24px auto 0;
	}
	.front-page .instagram .item-wrap {
		margin: 64px 0 0;
	}
	
	.front-page .access {
		padding: 160px 0;
	}
	.front-page .access .back-img::before {
		width: 71%; left: auto; right: 0; background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .48));
	}
	.front-page .access .inner {
		width: 92%; max-width: 100%;
	}
	.front-page .access .txt-wrap {
		margin: 0 0 0 50%; width: 50%;
	}
	.front-page .access .title .en-hand {
		font-size: 14.4rem;
	}
	.front-page .access .title .line {
		height: 48px; margin: 24px auto;
	}
	.front-page .access h3 {
		margin: 48px 0 0;
	}
	.front-page .access h3 br {
		display: block;
	}
	.front-page .access p {
		margin: 32px 0 0;
	}
	.front-page .access a {
		margin: 48px auto 0; width: 320px; height: 64px;
	}
	.front-page .access a::after {
		width: 12px; height: 12px; right: 16px;
	}
}

@media only screen and (min-width: 1280px) {
	#main_visual {
		margin: 0;
	}
	
	.front-page .news .inner {
		width: 1200px;
	}
	
	.front-page .clink .item {
		width: calc(100% - 128px);
	}
	.front-page .clink .item .txt-wrap {
		width: calc(50% - 128px); max-width: 100%;
	}
	.front-page .clink .item .txt-inner {
		max-width: 600px; margin: 0 auto;
	}
	.front-page .clink .item-1 h3 br {
		display: none;
	}
	.front-page .clink .item-2 h3 br {
		display: none;
	}
	.front-page .clink .item-3 h3 br {
		display: none;
	}
	.front-page .clink .item .img-wrap-1 {
		width: calc(50% + 64px); padding: 0 0 64px;
	}
	.front-page .clink .item .img-wrap-1 .img:first-of-type {
		margin: 0 0 0 64px;
	}
	.front-page .clink .item .img-wrap-1 .img:nth-of-type(3) {
		width: calc(70% - 64px); margin: 64px 0 0 calc(30% + 64px);
	}
	
	.front-page .instagram .inner {
		width: 1200px;
	}
	
	.front-page .access .back-img::before {
		width: calc(50% + 300px);
	}
	.front-page .access .inner {
		width: 1200px;
	}
	.front-page .access h3 br {
		display: none;
	}
}

@media (hover: hover) {
	.front-page .news .title-wrap a .txt, .front-page .news .title-wrap a::after {
		transition: opacity .4s;
	}
	.front-page .news .title-wrap a:hover .txt, .front-page .news .title-wrap a:hover::after {
		opacity: .48;
	}
	.front-page .news #newsWrap li a {
		transition: opacity .4s;
	}
	.front-page .news #newsWrap li a:hover {
		opacity: .48;
	}
	
	.front-page .clink .item a .txt, .front-page .clink .item a::after {
		transition: opacity .4s;
	}
	.front-page .clink .item a:hover .txt, .front-page .clink .item a:hover::after {
		opacity: .48;
	}
	
	.front-page .access a .txt, .front-page .access a::after {
		transition: opacity .4s;
	}
	.front-page .access a:hover .txt, .front-page .access a:hover::after {
		opacity: .48;
	}
}


/*//////////////////////////////////////////////////
02.客室
//////////////////////////////////////////////////*/

.page-room .room-1 {
	padding: 20px 0 0;
}

.page-room .room-2 {
	padding: 60px 0 0;
}

.page-room .room-3 {
	padding: 60px 0 0;
}

.page-room .amenity {
	padding: 60px 0 44px;
}
.page-room .amenity .inner {
	width: 88%; max-width: 900px; margin: 0 auto;
}

@media only screen and (min-width: 640px) {
	.page-room .room-1 {
		padding: 30px 0 0;
	}
	
	.page-room .room-2 {
		padding: 90px 0 0;
	}
	
	.page-room .room-3 {
		padding: 90px 0 0;
	}
	
	.page-room .amenity {
		padding: 90px 0 66px;
	}
	.page-room .amenity .inner {
		width: 90%;
	}
}

@media only screen and (min-width: 960px) {
	.page-room .room-1 {
		padding: 40px 0 0;
	}
	
	.page-room .room-2 {
		padding: 72px 0 0;
	}
	
	.page-room .room-3 {
		padding: 72px 0 0;
	}
	
	.page-room .amenity {
		padding: 72px 0 88px;
	}
	.page-room .amenity .inner {
		width: 92%;
	}
}


/*//////////////////////////////////////////////////
03.リビング＆ダイニングキッチン
//////////////////////////////////////////////////*/

.page-ldk .living {
	padding: 20px 0 0;
}

.page-ldk .dining {
	padding: 60px 0 0;
}

.page-ldk .facility {
	padding: 60px 0 44px;
}
.page-ldk .facility .inner {
	width: 88%; margin: 0 auto;
}
.page-ldk .facility .table-1 {
	max-width: 900px; margin: 0 auto;
}
.page-ldk .facility .img-wrap {
	margin: 44px 0 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
}
.page-ldk .facility .img-wrap .img {
	border: solid 1px #fff; box-sizing: border-box; width: 50%;
}

@media only screen and (min-width: 640px) {
	.page-ldk .living {
		padding: 30px 0 0;
	}
	
	.page-ldk .dining {
		padding: 90px 0 0;
	}
	
	.page-ldk .facility {
		padding: 90px 0 66px;
	}
	.page-ldk .facility .inner {
		width: 90%;
	}
	.page-ldk .facility .img-wrap {
		margin: 66px 0 0;
	}
}

@media only screen and (min-width: 960px) {
	.page-ldk .living {
		padding: 40px 0 0;
	}
	
	.page-ldk .dining {
		padding: 72px 0 0;
	}
	
	.page-ldk .facility {
		padding: 72px 0 88px;
	}
	.page-ldk .facility .inner {
		width: 92%;
	}
	.page-ldk .facility .img-wrap {
		margin: 88px 0 0;
	}
	.page-ldk .facility .img-wrap .img {
		width: 25%;
	}
}

@media only screen and (min-width: 1280px) {
	.page-ldk .facility .inner {
		width: 1200px;
	}
}


/*//////////////////////////////////////////////////
04.施設・瀬設備
//////////////////////////////////////////////////*/

.page-facility .heimenzu {
	padding: 20px 0 0;
}
.page-facility .heimenzu .inner {
	width: 88%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 40px;
}
.page-facility .heimenzu img {
	width: 100%; height: auto;
}

.page-facility .pool {
	padding: 60px 0 0;
}

.page-facility .bath {
	padding: 60px 0 0;
}

.page-facility .sauna {
	padding: 60px 0 0;
}

.page-facility .sauna-facility {
	padding: 60px 0 0;
}
.page-facility .sauna-facility .inner {
	width: 88%; margin: 0 auto;
}
.page-facility .sauna-facility .table-1 {
	max-width: 900px; margin: 0 auto;
}
.page-facility .sauna-facility .img-wrap {
	margin: 44px 0 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
}
.page-facility .sauna-facility .img-wrap .img {
	border: solid 1px #fff; box-sizing: border-box; width: 50%;
}

.page-facility .terrace {
	padding: 60px 0 0;
}

.page-facility .outdoor {
	padding: 60px 0 0;
}

.page-facility .other-facility {
	padding: 60px 0 44px;
}
.page-facility .other-facility .inner {
	width: 88%; margin: 0 auto;
}
.page-facility .other-facility .title-wrap {
	line-height: 1.7; text-align: center;
}
.page-facility .other-facility .title-wrap h2 {
	margin: 8px 0 0;
}
.page-facility .other-facility .item-wrap {
	margin: 40px 0 0; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 40px;
}
.page-facility .other-facility .item h3 {
	line-height: 1.7; text-align: center; margin: 12px 0 0;
}

@media only screen and (min-width: 640px) {
	.page-facility .heimenzu {
		padding: 30px 0 0;
	}
	.page-facility .heimenzu .inner {
		width: 90%; gap: 52px;
	}
	.page-facility .heimenzu img {
		width: calc(50% - 26px);
	}
	
	.page-facility .pool {
		padding: 90px 0 0;
	}
	
	.page-facility .bath {
		padding: 90px 0 0;
	}
	
	.page-facility .sauna {
		padding: 90px 0 0;
	}
	
	.page-facility .sauna-facility {
		padding: 90px 0 0;
	}
	.page-facility .sauna-facility .inner {
		width: 90%;
	}
	.page-facility .sauna-facility .img-wrap {
		margin: 66px 0 0;
	}
	
	.page-facility .terrace {
		padding: 90px 0 0;
	}

	.page-facility .outdoor {
		padding: 90px 0 0;
	}
	
	.page-facility .other-facility {
		padding: 90px 0 66px;
	}
	.page-facility .other-facility .inner {
		width: 90%;
	}
	.page-facility .other-facility .item-wrap {
		margin: 52px 0 0; gap: 52px;
	}
	.page-facility .other-facility .item {
		width: calc(50% - 26px);
	}
	.page-facility .other-facility .item h3 {
		margin: 14px 0 0;
	}
}

@media only screen and (min-width: 960px) {
	.page-facility .heimenzu {
		padding: 40px 0 0;
	}
	.page-facility .heimenzu .inner {
		width: 92%; gap: 64px;
	}
	.page-facility .heimenzu img {
		width: calc(33.3% - 43px);
	}
	
	.page-facility .pool {
		padding: 120px 0 0;
	}
	
	.page-facility .bath {
		padding: 72px 0 0;
	}
	
	.page-facility .sauna {
		padding: 72px 0 0;
	}
	
	.page-facility .sauna-facility {
		padding: 72px 0 0;
	}
	.page-facility .sauna-facility .inner {
		width: 92%;
	}
	.page-facility .sauna-facility .img-wrap {
		margin: 88px 0 0;
	}
	.page-facility .sauna-facility .img-wrap .img {
		width: 25%;
	}
	
	.page-facility .terrace {
		padding: 120px 0 0;
	}

	.page-facility .outdoor {
		padding: 120px 0 0;
	}
	
	.page-facility .other-facility {
		padding: 120px 0 88px;
	}
	.page-facility .other-facility .inner {
		width: 92%;
	}
	.page-facility .other-facility .item-wrap {
		margin: 64px 0 0; gap: 64px;
	}
	.page-facility .other-facility .item {
		width: calc(33.3% - 43px);
	}
	.page-facility .other-facility .item h3 {
		margin: 16px 0 0;
	}
}

@media only screen and (min-width: 1280px) {
	.page-facility .heimenzu .inner {
		width: 1200px;
	}
	
	.page-facility .sauna-facility .inner {
		width: 1200px;
	}
	
	.page-facility .other-facility .inner {
		width: 1200px;
	}
}


/*//////////////////////////////////////////////////
05.おもてなし
//////////////////////////////////////////////////*/

.page-service .inclusive {
	padding: 20px 0 0;
}

.page-service .rental {
	padding: 60px 0 0;
}

.page-service .pickup {
	padding: 60px 0 44px;
}

@media only screen and (min-width: 640px) {
	.page-service .inclusive {
		padding: 30px 0 0;
	}
	
	.page-service .rental {
		padding: 90px 0 0;
	}

	.page-service .pickup {
		padding: 90px 0 66px;
	}
}

@media only screen and (min-width: 960px) {
	.page-service .inclusive {
		padding: 40px 0 0;
	}
	
	.page-service .rental {
		padding: 72px 0 0;
	}

	.page-service .pickup {
		padding: 120px 0 88px;
	}
}


/*//////////////////////////////////////////////////
06.観光・体験
//////////////////////////////////////////////////*/

.page-sightseeing-activity .spot {
	padding: 20px 0 0;
}
.page-sightseeing-activity .spot .inner {
	width: 88%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 40px;
}
.page-sightseeing-activity .spot .item .img {
	display: block; position: relative; z-index: 1; left: 0; top: 0;
}
.page-sightseeing-activity .spot .item .img img {
	position: relative; z-index: 1; left: 0; top: 0;
}
.page-sightseeing-activity .spot .item .img:not(.no-link)::before {
	content: ''; display: block; width: 34px; height: 26px; background-color: rgba(255, 255, 255, .88); position: absolute; z-index: 2; right: 0; top: 0;
}
.page-sightseeing-activity .spot .item .img:not(.no-link)::after {
	content: ''; display: block; width: 18px; height: 10px; background-image: url("../img/common/common_exlink.png"); background-size: cover; position: absolute; z-index: 3; right: 8px; top: 8px;
}
.page-sightseeing-activity .spot .item .img .ribbon {
	width: auto; height: 31px; position: absolute; z-index: 2; left: -6px; top: 16px;
}
.page-sightseeing-activity .spot .item .img .ribbon {
    display: none;
}
.page-sightseeing-activity .spot .item .txt-wrap {
	line-height: 1.7; margin: 12px 0 0;
}
.page-sightseeing-activity .spot .item .txt-wrap h2 {
	text-align: center;
}
.page-sightseeing-activity .spot .item .txt-wrap .time {
	margin: 12px 0 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start;
}
.page-sightseeing-activity .spot .item .txt-wrap .access {
	text-align: center; margin: 12px 0 0;
}
.page-sightseeing-activity .spot .item .txt-wrap .access a {
	display: inline-block; position: relative; z-index: 1; left: 0; top: 0; padding: 0 0 0 24px;
}
.page-sightseeing-activity .spot .item .txt-wrap .access a::before {
	content: ''; display: block; background-image: url("../img/common/common_access.svg"); background-size: cover; width: 20px; height: 20px; position: absolute; z-index: 1; left: 0; top: 50%; transform: translate(0, -50%);
}
.page-sightseeing-activity .spot .item .txt-wrap .txt {
	margin: 12px 0 0;
}
.page-sightseeing-activity .spot .note {
	width: 88%; max-width: 900px; margin: 40px auto 0; padding: 24px; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
}

.page-sightseeing-activity .bnrs {
	padding: 60px 0 44px;
}
.page-sightseeing-activity .bnrs .inner {
	width: 88%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 20px;
}
.page-sightseeing-activity .bnrs a {
	display: block; width: 270px;
}
.page-sightseeing-activity .bnrs a img {
	width: 100%; height: auto;
}

@media only screen and (min-width: 640px) {
	.page-sightseeing-activity .spot {
		padding: 30px 0 0;
	}
	.page-sightseeing-activity .spot .inner {
		width: 90%; gap: 52px;
	}
	.page-sightseeing-activity .spot .item {
		width: calc(50% - 26px);
	}
	.page-sightseeing-activity .spot .item .txt-wrap {
		margin: 14px 0 0;
	}
	.page-sightseeing-activity .spot .item .txt-wrap .time {
		margin: 14px 0 0;
	}
	.page-sightseeing-activity .spot .item .txt-wrap .access {
		margin: 14px 0 0;
	}
	.page-sightseeing-activity .spot .item .txt-wrap .access a {
		padding: 0 0 0 30px;
	}
	.page-sightseeing-activity .spot .item .txt-wrap .access a::before {
		width: 26px; height: 26px;
	}
	.page-sightseeing-activity .spot .item .txt-wrap .txt {
		margin: 14px 0 0;
	}
	.page-sightseeing-activity .spot .note {
		width: 90%; margin: 52px auto 0; padding: 36px;
	}
	
	.page-sightseeing-activity .bnrs {
		padding: 90px 0 66px;
	}
	.page-sightseeing-activity .bnrs .inner {
		width: 90%; gap: 30px;
	}
}

@media only screen and (min-width: 960px) {
	.page-sightseeing-activity .spot {
		padding: 40px 0 0;
	}
	.page-sightseeing-activity .spot .inner {
		width: 92%; gap: 64px;
	}
	.page-sightseeing-activity .spot .item {
		width: calc(33.3% - 43px);
	}
	.page-sightseeing-activity .spot .item .txt-wrap {
		margin: 16px 0 0;
	}
	.page-sightseeing-activity .spot .item .txt-wrap .time {
		margin: 16px 0 0;
	}
	.page-sightseeing-activity .spot .item .txt-wrap .access {
		margin: 16px 0 0;
	}
	.page-sightseeing-activity .spot .item .txt-wrap .access a {
		padding: 0 0 0 36px;
	}
	.page-sightseeing-activity .spot .item .txt-wrap .access a::before {
		width: 32px; height: 32px;
	}
	.page-sightseeing-activity .spot .item .txt-wrap .txt {
		margin: 16px 0 0;
	}
	.page-sightseeing-activity .spot .note {
		width: 92%; margin: 64px auto 0; padding: 48px;
	}
	
	.page-sightseeing-activity .bnrs {
		padding: 120px 0 88px;
	}
	.page-sightseeing-activity .bnrs .inner {
		width: 92%; gap: 40px;
	}
}

@media only screen and (min-width: 1280px) {
	.page-sightseeing-activity .spot .inner {
		width: 1200px;
	}
	
	.page-sightseeing-activity .bnrs .inner {
		width: 1200px;
	}
}

@media (hover: hover) {
	.page-sightseeing-activity .spot .item .img:not(.no-link) img:not(.ribbon) {
		transition: opacity .4s;
	}
	.page-sightseeing-activity .spot .item .img:not(.no-link):hover img:not(.ribbon) {
		opacity: .64;
	}
	.page-sightseeing-activity .spot .item .txt-wrap .access a {
		transition: opacity .4s;
	}
	.page-sightseeing-activity .spot .item .txt-wrap .access a:hover {
		opacity: .48;
	}
	
	.page-sightseeing-activity .bnrs a {
		transition: opacity .4s;
	}
	.page-sightseeing-activity .bnrs a:hover {
		opacity: .64;
	}
}


/*//////////////////////////////////////////////////
07.アクセス
//////////////////////////////////////////////////*/

.page-access .map {
	padding: 20px 0 0;
}
.page-access .map .inner {
	width: 88%; margin: 0 auto;
}
.page-access .map .txt-wrap {
	line-height: 1; padding: 24px; box-sizing: border-box;
}
.page-access .map .logo {
	width: 140px; margin: 0 auto;
}
.page-access .map .logo img {
	width: 100%; height: auto;
}
.page-access .map .devider {
	display: block; height: 1px; background-color: rgba(255, 255, 255, .16); margin: 24px 0;
}
.page-access .map .yado-info {
	text-align: center;
}
.page-access .map .yado-info .addr {
	line-height: 1.7;
}
.page-access .map .yado-info .tel-fax {
	margin: 16px 0 0;
}
.page-access .map .yado-info .tel {
	display: inline-block;
}
.page-access .map .yado-info .check-in-out {
	margin: 20px 0 0;
}
.page-access .map .yado-info .in {
	display: inline-block;
}
.page-access .map .yado-info .out {
	display: inline-block; margin: 12px 0 0;
}
.page-access .map .gmap {
	height: 320px;
}

.page-access .by-car {
	padding: 60px 0 44px;
}
.page-access .by-car .inner {
	width: 88%; max-width: 900px; margin: 0 auto;
}
.page-access .by-car .title-wrap {
	line-height: 1.7; text-align: center;
}
.page-access .by-car .title-wrap h2 {
	margin: 8px 0 0;
}
.page-access .by-car .item-wrap {
	margin: 40px 0 0; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 40px;
}
.page-access .by-car .item {
	width: 100%;
}
.page-access .by-car .item .point-1 {
	line-height: 1; padding: 24px; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
}
.page-access .by-car .item .point-2 {
	line-height: 1; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
}
.page-access .by-car .item .point-3 {
	line-height: 1; padding: 24px; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
}
.page-access .by-car .item .point-3 img {
	width: 140px; height: auto;
}
.page-access .by-car .item .line {
	display: block; width: 1px; height: 44px; background-color: rgba(0, 0, 0, .16); margin: 16px auto;
}
.page-access .by-car .note {
	width: 88%; max-width: 900px; margin: 40px auto 0; padding: 24px; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
}

@media only screen and (min-width: 640px) {
	.page-access .map {
		padding: 30px 0 0;
	}
	.page-access .map .inner {
		width: 90%;
	}
	.page-access .map .txt-wrap {
		padding: 36px;
	}
	.page-access .map .logo {
		width: 180px;
	}
	.page-access .map .devider {
		margin: 36px 0;
	}
	.page-access .map .yado-info .tel-fax {
		margin: 20px 0 0;
	}
	.page-access .map .yado-info .check-in-out {
		margin: 26px 0 0;
	}
	.page-access .map .yado-info .out {
		margin: 14px 0 0;
	}
	.page-access .map .gmap {
		height: 400px;
	}
	
	.page-access .by-car {
		padding: 90px 0 66px;
	}
	.page-access .by-car .inner {
		width: 90%;
	}
	.page-access .by-car .item-wrap {
		margin: 52px 0 0; gap: 52px;
	}
	.page-access .by-car .item {
		width: calc(50% - 26px);
	}
	.page-access .by-car .item .point-1 {
		padding: 36px;
	}
	.page-access .by-car .item .point-3 {
		padding: 36px;
	}
	.page-access .by-car .item .point-3 img {
		width: 180px;
	}
	.page-access .by-car .item .line {
		height: 66px; margin: 20px auto;
	}
	.page-access .by-car .note {
		width: 90%; margin: 52px auto 0; padding: 36px;
	}
}

@media only screen and (min-width: 960px) {
	.page-access .map {
		padding: 40px 0 0;
	}
	.page-access .map .inner {
		width: 92%;
	}
	.page-access .map .txt-wrap {
		width: 92%; max-width: 1200px; margin: 0 auto; position: relative; z-index: 1; left: 0; top: -48px; padding: 48px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
	}
	.page-access .map .logo-wrap {
		width: calc(50% - 1px);
	}
	.page-access .map .logo {
		width: 220px;
	}
	.page-access .map .devider {
		width: 1px; height: 88px; margin: 0;
	}
	.page-access .map .yado-info {
		text-align: left; width: 50%; padding: 0 0 0 48px; box-sizing: border-box;
	}
	.page-access .map .yado-info .tel-fax {
		margin: 24px 0 0;
	}
	.page-access .map .yado-info .check-in-out {
		margin: 32px 0 0;
	}
	.page-access .map .yado-info .out {
		margin: 16px 0 0;
	}
	.page-access .map .gmap {
		height: 480px;
	}
	
	.page-access .by-car {
		padding: 72px 0 88px;
	}
	.page-access .by-car .inner {
		width: 92%;
	}
	.page-access .by-car .item-wrap {
		margin: 64px 0 0; gap: 64px;
	}
	.page-access .by-car .item {
		width: calc(50% - 32px);
	}
	.page-access .by-car .item .point-1 {
		padding: 48px;
	}
	.page-access .by-car .item .point-3 {
		padding: 48px;
	}
	.page-access .by-car .item .point-3 img {
		width: 220px;
	}
	.page-access .by-car .item .line {
		height: 88px; margin: 24px auto;
	}
	.page-access .by-car .note {
		width: 92%; margin: 64px auto 0; padding: 48px;
	}
}

@media only screen and (min-width: 1280px) {
	.page-access .map .inner {
		width: calc(100% - 128px);
	}
}


/*//////////////////////////////////////////////////
08-1.新着情報
//////////////////////////////////////////////////*/

.page-news #newsList {
	line-height: 1.7; width: 88%; max-width: 900px; margin: 0 auto; padding: 20px 0 0;
}
.page-news #newsList li {
	display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; border-bottom: solid 1px rgba(0, 0, 0, .16); padding: 0 0 12px; margin: 0 0 12px;
}
.page-news #newsList .up_ymd {
	display: inline-block; width: 110px;
}
.page-news #newsList .title {
	width: calc(100% - 110px);
}
.page-news #newsList li a {
	display: block; width: 100%;
}
.page-news #newsList .catName {
	display: none;
}
.page-news .pager {
	line-height: 1; width: 100%; margin: 32px 0 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
	font-family: 'CormorantUpright-M', serif!important; font-weight: 500!important;
}
.page-news .pager a {
	font-size: 1.4rem; margin: 8px; height: 32px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; color: #212121;
}
.page-news .pager a.current {
	width: 32px; border-radius: 50%; background-color: #212121; color: #fff;
}
.page-news .news-admin {
	line-height: 1; width: 88%; max-width: 900px; margin: 0 auto; padding: 12px 0 0;
}
.page-news .news-copy {
	line-height: 1; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; padding: 16px 0 44px;
}

@media only screen and (min-width: 640px) {
	.page-news #newsList {
		width: 90%; padding: 30px 0 0;
	}
	.page-news #newsList li {
		padding: 0 0 14px; margin: 0 0 14px;
	}
	.page-news #newsList .up_ymd {
		width: 120px;
	}
	.page-news #newsList .title {
		width: calc(100% - 120px);
	}
	.page-news .pager {
		margin: 40px 0 0;
	}
	.page-news .pager a {
		font-size: 1.5rem; margin: 10px; height: 36px;
	}
	.page-news .pager a.current {
		width: 36px;
	}
	.page-news .news-admin {
		width: 90%; padding: 14px 0 0;
	}
	.page-news .news-copy {
		padding: 20px 0 66px;
	}
}

@media only screen and (min-width: 960px) {
	.page-news #newsList {
		width: 92%; padding: 40px 0 0;
	}
	.page-news #newsList li {
		padding: 0 0 16px; margin: 0 0 16px;
	}
	.page-news #newsList .up_ymd {
		width: 130px;
	}
	.page-news #newsList .title {
		width: calc(100% - 130px);
	}
	.page-news .pager {
		margin: 48px 0 0;
	}
	.page-news .pager a {
		font-size: 1.6rem; margin: 12px; height: 40px;
	}
	.page-news .pager a.current {
		width: 40px;
	}
	.page-news .news-admin {
		width: 92%; padding: 16px 0 0;
	}
	.page-news .news-copy {
		padding: 24px 0 88px;
	}
}

@media (hover: hover) {
	.page-news #newsList li a {
		transition: opacity .4s;
	}
	.page-news #newsList li a:hover {
		opacity: .48;
	}
	.page-news .pager a:not(.current) {
		transition: opacity .4s;
	}
	.page-news .pager a:not(.current):hover {
		opacity: .48;
	}
}


/*//////////////////////////////////////////////////
08-2.新着情報 - 詳細
//////////////////////////////////////////////////*/

.page-news-detail .inner {
	width: 88%; max-width: 900px; margin: 20px auto 44px;
}
.page-news-detail h2 {
	line-height: 1.7; margin: 20px 0 12px; padding: 0 0 12px; border-bottom: solid 1px rgba(0, 0, 0, .16);
}
.page-news-detail #up_ymd {
	text-align: right; margin: 0 0 20px;
}
.page-news-detail .backORcloseBtn {
	margin: 32px 0 0;
}
.page-news-detail .backORcloseBtn a {
	display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 200px; height: 40px; position: relative; z-index: 1; left: 0; top: 0; margin: 0 auto;
}
.page-news-detail .backORcloseBtn a .txt {
	display: inline-block;
}
.page-news-detail .backORcloseBtn a::after {
	content: ''; display: block; background-image: url("../img/common/common_arrow-white.png"); background-size: cover; width: 8px; height: 8px; position: absolute; z-index: 1; left: 12px; top: 50%; transform: translate(0, -50%) scale(-1, 1);
}
.page-news-detail .news-admin {
	line-height: 1; padding: 32px 0 0;
}
.page-news-detail .news-copy {
	line-height: 1; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; padding: 16px 0 0;
}
.page-news-detail .detailUpfile {
	margin: 16px auto 0; max-width: 600px;
}
.page-news-detail .detailUpfile img {
	width: 100%; height: auto;
}

@media only screen and (min-width: 640px) {
	.page-news-detail .inner {
		width: 90%; margin: 30px auto 66px;
	}
	.page-news-detail h2 {
		margin: 26px 0 14px; padding: 0 0 14px;
	}
	.page-news-detail #up_ymd {
		margin: 0 0 26px;
	}
	.page-news-detail .backORcloseBtn {
		margin: 40px 0 0;
	}
	.page-news-detail .backORcloseBtn a {
		width: 220px; height: 44px;
	}
	.page-news-detail .backORcloseBtn a::after {
		width: 10px; height: 10px; left: 14px;
	}
	.page-news-detail .news-admin {
		padding: 40px 0 0;
	}
	.page-news-detail .news-copy {
		padding: 20px 0 0;
	}
	.page-news-detail .detailUpfile {
		margin: 20px auto 0;
	}
}

@media only screen and (min-width: 960px) {
	.page-news-detail .inner {
		width: 92%; margin: 40px auto 88px;
	}
	.page-news-detail h2 {
		margin: 32px 0 16px; padding: 0 0 16px;
	}
	.page-news-detail #up_ymd {
		margin: 0 0 32px;
	}
	.page-news-detail .backORcloseBtn {
		margin: 48px 0 0;
	}
	.page-news-detail .backORcloseBtn a {
		width: 240px; height: 48px;
	}
	.page-news-detail .backORcloseBtn a::after {
		width: 12px; height: 12px; left: 16px;
	}
	.page-news-detail .news-admin {
		padding: 48px 0 0;
	}
	.page-news-detail .news-copy {
		padding: 24px 0 0;
	}
	.page-news-detail .detailUpfile {
		margin: 24px auto 0;
	}
}

@media (hover: hover) {
	.page-news-detail .backORcloseBtn a .txt, .page-news-detail .backORcloseBtn a::after {
		transition: opacity .4s;
	}
	.page-news-detail .backORcloseBtn a:hover .txt, .page-news-detail .backORcloseBtn a:hover::after {
		opacity: .48;
	}
}

.insta_banner img{
	width: 100%;
}