@charset "UTF-8";

html,body,div,span,p,ul,ol,li,table,tr,td,th,h1,h2,h3,h4,h5,h6,a,em,strong,b,img{
	padding: 0;
	margin: 0;
	border: none;
	border-spacing: 0px;
	-webkit-appearance:none;
	-webkit-text-size-adjust: none;
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	border-collapse: collapse;
}
html, body{ width:100%; }
body{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size:100%;
	line-height:2;
	background: #FCFCFC;
	-webkit-text-size-adjust: none;
}
.clear {
	float:none;
	clear:both;
	height:1px;
	margin:-1px 0 0 0;
	width:100%;
	overflow:hidden;
	display:block;	
}



/*LOADING--------------------------------------------------------------------------------------------------------------------*/
#loading {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	background:#FFF;
}
#loading1 {
	width:70px;
	height:70px;
	-webkit-animation:circle 2s linear 0s infinite normal;
	animation:circle 2s linear 0s infinite normal;
	position:absolute;
	border-top:6px solid rgba(0,0,0,0.04);
	border-left:6px solid rgba(0,0,0,0.08);
	border-right:6px solid rgba(0,0,0,0.08);
	border-bottom:6px solid rgba(0,0,0,0.04);
	border-radius:41px;
	left:50%;
	top:50%;
	margin:-41px 0 0 -41px;
}

@-webkit-keyframes circle{
	0%{-webkit-transform: rotateZ(0deg);}
	100%{-webkit-transform: rotateZ(360deg);}
}
@keyframes circle{
	0%{transform: rotateZ(0deg);}
	100%{transform: rotateZ(360deg);}
}



/*BLOCK--------------------------------------------------------------------------------------------------------------------*/

#container {
	/*-moz-animation: f_in 3s ease 0s 1 normal;
	-webkit-animation: f_in 3s ease 0s 1 normal;
	-o-animation: f_in 3s ease 0s 1 normal;
	-ms-animation: f_in 3s ease 0s 1 normal;
	animation: f_in 3s ease 0s 1 normal;
	visibility:hidden;*/
	padding:20px 0;
}
.text_sheet {
	width:92%;
	margin:50px auto 100px auto;
	position:relative;
}

.notice p{
	font-size:62.5%;
}

#map {
	width:100%;
	margin:100px auto;
	position:relative;
	overflow:visible;
	border-top:1px solid #EEE;
	border-bottom:1px solid #EEE;
}

#ishi_name {
	width:92%;
	/*margin:150px auto -30px auto;*/
	margin:0 auto 0 auto;
	/*background: #FCFCFC;
	background: rgba(252,252,252,0.8);*/
}
#timeline {
	width:92%;
	margin:0 auto 2000px auto;
}
.fixed {
	position: fixed !important;
	top: 0;
	z-index: 500;
	left: 4%;
	margin: 0 !important;
	padding: 5px 0 0 0;
}


/*TEXT--------------------------------------------------------------------------------------------------------------------*/
h1{
	font-size:100%;
	line-height:1.3;
	margin:0 0 1.5em 0;
}
#text_en h1{ font-size: 106.25%; }
p {
	font-size:87.5%;
	padding: 0 0 1em 0;
}
#text_en p{ font-size: 93.75%; }
.text_sheet p { text-align:justify; }
.txt_c { text-align:center !important; }
.txt_r { text-align:right !important; }
#text_en { font-size:87.5%; }

.sans-serif { font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; }
.narrow {
  -webkit-transform: scaleX(0.93);
  -moz-transform: scaleX(0.93);
  -o-transform: scaleX(0.93);
  transform: scaleX(0.93);
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.93, M12=0, M21=0, M22=1, SizingMethod='auto expand')";
}
.blur {
	-webkit-filter: blur(1px);  
	-moz-filter: blur(1px);  
	-o-filter: blur(1px);  
	-ms-filter: blur(1px);  
	filter: blur(1px);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><defs><filter id=\'blur\'><feGaussianBlur in=\'SourceGraphic\' stdDeviation=\'1\' /></filter></defs></svg>#blur");
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='1');
}
.blur2 {
	-webkit-filter: blur(2px);  
	-moz-filter: blur(2px);  
	-o-filter: blur(2px);  
	-ms-filter: blur(2px);  
	filter: blur(2px);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><defs><filter id=\'blur\'><feGaussianBlur in=\'SourceGraphic\' stdDeviation=\'2\' /></filter></defs></svg>#blur");
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='2');
}
.shadow1 {
	-webkit-filter: blur(1px);  
	-moz-filter: blur(1px);  
	-o-filter: blur(1px);  
	-ms-filter: blur(1px);  
	filter: blur(1px);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><defs><filter id=\'blur\'><feGaussianBlur in=\'SourceGraphic\' stdDeviation=\'1\' /></filter></defs></svg>#blur");
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='1');
	text-shadow: 0 0 1px #000000 !important;
}


/*ISHI NAME--------------------------------------------------------------------------------------------------------------------*/
.ishi_col {
	opacity:0.4;
	font-size:93.75% !important;
	padding:0.4em 0 0 0;
	display:none;
}
#phoenixtears_col {
	color: #EB0000;
}
.phoenixtears_col {
	text-shadow: 0 0 5px #EB0000;
	-moz-animation: tmtm 3.3s ease-in 0s infinite alternate;
	-webkit-animation: tmtm 3.3s ease-in 0s infinite alternate;
	-o-animation: tmtm 3.3s ease-in 0s infinite alternate;
	-ms-animation: tmtm 3.3s ease-in 0s infinite alternate;
	animation: tmtm 3.3s ease-in 0s infinite alternate;
}
#twin_col {
	color: #EBEB00;
}
.twin_col {
	text-shadow: 0 0 5px #EBEB00;
	-moz-animation: tmtm 3.4s ease-in -1s infinite alternate;
	-webkit-animation: tmtm 3.4s ease-in -1s infinite alternate;
	-o-animation: tmtm 3.4s ease-in -1s infinite alternate;
	-ms-animation: tmtm 3.4s ease-in -1s infinite alternate;
	animation: tmtm 3.4s ease-in -1s infinite alternate;
}
#nagisakosameishi_col {
	color: #66B8CC;
}
.nagisakosameishi_col {
	text-shadow: 0 0 5px #66B8CC;
	-moz-animation: tmtm 3s ease-in -0.8s infinite alternate;
	-webkit-animation: tmtm 3s ease-in -0.8s infinite alternate;
	-o-animation: tmtm 3s ease-in -0.8s infinite alternate;
	-ms-animation: tmtm 3s ease-in -0.8s infinite alternate;
	animation: tmtm 3s ease-in -0.8s infinite alternate;
}
#no4715823_col {
	color: #FF8100;
}
.no4715823_col {
	opacity: 0.65 !important;
	text-shadow: 0 0 5px #FF8100;
	-moz-animation: tmtm 3.1s ease-in -2.1s infinite alternate;
	-webkit-animation: tmtm 3.1s ease-in -2.1s infinite alternate;
	-o-animation: tmtm 3.1s ease-in -2.1s infinite alternate;
	-ms-animation: tmtm 3.1s ease-in -2.1s infinite alternate;
	animation: tmtm 3.1s ease-in -2.1s infinite alternate;
}
#alara-three_col {
	color: #7BCC00;
}
.alara-three_col {
	text-shadow: 0 0 5px #7BCC00;
	-moz-animation: tmtm 3.45s ease-in -1.1s infinite alternate;
	-webkit-animation: tmtm 3.45s ease-in -1.1s infinite alternate;
	-o-animation: tmtm 3.45s ease-in -1.1s infinite alternate;
	-ms-animation: tmtm 3.45s ease-in -1.1s infinite alternate;
	animation: tmtm 3.45s ease-in -1.1s infinite alternate;
}
#lilyofthevalley_col {
	color: #F249E4;
}
.lilyofthevalley_col {
	text-shadow: 0 0 5px #F249E4;
	-moz-animation: tmtm 3.2s ease-in -2.7s infinite alternate;
	-webkit-animation: tmtm 3.2s ease-in -2.7s infinite alternate;
	-o-animation: tmtm 3.2s ease-in -2.7s infinite alternate;
	-ms-animation: tmtm 3.2s ease-in -2.7s infinite alternate;
	animation: tmtm 3.2s ease-in -2.7s infinite alternate;
}


/*TABLE--------------------------------------------------------------------------------------------------------------------*/
table{
	width:100%;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
}
.maintable th{
	width:3%;
	line-height:1.5;
	white-space:nowrap;
}
.maintable td{
	width:16.1667% !important;
}
.maintable th, .maintable td{
	text-align:center;
	font-size:81.25%;
	vertical-align: middle;
}
.maintable p {
	font-size:100%;
	line-height:1.2;
	padding:0 0 0.55em 0;
}
.maintable p strong {
	font-size:120%;
}
.maintable p span{
	font-size:84.6%;
}

#ishi_name_set {
	position: relative;
	margin:0 0 30px 0;
}
#ishi_name td {
	border-left:20px solid #FCFCFC;
	border-left:20px solid transparent;
	vertical-align:top;
	padding: 0;
	position: relative;
}
.ishi_name_wrapper {
	background: url(../images/ishi.png) no-repeat center center;
	background-size: 100% 100%;
	color:#FFF;
	width:100%;
	text-align:center;
	z-index:100;
}
.ishi_name_inner{
	padding:20px 0 55px 0;
}


#ishi_name th, #ishi_name td {
	height:auto !important;
	/*padding:0 0 50px 0 !important;*/
	padding:0 0 10px 0 !important;
	vertical-align: middle;
}
#ishi_name th {
	color:#FCFCFC;
	color: transparent;
}
#ishi_name h2 {
	font-size: 125%;
	line-height:1.4;
	margin:0 0 0.2em 0;
}
#ishi_name span {
	font-size: 87.5%;
	line-height:1.4;
	width:100%;
	display: block;
}


#timeline .v_line th, #timeline .v_line td {
	height: 41px !important;
	vertical-align: middle;
	padding:0;
}
#timeline .v_line td {
	background: url(../images/dot_bk.png) repeat-y center top;
}
#timeline th, #ishi_name th {
	white-space:nowrap;
	padding:41px 0;
	font-weight:normal;
}
#timeline td {
	border-left:20px solid #FCFCFC;
	border-left:20px solid transparent;
	text-align: center;
	vertical-align:top;
	padding:0;
}
#timeline th {
	padding:70px 0;
}
.off { color: #999; }
#timeline .v_line.off td {
	background: url(../images/dot_k15.png) repeat-y center top;
}
td.past {
	background: url(../images/dot_bk.png) repeat-y center top;
	padding:0 0 100px 0 !important;
}
.maintable #ishi_color th, .maintable  #ishi_color td{
	padding:5px;
	height:auto !important;
}

.eg_change {
	margin:0;
	width:100%;
	height:30px;	
	background: url(../images/dot_dot_bk.png) repeat-y center top;
}
.person{
	background: #FCFCFC;
	padding:20px 0 14px;
}


/*ANIMATION--------------------------------------------------------------------------------------------------------------------*/
@-moz-keyframes f_in {
	0% { opacity:0; }
	100% { opacity:1; }
}
@-webkit-keyframes f_in {
	0% { opacity:0; }
	100% { opacity:1; }
}
@-o-keyframes f_in {
	0% { opacity:0; }
	100% { opacity:1; }
}
@-ms-keyframes f_in {
	0% { opacity:0; }
	100% { opacity:1; }
}
@keyframes f_in {
	0% { opacity:0; }
	100% { opacity:1; }
}

@-moz-keyframes kodo {
	0% { opacity:0.1; }
	100% { opacity:1; }
}
@-webkit-keyframes kodo {
	0% { opacity:0.1; }
	100% { opacity:1; }
}
@-o-keyframes kodo {
	0% { opacity:0.1; }
	100% { opacity:1; }
}
@-ms-keyframes kodo {
	0% { opacity:0.1; }
	100% { opacity:1; }
}
@keyframes kodo {
	0% { opacity:0.1; }
	100% { opacity:1; }
}

@-moz-keyframes tmtm {
	0% { opacity:0.1; }
	100% { opacity:0.85; }
}
@-webkit-keyframes tmtm {
	0% { opacity:0.1; }
	100% { opacity:0.85; }
}
@-o-keyframes tmtm {
	0% { opacity:0.1; }
	100% { opacity:0.85; }
}
@-ms-keyframes tmtm {
	0% { opacity:0.1; }
	100% { opacity:0.85; }
}
@keyframes tmtm {
	0% { opacity:0.1; }
	100% { opacity:0.85; }
}


/*MAP
--------------------------------------------------------------------------------------------------------------------*/
#ishimochi_map{
	 width:100%;
	 height:640px;
	 background: #eeeeee;
	 background:url(../images/pre_map.gif) no-repeat center center;
	 background-size: cover;
}
.gm-style-iw {
	line-height:1.6;
	font-size:11px !important;
	white-space:nowrap;
}
.gm-style-iw strong{
	line-height:1.5;
	font-size:12px !important;
}

/*iPhone,iPad,android. touch scroll tips */
#ishimochi_map_cover{
	width:100%;
	height:640px;
	position:absolute;
	top:-1px;
	z-index:200;
	background:transparent;
	border-top:1px dotted #dddddd;
	border-bottom:1px dotted #dddddd;
	/*box-shadow:0px 0px 100px rgba(255,255,255,1) inset;*/
}