@charset "utf-8";

/* EXTRA */
#shop {
	color: #0d1b40 !important;
}
#shop h2 {
	color: #e63356 !important;
}
#shop .btn {
    padding: 16px 0 !important;
    background: #e63356 !important;
    border-radius: 40px !important;
    width: 72% !important;
	font-size: 114.3% !important;
}
#shop iframe {
	border-radius: 20px !important;
}
	/* ==============================================================
	Less than SP-LANDSCAPE
	================================================================= */
	@media screen and (max-width:568px) {
		#shop {
			width: 80%;
		}
	}


/* COMMON */
section {
	width: 940px;
	margin: 0 auto;
}
/* MV */
.mv {
	text-align: center;
}
.mv figure {
    width: 56%;
    margin: 1.6em auto 0;
}
.mv figure img {
	border-radius: 20px;
}
.mv h1 {
    width: 48%;
    margin: 1.4em auto 1.4em;
}
.mv_ttl {
	margin: 0;
}
/* CONTENT */
.content {
}
.content_headline {
    text-align: center;
    font-size: 228.5%;
    border-bottom: 4px solid #52a2d9;
    padding-bottom: 0.32em;
    width: 40%;
    margin: 0 auto;
    color: #0d1b40;
    letter-spacing: 0.4em;
}
.content_txt {
    font-size: 100%;
    text-align: center;
    margin: 2.8em auto;
	color: #0d1b40;
}
.content_list {
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style: none;
	padding: 0;
}
.content_list_item {
	position: relative;
    width: 31.2%;
    margin-bottom: 3.2em;
    margin-top: 3.2em;
    background: #0d1b40;
    padding-bottom: 2em;
    border-radius: 20px;
}
.content_list_box {
	padding: 0 1.6em 0;
}
.content_list_item img {
	border-radius: 20px;
}
.content_list_item_ttl {
	font-size: 128.6%;
	font-weight: 900;
	color: #edf0f9;
}
.content_list_item_room-num {
	font-size: 85.7%;
	font-weight: bold;
	font-family: arial;
	color: #a5acd8;
}
.content_list_item_txt {
	font-size: 85.7%;
	color: #edf0f9;
}
.content_list_facility {
	list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}
.content_list_facility li {
    margin: 0px 4px 0 0;
    padding: 2px 8px;
    border-radius: 20px;
    letter-spacing: 0;
    font-size: 64.3%;
    font-weight: bold;
    text-align: center;
    color: #a5acff;
    background: #747fc3;
}
.content_list_btn {
	width: 72px;
    height: 72px;
    border-radius: 50%;
    position: absolute;
    top: 44%;
    right: 2%;
    padding: 0 0 0 0;
    font-size: 85.7%;
    color: #fff;
    background: #e63356;
    text-align: center;
}
.content_list_btn a {
	color: inherit;
    display: block;
    margin: 36% 0 0;
}
/* ==============================================================
 Less than TABLET
================================================================= */
@media screen and (max-width: 979px) {
}
/* ==============================================================
 TABLET
================================================================= */
@media screen and (min-width:768px) and (max-width:959px) {
}
/* ==============================================================
 Less than SP-LANDSCAPE
================================================================= */
@media screen and (max-width:568px) {
	section {
		width: 100%;
	}
	.mv figure {
		width: 100%;
		padding: 0.8em;
		margin-top: 0;
		background: #fff;
	}
	.mv h1 {
		width: 72%;
		margin: 0.4em auto 0.8em;
	}
	.content_headline {
		text-align: center;
		font-size: 160.5%;
		border-bottom: 4px solid #52a2d9;
		padding-bottom: 0.32em;
		width: 80%;
		margin: 0 auto;
		color: #0d1b40;
		letter-spacing: 0.4em;
	}
	.content_txt {
		font-size: 100%;
		text-align: left;
		margin: 1.4em auto;
		color: #0d1b40;
		width: 80%;
	}
	.content_list {
		width: 100%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		list-style: none;
		padding: 0;
	}
	.content_list_item {
		position: relative;
		width: 90.0%;
		margin-bottom: 3.2em;
		margin-top: 3.2em;
		background: #0d1b40;
		padding-bottom: 2em;
		border-radius: 20px;
	}
}
/* ==============================================================
 SP-LANDSCAPE
================================================================= */
@media screen and (min-width:480px) and (max-width:767px) {
}
/* ==============================================================
 Less than SP-PORTRAIT
================================================================= */
@media screen and (max-width:480px) {
}
/* ==============================================================
 SP-PORTRAIT
================================================================= */
@media screen and (min-width:0px) and (max-width:479px) {
}
/* ==============================================================
 Less than SP-PORTRAIT / iPhone5
================================================================= */
@media screen and (max-width:320px) {
}