@charset 'UTF-8';

[class^='i-'],
[class*=' i-'] {
	bottom: .05vw;
}

*,input,textarea {
	font-size: 4vw;
}
header,
footer {
	display: block;
	height: auto;
	margin: 0 auto;
	padding: 2vw 0;
	text-align: center;
}
footer {
	padding-bottom: 5vw;
}
header h1,
footer h1 {
	margin-left: 0;
	font-size: inherit;
}
header h1 a,
footer h1 a {
	display: block;
	margin: 0 auto;
	width: 60vw;
}
header h1 img,
footer h1 img {
	width: 100%;
	height: 13.5vw;
	margin: 2vw auto;
}
.breadcrumb {
	padding-left: 1vw;
}
.breadcrumb li,
.breadcrumb li a {
	font-size: 3.5vw;
}
.container {
	padding-top: 0;
}
#title {
	position: relative;
}
#title h1 {
	text-align: left;
	padding-left: 1%;
	margin-bottom: 2vw;
	font-size: inherit;
}
#login ul {
	width: 70%;
}
#login ul input[type='text'] {
	width: 75%;
	margin-left: 25%;
}
.submit a,
input[type='submit'],
input[type='reset'],
button[type='submit'],
button[type='reset'],
.button-credit-card,
button.close {
	padding: 2vw 8vw;
}
.loginMode {
	margin: 0;
}
.loginMode > span {
	padding: 1vw;
	font-size: 3vw;
}
.loginMode a {
	padding: 1vw 3.5vw;
	font-size: 3.5vw;
}
.roomList ul {
	display: block;
	justify-content: inherit;
}
.roomList ul li + li {
	padding-left: 0;
}
.button {
	margin: 2vw auto;
	width: 60%;
	line-height: 70px;
	background-size: contain;
}
.button .icon,
.button .i-next {
	position: absolute;
	top: 50%;
	bottom: auto;
	transform: translateY(-50%);
}
.button .icon {
	left: 5%;
	font-size: 1.3em;
}
.button .i-next {
	right: 3%;
	font-size: .8em;
}
.calendar {
	width: 100%;
}
.calendar .dayList {
	height: auto;
}
.calendar .header h3,
.calendar .header span,
.calendar .header a {
	font-size: 7vw;
}
.calendar .dayOfWeek div,
.calendar .dayList a,
.calendar .dayList span {
	width: 14.28vw;
	height: 12vw;
	font-size: 5vw;
}
.calendar .dayList a:before {
	width: 10vw;
	height: 10vw;
}
.periodList .periodList_inner {
	width: 90vw;
}
.periodList .totalPrice_box > span .totalPrice {
	width: 25vw;
}
.periodList .periodList_inner .select {
	width: 80%;
	margin: 2vw 0;
}
.periodList .periodList_inner .select:last-of-type {
	margin-left: 20%;
}
.privateInformation,
#sq-ccbox.form {
	width: 100%;
}
.privateInformation dl,
#sq-ccbox.form dl {
	display: block;
}
.privateInformation dl dd:nth-of-type(n+2),
#sq-ccbox.form dl dd:nth-of-type(n+2) {
	margin: 0;
}
.privateInformation dl dt,
#sq-ccbox.form dl dt {
	width: 100%;
	padding-left: 1%;
}
.privateInformation dl dd,
#sq-ccbox.form dl dd {
	width: 100%;
	padding: 0 1% 0 6%;
}
.confirm h3 {
	padding-left: 3%;
}
.confirm dl {
	width: 98vw;
}
.confirm dl dt,
.confirm dl dd {
	padding: .8vw;
}
.confirm dl dt {
	width: 33vw;
}
.confirm dl dd {
	width: 65vw;
}
#step5 p {
	text-align: left;
}
.modalContent {
	width: 95%;
}