/*!
 * 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);
}
/*--------------------------------------------------
  .mainvisual
--------------------------------------------------*/
.s5-container .mainvisual {
	width:auto;
	text-align:center;
	position: relative;
	background: #000;
	
}
.s5-container .mainvisual img {
  	width:100%;
}
.s5-container .mainvisual h2{
	z-index:10;
	position: relative;
	display:block;
	width:26.8%;
	margin: 0 auto;
	margin-top: -24%;
}
.s5-container .mainvisual h2 img {
	width:100%;	
}
@media(max-width:640px) {
	.s5-container .mainvisual h2{
		width:35%;
		margin-top: -20%;
	}
}
@media(max-width:375px) {
	.s5-container .mainvisual h2{
		width:45%;
	}
}
/*--------------------------------------------------
  .contents
--------------------------------------------------*/
.s5-container .contents {
	width:auto;
	text-align:center;
	position: relative;
	background:#000;	
}

/*--------------------------------------------------
  .intro
--------------------------------------------------*/
.s5-container .intro {
	padding:3em;
	
}
.s5-container .intro p {
	color:#fff;
	margin:0;
}
.s5-container .intro p.section {
	margin-top:1.7em;
}
.s5-container .intro p img {
	margin-top:0.8em;
}
.s5-container .intro p.sp {
	display:none;	
}
@media(max-width:640px) {
	.s5-container .intro {
		padding:0.5em 3em 3em 3em;
	}
	.s5-container .intro p img {
		display:none;	
	}
	.s5-container .intro p.sp {
		display: block;	
	}
}
@media(max-width:375px) {
	.s5-container .intro {
		padding:0.5em 2em 2em 2em;
		text-align:left;
	}
	.s5-container .intro p img {
		display:none;	
	}
	.s5-container .intro p br.ss {
		display:none;	
	}
	.s5-container .intro p.sp {
		display: block;	
	}
}

/*--------------------------------------------------
  .regist
--------------------------------------------------*/
.regist {
	padding-bottom:2.5em;
}

.regist h3 {
	margin: 1.3em 0 0.8em 0;
}
.regist .inner {
	padding: 15px 35px 25px 35px;
	margin:0 10.5% 25px 10.5%;
	height: 210px;
	overflow: auto;
	background: #222;
	color: #fff;
	text-align: left;
}
.regist .inner p {
	margin-bottom: 15px;
	line-height: 1.8;
}
.regist .inner ol {
	margin-left: -0.75em;
}
.regist .inner p.note {
	font-size: 0.9em;
}
.regist .inner h5 {
	font-size: 1em;
	margin-top: 2.5em;
	margin-bottom: 1em;
}
.regist .inner h5 span {
	text-indent: -0.5em;
	display: inline-block;
}
.regist .inner a {
	text-decoration:underline;
}
.regist .inner a:hover {
	color:#fff;
}
.regist .inner p.w-box {
	padding:20px;
	border:1px solid #aaa;
}
@media(max-width:640px) {
	.regist h3 img {
		width:78%;
	}
	.regist .inner {
		padding: 1px 15px;
		overflow: visible;
		height:auto;
	}
}
@media(max-width:375px) {
	.regist .inner {
		margin:0 20px 20px 20px;
	}
}


/*--------------------------------------------------
  .kickoff
--------------------------------------------------*/
.kickoff {
	padding-bottom:4.5em;
}
.kickoff .inner {
	padding: 65px 85px 75px 85px;
	margin:0 10.5% 25px 10.5%;
	background: #fff;
	color: #000;
	text-align: left;
}
.kickoff .inner h3 {
	margin: 1.3em 0 3em 0;
	text-align:center;
}
.kickoff .inner h3 img {
	width:100%;
	max-width:750px;
}
.kickoff .inner p {
	margin-bottom: 15px;
	line-height: 1.8;
}
.kickoff .inner ol {
	margin-left: -0.75em;
}
.kickoff .inner p.note {
	font-size: 0.9em;
	text-align:center;
}
.kickoff .inner h5 span {
	text-indent: -0.5em;
	display: inline-block;
}
.kickoff p.note2 {
	color:#fff;
	font-size: 0.9em;
}
@media(max-width:950px) {
	.kickoff .inner {
		padding: 15px 35px 25px 35px;
		margin:0 10.5% 25px 10.5%;
	}
	.kickoff .inner h3 {
		margin: 1.3em 0 1.3em 0;
	}
	.kickoff .inner p.note {
		text-align:left;
	}
}
@media(max-width:640px) {
	.kickoff h3 img {
		width:78%;
	}
	.kickoff .inner {
		padding: 1px 15px;
	}
}
@media(max-width:375px) {
	.kickoff .inner {
		margin:0 20px 20px 20px;
	}
}


/*--------------------------------------------------
  .s5-storeButton
--------------------------------------------------*/
.s5-storeButton {
	width:50%;
	margin:30px auto 0px auto;
	padding:2.5%;
}
.kickoff .inner .s5-storeButton {
	width:77.5%;
}
.s5-storeButton span {
	font-size: 0.9rem;
	display: block;
	font-weight: lighter;
}
.s5-storeButton::before{
	vertical-align:text-top;
}
.regist p.note2 {
	color:#fff;
	font-size: 0.9em;
}
@media(max-width:950px) {
	.kickoff .inner .s5-storeButton {
		width:100%;
	}
}
@media(max-width:640px) {
	.s5-storeButton {
		width:80%;
	}
}
@media(max-width:375px) {
	.s5-storeButton {
		width:auto;
	}
	.regist .s5-storeButton {
		margin:0 20px;
	}
	.regist p.note2 {
		margin:0 20px;
		text-align:left;
	}
	
}