@charset "UTF-8";
/* ********************************************************************** */
/* For Concept Page */
/* ********************************************************************** */

/* ---------------------------------------------------------------------- */
/* PC */
/* ---------------------------------------------------------------------- */

/* concept_about */
/*#concept_about .ch4,
#concept_about .text,
#concept_about .photo{
	margin-top: 50px;
	letter-spacing: 0.15em;
}
#concept_about .text{
	max-width: 800px;
}
.concept_photos{
	margin-top: 60px;
}
.concept_slider img{
	width: 100%;
	max-width: none;
}
*/
/* hotspring_tamana */

#hotspring_tamana {
	position: relative;
}
#hotspring_tamana .mainw .item {
	position: relative;
}
.tamana_items .decoration_right {
	position: absolute;
	top:-80px;
	right: 0;
	z-index: -1;
}
.tamana_items .decoration_left {
	position: absolute;
	top:-110px;
	left: 0;
	z-index: -1;
}
.tamana_items .item{
	position: relative;
	display: flex;
	justify-content: flex-end;
	min-height: 450px;
	margin-top: 80px;
}
.tamana_items .item .photo{
	position: absolute;
	left: calc(50% - 50vw);
	width: 50vw;
	height: 100%;
	min-height: 450px;
}
.tamana_items .item .photo div{
	width: 50vw;
}
.tamana_items .item .content{
	width: 45%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.tamana_items .item .text{
	margin-top: 45px;
}
.tamana_items .item:nth-child(2n){
	justify-content: flex-start;
}
.tamana_items .item:nth-child(2n) .photo{
	left: auto;
	right: calc(50% - 50vw);
}

/* hotspring_semiopenair */
#hotspring_semiopenair .pc_sidepadding .mainw {
	position: relative;
}
#hotspring_semiopenair .pc_sidepadding .mainw .decoration_right{
	position: absolute;
	bottom:-190px;
	right: 0;
	z-index: 0;
}
#hotspring_semiopenair .pc_sidepadding .mainw .decoration_left{
	position: absolute;
	bottom:-110px;
	left: -55px;
	z-index: 0;
}
#hotspring_semiopenair .link_detail {
	margin: 40px auto 0;
	height: 100%;
}
#hotspring_semiopenair .link_detail::before {
	height: 100%;
}
#hotspring_semiopenair .link_detail.link_whiteborder a {
	padding: 1em 0.5em;
	text-align: center;
}

/* hotspring_private */
#hotspring_private .pc_sidepadding .mainw {
	position: relative;
}
#hotspring_private .pc_sidepadding .mainw .decoration_right{
	position: absolute;
	bottom:-190px;
	right: 0;
	z-index: 0;
}
#hotspring_private .pc_sidepadding .mainw .decoration_left{
	position: absolute;
	bottom:-110px;
	left: -55px;
	z-index: 0;
}
#hotspring_private .link_detail {
	margin: 40px auto 0;
	height: 100%;
}
#hotspring_private .link_detail::before {
	height: 100%;
}

	/*link_blueborder*/
.link_blueborder, .link_blueborder::before {
	width: 400px;
	min-height: 70px;
}
.link_blueborder {
	display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.link_blueborder::before {
	content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    background: #002F59;
    opacity: 0;
    transition: 0.3s all ease-in-out;
}
.link_blueborder:hover::before {
    right: auto;
    left: 0;
    width: 100%;
    opacity: 1;
}
.link_blueborder.link_detail .mark::before {
	border-color: #002F59;
}
.link_blueborder.link_detail .mark::after {
	border-color: #002F59;
}
.link_blueborder a {
	color: #002F59 !important;
	border: 1px solid #002F59;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.link_blueborder a:hover {
	color: #FFF !important;
	opacity: 1;
}
.link_blueborder.link_detail:hover .mark::before {
	border-color: #C4972F;
}
.link_blueborder.link_detail:hover .mark::after {
	border-color: #C4972F;
}


#hotspring_private .link_detail.link_blueborder a {
	padding: 1em 0;
	text-align: center;
}


/* End PC */
/* ---------------------------------------------------------------------- */

/* ---------------------------------------------------------------------- */
/* SP */
/* ---------------------------------------------------------------------- */
@media (max-width: 1000px) {

	/* concept_about */
	#concept_about .ch4{
		margin-top: 8vw;
	}
	#concept_about .text,
	#concept_about .photo{
		margin-top: 5vw;
	}
	.concept_photos{
		margin-top: 8vw;
	}

	/* hotspring_tamana */

	.tamana_items .decoration_right {
		width: 40vw;
		position: absolute;
		top:-20vw;
		right: 0;
		z-index: -1;
	}
	.tamana_items .decoration_left {
		width: 30vw;
		position: absolute;
		top:-15vw;
		left: 0;
		z-index: -1;
	}

	.tamana_items .item{
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		min-height: 0;
		margin-top: 8vw;
	}
	.tamana_items .item .photo{
		position: relative;
		left: -6.6667vw;
		width: 80vw;
		height: auto;
		min-height: 0;
	}
	.tamana_items .item .photo div{
		width: 80vw;
	}
	.tamana_items .item .content{
		margin-top: 2rem;
		width: 100%;
	}
	.tamana_items .item .text{
		margin-top: 1.5rem;
	}
	.tamana_items .item:nth-child(2n){
	}
	.tamana_items .item:nth-child(2n) .photo{
		margin: 0 0 0 auto;
		left: auto;
		right: -6.6667vw;
	}

	/* hotspring_semiopenair */
#hotspring_semiopenair .pc_sidepadding .mainw .decoration_right{
	display: none;
}
#hotspring_semiopenair .pc_sidepadding .mainw .decoration_left{
	position: absolute;
	bottom:initial;
	top: 22vw;
	left: 0;
	z-index: 0;
}

#hotspring_semiopenair .link_detail.link_whiteborder a{
	padding: 1em 0.5em;
	font-size: 4vw;
}

	/* hotspring_private */
#hotspring_private .pc_sidepadding .mainw .decoration_right{
	display: none;
}
#hotspring_private .pc_sidepadding .mainw .decoration_left{
	position: absolute;
	bottom:initial;
	top: 22vw;
	left: 0;
	z-index: 0;
}

#hotspring_private .link_detail.link_blueborder a {
	padding: 1em 0.5em;
	font-size: 4vw;
}


}
/* End @media (max-width:1000px) */