/************************************************/
/*						*/
/*	【Common】				*/
/*						*/
/************************************************/

/*------【Common】------------------------------*/

html {
	overflow-y		: scroll;
	height			: 100%;
	font-size		: 1.0em;
}

body {
	display			: grid;
	grid-gap		: 0px 0px;
	grid-template-columns	: 100%;
	grid-template-rows	: auto 1fr auto auto;
	min-height		: 100%;
	line-height		: 1.2em;
	font-family		: 'Noto Serif',serif;
	font-family		: 'Noto Serif JP',serif;
	color			: #000000;
	background-image	: url('../images/bg-img-01.jpg');
}

header {
	grid-column		: 1 / 2;
	grid-row		: 1 / 2;
}

main {
	grid-column		: 1 / 2;
	grid-row		: 2 / 3;
}

aside {
	grid-column		: 1 / 2;
	grid-row		: 3 / 4;
}

footer {
	grid-column		: 1 / 2;
	grid-row		: 4 / 5;
}

a {
	outline			: none;
	text-decoration		: none;
	color			: #000000;
	transition		: 0.25s;
}

img {
	transition		: 0.25s;
}

a:hover {
	color			: #a9a9a9;
	text-decoration		: none;
	opacity			: 1;
}

a:hover img {
	opacity			: 0.5;
}

h1,h2,h3 {
	line-height		: 1.2em;
}

br.clear {
	clear			: both;
}

/*------【To Top】------------------------------*/

.page-top {
	position		: fixed;
	right			: 0;
	bottom			: 0;
	z-index			: 9999;
	opacity			: 0.8;
}

.page-top a.icon {
	display			: block;
	position		: relative;
	width			: 50px;
	height			: 50px;
	color			: #ffffff;
	background-color	: #333333;
}

.page-top a.icon:before {
	content			: '\f106';
	display			: block;
	position		: absolute;
	top			: 0;
	bottom			: 0;
	left			: 0;
	right			: 0;
	width			: 15px;
	height			: 15px;
	font-family		: "Font Awesome 5 Free";
	font-weight		: 900;
	font-size		: 20px;
	margin			: auto;
}

.page-top a:hover {
	opacity			: 1;
}

/*------【Breadcrumb】--------------------------*/

.breadcrumb {
	text-align		: left;
	background-color	: #30171e;
	margin			: 0;
	padding			: 10px 20px 10px 20px;
}

.breadcrumb .breadcrumb-trail {
	font-size		: 0.9em;
	color			: #e9e9e9;
	margin			: 0;
	padding			: 0;
}

.breadcrumb .breadcrumb-trail a {
	color			: #e9e9e9;
	text-decoration		: underline;
}

.breadcrumb .breadcrumb-trail a:hover {
	color			: #9acd32;
}

/*------【YouTube】-----------------------------*/

.youtube {
	width			: 100%;
	aspect-ratio		: 16 / 9;
	margin			: 1.0em 0 0 0;
}

.youtube iframe {
	width			: 100%;
	height			: 100%;
}

/*------【Link Box】----------------------------*/

.link-box {
	margin			: 0;
	padding			: 0;
}

.link-box a {
	display			: flex;
	width			: 200px;
	background-color	: #000000;
	margin			: 0 auto 0 auto;
	padding			: 5px 5px 5px 5px;
}

.link-box a p {
	width			: 100%;
	font-size		: 1.2em;
	color			: #ffffff;
	border-width		: 1px 1px 1px 1px;
	border-style		: solid;
	border-color		: #ffffff;
	transition		: 0.25s;
	margin			: 0;
	padding			: 20px 0 20px 0;
}

.link-box a p:hover {
	background-color	: #6a5acd;
}

/*------【Wide Area】---------------------------*/

.area_100 {
	width			: 100%;
	text-align		: center;
}

/*------【Max Widrh】---------------------------*/

.max-width-01,
.max-width-02 {
	width			: 100%;
	margin			: auto;
	padding			: 0 20px 0 20px;
}

/*------【Back Area】---------------------------*/

.back-area-singular,
.back-area-plural {
	width			: 100%;
	margin			: auto;
	padding			: 0;
}

.back-area-plural:nth-child(even) {
	background-color	: #f3f3f3;

}

.back-area-plural:nth-child(odd) {
	background-color	: #fffcf9;
}

/*------【Gallery Slide】-----------------------*/

.gallery {
	display			: flex;
	overflow		: hidden; 
	margin			: 0;
	padding			: 0;
}

.gallery ul.gallery-slide {
	display			: flex;
	animation		: scroll-left 120s infinite linear 0.5s both;
	margin			: 0;
	padding			: 0;
}

.gallery:hover ul.gallery-slide {
	animation-play-state	: paused;
}

.gallery ul.gallery-slide li.gallery-img {
	width			: calc(100vw / 1);
	list-style		: none;
	margin			: 0 5px 0 5px;
	padding			: 0;
}

.gallery ul.gallery-slide li.gallery-img img {
	display			: block;
	width			: 100%;
}

@keyframes scroll-left {
  from {
	transform		: translateX(0);
  }
  to {
	transform		: translateX(-100%);
  }
}

/*------【Small Title】------------------------*/

.small-title-ja {
	width			: 200px;
	font-size		: 1.5em;
	font-weight		: normal;
	border-width		: 0 0 1px 0;
	border-style		: solid;
	border-color		: #000000;
	margin			: 0 auto 0 auto;
	padding			: 0 0 10px 0;
}

.small-title-en {
	margin			: 0 0 50px 0;
	padding			: 0;
}

.small-cont {
	line-height		: 2.0em;
	margin			: 0 0 50px 0;
	padding			: 0;
}

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screen 576px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and (min-width: 576px) {


}/***** END 576px *****/

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screen 768px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

/*------【To Top】------------------------------*/

@media screen and (min-width: 768px) {

.page-top a:hover {
	opacity			: 0.5;
}

/*------【TEL Link】----------------------------*/

a[href^="tel:"] {
	pointer-events		: none;
}

/*------【Gallery Slide】-----------------------*/

.gallery ul.gallery-slide li.gallery-img {
	width			: calc(100vw / 2);
}

}/***** END 768px *****/

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screen 992px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and (min-width: 992px) {

/*------【Max Widrh】---------------------------*/

.max-width-01 {
	width			: calc(100% - 100px);
	max-width		: 1200px;
	margin			: auto;
	padding			: 0;
}

.max-width-02 {
	width			: calc(100% - 100px);
	max-width		: 1500px;
	margin			: auto;
	padding			: 0;
}

/*------【Gallery Slide】-----------------------*/

.gallery ul.gallery-slide li.gallery-img {
	width			: calc(100vw / 3);
}

}/***** END 992px *****/

/************************************************/
/*						*/
/*	【Header】				*/
/*						*/
/************************************************/

/*------【Setting】-----------------------------*/

header {
	position		: fixed;
	width			: 100%;
	height			: 100px;
	background-color	: #000000;
	z-index			: 300;
	margin			: 0;
	padding			: 0;
}

header .header {
	display			: flex;
	align-items		: center;
	height			: 100%;
	margin			: 0;
	padding			: 0;
}

/*------【Top Logo】----------------------------*/

header .header .header-logo {
	margin			: 0;
	padding			: 0;
}

header .header .header-logo .logo {
	width			: 240px;
	margin			: 0 0 0 20px;
	padding			: 0;
}

header .header .header-logo .logo img {
	width			: 100%;
	height			: auto;
}

/*------【Hamburger Menu】----------------------*/

header .header .hbg-box {
	position		: absolute;
	top			: 35px;
	right			: 30px;
}

header .header .hbg-box .hbg-menu {
	position		: relative;
	cursor			: pointer;
	width			: 26px;
}

header .header .hbg-box .hbg-menu:after {
	content			: "MENU";
	position		: absolute;
	display			: block;
	top			: 20px;
	left			: -3px;
	text-align		: center;
	font-family		: serif;
	font-size		: 10px;
	color			: #6bb5cb;
}

header .header .hbg-box .hbg-menu.active:after {
	content			: "CLOSE";
}

header .header .hbg-box .hbg-menu span {
	position		: absolute;
	display			: inline-block;
	left			: 0;
	width			: 100%;
	height			: 2px;
	transition		: all 0.4s;
	box-sizing		: border-box;
	margin			: 0 auto 0 auto;
}
 
header .header .hbg-box .hbg-menu span:nth-child(1) {
	top			: 0;
	background-color	: #6bcbba;
}
 
header .header .hbg-box .hbg-menu span:nth-child(2) {
	top			: 8px;
	background-color	: #6bcacb;
}
 
header .header .hbg-box .hbg-menu span:nth-child(3) {
	top			: 16px;
	background-color	: #6bbacb;
}

header .header .hbg-box .hbg-menu span:nth-of-type(1) {
	animation		: menu-bar01 0.75s forwards;
}

@keyframes menu-bar01 {
  0% {
	transform		: translateY(8px) rotate(45deg);
  }
  50% {
	transform		: translateY(8px) rotate(0);
  }
  100% {
	transform		: translateY(0) rotate(0);
  }
}

header .header .hbg-box .hbg-menu span:nth-of-type(2) {
	transition		: all 0.25s 0.25s;
	opacity			: 1;
}

header .header .hbg-box .hbg-menu span:nth-of-type(3) {
	animation		: menu-bar03 0.75s forwards;
}

@keyframes menu-bar03 {
  0% {
	transform		: translateY(-8px) rotate(-45deg);
  }
  50% {
	transform		: translateY(-8px) rotate(0);
  }
  100% {
	transform		: translateY(0) rotate(0);
  }
}

header .header .hbg-box .hbg-menu.active span:nth-of-type(1) {
	animation		: active-menu-bar01 0.75s forwards;
}

@keyframes active-menu-bar01 {
  0% {
	transform		: translateY(0) rotate(0);
  }
  50% {
	transform		: translateY(8px) rotate(0);
  }
  100% {
	transform		: translateY(8px) rotate(45deg);
  }
}

header .header .hbg-box .hbg-menu.active span:nth-of-type(2) {
	opacity			: 0;
}

header .header .hbg-box .hbg-menu.active span:nth-of-type(3) {
	animation		: active-menu-bar03 0.75s forwards;
}

@keyframes active-menu-bar03 {
  0% {
	transform		: translateY(0) rotate(0);
  }
  50% {
	transform		: translateY(-8px) rotate(0);
  }
  100% {
	transform		: translateY(-8px) rotate(-45deg);
  }
}

/*------【Top Menu】----------------------------*/

header .header-nav .header-menu-nav {
	position		: fixed;
	width			: 100%;
	left			: -100%;
	text-align		: center;
	background-color	: #eef7f9;
	transition		: left 0.5s ease;
}

header .header-nav .header-menu-nav.open {
	left			: 0;
}

header .header-nav .header-menu-nav ul li a {
	display			: block;
	font-weight		: bolder;
	text-decoration		: none;
	color			: #477684;
	border-width		: 0 0 1px 0;
	border-style		: dotted;
	border-color		: #cccccc;
	margin			: 0;
	padding			: 2em;
}

/*------【Top Contact】-------------------------*/

header .header-contact {
	display			: block;
	position		: fixed;
	bottom			: 0;
	width			: 100%;
	margin			: 0;
	padding			: 0;
}

header .header-contact .label {
	display			: flex;
	align-items		: center;
	justify-content		: center;
	height			: 50px;
	font-size		: 1.3em;
	color			: #ffffff;
	background-color	: #640125;
	transition		: 0.25s;
	margin			: 0;
	padding			: 0;
}

header .header-contact .label:hover {
	background-color	: #4b0082;
}

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screen 576px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and (min-width: 576px) {


}/***** END 576px *****/

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screenl 768px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and (min-width: 768px) {


}/***** END 768px *****/

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screen 992px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and ( min-width : 992px ) {

/*------【Setting】-----------------------------*/

header {
	display			: grid;
	align-items		: center;
	grid-gap		: 0;
	grid-template-columns	: 240px 1fr 180px;
	align-items		: center;
	background-color	: transparent;
	transition		: 0.5s;
}

header .header {
	grid-column		: 1 / 2;
	grid-row		: 1 / 2;
}

header .header-nav {
	grid-column		: 2 / 3;
	grid-row		: 1 / 2;
}

header .header-contact {
	grid-column		: 3 / 4;
	grid-row		: 1 / 2;
	pointer-events		: none;
}

header .header-contact .label {
	visibility		: hidden;
	opacity			: 0;
	transition		: 0.5s;
}

header .header .hbg-box {
	display			: none;
}

header.is-animation {
	background-color	: rgb(0 0 0 / 1);
	transition		: 0.5s;
}

header.is-animation:hover {
	transition		: 0.5s;
}

header.is-animation .header-contact .label {
	visibility		: visible;
	pointer-events		: auto;
	opacity			: 1;
}

/*------【Top Menu】----------------------------*/

/***** 初期化 *****/

header .header-nav .header-menu-nav {
	position		: static;
	left			: auto;
	text-align		: center;
	background-color	: transparent;
	transition		: none;
	transform		: none;
	margin			: 0 auto 0 auto;
	padding			: 0;
}

header .header-nav .header-menu-nav.open {
	left			: auto;
}

header .header-nav .header-menu-nav ul li a {
	display			: initial;
	font-weight		: normal;
	color			: #ffffff;
	border-width		: 0;
	border-style		: none;
	border-color		: transparent;
	margin			: 0;
	padding			: 0;
}

/***** ここまで *****/

header .header-nav {
	font-size		: 1.0em;
	margin			: 0 auto 0 auto;
	padding			: 0;
}

header .header-nav .header-menu-nav {
	margin			: 0;
	padding			: 0;
}

header .header-nav .header-menu-nav .nav {
	display			: flex;
	position		: relative;
	list-style-type		: none;
	margin			: 0;
	padding			: 0;
}

header .header-nav .header-menu-nav .nav:before,
header .header-nav .header-menu-nav .nav:after {
	content			: "";
}

header .header-nav .header-menu-nav .nav li {
	position		: relative;
	line-height		: 36px;
	text-align		: center;
	margin			: 0;
	padding			: 0;
}

header .header-nav .header-menu-nav .nav li a {
	display			: block;
	text-decoration		: none;
	transition		: 0.4s;
	margin			: 0;
	padding			: 0 10px 0 10px;
}

header .header-nav .header-menu-nav .nav li a:hover {
	color			: #ffffff;
}

header .header-nav .header-menu-nav .nav li a:before {
	content			: "";
	position		: absolute;
	left			: 5%;
	bottom			: 3px;
	width			: 90%;
	height			: 2px;
	background-color	: #dcdcdc;
	transform		: scale(0, 1);
	transition		: 0.4s;
}

header .header-nav .header-menu-nav .nav li a:hover:before {
	transform		: scale(1);
}

header .header-nav .header-menu-nav .current-menu-item:before,
header .header-nav .header-menu-nav .current-menu-parent:before {
	content			: "";
	position		: absolute;
	left			: 5%;
	bottom			: 3px;
	width			: 90%;
	height			: 2px;
	background-color	: #dcdcdc;
}

header .header-nav .header-menu-nav ul li.menu-item-has-children > a::after {
	content			: '';
	display			: inline-block;
	width			: 6px;
	height			: 6px;
	border-width		: 0 1px 1px 0;
	border-style		: solid;
	border-color		: #ffffff;
	transform		: rotate(45deg);
	margin			: 0 0 0 5px;
}

/*------【Top Contact】-------------------------*/

header .header-contact {
	position		: static;
	top			: auto; 
	right			: auto;
	height			: 100%;
}

header .header-contact .label {
	height			: 100%;
	font-size		: 1.2em;
}

}/***** END 992px *****/

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screen 1200px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and ( min-width : 1200px ) {

/*------【Top Menu】----------------------------*/

header .header-nav .header-menu-nav .nav li a {
	display			: block;
	text-decoration		: none;
	margin			: 0;
	padding			: 0 15px 0 15px;
}

}/***** END 1200px *****/

/************************************************/
/*						*/
/*	【Home Contents】			*/
/*						*/
/************************************************/

/*------【Front Page Setting】------------------*/

.front-main-area {
	margin			: 0 0 50px 0;
	padding			: 0;
}

/*------【Headline】----------------------------*/

.front-main-area .headline {
	width			: 100%;
	aspect-ratio		: 2 / 1;
	background-size		: cover;
	margin			: 0 0 50px 0;
	padding			: 0;
}

.front-main-area .headline .max-width-02 {
	display			: flex;
	justify-content		: center;
	align-items		: center;
	position		: relative;
	height			: 100%;
}

.front-main-area .headline .max-width-02 .headline-cpy {
	z-index			: 100;
	position		: absolute;
	writing-mode		: vertical-rl;
	line-height		: 1.5em;
	font-size		: 1.2em;
	border-width		: 0;
	color			: #ffffff;
	margin			: 0;
	padding			: 0;
}

.front-main-area .headline .max-width-02 .headline-cpy span {
	display			: block;
}

.front-main-area .headline .max-width-02 .headline-box {
	z-index			: 100;
	display			: flex;
	justify-content		: center;
	align-items		: center;
	position		: absolute;
	left			: 40px;
	bottom			: -50px;
	width			: 100px;
	height			: 100px;
	transform		: rotate(45deg);
	border-width		: 0;
	margin			: 0;
	padding			: 0;
}

.front-main-area .headline .max-width-02 .headline-box .headline-cnt {
	transform		: rotate(-45deg);
	writing-mode		: vertical-rl;
	color			: #ffffff;
	font-weight		: bold;
	font-size		: 1.2em;
	margin			: 0;
	padding			: 0;
}

/*------【Top Images】--------------------------*/

.top-img {
	position		: relative;
	margin			: 100px 0 0 0;
	padding			: 0;
}

.top-img .top-img-text {
	z-index			: 100;
	display			: flex;
	flex-direction		: column;
	position		: absolute;
	top			: 50%;
	left			: 50%;
	height			: 90%;
	line-height		: 2.0em;
	writing-mode		: vertical-rl;
	transform		: translate(-50%,-50%);
	color			: #ffffff;
	margin			: 0;
	padding			: 0;
}

.top-img .top-img-text .text-01 {
	font-size		: 1.2em;
	font-weight		: bolder;
	margin			: 0 0 0 10px;
	padding			: 0;
}

.top-img .top-img-text .text-02 {
	font-size		: 0.8em;
	margin			: 5px 0 0 0;
	padding			: 0;
}

.top-img .top-img-text .fade-line {
	opacity			: 0; 
	animation-name		: fadeIn;
	animation-duration	: 1s;
	animation-timing-function
				: ease-out; 
	animation-fill-mode	: forwards;
}

.top-img .top-img-text .fade-line:nth-child(1) {
	animation-delay		: 1.0s;
}

.top-img .top-img-text .fade-line:nth-child(2) {
	animation-delay		: 1.5s;
}

.top-img .top-img-text .fade-line:nth-child(3) {
	animation-delay		: 2.0s;
}

.top-img .top-img-text .fade-line:nth-child(4) {
	animation-delay		: 2.5s;
}

.top-img .top-img-text .fade-line:nth-child(5) {
	animation-delay		: 3.0s;
}

.top-img .top-img-text .fade-line:nth-child(6) {
	animation-delay		: 3.5s;
}

.top-img .top-img-text .fade-line:nth-child(7) {
	animation-delay		: 4.0s;
}

.top-img .top-img-text .fade-line:nth-child(8) {
	animation-delay		: 4.5s;
}

@keyframes fadeIn {
  from {
	opacity			: 0;
	transform		: translateY(10px);
  }
  to {
	opacity			: 1;
	transform		: translateY(0);
  }
}

.slider {
	margin			: 0;
	padding			: 0;
}

.slider-img {
	margin			: 0;
	padding			: 0;
}

.slider-img img {
	width			: 100%;
	height			: auto;
}

@keyframes zoomUp {
  0% {
	transform		: scale(1);
  }
  100% {
	transform		: scale(1.15);
  }
}

.add-animation {
	animation		: zoomUp 10s linear 0s normal both;
}

/*------【Intoro】------------------------------*/

.intro-area {
	text-align		: center;
	margin			: 0;
	padding			: 50px 0 50px 0;
}

.intro {
	margin			: 0;
	padding			: 0;
}

.intro img {
	width			: 100%;
	height			: auto;
}

.intro .intro-img {
	margin			: 0;
	padding			: 0;
}

.intro .intro-txt {
	margin			: 50px 0 0 0;
	padding			: 0;
}

.intro .intro-txt .intro-h2 {
	font-size		: 1.5em;
	color			: #6f5436;
	border-width		: 0 0 1px 0;
	border-style		: solid;
	border-color		: #a9a9a9;
	margin			: 0;
	padding			: 0 0 10px 0;
}

.intro .intro-txt .intro-cnt {
	line-height		: 1.5em;
	text-align		: center;
	color			: #000000;
	margin			: 0 0 0 0;
	padding			: 0;
}

/*------【Facility】----------------------------*/
/*------【Hot Spring】--------------------------*/
/*------【Reservation】-------------------------*/
/*------【News】--------------------------------*/
/*------【Access】------------------------------*/
/*------【Tourism】-----------------------------*/

.facility-area,
.hot-spring-area,
.reservation-area,
.news-area {
	text-align		: center;
	margin			: 0;
	padding			: 0 0 50px 0;
}

.access-area {
.tourism-area,
	text-align		: center;
	margin			: 0;
	padding			: 0;
}

.facility-area .headline {
 	background-image	: url('../images/hl-img-n-01.jpg');
}


.hot-spring-area .headline {
 	background-image	: url('../images/hl-img-n-02.jpg');
}

.reservation-area .headline {
 	background-image	: url('../images/hl-img-n-03.jpg');
}

.news-area .headline {
 	background-image	: url('../images/hl-img-n-04.jpg');
}

.access-area .headline {
 	background-image	: url('../images/hl-img-n-05.jpg');
}

.tourism-area .headline {
 	background-image	: url('../images/hl-img-n-06.jpg');
}

.facility-area .headline .max-width-02 .headline-box {
	background-color	: #144400;
}

.hot-spring-area .headline .max-width-02 .headline-box {
	background-color	: #663300;
}

.reservation-area .headline .max-width-02 .headline-box {
	background-color	: #7a4171;
}

.news-area .headline .max-width-02 .headline-box {
	background-color	: #223a70;
}

.access-area .headline .max-width-02 .headline-box {
	background-color	: #bb5548;
}

.tourism-area .headline .max-width-02 .headline-box {
	background-color	: #db7093;
}

.facility,
.hot-spring,
.reservation,
.news,
.access,
.tourism {
	margin			: 0;
	padding			: 0;
}

.facility img,
.hot-spring img,
.reservation,
.news img,
.access img,
.tourism img {
	width			: 100%;
	height			: auto;
}

.facility .facility-exp,
.hot-spring .hot-spring-exp {
	display			: inline-block;
	writing-mode		: vertical-rl;
	line-height		: 2.0em;
	text-align		: left;
	margin			: 0 0 50px 0;
	padding			: 0;
}

.facility .facility-img,
.hot-spring .hot-spring-img {
	display			: grid;
	grid-gap		: 2px 2px;
	grid-template-columns	: 1fr 1fr;
	grid-template-rows	: auto;
	margin			: 0 0 50px 0;
	padding			: 0;
}

.facility .facility-img .facility-box-img,
.hot-spring .hot-spring-img .hot-spring-box-img {
	margin			: 0;
	padding			: 0;
}

.facility .facility-img .facility-box-txt,
.hot-spring .hot-spring-img .hot-spring-box-txt {
	display			: flex;
	justify-content		: center;
	align-items		: center;
	grid-column		: 1 / 3;
	line-height		: 1.5em;
	text-align		: left;
	color			: #ffffff;
	background-color	: #000000;
	margin			: 0;
	padding			: 30px;
}

/*------【Reservation】-------------------------*/

.reservation .reservation-txt-link {
	margin			: 0;
	padding			: 0;
}

.reservation .reservation-txt-link a {
	display			: flex;
	justify-content		: center;
	align-items		: center;
	width			: 200px;
	height			: 50px;
	font-size		: 1.2em;
	border-width		: 1px 1px 1px 1px;
	border-style		: solid;
	border-color		: #000000;
	transition		: 0.25s;
	margin			: 0 auto 50px auto;
}

.reservation .reservation-txt-link a:hover {
	color			: #ffffff;
	background-color	: #000000;
}

.reservation .reservation-txt-tel {
	font-size		: 1.8em;
	margin			: 0 0 10px 0;
	padding			: 0;
}

.reservation .reservation-txt-rec {
	font-size		: 1.0em;
	margin			: 0;
	padding			: 0;
}

/*------【Information】-------------------------*/

.news-area .headline {
	margin			: 0 0 100px 0;
}

.news .news-cnt {
	margin			: 0 0 50px 0;
	padding			: 0;
}

.news .news-cnt .news-box {
	background-color	: #ffffff;
	box-shadow		: 2px 2px 6px rgb(0 0 0 / 0.3);
	margin			: 0 0 50px 0;
	padding			: 0;
}

.news .news-cnt .news-box:last-child {
	margin			: 0;
}

.news .news-cnt .news-box .news-img-box {
	position		: relative;
	margin			: 0;
	padding			: 0;
}

.news .news-cnt .news-box .news-img-box .news-img {
	margin			: 0;
	padding			: 0;
}

.news .news-cnt .news-box .news-img-box .news-img::before{
	content			: "";
	display			: block;
	padding-top		: 100%;
}

.news .news-cnt .news-box .news-img-box .news-img img {
	position		: absolute;
	top			: 0;
	left			: 0;
	width			: 100%;
	height			: 100%;
	object-fit		: cover;
}

.news .news-cnt .news-box .news-img-box .news-inf {
	position		: absolute;
	display			: grid;
	align-items		: center;
	grid-gap		: 0px 0px;
	grid-template-columns	: 1fr 1fr;
	grid-template-rows	: auto;
	bottom			: 0px;
	left			: 0px;
	margin			: 0;
	padding			: 0;
}

.news .news-cnt .news-box .news-img-box .news-inf .news-tim {
	color			: #ffffff;
	background-color	: rgb(0 0 0 / 0.8);
	margin			: 0;
	padding			: 20px 20px 20px 20px;
}

.news .news-cnt .news-box .news-img-box .news-inf .news-cat {
	background-color	: rgb(255 255 255 / 0.8);
	margin			: 0;
	padding			: 20px 20px 20px 20px;
}

.news .news-cnt .news-box .news-txt-box {
	margin			: 0;
	padding			: 30px 20px 30px 20px;
}

.news .news-cnt .news-box .news-txt-box span.news-txt {
	display			: inline-block;
	text-align		: left;
}

/*------【Access】------------------------------*/

.access .access-map {
	margin			: 0;
	padding			: 0;
}

.access .access-map iframe {
	width			: 100%;
	height			: 300px;
	margin			: 0 0 50px 0;
	padding			: 0;
}

/*------【Tourism】-----------------------------*/

.tourism .tourism-box {
	text-align		: left;
	margin			: 0;
	padding			: 0;
}

.tourism .tourism-box .tourism-small-box {
	color			: #ffffff;
	background-color	: #000000;
	margin			: 0;
	padding			: 30px 20px 50px 20px;
}

.tourism .tourism-box .tourism-small-box:nth-child(1),
.tourism .tourism-box .tourism-small-box:nth-child(3),
.tourism .tourism-box .tourism-small-box:nth-child(5),
.tourism .tourism-box .tourism-small-box:nth-child(7),
.tourism .tourism-box .tourism-small-box:nth-child(9),
.tourism .tourism-box .tourism-small-box:nth-child(11) {
	padding			: 0;
}

.tourism .tourism-box .tourism-small-box .tourism-hdl {
	width			: 14.0em;
	line-height		: 1.5em;
	text-align		: center;
	font-size		: 1.5em;
	border-width		: 0 0 1px 0;
	border-style		: solid;
	border-color		: #ffffff;
	margin			: 0 auto 1.0em auto;
	padding			: 0 0 5px 0;
}

.tourism .tourism-box .tourism-small-box .tourism-cnt {
	margin			: 0;
	padding			: 0;
}

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screen 576px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and (min-width: 576px) {


}/***** END 576px *****/

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screenl 768px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and (min-width: 768px) {

/*------【Top Images】--------------------------*/

.top-img .top-img-text {
	z-index			: 100;
	margin			: 0;
}

.top-img .top-img-text .text-01 {
	font-size		: 1.5em;
	margin			: 0 0 0 15px;
}

.top-img .top-img-text .text-02 {
	font-size		: 1.0em;
}

/*------【Intoro】------------------------------*/

.intro {
	display			: grid;
	grid-gap		: 0px 20px;
	grid-template-columns	: 40% 1fr;
	grid-template-rows	: auto;
}

.intro .intro-txt {
	margin			: 0;
}

/*------【Information】-------------------------*/

.news .news-cnt {
	display			: grid;
	grid-gap		: 50px 50px;
	grid-template-columns	: 1fr 1fr;
	grid-template-rows	: auto;
}

.news .news-cnt .news-box,
.news .news-cnt .news-box:last-child {
	margin			: 0 10px 0 10px;
}

.news .news-cnt .news-box .news-img-box .news-inf .news-tim {
	padding			: 15px 15px 15px 15px;
}

.news .news-cnt .news-box .news-img-box .news-inf .news-cat {
	padding			: 15px 15px 15px 15px;
}

}/***** END 768px *****/

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screen 992px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and ( min-width : 992px ) {

/*------【Front Page Setting】------------------*/

.front-main-area {
	margin			: 0 0 100px 0;
	padding			: 0;
}

/*------【Headline】----------------------------*/

.front-main-area .headline {
	aspect-ratio		: 3 / 1;
	margin			: 0 0 100px 0;
}

.front-main-area .headline .max-width-02 .headline-cpy span {
	display			: inline;
}

.front-main-area .headline .max-width-02 .headline-box {
	left			: 20px;
}

/*------【Top Images】--------------------------*/

.top-img {
	margin			: 0;
}

.top-img .top-img-text {
	height			: 65%;
}

.top-img .top-img-text .text-01 {
	font-size		: 1.7em;
	margin			: 0 0 0 20px;
	padding			: 0;
}

.top-img .top-img-text .text-02 {
	font-size		: 1.1em;
}

/*------【Intoro】------------------------------*/

.intro-area {
	padding			: 100px 0 100px 0;
}

.intro {
	grid-template-columns	: 50% 1fr;
}

/*------【Facility】----------------------------*/
/*------【Hot Spring】--------------------------*/
/*------【Reservation】-------------------------*/
/*------【Information】-------------------------*/
/*------【Access】------------------------------*/
/*------【Tourism】-----------------------------*/

.facility-area,
.hot-spring-area,
.reservation-area,
.news-area {
	padding			: 0 0 100px 0;
}

.facility-area .headline {
 	background-image	: url('../images/hl-img-w-01.jpg');
}


.hot-spring-area .headline {
 	background-image	: url('../images/hl-img-w-02.jpg');
}

.reservation-area .headline {
 	background-image	: url('../images/hl-img-w-03.jpg');
}

.news-area .headline {
 	background-image	: url('../images/hl-img-w-04.jpg');
}

.access-area .headline {
 	background-image	: url('../images/hl-img-w-05.jpg');
}

.tourism-area .headline {
 	background-image	: url('../images/hl-img-w-06.jpg');
}

.facility .facility-exp,
.hot-spring .hot-spring-exp {
	margin			: 0 0 100px 0;
}

.facility .facility-img,
.hot-spring .hot-spring-img {
	grid-gap		: 0px 0px;
	grid-template-columns	: 1fr 1fr 1fr;
}

.facility .facility-img .facility-box-txt,
.hot-spring .hot-spring-img .hot-spring-box-txt {
	line-height		: 1.5em;
	grid-column		: 1 / 4;
}

/*------【News】--------------------------------*/

.news-area .headline {
	margin			: 0 0 150px 0;
}

.news .news-cnt {
	grid-template-columns	: 1fr 1fr 1fr;
}

.news .news-cnt .news-box,
.news .news-cnt .news-box:last-child {
	margin			: 0;
}

/*------【Access】------------------------------*/

.access .small-cont {
	margin			: 0 0 100px 0;
}

.access .access-map iframe {
	height			: 500px;
	margin			: 0 0 100px 0;
}

/*------【Tourism】-----------------------------*/

.tourism img {
	object-fit		: cover;
	width			: 100%;
	height			: 100%
}

.tourism .tourism-box {
	display			: grid;
	grid-gap		: 0px 0px;
	grid-template-columns	: 1fr 1fr;
	grid-template-rows	: auto;
}

.tourism .tourism-box .tourism-small-box {
	display			: flex;
	align-items		: center;
	line-height		: 1.8em;
	margin			: 0;
}

.tourism .tourism-box .tourism-small-box:nth-child(1) {
	grid-column		: 1 / 2;
	grid-row		: 1 / 2;
	padding			: 0;
}

.tourism .tourism-box .tourism-small-box:nth-child(2) {
	grid-column		: 2 / 3;
	grid-row		: 1 / 2;
	padding			: 30px 30px 30px 30px;
}

.tourism .tourism-box .tourism-small-box:nth-child(4) {
	grid-column		: 1 / 2;
	grid-row		: 2 / 3;
	padding			: 30px 30px 30px 30px;
}

.tourism .tourism-box .tourism-small-box:nth-child(3) {
	grid-column		: 2 / 3;
	grid-row		: 2 / 3;
	padding			: 0;
}

.tourism .tourism-box .tourism-small-box:nth-child(5) {
	grid-column		: 1 / 2;
	grid-row		: 3 / 4;
	padding			: 0;
}

.tourism .tourism-box .tourism-small-box:nth-child(6) {
	grid-column		: 2 / 3;
	grid-row		: 3 / 4;
	padding			: 30px 30px 30px 30px;
}

.tourism .tourism-box .tourism-small-box:nth-child(8) {
	grid-column		: 1 / 2;
	grid-row		: 4 / 5;
	padding			: 30px 30px 30px 30px;
}

.tourism .tourism-box .tourism-small-box:nth-child(7) {
	grid-column		: 2 / 3;
	grid-row		: 4 / 5;
	padding			: 0;
}

.tourism .tourism-box .tourism-small-box:nth-child(9) {
	grid-column		: 1 / 2;
	grid-row		: 5 / 6;
	padding			: 0;
}

.tourism .tourism-box .tourism-small-box:nth-child(10) {
	grid-column		: 2 / 3;
	grid-row		: 5 / 6;
	padding			: 30px 30px 30px 30px;
}

.tourism .tourism-box .tourism-small-box:nth-child(12) {
	grid-column		: 1 / 2;
	grid-row		: 6 / 7;
	padding			: 30px 30px 30px 30px;
}

.tourism .tourism-box .tourism-small-box:nth-child(11) {
	grid-column		: 2 / 3;
	grid-row		: 6 / 7;
	padding			: 0;
}

}/***** END 992px *****/

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screen 1200px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and ( min-width : 1200px ) {

/*------【Front Page Setting】------------------*/

.front-main-area .headline .max-width-02 .headline-cpy {
	font-size		: 1.8em;
}

.front-main-area .headline .max-width-02 .headline-box {
	left			: 30px;
	bottom			: -75px;
	width			: 150px;
	height			: 150px;
}

.front-main-area .headline .max-width-02 .headline-box .headline-cnt {
	font-size		: 2.0em;
}

/*------【Top Images】--------------------------*/

.top-img .top-img-text {
	height			: 60%;
	line-height		: 2.5em;
}

.top-img .top-img-text .text-01 {
	font-size		: 2.0em;
	margin			: 0 0 0 20px;
}

.top-img .top-img-text .text-02 {
	font-size		: 1.2em;
}

/*------【Intoro】------------------------------*/

.intro-area {
	padding			: 150px 0 150px 0;
}

.intro {
	grid-template-columns	: 60% 1fr;
	grid-gap		: 0px 50px;
}

.intro .intro-txt .intro-cnt {
	line-height		: 1.8em;
}

/*------【Facility】----------------------------*/
/*------【Hot Spring】--------------------------*/

.facility .facility-exp,
.hot-spring .hot-spring-exp {
	font-size		: 1.2em;
}

.facility .facility-img,
.hot-spring .hot-spring-img {
	grid-gap		: 0px 0px;
	grid-template-columns	: 1fr 1fr 1fr 1fr;
}

.facility .facility-img .facility-box-img:nth-child(1),
.hot-spring .hot-spring-img .hot-spring-box-img:nth-child(1) {
	grid-column		: 1 / 2;
	grid-row		: 1 / 2;
}

.facility .facility-img .facility-box-img:nth-child(2),
.hot-spring .hot-spring-img .hot-spring-box-img:nth-child(2) {
	grid-column		: 2 / 3;
	grid-row		: 1 / 2;
}

.facility .facility-img .facility-box-img:nth-child(3),
.hot-spring .hot-spring-img .hot-spring-box-img:nth-child(3) {
	grid-column		: 3 / 4;
	grid-row		: 1 / 2;
}

.facility .facility-img .facility-box-img:nth-child(4),
.hot-spring .hot-spring-img .hot-spring-box-img:nth-child(4) {
	grid-column		: 4 / 5;
	grid-row		: 1 / 2;
}

.facility .facility-img .facility-box-img:nth-child(5),
.hot-spring .hot-spring-img .hot-spring-box-img:nth-child(5) {
	grid-column		: 1 / 2;
	grid-row		: 2 / 3;
}

.facility .facility-img .facility-box-txt,
.hot-spring .hot-spring-img .hot-spring-box-txt {
	grid-column		: 2 / 4;
	grid-row		: 2 / 3;
	line-height		: 1.5em;
}

.facility .facility-img .facility-box-img:nth-child(6),
.hot-spring .hot-spring-img .hot-spring-box-img:nth-child(6) {
	grid-column		: 4 / 5;
	grid-row		: 2 / 3;
}

}/***** END 1200px *****/

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screen 1500px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and ( min-width : 1500px ) {

/*------【Front Page Setting】------------------*/

.top-img .top-img-text {
	height			: 50%;
}

/*------【Facility】----------------------------*/
/*------【Hot Spring】--------------------------*/

.facility .facility-img .facility-box-txt,
.hot-spring .hot-spring-img .hot-spring-box-txt {
	line-height		: 3.0em;
}

}/***** END 1500px *****/

/************************************************/
/*						*/
/*	【Footer】				*/
/*						*/
/************************************************/

/*------【Footer Setting】----------------------*/

footer {
	width			: 100%;
	text-align		: center;
	color			: #dcdcdc;
	background-color	: #000000;
	margin			: 0;
	padding			: 0;
}

/*------【Footer SNS】--------------------------*/

footer .footer-sns-area {
	display			: flex;
	justify-content		: center;
	align-items		: center;
	margin			: 30px 0 0 0;
	padding			: 0;
}

footer .footer-sns-area .footer-sns-img,
footer .footer-sns-area .footer-sns-icon {
	width			: 70px;
	text-align		: center;
	margin			: 0;
	padding			: 0;
}

footer .footer-sns-area .footer-sns-icon a {
	color			: #dcdcdc;
	transition		: 0.25s;
}

footer .footer-sns-area .footer-sns-icon a:hover {
	text-decoration		: none;
	opacity			: 0.5;
}

footer .footer-sns-area .footer-sns-img img {
	width			: 42%;
	height			: auto;
}

/*------【Footer Menu】-------------------------*/

footer .footer-nav {
	text-align		: left;
	margin			: 0;
	padding			: 0;
}

footer .footer-nav ul {
	margin-left		: 30px;
	padding			: 0;
}

footer .footer-nav ul li {
	margin			: 0;
	padding-top		: 20px;
}

footer .footer-nav ul li a {
	color			: #dcdcdc;
	transition		: 0.25s;
}

footer .footer-nav ul li a:hover {
	color			: #9acd32;
	text-decoration		: none;
}

/*------【Footer Logo】-------------------------*/

footer .footer-logo {
	font-size		: 1.2em;
	margin			: 30px 0 0 0;
	padding			: 0;
}

footer .footer-logo a {
	color			: #dcdcdc;
	transition		: 0.25s;
}

footer .footer-logo a:hover {
	color			: #9acd32;
}

footer .footer-logo img {
	width			: 250px;
	height			: auto;
}

/*------【Footer Address】----------------------*/

footer .footer-address {
	text-align		: center;
	margin			: 20px 0 0 0;
	padding			: 0;
}

/*------【Footer Contact】----------------------*/

footer .footer-contact {
	border-width		: 1px 1px 1px 1px;
	border-style		: solid;
	border-color		: #d7a98c;
	margin			: 30px 10px 0 10px;
	padding			: 20px 0 20px 0;
}

footer .footer-contact .footer-contact-txt {
	margin			: 0 0 20px 0;
}

footer .footer-contact .footer-contact-tel {
	font-size		: 2.0em;
}

footer .footer-contact .footer-contact-tel a {
	color			: #d7a98c;
}

/*------【Copyright】---------------------------*/

footer .copyright {
	padding			: 30px 0 10px 0;
}

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screen 576px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and (min-width: 576px) {

/*------【Footer Logo】-------------------------*/

footer .footer-logo {
	font-size		: 1.5em;
}

footer .footer-contact {
	width			: 500px;
	margin			: 30px auto 0 auto;
}

}/***** END 576px *****/

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screen 992px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and (min-width: 992px) {

/*------【Footer Menu】-------------------------*/

footer .footer-nav ul {
	display			: flex;
	justify-content		: center;
	margin			: 30px 0 0 0;
	padding			: 0;
}

footer .footer-nav ul li {
	padding			: 0 15px 0 15px;
}

/*------【Copyright】---------------------------*/

footer .copyright {
	padding			: 30px 0 20px 0;
}

}/***** END 992px *****/

/************************************************/
/*						*/
/*	【Page】				*/
/*						*/
/************************************************/

/*------【Page Setting】------------------------*/

.page-main-area {
	text-align		: center;
	margin			: 0;
	padding			: 0;
}

.page-section-area {
	margin			: 0;
	padding			: 0;
}

.page-area {
	margin			: 0 auto 0 auto;
	padding			: 0;
}

.page-area img {
	width			: 100%;
	height			: auto;
}

/*------【Page Table】--------------------------*/

.page-area .page-table {
	display			: grid;
	align-items		: center;
	grid-gap		: 0px;
	grid-template-columns	: 1fr 1fr;
	grid-template-rows	: auto;
	margin			: 0;
	padding			: 0;
}

.page-area .page-table .page-table-th {
	display			: flex;
	align-items		: center;
	background-color	: #fff5ee;
	border-width		: 0 1px 1px 1px;
	border-style		: solid;
	border-color		: #d3d3d3;
}

.page-area .page-table .page-table-td {
	display			: flex;
	align-items		: center;
	border-width		: 0 1px 1px 0;
	border-style		: solid;
	border-color		: #d3d3d3;
}

.page-area .page-table .page-table-th,
.page-area .page-table .page-table-td {
height:100%;
	margin			: 0;
	padding			: 1.0em 1.0em 1.0em 1.0em;
}

.page-area .page-table .page-table-th:nth-child(1) {
	border-width		: 1px 1px 1px 1px;
}

.page-area .page-table .page-table-td:nth-child(2) {
	border-width		: 1px 1px 1px 0;
}

/*------【Page Title】--------------------------*/

.page-area .page-title-area {
	display			: flex;
	justify-content		: center;
	align-items		: center;
	writing-mode		: vertical-rl;
	width			: 100%;
	line-height		: 1.2em;
	font-size		: 1.0em;
	color			: #ffffff;
	background-image	: url('../images/hd-img-n-01.jpg');
	background-size		: cover;
	aspect-ratio		: 2 / 1;
	margin			: 100px 0 0 0;
	padding			: 0;
}

.page-area .page-title-area .page-title {
	margin			: 0;
	padding			: 0;
}

/*------【Page Content】------------------------*/

.page-area .page-content-area {
	margin			: 50px 0 50px 0;
	padding			: 0;
}

/*------【Page Facility】-----------------------*/

.page-area .page-facility {
	margin			: 0;
	padding			: 0;
}

/*------【Floor Plan】--------------------------*/

.page-area .page-facility .plan {
	text-align		：center;
	margin			: 0 0 50px 0;
	padding			: 0;
}

.page-area .page-facility .plan .plan-box {
	text-align		: left;
	margin			: 30px 0 0 0;
	padding			: 0;
}

.page-area .page-facility .plan .plan-box .plan-small-box {
	border-style		: solid;
	border-color		: #c0c0c0;
	margin			: 0;
}

.page-area .page-facility .plan .plan-box .plan-small-box:nth-child(1),
.page-area .page-facility .plan .plan-box .plan-small-box:nth-child(3),
.page-area .page-facility .plan .plan-box .plan-small-box:nth-child(5) {
	border-width		: 1px 0 0 0;
	padding			: 30px 0 30px 0;
}

.page-area .page-facility .plan .plan-box .plan-small-box:nth-child(2),
.page-area .page-facility .plan .plan-box .plan-small-box:nth-child(4) {
	border-width		: 0 0 0 0;
	padding			: 0 0 30px 0;
}

.page-area .page-facility .plan .plan-box .plan-small-box:nth-child(6) {
	border-width		: 0 0 1px 0;
	padding			: 0 0 30px 0;
}

.page-area .page-facility .plan .plan-box .plan-small-box .plan-hdl {
	width			: 10.0em;
	text-align		: center;
	font-size		: 1.5em;
	border-width		: 0 0 1px 0;
	border-style		: solid;
	border-color		: #000000;
	margin			: 0 auto 1.0em auto;
	padding			: 0 0 10px 0;
}

.page-area .page-facility .plan .plan-box .plan-small-box .plan-cnt {
	margin			: 0;
	padding			: 0;
}

/*------【Facility Gallery】--------------------*/

.page-area .page-facility .facility-gallery {
	margin			: 0 0 50px 0;
	padding			: 0;
}

/*------【Bicycle Rental】----------------------*/

.page-area .page-facility .bicycle {
	margin			: 0 0 50px 0;
	padding			: 0;
}

.page-area .page-facility .bicycle .bicycle-box {
	text-align		: left;
	margin			: 0;
	padding			: 0;
}

.page-area .page-facility .bicycle .bicycle-box .bicycle-small-box {
	margin			: 0;
	padding			: 0;
}

.page-area .page-facility .bicycle .bicycle-box .bicycle-small-box:nth-child(1) {
	margin			: 0 0 50px 0;
}

/*------【Facility Details】--------------------*/

.page-area .page-facility .details {
	margin			: 0 0 50px 0;
	padding			: 0;
}

.page-area .page-facility .details .page-table {
	grid-template-columns	: 30% 1fr;
}

.page-area .page-facility .details .page-table .page-table-th {
	justify-content		: center;
	text-align		: center;
}

.page-area .page-facility .details .page-table .page-table-td {
	text-align		: left;
}


.page-area .page-facility .details .page-table .page-table-td .loan {
	margin			: 0 0 0 1.0em;
}

/*------【Profile】-----------------------------*/

.page-area .page-facility .profile {
	margin			: 0;
	padding			: 0;
}

.page-area .page-facility .profile .page-table {
	grid-template-columns	: 30% 1fr;
}


.page-area .page-facility .profile .page-table .page-table-th {
	justify-content		: center;
	text-align		: center;
}

.page-area .page-facility .profile .page-table .page-table-th {
	text-align		: left;
}

/*------【Page Hot Spring】---------------------*/

.page-area .page-hot-spring {
	margin			: 0;
	padding			: 0;
}

/*------【Indoor Bath】-------------------------*/
/*------【Outdoor Bath】------------------------*/

.page-area .page-hot-spring .indoor,
.page-area .page-hot-spring .outdoor {
	margin			: 0 0 50px 0;
	padding			: 0;
}

.page-area .page-hot-spring .bath-box {
	text-align		: left;
	margin			: 0;
	padding			: 0;
}

.page-area .page-hot-spring .bath-box .bath-small-box {
	color			: #ffffff;
	background-color	: #000000;
	margin			: 0;
	padding			: 30px 20px 50px 20px;
}

.page-area .page-hot-spring .bath-box .bath-small-box:nth-child(1),
.page-area .page-hot-spring .bath-box .bath-small-box:nth-child(3),
.page-area .page-hot-spring .bath-box .bath-small-box:nth-child(5) {
	padding			: 0;
}

.page-area .page-hot-spring .bath-box .bath-small-box .bath-hdl {
	width			: 10.0em;
	text-align		: center;
	font-size		: 1.5em;
	border-width		: 0 0 1px 0;
	border-style		: solid;
	border-color		: #ffffff;
	margin			: 0 auto 1.0em auto;
	padding			: 0 0 10px 0;
}

.page-area .page-hot-spring .bath-box .bath-small-box .bath-cnt {
	margin			: 0;
	padding			: 0;
}

/*------【Features】----------------------------*/

.page-area .page-hot-spring .features {
	margin			: 0;
	padding			: 0;
}

.page-area .page-hot-spring .features .page-table {
	max-width		: 500px;
	grid-template-columns	: 30% 1fr;
	margin			: 0 auto 0 auto;
}

.page-area .page-hot-spring .features .page-table .page-table-th {
	justify-content		: center;
	text-align		: center;
}

.page-area .page-hot-spring .features .page-table .page-table-td {
	text-align		: left;
}

/*------【Page Fees】---------------------------*/

.page-area .page-fees {
	margin			: 0;
	padding			: 0;
}

.page-area .page-fees .tax {
	max-width		: 800px;
	text-align		: left;
	margin			: 0 auto 5px auto;
	padding			: 0 0 0 1.0em;
}

.page-area .page-fees .page-table {
	max-width		: 800px;
	grid-template-columns	: 40% 1fr 1fr;
}

.page-area .page-fees .page-table .page-table-td {
	justify-content		: right;
}

.page-area .page-fees .page-table .first {
	justify-content		: center;
	text-align		: center;
	background-color	: #fff0f5;
}

.page-area .page-table .page-table-td:nth-child(3) {
	border-width		: 1px 1px 1px 0;
}

.page-area .page-table .page-table-td .easy-ul {
	list-style-type		: none;
	margin			: 0;
	margin			: 0 0 0 1.0em;
}

.page-area .page-table .page-table-td .easy-ul li {
	text-indent		: -1.25em;
}

.page-area .page-table .page-table-td .easy-ul li::before {
	content			: "※ ";
}

.page-area .page-fees .page-table .last {
	grid-column		: 2 / 4;
	justify-content		: left;
	text-align		: left;
}

/*------【Easy】--------------------------------*/

.page-area .page-fees .easy {
	margin			: 0 0 50px 0;
	padding			: 0;
}

.page-area .page-fees .easy .easy-title {
	width			: 400px;
}

/*------【Page Reservation】--------------------*/

.page-area .page-reservation {
	color			: #333333;
	margin			: 0;
	padding			: 0;
}

.page-area .page-reservation .block-columns {
	margin			: 0;
	padding			: 0;
}

.page-area .page-reservation .block-column {
	background-color	: #ffffff;
	border-radius		: 12px;
	box-shadow		: 2px 2px 6px rgb(0 0 0 / 0.3);
	margin			: 0 0 30px 0;
	padding			: 20px 20px 20px 20px;
}

.page-area .page-reservation .block-column:last-child {
	margin			: 0;
}

.page-area .page-reservation .block-box {
	background-color	: #fff9f9;
	border-radius		: 12px;
	box-shadow		: 2px 2px 6px rgb(0 0 0 / 0.3);
	margin			: 0 0 50px 0;
	padding			: 30px 20px 30px 20px;
}

.page-area .page-reservation .column-hdl {
	margin			: 0 0 30px 0;
	padding			: 0;
}

.page-area .page-reservation .column-cnt {
	margin			: 0;
	padding			: 0;
}

/*------【RSV Information】---------------------*/

.page-area .page-reservation .info {
	margin			: 0 0 50px 0;
	padding			: 0;
}

.page-area .page-reservation .info .info-title {
	width			: 400px;
}

/*------【RSV Search & Form】-------------------*/

.page-area .page-reservation .srcfrm {
	margin			: 0 0 50px 0;
	padding			: 0;
}

.page-area .page-reservation .srcfrm .srcfrm-title {
	width			: 400px;
}

.page-area .page-reservation .srcfrm .calendar {
	margin			: 0 0 50px 0;
	padding			: 0;
}


.page-area .page-reservation .srcfrm .form {
	margin			: 0 0 50px 0;
	padding			: 0;
}

/*------【About Making a Reservation】----------*/

.page-area .page-reservation .forrsv {
	margin			: 0 0 50px 0;
	padding			: 0;
}

.page-area .page-reservation .forrsv .forrsv-title {
	width			: 300px;
}

.page-area .page-reservation .forrsv .block-column {
	text-align		: left;
}

.page-area .page-reservation .forrsv .forrsv-ul {
	line-height		: 2.0em;
	list-style-position	: outside;
	margin			: 0 0 0 1.0em;
	padding			: 0;
}

/*------【About Fees And Payment】--------------*/

.page-area .page-reservation .feespay {
	margin			: 0 0 50px 0;
	padding			: 0;
}

.page-area .page-reservation .feespay .feespay-title {
	width			: 300px;
}

/*------【Check-in and Check-out】--------------*/

.page-area .page-reservation .check {
	margin			: 0 0 50px 0;
	padding			: 0;
}

.page-area .page-reservation .check .check-title {
	width			: 400px;
}

/*------【Cancellation Policy】-----------------*/

.page-area .page-reservation .cancel {
	margin			: 0 0 50px 0;
	padding			: 0;
}

.page-area .page-reservation .cancel .cancel-title {
	width			: 300px;
}

.page-area .page-reservation .page-table {
	max-width		: 1000px;
	grid-template-columns	: 40% 1fr;
	margin			: 0 auto 0 auto;
}

.page-area .page-reservation .page-table .first {
	justify-content		: center;
	text-align		: center;
	background-color	: #fff0f5;
}

.page-area .page-reservation .page-table .page-table-td {
	justify-content		: center;
	text-align		: center;
}

/*------【Terms of Use】------------------------*/

.page-area .page-reservation .termsofuse {
	margin			: 0;
	padding			: 0;
}

/*------【Contact】-----------------------------*/

@media (min-width:640px) {

.smf-form--business .smf-item__col--label {
	flex			: 0 0 20em;
	max-width		: 20em;
	text-align		: left;
}

.smf-form--business .smf-item__col--controls {
	flex			: 1 1 calc(100% - 20em);
	max-width		: calc(100% - 20em);
	text-align		: left;
}

}/***** END 640px *****/

.smf-form--business .smf-item__col--label {
	background-color	: #fff5ee;
}

.page-area .page-contact {
	margin			: 0;
	padding			: 0;
}

.page-area .page-contact .page-contact-intro {
	text-align		: left;
	margin			: 0 0 50px 0;
	padding			: 0;
}

.page-area .page-contact .page-contact-form {
	margin			: 50px 0 0 0;
	padding			: 0;
}

.page-area .page-contact .page-contact-form a {
	text-decoration		: none;
}

.page-area .page-contact .page-contact-form a:hover {
	text-decoration		: none;
}

.page-area .page-contact .contact-link-box {
	margin			: 50px 0 0 0;
	padding			: 0;
}

.page-area .page-contact .contact-link-box a {
	display			: flex;
	justify-content		: center;
	align-items		: center;
	width			: 200px;
	height			: 50px;
	font-size		: 1.2em;
	border-width		: 1px 1px 1px 1px;
	border-style		: solid;
	border-color		: #000000;
	transition		: 0.25s;
	margin			: 0 auto 50px auto;
}

.page-area .page-contact .contact-link-box a:hover {
	color			: #ffffff;
	background-color	: #000000;
}

/*------【Privacy Policy】----------------------*/
/*------【Terms of Use】------------------------*/

.page-area .page-legal {
	text-align		: left;
	margin			: 50px 0 50px 0;
	padding			: 0;
}

.page-area .page-legal dl.pp-dl {
	margin			: 1.0em 0 0 0;
	padding			: 0;
}

.page-area .page-legal dl.pp-dl dt {
	font-weight		: bolder;
	margin			: 2.0em 0 1.0em 0;
	padding			: 0;
}

.page-area .page-legal dl.pp-dl dd {
	margin			: 0;
	padding			: 0;
}

.page-area .page-legal ol.ol-type-1 {
	list-style		: none;
	counter-reset		: number;
}

.page-area .page-legal ol.ol-type-1 li {
	position		: relative;
	padding-left		: 1.0em;
}

.page-area .page-legal ol.ol-type-1 li::before {
	counter-increment	: number;
	content			: counter(number)'.';
	position		: absolute;
	left			: 0;
}

.page-area .page-legal ol.ol-type-2 {
	list-style		: none;
	counter-reset		: number;
}

.page-area .page-legal ol.ol-type-2 li {
	position		: relative;
	padding-left		: 2.0em;
}

.page-area .page-legal ol.ol-type-2 li::before {
	counter-increment	: number;
	content			: '('counter(number)')';
	position		: absolute;
	left			: 0;
}

.page-area .page-legal ul.ul-type-1 {
	list-style		: none;
	counter-reset		: number;
}

.page-area .page-legal ul.ul-type-1 li {
	position		: relative;
	padding-left		: 1.0em;
}

.page-area .page-legal ul.ul-type-1 li::before {
	counter-increment	: number;
	content			: '・';
	position		: absolute;
	left			: 0;
}

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screen 576px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and (min-width: 576px) {

/*------【Page Title】--------------------------*/

.page-area .page-title-area {
	font-size		: 1.2em;
}

}/***** END 576px *****/

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screenl 768px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and (min-width: 768px) {

/*------【Page Title】--------------------------*/

.page-area .page-title-area {
	font-size		: 1.5em;
}

/*------【Privacy Policy】-----------------------*/

.page-area .page-privacy-policy-area {
	margin			: 100px 0 100px 0;
	padding			: 0;
}

}/***** END 769px *****/

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screen 992px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and ( min-width : 992px ) {

/*------【Page Setting】------------------------*/

.page-area .table .page-th,
.page-area .table .page-td {
	padding			: 1.0em;
}

/*------【Page Title】--------------------------*/

.page-area .page-title-area {
	background-image	: url('../images/hd-img-w-01.jpg');
	aspect-ratio		: 3 / 1;
	font-size		: 2.0em;
	margin			: 0;
}

/*------【Page Content】------------------------*/

.page-area .page-content-area {
	margin			: 100px 0 100px 0;
}

/*------【Floor Plan】--------------------------*/

.page-area .page-facility .plan {
	margin			: 0 0 100px 0;
}

.page-area .page-facility .plan .plan-box {
	display			: grid;
	grid-gap		: 0px 0px;
	grid-template-columns	: 1fr 40%;
	grid-template-rows	: auto;
}

.page-area .page-facility .plan .plan-box .plan-small-box {
	display			: flex;
	align-items		: center;
	line-height		: 1.8em;
	padding			: 30px 0 30px 0;
}

.page-area .page-facility .plan .plan-box .plan-small-box:nth-child(1),
.page-area .page-facility .plan .plan-box .plan-small-box:nth-child(2),
.page-area .page-facility .plan .plan-box .plan-small-box:nth-child(3),
.page-area .page-facility .plan .plan-box .plan-small-box:nth-child(4){
	border-width		: 1px 0 0 0;
}

.page-area .page-facility .plan .plan-box .plan-small-box:nth-child(5),
.page-area .page-facility .plan .plan-box .plan-small-box:nth-child(6) {
	border-width		: 1px 0 1px 0;
}

.page-area .page-facility .plan .plan-box .plan-small-box .plan-hdl {
	margin			: 0 auto 2.0em auto;
}

.page-area .page-facility .plan .plan-box .plan-small-box:nth-child(1),
.page-area .page-facility .plan .plan-box .plan-small-box:nth-child(3),
.page-area .page-facility .plan .plan-box .plan-small-box:nth-child(5){
	padding			: 30px 20px 30px 0;
}

.page-area .page-facility .plan .plan-box .plan-small-box:nth-child(2),
.page-area .page-facility .plan .plan-box .plan-small-box:nth-child(4),
.page-area .page-facility .plan .plan-box .plan-small-box:nth-child(6){
	padding			: 30px 0 30px 20px;
}

/*------【Facility Gallery】--------------------*/

.page-area .page-facility .facility-gallery {
	margin			: 0 0 100px 0;
}

/*------【Bicycle Rental】----------------------*/

.page-area .page-facility .bicycle {
	margin			: 0 0 100px 0;
}

.page-area .page-facility .bicycle .bicycle-box {
	display			: grid;
	grid-gap		: 0px 50px;
	grid-template-columns	: 1fr 40%;
	grid-template-rows	: auto;
}

.page-area .page-facility .bicycle .bicycle-box .bicycle-small-box {
	display			: flex;
	align-items		: center;
	line-height		: 1.8em;
}

.page-area .page-facility .bicycle .bicycle-box .bicycle-small-box:nth-child(1) {
	margin			: 0;
}

/*------【Facility Details】--------------------*/

.page-area .page-facility .details {
	margin			: 0 0 100px 0;
}

/*------【Profile】-----------------------------*/

.page-area .page-facility .profile {
	margin			: 0 0 100px 0;
}

/*------【Indoor Bath】-------------------------*/
/*------【Outdoor Bath】------------------------*/

.page-area .page-hot-spring .indoor,
.page-area .page-hot-spring .outdoor {
	margin			: 0 0 100px 0;
}

.page-area .page-hot-spring img {
	object-fit		: cover;
	width			: 100%;
	height			: 100%
}

.page-area .page-hot-spring .bath-box {
	display			: grid;
	grid-gap		: 0px 0px;
	grid-template-columns	: 1fr 1fr;
	grid-template-rows	: auto;
}

.page-area .page-hot-spring .bath-box .bath-small-box {
	display			: flex;
	align-items		: center;
	line-height		: 1.8em;
	margin			: 0;
}

.page-area .page-hot-spring .bath-box .bath-small-box:nth-child(1) {
	grid-column		: 1 / 2;
	grid-row		: 1 / 2;
	padding			: 0;
}

.page-area .page-hot-spring .bath-box .bath-small-box:nth-child(2) {
	grid-column		: 2 / 3;
	grid-row		: 1 / 2;
	padding			: 30px 30px 30px 30px;
}

.page-area .page-hot-spring .bath-box .bath-small-box:nth-child(4) {
	grid-column		: 1 / 2;
	grid-row		: 2 / 3;
	padding			: 30px 30px 30px 30px;
}

.page-area .page-hot-spring .bath-box .bath-small-box:nth-child(3) {
	grid-column		: 2 / 3;
	grid-row		: 2 / 3;
	padding			: 0;
}

.page-area .page-hot-spring .bath-box .bath-small-box:nth-child(5) {
	grid-column		: 1 / 2;
	grid-row		: 3 / 4;
	padding			: 0;
}

.page-area .page-hot-spring .bath-box .bath-small-box:nth-child(6) {
	grid-column		: 2 / 3;
	grid-row		: 3 / 4;
	padding			: 30px 30px 30px 30px;
}

.page-area .page-hot-spring .bath-box .bath-small-box:nth-child(8) {
	grid-column		: 1 / 2;
	grid-row		: 4 / 5;
	padding			: 30px 30px 30px 30px;
}

.page-area .page-hot-spring .bath-box .bath-small-box:nth-child(7) {
	grid-column		: 2 / 3;
	grid-row		: 4 / 5;
	padding			: 0;
}

.page-area .page-hot-spring .bath-box .bath-small-box:nth-child(9) {
	grid-column		: 1 / 2;
	grid-row		: 5 / 6;
	padding			: 0;
}

.page-area .page-hot-spring .bath-box .bath-small-box:nth-child(10) {
	grid-column		: 2 / 3;
	grid-row		: 5 / 6;
	padding			: 30px 30px 30px 30px;
}

.page-area .page-hot-spring .bath-box .bath-small-box:nth-child(12) {
	grid-column		: 1 / 2;
	grid-row		: 6 / 7;
	padding			: 30px 30px 30px 30px;
}

.page-area .page-hot-spring .bath-box .bath-small-box:nth-child(11) {
	grid-column		: 2 / 3;
	grid-row		: 6 / 7;
	padding			: 0;
}


/*------【Fees】--------------------------------*/

.page-area .page-fees .page-table {
	margin			: 0 auto 100px auto
}

/*------【Easy】--------------------------------*/

.page-area .page-fees .easy {
	margin			: 0 0 100px 0;
}

/*------【Page Reservation】--------------------*/

.page-area .page-reservation .block-columns {
	display			: grid;
	grid-gap		: 0px 30px;
}

.page-area .page-reservation .block-column {
	margin			: 0;
}

/*------【RSV Information】---------------------*/

.page-area .page-reservation .info {
	margin			: 0 0 100px 0;
	padding			: 0;
}

.page-area .page-reservation .info .block-columns {
	grid-template-columns	: 1fr 1fr 1fr 1fr;
}

/*------【RSV Search & Form】-------------------*/

.page-area .page-reservation .srcfrm {
	margin			: 0 0 100px 0;
	padding			: 0;
}

.page-area .page-reservation .srcfrm .form {
	margin			: 0 0 100px 0;
	padding			: 0;
}

/*------【Information For Reservations】--------*/

.page-area .page-reservation .forrsv {
	margin			: 0 0 100px 0;
	padding			: 0;
}

.page-area .page-reservation .forrsv .block-columns {
	grid-template-columns	: 1fr 1fr;
}

/*------【About Fees And Payment】--------------*/

.page-area .page-reservation .feespay {
	margin			: 0 0 100px 0;
	padding			: 0;
}

/*------【Check-in and Check-out】--------------*/

.page-area .page-reservation .check {
	margin			: 0 0 100px 0;
	padding			: 0;
}

.page-area .page-reservation .check .block-columns {
	grid-template-columns	: 1fr 1fr 1fr
}

/*------【Cancellation Policy】-----------------*/

.page-area .page-reservation .cancel {
	margin			: 0 0 100px 0;
	padding			: 0;
}

/*------【Contact】-----------------------------*/

.page-area .page-contact-area {
	margin			: 100px 0 100px 0;
}

.page-area .page-contact-form {
	margin			: 100px 0 0 0;
}

/*------【Privacy Policy】----------------------*/
/*------【Terms of Use】------------------------*/

.page-area .page-legal {
	margin			: 100px 0 100px 0;
}

}/***** END 992px *****/

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screen 1200px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and ( min-width : 1200px ) {

/*------【Facility Guide】----------------------*/

.page-area .page-facility .plan .plan-box {
	grid-gap		: 0px 0px;
}

/*------【Indoor Bath】-------------------------*/
/*------【Outdoor Bath】------------------------*/

.page-area .page-hot-spring .bath-box .bath-small-box:nth-child(2),
.page-area .page-hot-spring .bath-box .bath-small-box:nth-child(4),
.page-area .page-hot-spring .bath-box .bath-small-box:nth-child(6),
.page-area .page-hot-spring .bath-box .bath-small-box:nth-child(8),
.page-area .page-hot-spring .bath-box .bath-small-box:nth-child(10),
.page-area .page-hot-spring .bath-box .bath-small-box:nth-child(12) {
	padding			: 30px 50px 30px 50px;
}

}/***** END 1200px *****/


/************************************************/
/*						*/
/*	【Archive】				*/
/*						*/
/************************************************/

/*------【Archive Setting】---------------------*/

.archive-main-area {
	text-align		: center;
	margin			: 0;
	padding			: 0;
}

.archive-section-area {
	margin			: 0;
	padding			: 0;
}

.archive-area {
	margin			: 0 auto 0 auto;
	padding			: 0;
}

.archive-area h2 {
	line-height		: 1.2em;
	font-size		: 1.0em;
	color			: #ffffff;
	margin			: 0;
	padding			: 0;
}

/*------【Archive Title】-----------------------*/

.archive-area .archive-title-area {
	display			: flex;
	justify-content		: center;
	align-items		: center;
	width			: 100%;
	background-image	: url('../images/hd-img-n-02.jpg');
	background-size		: cover;
	aspect-ratio		: 2 / 1;
	margin			: 100px 0 0 0;
	padding			: 0;
}

.archive-area .archive-title-area .archive-title {
	margin			: 0;
	padding			: 0;
}

/*------【Breadcrumb】--------------------------*/

.archive-area .breadcrumb {
	background-color	: #003300;
}

/*------【Archive News】------------------------*/

.archive-area ul.archive-news {
	text-align		: left;
	margin			: 50px 0 50px 0;
	padding			: 0;
}

.archive-area ul.archive-news li {
	max-width		: 100%;
	list-style-type		: none;
	background-color	: #f5f5f5;
	border-width		: 1px 1px 1px 1px;
	border-style		: solid;
	border-color		: #efefef;
	margin			: 50px 0 0 0;
	padding			: 10px 10px 10px 10px;
}

.archive-area ul.archive-news li:first-child {
	margin			: 0;
}

.archive-area ul.archive-news li h3.news-subtitle {
	line-height		: 1.2em;
	text-align		: left;
	font-size		: 1.25em;
	border-width		: 0 0 0 10px;
	border-style		: solid;
	border-color		: #0068b4;
	margin			: 0;
	padding			: 5px 0 5px 10px;
}

.archive-area ul.archive-news li h3.news-subtitle a:link,
.archive-area ul.archive-news li h3.news-subtitle a:visited,
.archive-area ul.archive-news li h3.news-subtitle a:active {
	text-decoration		:none;
}

.archive-area ul.archive-news li h3.news-subtitle a:hover {
	text-decoration		:none;
}

.archive-area ul.archive-news li .news-image {
	margin			: 10px 0 0 0;
	padding			: 0;
}

.archive-area ul.archive-news li .news-date {
	color			: #808080;
	margin			: 10px 0 0 0;
	padding			: 0;
}

.archive-area ul.archive-news li .news-term {
	margin			: 10px 0 0 0;
	padding			: 0;
}

.archive-area ul.archive-news li .news-term .term-box {
	display			: inline-block;
	color			: #ffffff;
	background-color	: #a9a9a9;
	margin			: 0;
	padding			: 5px 5px 5px 5px;
}

.archive-area ul.archive-news li .news-contents {
	margin			: 20px 0 0 0;
	padding			: 0;
}

.archive-area ul.archive-news li .news-image img {
	width			: 100%;
	height			: auto;
}

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screen 576px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and (min-width: 576px) {

/*------【Page Setting】------------------------*/

.archive-area h2 {
	font-size		: 1.2em;
}

/*------【Archive Information】-----------------*/

.archive-area ul.archive-news li {
	padding			: 10px 10px 10px 10px;
}

}/***** END 576px *****/

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screenl 768px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and (min-width: 768px) {

/*------【Page Setting】------------------------*/

.archive-area h2 {
	font-size		: 1.5em;
}

/*------【Archive Information】-----------------*/

.archive-area ul.archive-news li {
	display			: grid;
	grid-gap		: 0px 10px;
	grid-template-columns	: 25% 1fr;
	grid-template-rows	: auto 30px 40px auto;
	margin			: 50px 0 0 0;
	padding			: 20px 20px 20px 20px;
}

.archive-area ul.archive-news li:first-child {
	margin			: 0;
}

.archive-area ul.archive-news li h3.news-subtitle {
	grid-column		: 1 / 3;
	grid-row		: 1 / 2;
}

.archive-area ul.archive-news li .news-image {
	grid-column		: 1 / 2;
	grid-row		: 2 / 5;
}

.archive-area ul.archive-news li .news-date {
	grid-column		: 2 / 3;
	grid-row		: 2 / 3;
}

.archive-area ul.archive-news li .news-term {
	grid-column		: 2 / 3;
	grid-row		: 3 / 4;
}

.archive-area ul.archive-news li .news-contents {
	grid-column		: 2 / 3;
	grid-row		: 4 / 5;
}

.archive-area ul.archive-news li .news-image img {
	width			: 100%;
	height			: auto;
}

}/***** END 769px *****/

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screen 992px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and ( min-width : 992px ) {

/*------【Page Setting】------------------------*/

.archive-area h2 {
	font-size		: 2.0em;
}

/*------【Archive Title】-----------------------*/

.archive-area .archive-title-area {
	background-image	: url('../images/hd-img-w-02.jpg');
	aspect-ratio		: 3 / 1;
	margin			: 0;
}

.archive-area .archive-title-area .archive-title {
	margin			: 100px 0 0 0;
}

/*------【Archive News】------------------------*/

.archive-area ul.archive-news {
	margin			: 100px 0 100px 0;
}


.archive-area ul.archive-news li {
	grid-gap		: 0px 30px;
	grid-template-columns	: 30% 1fr;
	margin			: 50px 0 0 0;
}

}/***** END 992px *****/

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screen 1200px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and ( min-width : 1200px ) {


}/***** END 1200px *****/

/************************************************/
/*						*/
/*	【Single】				*/
/*						*/
/************************************************/

/*------【Single Setting】----------------------*/

.single-main-area {
	text-align		: center;
	margin			: 0;
	padding			: 0;
}

.single-section-area {
	margin			: 0;
	padding			: 0;
}

.single-area {
	margin			: 0 auto 0 auto;
	padding			: 0;
}

.single-area .single-table {
	margin			: 0;
	padding			: 0;
}

.single-area .single-table .single-tr {
	display			: grid;
	grid-gap		: 0px;
	grid-template-columns	: 35% 65%;
	grid-template-rows	: auto;
	border-width		: 0 1px 1px 1px;
	border-style		: solid;
	border-color		: #d3d3d3;
	margin			: 0;
	padding			: 0;
}

.single-area .single-table .single-tr:first-child {
	border-width		: 1px 1px 1px 1px;
}


.single-area .single-table .single-th {
	display			: flex;
	align-items		: center;
	grid-column		: 1 / 2;
	background-color	: #f5f5f5;
	border-width		: 0 1px 0 0;
	border-style		: solid;
	border-color		: #d3d3d3;
}

.single-area .single-table .single-td {
	grid-column		: 2 / 3;
}

.single-area .single-table .single-th,
.single-area .single-table .single-td {
	height			: 100%;
	text-align		: left;
	margin			: 0;
	padding			: 0.5em;
}

.single-area h2 {
	line-height		: 1.2em;
	font-size		: 1.0em;
	color			: #ffffff;
	margin			: 0;
	padding			: 0;
}

.single-area h3 {
	text-align		: left;
	font-size		: 1.25em;
	border-width		: 0 0 0 10px;
	border-style		: solid;
	border-color		: #228b22;
	margin			: 0 0 20px 0;
	padding			: 5px 0 5px 10px;
}

/*------【Single Title】------------------------*/

.single-area .single-title-area {
	display			: flex;
	justify-content		: center;
	align-items		: center;
	width			: 100%;
	background-image	: url('../images/hd-img-n-03.jpg');
	background-size		: cover;
	aspect-ratio		: 2 / 1;
	margin			: 100px 0 0 0;
	padding			: 0;
}

.single-area .single-title-area .single-title {
	margin			: 0;
	padding			: 0;
}

/*------【Breadcrumb】--------------------------*/

.single-area .breadcrumb {
	background-color	: #003300;
}

/*------【Single News】-------------------------*/

.single-area .news-single-contents-area {
	text-align		: left;
	margin			: 50px 0 50px 0;
	padding			: 0;
}

.single-area .news-single-contents-area .news-single-meta {
	text-align		: right;
	margin			: 0 0 10px 0;
	padding			: 0;
}

.single-area .news-single-contents-area .news-single-meta .meta-th {
	color			: #ffffff;
	background-color	: #a9a9a9;
	padding			: 2px 5px 2px 5px;
	margin			: 0 5px 0 0;
}

.single-area .news-single-contents-area .news-single-meta .meta-td {
	margin			: 0 10px 0 0;
}

.single-area .news-single-contents-area .news-single-thumbnail {
	margin			: 0;
	padding			: 0;
}

.single-area .news-single-contents-area .news-single-thumbnail img {
	width			: 100%;
	height			: auto;
}

.single-area .news-single-contents-area .news-single-nothumbnail {
	margin			: 30px 0 0 0;
	padding			: 0;
}

.single-area .news-single-contents-area .news-single-term {
	display			: inline-block;
	color			: #ffffff;
	background-color	: #a9a9a9;
	margin			: 20px 0 0 0;
	padding			: 5px 5px 5px 5px;
}

.single-area .news-single-contents-area .news-single-contents {
	text-align		: left;
	margin			: 30px 0 0 0;
	padding			: 0;
}

.single-area .news-single-contents-area .news-single-contents p {
	margin			: 0 0 1.0em 0;
	padding			: 0;
}

.single-area .news-single-contents-area .news-single-nav {
	display			: flex;
	justify-content		: space-between;
	margin			: 30px 0 0 0;
	padding			: 0;
}

.single-area .news-single-contents-area .news-single-nav .next,
.single-area .news-single-contents-area .news-single-nav .prev {
	display			: flex;
	align-items		: center;
	margin			: 0;
	padding			: 0;
}

.single-area .news-single-contents-area .news-single-nav .next .icon {
	margin			: 0 0 0 10px;
	padding			: 0;
}

.single-area .news-single-contents-area .news-single-nav .prev .icon {
	margin			: 0 10px 0 0;
	padding			: 0;
}

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screen 576px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and (min-width: 576px) {

/*------【Single Setting】----------------------*/

.single-area h2 {
	font-size		: 1.2em;
}

}/***** END 576px *****/

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screenl 768px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and (min-width: 768px) {

/*------【Single Setting】----------------------*/

.single-area h2 {
	font-size		: 1.5em;
}

/*------【Single News】-------------------------*/

.single-area .news-single-contents-area .news-single-contents {
	padding			: 0 10px 0 10px;
}

}/***** END 769px *****/

/*++++++++++++++++++++++++++++++++++++++++++++++*/
/* @media screen 992px				*/
/*++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and ( min-width : 992px ) {

/*------【Single Setting】----------------------*/

.single-area h2 {
	font-size		: 2.0em;
}

/*------【Single Title】------------------------*/

.single-area .single-title-area {
	background-image	: url('../images/hd-img-w-03.jpg');
	aspect-ratio		: 3 / 1;
	margin			: 0;
}

.single-area .single-title-area .single-title {
	margin			: 100px 0 0 0;
}

/*------【Single News】------------------------*/

.single-area .news-single-contents-area {
	margin			: 100px 0 100px 0;
}

.single-area .news-single-contents-area .news-single-contents {
	line-height		: 1.5em;
}

}/***** END 992px *****/