/*!
 * index.css
 * modified : 2015.04.30
 */

/*--------------------------------------------------
  .hover
--------------------------------------------------*/
a,a img {
  transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
}
a:hover,
a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
}


.s5-container .contents,
.s5-container .mainvisual {
  font-family: YuGothic,"Yu Gothic","\6E38\30B4\30B7\30C3\30AF",
    /*"\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33",
    "Hiragino Kaku Gothic Pro",*/
    "\30E1\30A4\30EA\30AA",Meiryo,
    "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",
    sans-serif;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}

/*--------------------------------------------------
  .limitter
--------------------------------------------------*/
.s5-container .limitter {
	width:auto;
	/*max-width:950px;*/
	margin:0 auto;	
}
/*--------------------------------------------------
  .mainvisual
--------------------------------------------------*/
.s5-container .mainvisual {
	width:auto;
	text-align:center;
	position: relative;
	background: #000;
	padding:0 3.5%;
	margin-top:15px;
	
}
.s5-container .mainvisual p{
	margin: 0 auto;
	color:#f00;
	font-size:108%;
	font-weight:bold;
	padding-top:30px;
}
.s5-container .mainvisual h2{
	width:auto;
	margin: 0 auto;
	max-width:617px;
	
}
.s5-container .mainvisual h2 img {
	width:100%;	
	margin-top:55px;
	
}

.s5-container .mainvisual img.mv {
  	width:100%;
	max-width:617px;
	height: auto;
	max-height:467px;
}

@media(max-width:640px) {
	.s5-container .mainvisual {
		margin-top:20px;	
	}
	.s5-container .mainvisual p{
		text-align:left;
	}
}

@media(max-width:360px) {
	.s5-container .mainvisual h2 img {
		margin-top:20px;
	}
}



/*--------------------------------------------------
  .contents
--------------------------------------------------*/
.s5-container .contents {
	width:auto;
	text-align:center;
	position: relative;
	background:#000;	
}

/*--------------------------------------------------
  .intro
--------------------------------------------------*/

.s5-container .intro {
	padding:0 3.5%;
}
.s5-container .intro ul {
	padding-bottom:30px;
	margin-top: 0px;
	-webkit-padding-start:0px;
}

.s5-container .intro ul li {
	display:inline;
	margin-right:3.5%;
}
.s5-container .intro ul li.last {
	margin-right:0px;
}

.s5-container .intro h3 {
	color:#fff;
	margin:0;
	font-weight: bold;
	font-size: 180%;
}
.s5-container .intro p.first {
	color:#fff;
	margin:10px 0 30px 0;
}
.s5-container .intro p {
	color:#fff;
	margin:30px 0;
	font-size: 130%;
}


@media(max-width:880px) {
	.s5-container .intro ul {
		width:auto;
	}
	.s5-container .intro li {
		width:auto;
	}
	.s5-container .intro li img {
		width:29.7%;
	}
}

@media(max-width:640px) {
	.s5-container .intro h3 {
		text-align:left;
	}
	.s5-container .intro p {
		text-align:left;
	}
}

@media(max-width:375px) {
	.s5-container .intro h3 {
		font-size: 142%;
	}
}

/*--------------------------------------------------
  .detail
--------------------------------------------------*/
.detail {
	padding-bottom:2.5em;
}
.detail .inner {
	padding: 15px 3.5% 3.5% 3.5%;
	margin:0 auto 35px auto;
	background: #222;
	color: #fff;
	text-align: left;
	max-width: 688px;
}
.detail .inner table tr td p,
.detail .inner table tr th p {
	margin-bottom: 15px;
	line-height: 1.8;
}
.detail .inner table tr td p.note {
	font-size: 0.9em;
}
.detail .inner table tr td p a {
	text-decoration:underline;
}
.detail .inner table tr td p a:hover {
	color:#fff;
}
.detail .inner table tr th {
	width:55px !important;
	display:inline-block;
}

@media(max-width:798px) {
	.detail {
		padding-bottom:0em;
	}
}

@media(max-width:375px) {
	.detail .inner table tr td p br {
		display:block !important;
	}
}

/*--------------------------------------------------
  .map-canvas-wrapper
--------------------------------------------------*/
.map-canvas-wrapper {
	max-width:100%;
	padding-bottom:50%;
	position:relative;
	top:0;
	left:0;
	height:0;
	overflow:hidden;
	margin-top:.5em;
}
#map-canvas {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

@media(max-width:375px) {
	.map-canvas-wrapper {
		padding-bottom:100%;
	}
}
/*--------------------------------------------------
  .bnr
--------------------------------------------------*/
.bnr {
	padding:0 3.5%;
	padding-bottom:65px;
	width:auto;
}
@media(max-width:890px) {
	.bnr img {
		width:100%;	
	}
}
@media(max-width:798px) {
	.bnr {
		padding-bottom:30px;
	}
}