/* CSS Document */

#tPath{
	display:none;
	}

#main{
	padding-top:0;
	}

#mainImg{
	position:relative;
	overflow:hidden;
	z-index: 0;
	}
	#mainImg:before,
	#mainImg:after{
		content:"";
		position:absolute;
		top:91.5%;
		display:block;
		width:100%;
		height:30%;
		z-index:10;
		}
	#mainImg:before{
		left:0;
		background:#0d3482;
		-webkit-transform: skew(0,3deg);
		-moz-transform: skew(0,3deg);
		-ms-transform: skew(0,3deg);
		}
	#mainImg:after{
		right:0;
		background:#fad700;
		-webkit-transform: skew(0,-3deg);
		-moz-transform: skew(0,-3deg);
		-ms-transform: skew(0,-3deg);
		}
	#mainImg i{
		position:absolute;
		top:14%;
		left:15%;
		width:70%;
		/*max-width:1000px;*/
		height:65%;
		text-align:center;
		z-index:10;
		background:url(../images/mainText.png) center center no-repeat;
		background-size: contain;
		}
		#mainImg i img{
			display:none;
			width:600px;
			margin:auto;
			margin-top:-196px;
			}
	#mainImg .wrap{
		position:relative;
		margin-top:0px;
		z-index:50;
		}
	#mainImg .control{
		float:right;
		margin-top:-45px;
		}
		#mainImg .control a{
			float:left;
			color:#0d3483;
			font-size:24px;
			}
			#mainImg .control a+a{
				margin-left:5px;
				}
			#mainImg .control a:hover{
				opacity:.7;
				text-decoration:none;
				}
		#mainImg .control i{
			}


#vegas{
	max-width:100% ;
	height:500px;
	text-align:left;
	position:relative;
	}

#mainImgCaption{
	position: absolute;
	bottom: 3em;
	left: 50%;
	transform: translateX(-50%);
	padding: 0.5em;
	text-align: center;
/*	background: rgba(255,255,255,0.7); */
	color: #333;
	}

#emergency{}
	#emergency>div{
		padding: 1em;
		border: #FF0004 2px solid;
		background: #FFEFEF;
		border-radius: 6px;
		margin-top: 2em;
		color: #FF0004;
		}
	#emergency h2{
		font-size: 2.0rem;
		font-weight: bold;
		text-align: center;
		color: #FF0004;
		}
	#emergency ul{
		margin-top: 1em;
		}
	#emergency li+li{
		margin-top: 0.5em;
		}
	#emergency span{
		margin-right: 1em;
		}
	#emergency a{
		text-decoration: underline;
		color: #FF0004;
		}
	#emergency a:hover{
		text-decoration: none;
		}

#spBnr{
	padding: 0 0 80px;
	}
	#spBnr ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		}
	#spBnr li{
		max-width: 300px;
		margin-right: 1em;
		}
		#spBnr li:nth-of-type(3n){
			margin-right: 0;
			}
		#spBnr li:nth-of-type(n+4){
			margin-top: 1em;
			}
		#spBnr li.sp{
			display: none;
			}

#topics{}
	#topics>div{
		margin-top: 2em;
		color: #969696;
		}
		#topics>div>*{
			padding-top: 20px;
			padding-bottom: 20px;
			}
	#topics h2{
		color: #969696;
		font-size: 285%;
		font-size: 4.0rem;
		text-align: center;
		}
	#topics li{
		display: flex;
		position: relative;
		padding: 1em 0 1em 5em;
		border-bottom: 1px solid #ccc;
		line-height: 1.4em;
		}
		#topics li:before{
			content: "お知らせ";
			position: absolute;
			top: 1em;
			left: 0;
			width: 5em;
			background: #5486b5;
			padding: 0.25em;
			font-size: 0.8em;
			text-align: center;
			color: #fff;
			}
		#topics li.emergency:before {
			content: "重要";
			background: #ce5f6c;
			}
	#topics span{
		display: inline-block;
		width: 6em;
		margin-right: 1em;
		font-size: 0.8em;
		color: #666;
		}

#contents{
	padding:80px 0;
	}
/*	#contents h2{
		margin-bottom:50px;
		color:#969696;
		font-size:285%;
		font-size:4.0rem;
		text-align:center;
		} */
	#contents h2{
		font-size: 4.0rem;
		background: #fff;
		font-weight: bold;
		margin-bottom: 1em;
		text-align: center;
		line-height: 1.4em;
		}
		#contents h2>div{
			color:#333;
			}
	#contents section{
		position:relative;
		float:left;
		width:48%;
		background:#0d3483;
		overflow:hidden;
		}
		#contents section:hover .thumbBox{
			background-size:120% auto;
			opacity:.5;
			}
		#contents section:nth-of-type(odd){
			clear:both;
			margin-right:4%;
			}
		#contents section:nth-of-type(n+3){
			margin-top:4%;
			}
	#contents a{
		position:absolute;
		display:block;
		width:100%;
		height:100%;
		box-sizing:border-box;
		z-index:1;
		}
		#contents a:hover{
			text-decoration:none;
			}
	#contents h3{
		position:absolute;
		top:50%;
		width:100%;
		margin-top:-25px;
		color:#fff;
		font-size:171%;
		font-size:2.4rem;
		text-align:center;
		line-height:1em;
		letter-spacing:0.5em;
		text-indent:-0.25em;
		text-shadow:0 0 3px rgba(0,0,0,1.00);
		}
	#contents span{
		display:block;
		padding-top:0.5em;
		font-size:50%;
		font-size:1.2rem;
		text-transform:uppercase;
		letter-spacing:0.1em;
		text-indent:-1.1em;
		}
	#contents .thumbBox{
		padding-top:66%;
		background-size:105% auto;
		transition-property:background-size,opacity;
		transition-duration:0.5s;
		transition-timing-function:ease-out;
		}

.svgTitle{}
	.svgTitle text{
		font-weight: bold;
		font-size: 4.0rem;
		font-family: Meiryo UI;
		stroke: #000000;
		fill: #ffffff;
		letter-spacing: 5px;
		text-anchor: middle;
		dominant-baseline: alphabetic;
		}
		.svgTitle>svg>use:nth-of-type(1) {
			stroke-width: 11px;
			paint-order: stroke;
			stroke-linejoin: round ;
			}
		.svgTitle>svg>use:nth-of-type(2) {
			stroke-width: 0;
			}

/* for TabletPC */
@media (min-width:769px) and (max-width:1029px) {
#mainImg{}
	#mainImg .control{
		float:right;
		margin-top:-40px;
		}
#spBnr{}
	#spBnr ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		}
	#spBnr li{
		margin-right: 1em;
		}
		#spBnr li:nth-of-type(3n){
			margin-right: 1em;
			}
		#spBnr li:nth-of-type(2n){
			margin-right: 0;
			}
		#spBnr li:nth-of-type(n+3){
			margin-top: 1em;
			}
}

/* for Smartphone */ 
@media (max-width: 768px) {

#mainImg{ }
	#mainImg:before,
	#mainImg:after{
		top:92.5%;
		}
	#mainImg:before{
		-webkit-transform: skew(0,4deg);
		-moz-transform: skew(0,4deg);
		}
	#mainImg:after{
		right:0;
		background:#fad700;
		-webkit-transform: skew(0,-4deg);
		-moz-transform: skew(0,-4deg);
		}
	#mainImg .control{
		margin-top:-35px;
		}

#vegas{
	height:400px;
	}

#emergency{}
	#emergency li+li{
		margin-top: 1em;
		padding-top: 1em;
		border-top: 1px solid #FF0004;
		}
	#emergency span{
		display: block;
		}
	
#spBnr{
	padding: 0 0 40px;
	}
	#spBnr ul{
		display: block;
		padding: 0 40px;
		}
	#spBnr li{
		width: 100%;
		max-width: 100%;
		}
		#spBnr li:nth-of-type(n+2){
			margin-top: 1em;
			}
		#spBnr li.sp{
			display: block;
			}

#topics{}
	#topics h2{
		font-size:2.8rem;
		}
	#topics li{
		display: block;
		padding: 3em 0 1em 0;
		}
	#topics span{
		display: block;
		}

#contents{
	padding:40px 0;
	}
	#contents h2{
		margin-bottom:30px;
		font-size:2.8rem;
		}
	#contents section{
		float:none;
		width:100%;
		}
		#contents section+section{
			margin-top:20px;
			}


}


/* for iPhone */
@media (max-width: 480px) {

#mainImg{ }
	#mainImg:before,
	#mainImg:after{
		top:95.5%;
		}
	#mainImg:before{
		-webkit-transform: skew(0,5deg);
		-moz-transform: skew(0,5deg);
		}
	#mainImg:after{
		right:0;
		background:#fad700;
		-webkit-transform: skew(0,-5deg);
		-moz-transform: skew(0,-5deg);
		}
	#mainImg .control{
		display:none;
		}

#mainImgCaption{
	bottom: 1em;
	width: 100%;
	font-size: 0.8em;
	}

#vegas{
	height:300px;
	}

}


@media (min-width: 1029px) {
/*1029px以上*/
}

/* ie */
@media all and (-ms-high-contrast:none){
}