@charset "UTF-8";

/*
	東海道新幹線１００系以降の色 RGB
	青２０号：#003f6c;
	白３号  ：#e7e7e8;
	
	帯の幅： 3.3333：１：１
*/

/************************************************** base */

html,body,#wrap{
	margin: 0;
	padding: 0;
	border: 0;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
#wrap{
	margin: 0 auto;
	max-width: 100%;
}

/************************************************** common */

img{
	margin: 0;
	padding: 0;
	border: none;
	max-width: 100%;
	vertical-align: middle;
}

.img{
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	text-align: center;
}

.img.watch{
	margin: 0 auto;
	width: 100%;
	max-width: 1500px;
}

	.img.watch2{
		margin: 100px auto 0 auto;
		max-width: 1000px;
	}

/* 背景黒 */
.img.bgb{
	background: #000;
}

/* 背景白３０ */
.img.bgw{
	background: #e7e7e8;
}

/* 分割 */
.box2 div,
.box3 div,
.box4 div{
	display: inline-block;
}

/* ２分割 */
.box2 div{ width: 50.000%; }

/* ３分割 */
.box3 div{ width: 33.3333%; }

/* ４分割 */
.box4 div{ width: 25%; }

/* 縦写真 */
.img.max800{
	margin: 0 auto;
	max-width: 600px;
}

.w80p{
	margin: 0 auto;
	width: 70%;
	max-width: 1800px;
}

.w90p{
	margin: 0 auto;
	width: 90%;
	max-width: 1800px;
}


/* 新幹線写真の高さ上限 */
.img.bgb img,
.img.bgw img{
	margin: 0 auto;
	max-width: 100%;
	max-height: 650px;
	text-align: center;
}

.subtitle{
	margin: 50px auto;
	font-size: 2rem;
	text-align: center;
}
.text{
	margin: 50px auto 0 auto;
	padding: 0 10px;
	max-width: 700px;
	line-height: 2.5rem;
	font-size: 1.3rem;
}
.foot{
	margin: 50px auto;
	line-height: 2.5rem;
	font-size: 1.5rem;
	text-align: center;
}


/* margin */
.mt50{ margin-top: 50px !important; }
.mb50{ margin-bottom: 50px; !important; }
.mt100{ margin-top: 100px !important; }
.mb100{ margin-bottom: 100px; !important; }

/* iPad未満 */
@media screen and (max-width:767px){
	.mt50{ margin-top: 20px !important; }
	.mb50{ margin-bottom: 20px; !important; }
	.mt100{ margin-top: 50px !important; }
	.mb100{ margin-bottom: 50px; !important; }
}

/******************************  */

h1{
	padding: 45px 0 0 0;
	color: #fff;
	line-height: 5rem;
	font-size: 4rem;
	text-align: center;
}

/* ページ */
.page .img{
	padding: 10px;
}
.page .img img{
	box-shadow: 0px 0px 5px #999;  
	-moz-box-shadow: 0px 0px 5px #999;  
	-webkit-box-shadow: 0px 0px 5px #999;
	vertical-align: top;
}
.page a{
	padding: 10px 0;
	line-height: 2rem;
	font-size: 1.5rem;
	display: block;
	z-index: 200;
}

/* マーク */
.mark{
}
.mark div{
	width: 33.33%;
	display: inline-block;
}
.mark div:nth-of-type(1){ width: 33.3333%; }
.mark div:nth-of-type(2){ width: 33.3333%; }
.mark div:nth-of-type(3){ width: 33.3333%; }
.mark .img{
	padding: 20px;
}

/* N700 : 700 */
.n700-700{
	margin-left: auto;
	margin-right: auto;
	width: 95%;
}

/* モノクロ */
.bw{
	background: #000;
}
.bw div:nth-of-type(1){ width: 40%; }
.bw div:nth-of-type(2){ width: 20%; }
.bw div:nth-of-type(3){ width: 40%; }

/* 種別幕 */
.maku{
}
.maku div{
	width: 33.33%;
	display: inline-block;
}

/* 新幹線ブルー */
.shikansen-blue{
	margin: 0;
	padding: 50px 0;
	background: #e7e7e8;
}
	.shikansen-blue.nobottom{
		padding: 50px 0 0 0;
	}
.shikansen-blue1{
	height: 133px;
	background: #003f6c;
}
.shikansen-blue2{
	margin-top: 40px;
	height: 40px;
	background: #003f6c;
}
.shikansen-blue1 span,
.shikansen-blue2 span{
	display: none;
}

.footer .shikansen-blue1{
	padding-top: 20px;
}

/* link */
.link{
	margin-top: 5px;
	font-size: 1.4rem;
	text-align: center;
}
/* copy */
.copy{
	margin: 0 auto;
	padding: 20px 0 0 0;
	color: #fff;
	line-height: 2.5rem;
	font-size: 1.4rem;
	text-align: center;
}
.link a,
.copy a{
	color: #fff;
}


/* SNS icon */
.shareIcons{
	margin: 0 auto;
	text-align: center;
}

/* iPad 以下 */
@media screen and (max-width:768px){
	h1{
		padding: 15px 0 0 0;
		line-height: 4rem;
		font-size: 3rem;
		right: 20px;
		bottom: 10px;
	}
	/* 新幹線ブルー */
	.shikansen-blue{
		margin: 0;
		padding: 30px 0 0 0;
	}
	.shikansen-blue1{
		height: 67px;
	}
	.shikansen-blue2{
		margin-top: 20px;
		height: 20px;
	}
	.copy{
		padding: 15px 0 0 0;
	}
}
@media screen and (max-width:767px){
	.box2{
		width: 100%;
	}
	.box2 div{
		margin: 30px auto;
		width: 90%;
		display: block;
	}
	.box2 img{
		width: 100%;
		display: block;
	}
}


/*  */
@media screen and (max-width:600px){
	h1{
		line-height: 3rem;
		font-size: 2rem;
		right: 20px;
		bottom: 10px;
	}
	/* ページ */
	.page div.l,
	.page div.r{
		margin: 0;
		width: 100%;
	}
	.page div.l,
	.page div.r{
		padding: 10px;
	}
	.page a{
		line-height: 2rem;
		font-size: 1.3rem;
		display: block;
	}
}







/************************************************** 現在時刻 */
/* 現在時刻 */
.now{
	margin-top: 100px;
	line-height: 4rem;
	font-size: 4rem;
	text-align: center;
}
/* 時計 */
#watch{
	margin: 0 auto;
	width: 50%;
	max-width: 600px;
	max-height: 900px;
	position: relative;
}
#watch img{
	max-width: 100%;
}
#watch #watch_c,
#watch #watch_s,
#watch #watch_m,
#watch #watch_h{
	max-width: 55.6%;
	position: absolute;
	top: 36.95%;
	left: 22.3%;
}
#watch #watch_c{ z-index: 500; }
#watch #watch_s{ z-index: 400; }
#watch #watch_m{ z-index: 300; }
#watch #watch_h{ z-index: 200; }
#watch #watch_w{ z-index: 100; }