@charset "utf-8";
/* ===================================================================
common.css
=================================================================== */
body{
	margin: 0px auto;
	padding: 0px;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:center;
	color: #FFFFFF;
	letter-spacing: 0.01rem;
	line-height: 1.9;
	font-size: 1.32rem;
	max-width: 100%;
	overflow:hidden;
	background-color: #FFFFFF;
}
a, a:link, a:active, a:visited {
	text-decoration:underline;
	color: #FFFFFF;
}
a:hover {
	text-decoration: underline;
	color: #FFFF99;
}
img {
	width: 100%;
	height: auto;
	width /***/:auto;
}
#header {
	background-image: url(https://6e2183.claudeassets.com/20161220035846im_/http://trainhostelhokutosei.com/img/h_bg.jpg);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
	-webkit-background-size:cover;
	position:relative;
	overflow:hidden;
	width: 100%;
	height: 100vh;
	vertical-align: middle;
}
#header h1 img{
	position:absolute;
	z-index:100;
	width:900px;
	height:700px;
	left: 50%;
	top: 50%;
	margin-left: -450px;
	margin-top: -360px;
}
#header #down {
	position:absolute;
	left:0;
	width:66px;
	height:65px;
	margin:0 auto;
	bottom: 10%;
	right: 0px;
	z-index: 300;
}
#nav  {
	width:100%;
	height:143px;
	color: #FFFFFF;
	text-align:center;
	box-shadow: 0 7px 7px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 7px 7px 1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 7px 7px 1px rgba(0, 0, 0, 0.3);
	position: relative;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
}
#nav .box {
	width: 1020px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-top: 7px;
	padding-left: 50px;
}
#nav   li     {
	display: inline-block;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
}
/* navi固定 */
#nav-wrap{width: 100%;}
.fixed{
	position: fixed;
	top: 0px;
	z-index: 9999;
}
/* アンカーリンクnavi高さ分ズレ調整 */
#top, #l01, #l02, #l03, #l04 {
    margin-top:-210px;
    padding-top:210px;
	display:block;
}

#main{
	color: #FFFFFF;
}
#main #concept {
	background-image: url(https://656d13.claudeassets.com/20161220035846im_/http://trainhostelhokutosei.com/img/m_concept_bg.png);
	background-repeat: repeat;
	background-position: 50% 50%;
	min-height: 470px;
	padding-top:80px;
}
#main #hostel {
	background-color: #3264b4;
	min-height: 470px;
	padding-top:70px;
	padding-bottom: 60px;
}
#main #hostel .box {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
#main #hostel .box2 {
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 10px;
}
#main #hostel h3 {
	font-weight: bold;
	font-size: 115%;
}
#main #access {
	background-color: #003da2;
	min-height: 470px;
	padding-top:70px;
	padding-bottom: 60px;
}
#main #booking {
	background-color: #3264b4;
	min-height: 470px;
	padding-top:70px;
	padding-bottom: 40px;
}
#main #booking .box {
	width: 860px;
	margin-right: auto;
	margin-left: auto;
}
#footer   #info {
	background-image: url(https://4a914b.claudeassets.com/20161220035846im_/http://trainhostelhokutosei.com/img/info_bg2.png);
	background-repeat: repeat;
	background-position: 50% 50%;
	padding-top:30px;
	width: 100%;
	padding-bottom: 10px;
}
#footer  #info .box {
	width: 1020px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 50px;
}
#footer #info h3 {
	font-size: 115%;
	color: #FFFF00;
	padding-bottom: 15px;
}
#footer  #group {
	box-shadow: 0 0 15px 0 rgba(0, 0, 50, 0.7);
	-moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.7);
	background-color: #7A7878;
	color: #C4C9CA;
}
#footer  #group  .box {
	margin-right: auto;
	margin-left: auto;
	padding-left: 40px;
	text-align: left;
	max-width: 1020px;
}
#footer #group ul {
	width: 1040px;
}
#footer  #group  li {
	margin-right: 10px;
	display: inline-block;
	margin-bottom: 10px;
}
#footer  #copy  .box     {
	width: 1020px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 40px;
}
#footer   #copy {
	background-color: #3E3A39;
}
#footer #copy li {
	vertical-align: middle;
}
#footer #copy a {
	text-decoration: none;
	margin-right: 50px;
}

/* hover透過 */
#nav li a:hover, #main #booking a:hover, #footer #info a:hover, #footer #group a:hover, #footer #copy a:hover {opacity: 0.7;}

.width100 {	width: 100%;}
.width90 {	width: 90%;}
.width80 {	width: 80%;}
.width70 {	width: 70%;}
.width60 {	width: 60%;}
.width50 {	width: 50%;}
.width40 {	width: 40%;}
.mlr_auto { margin-left:auto; margin-right:auto;}
.disp_table{ display:table;}
.disp_cell{
	display: table-cell;
	vertical-align: top;
}
.fontsp {
	letter-spacing: 0.2rem;
}
/* ----------------mobile -----------------*/
@media only screen and (max-width: 640px) {
}

/*
     FILE ARCHIVED ON 22:13:23 Dec 03, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 11:28:30 Jul 26, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.726
  exclusion.robots: 0.067
  exclusion.robots.policy: 0.053
  esindex: 0.011
  cdx.remote: 399.524
  LoadShardBlock: 314.156 (3)
  PetaboxLoader3.resolve: 143.898 (3)
  PetaboxLoader3.datanode: 164.818 (4)
  load_resource: 102.852
*/