@charset "UTF-8";
/*-----------------------------------------------------------
コンテンツ
-----------------------------------------------------------*/
/* line 8, ../scss/hostel.scss */
.main-visual {
	position: relative;
	text-align: left;
	margin-bottom: 100px;
}
/* line 13, ../scss/hostel.scss */
.main-visual .slide {
	position: absolute;
	width: 89.2%;
	height: 100%;
	margin: 0 auto 0 10.8%;
}
/* line 19, ../scss/hostel.scss */
.main-visual article {
	position: absolute;
	top: 50%;
	left: 5%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
/* line 26, ../scss/hostel.scss */
.main-visual h1 {
	display: inline-block;
	font-size: 60px;
	line-height: 1.5;
	letter-spacing: 0.02em;
}
/* line 31, ../scss/hostel.scss */
.main-visual h1 span.blue {
	background: url(../img/parts/h_blue_bg01.png);
}
/* line 34, ../scss/hostel.scss */
.main-visual h1 span.pink {
	background: url(../img/parts/h_pink_bg01.png);
}
/* line 37, ../scss/hostel.scss */
.main-visual h1 span.orange {
	background: url(../img/parts/h_orange_bg01.png);
}
/* line 42, ../scss/hostel.scss */
.main-visual .booking_form {
	position: absolute;
	top: 50%;
	right: 5%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	float: right;
}

@media screen and (max-width: 740px) {
  /* line 53, ../scss/hostel.scss */
  .main-visual {
	margin: 0 0 30px;
  }
  /* line 55, ../scss/hostel.scss */
  .main-visual .slide {
	margin: 0;
	width: 100%;
  }
  /* line 59, ../scss/hostel.scss */
  .main-visual article {
	left: 0;
	width: 100%;
	padding: 0 11px;
  }
  /* line 64, ../scss/hostel.scss */
  .main-visual h1 {
	margin-bottom: 1em;
	font-size: 38px;
  }
}
/* line 72, ../scss/hostel.scss */
#about {
	margin-bottom: 100px;
}
/* line 74, ../scss/hostel.scss */
#about h3 {
	margin-bottom: 40px;
}
/* line 77, ../scss/hostel.scss */
#about article {
	position: relative;
	margin-top: -35px;
	text-align: left;
}
/* line 82, ../scss/hostel.scss */
#about figure {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
}
/* line 92, ../scss/hostel.scss */
#about .article-text {
	padding: 112px 0 62px 57%;
	vertical-align: middle;
}

@media screen and (max-width: 740px) {
  /* line 98, ../scss/hostel.scss */
  #about {
	margin-bottom: 30px;
  }
  /* line 100, ../scss/hostel.scss */
  #about figure {
	position: static;
	width: 100%;
	height: auto;
	padding-top: 70%;
  }
  /* line 106, ../scss/hostel.scss */
  #about h3 {
	margin-bottom: 20px;
  }
  /* line 109, ../scss/hostel.scss */
  #about .article-text {
	padding: 20px 3% 20px;
  }
}
/* line 117, ../scss/hostel.scss */
#stay {
	padding-bottom: 60px;
}
/* line 119, ../scss/hostel.scss */
#stay h2 {
	margin-top: -40px;
	margin-bottom: 40px;
}
/* line 122, ../scss/hostel.scss */
#stay h2 + p {
	margin-bottom: 60px;
}
/* line 126, ../scss/hostel.scss */
#stay .item {
	text-align: left;
}
/* line 129, ../scss/hostel.scss */
#stay figure {
	padding-top: 65.5%;
	margin: 0 0 15px;
}
/* line 133, ../scss/hostel.scss */
#stay h3 {
	font-size: 18px;
	margin: 0 0 10px;
}

@media screen and (max-width: 740px) {
  /* line 139, ../scss/hostel.scss */
  #stay {
	padding-bottom: 30px;
  }
  /* line 141, ../scss/hostel.scss */
  #stay h2 {
	margin-bottom: 20px;
  }
  /* line 143, ../scss/hostel.scss */
  #stay h2 + p {
	text-align: left;
	margin-bottom: 20px;
	padding: 0 3%;
  }
  /* line 149, ../scss/hostel.scss */
  #stay figure {
	margin: 0 0 5px;
  }
  /* line 152, ../scss/hostel.scss */
  #stay h4 {
	margin: 0 0 5px;
  }
}
/* line 159, ../scss/hostel.scss */
#facility {
	background: url(../img/parts/facility_bg.jpg) no-repeat 0 0;
	background-size: cover;
}
/* line 162, ../scss/hostel.scss */
#facility .wrap-inner {
	*zoom: 1;
	position: relative;
	right: -60px;
	background: #fff;
	width: 80.8%;
	margin: 0 0 0 auto;
	padding-right: 60px;
	padding-bottom: 100px;
}
/* line 14, ../scss/_mixin.scss */
#facility .wrap-inner:after {
	content: "";
	display: table;
	clear: both;
}
/* line 172, ../scss/hostel.scss */
#facility h2 {
	float: right;
	text-align: right;
	margin: 0 0 30px;
}
/* line 176, ../scss/hostel.scss */
#facility h2 + p {
	clear: both;
	margin-bottom: 30px;
	text-align: right;
}
/* line 182, ../scss/hostel.scss */
#facility h4 {
	line-height: 1;
	margin: 0 0 15px;
}
/* line 186, ../scss/hostel.scss */
#facility article {
	*zoom: 1;
	position: relative;
}
/* line 14, ../scss/_mixin.scss */
#facility article:after {
	content: "";
	display: table;
	clear: both;
}
/* line 190, ../scss/hostel.scss */
#facility .left-box {
	float: left;
	margin-left: -33%;
	max-width: 600px;
}
/* line 194, ../scss/hostel.scss */
#facility .left-box p {
	margin: 0 0 20px;
}
/* line 198, ../scss/hostel.scss */
#facility .right-box {
	float: right;
	text-align: left;
}
/* line 204, ../scss/hostel.scss */
#facility table {
	width: 100%;
	margin-bottom: 30px;
	font-size: 14px;
	border-collapse: separate;
	border-spacing: 5px;
}
/* line 210, ../scss/hostel.scss */
#facility table tr:nth-child(odd) td {
	background: #F7F6F4;
}
/* line 213, ../scss/hostel.scss */
#facility table td {
	font-weight: bold;
	padding: 0.5em 10px;
}

@media screen and (max-width: 1270px) {
  /* line 221, ../scss/hostel.scss */
  #facility .wrap-inner {
	right: 0;
	padding-right: 20px;
  }
  /* line 225, ../scss/hostel.scss */
  #facility .left-box {
	width: 70%;
  }
  /* line 228, ../scss/hostel.scss */
  #facility .right-box {
	width: 60%;
  }
  /* line 231, ../scss/hostel.scss */
  #facility table {
	font-size: 12px;
  }
}
@media screen and (max-width: 740px) {
  /* line 238, ../scss/hostel.scss */
  #facility {
	background: none;
  }
  /* line 240, ../scss/hostel.scss */
  #facility .wrap-inner {
	position: static;
	right: 0;
	width: 100%;
	margin: 0 0 0 auto;
	padding-right: 0;
	padding-bottom: 30px;
  }
  /* line 248, ../scss/hostel.scss */
  #facility h2 {
	float: none;
	text-align: center;
  }
  /* line 251, ../scss/hostel.scss */
  #facility h2 + p {
	text-align: left;
  }
  /* line 255, ../scss/hostel.scss */
  #facility .left-box {
	float: none;
	width: 100%;
	margin-left: 0;
  }
  /* line 260, ../scss/hostel.scss */
  #facility .right-box {
	float: none;
	width: 100%;
  }
}