@charset "UTF-8";


@media screen and (max-width: 960px) {

#top #toggle .inner,
#top .content .inner{
	padding:0 10px;
}

}


/* メイン画像
--------------------------------------------------*/


#top #topmain{
	height:600px;
	/*background:url(../images/bg01.jpg) top center no-repeat;*/
	background:center;
	padding-top:72px;
	box-sizing:border-box;
}

#top #topmain p.logo{
	width:160px;
	margin:0 auto 58px;
	height:164px;
}

#top #topmain p.logo img{
	width:160px;
	height:164px;
}

#top #topmain p.play{
	width:105px;
	margin:0 auto 10px;
	height:105px;
}

#top #topmain p.play img{
	width:105px;
	height:105px;
}

#top #topmain p.play a:hover{
	opacity:0.8;
}

#top #topmain p.storytitle{
	width:260px;
	margin:0 auto 50px;
	height:18px;
}

#top #topmain p.storytitle img{
	width:260px;
	height:18px;
}

#top #topmain section.news{
	height:130px;
	background:url(../images/top_arrow.png) center 90px no-repeat;
	background-size:280px;
}	

#top #topmain section.news h2{
	width:76px;
	margin:0 auto 10px;
	height:12px;
}

#top #topmain section.news h2 img{
	width:76px;
	height:12px;
}

#top #topmain section.news p.text{
	font-size:1.2rem;
	color:#fff;
	line-height:1.5;
	text-align:center;
}

#top #topmain section.news a{
	color:#ffffff;
}

@media screen and (max-width: 768px) {
	
#top #topmain{
	height:500px;
	background-size:auto 100%;
	padding-top:40px;
}

#top #topmain p.logo{
	width:140px;
	margin-bottom:40px;
	height:144px;
}

#top #topmain p.logo img{
	width:140px;
	height:144px;
}

#top #topmain p.play{
	width:90px;
	height:90px;
}

#top #topmain p.play img{
	width:90px;
	height:90px;
}

#top #topmain p.storytitle{
	margin-bottom:35px;
}

#top #topmain section.news{
}

#top #topmain section.news h2{
	margin-bottom:3px;
}
	
}

@media screen and (max-width: 480px) {
	
#top #topmain{
	height:400px;
	background-size:auto 100%;
	padding-top:20px;
}

#top #topmain p.logo{
	width:120px;
	margin-bottom:15px;
	height:123px;
}

#top #topmain p.logo img{
	width:120px;
	height:123px;
}

#top #topmain p.play{
	width:80px;
	height:80px;
}

#top #topmain p.play img{
	width:80px;
	height:80px;
}

#top #topmain p.storytitle{
	width:250px;
	margin-bottom:25px;
	height:17px;
}

#top #topmain p.storytitle img{
	width:250px;
	height:17px;
}

#top #topmain section.news{
	background:url(../images/top_arrow.png) center 75px no-repeat;
	background-size:280px;
}

#top #topmain section.news h2{
	margin-bottom:3px;
}
}


/* コンテンツ
--------------------------------------------------*/

#top .content  section p.link a{
	font-size:1.6rem;
	display:block;
	text-decoration:none;
	padding:7px 0;
	width:230px;
	margin:0 auto;
	text-align:center;
	background-color: rgba(255,255,255,0.1);  
}

#top #menu1  section p.link a{
	color:#000;
	border:solid 2px #000;
}

#top #menu2  section p.link a{
	color:#fff;
	border:solid 2px #fff;
}

#top #menu3  section p.link a{
	color:#000;
	border:solid 2px #000;
}

#top .content  section p.link a:hover{
	background-color: rgba(0,0,0,0.1);  
}

#top #menu1{
	background:#f2f2ef;
}

#top #menu2{
	color:#fff;
}

#top #menu3{
	background:#f2f2ef;
}

#top #menusp p{
	width:100%;
}

#top #menusp p:hover{
	opacity:0.8;
}

#top #menusp p img{
	width:100%;
}

@media screen and (min-width: 769px) {
	
#top .content {
	min-height:400px;
}

#top .content section h2{
	font-size:2.4rem;
	font-weight:normal;
	padding-top:100px;
	margin-bottom:1.5rem;
}

#top .content section p.text{
	font-size:1.6rem;
	line-height:2;
	margin-bottom:2.4rem;
}



#top #menu1{
	background:url(../images/top_content_bg01.jpg) center top no-repeat;
}

#top #menu1 section{
	padding-left:51%;
}

#top #menu2{
	background:url(../images/top_content_bg02.jpg) center top no-repeat;
	color:#fff;
}

#top #menu2 section{
	padding-right:51%;
}

#top #menu3{
	background:url(../images/top_content_bg03.jpg) center top no-repeat;
}

#top #menu3 section{
	padding-left:51%;
}

}

@media screen and (max-width: 768px) {
	
#top .content section{
	padding-bottom:20px;
}

#top .content section h2{
	font-size:2rem;
	font-weight:normal;
	padding:10px 0;
	text-align:center;
}

#top .content section p.text{
	font-size:1.4rem;
	line-height:1.5;
	margin-bottom:1.5rem;
}

#top .content {
	background-size: auto 120px !important;
	padding-top:120px;
}

#top #menu1{
	background:url(../images/top_content_bg_tb01.jpg) center top no-repeat #f2f2ef;
}

#top #menu2{
	background:url(../images/top_content_bg_tb02.jpg) center top no-repeat;
}

#top #menu3{
	background:url(../images/top_content_bg_tb03.jpg) center top no-repeat #f2f2ef;
}
	
}

@media screen and (max-width: 480px) {

#top .content section h2{
	font-size:1.8rem;
}

#top .content section p.text{
	font-size:1.2rem;
}

#top .content {
	background-size: auto 80px !important;
	padding-top:80px;
}

#top #menu1{
	background:url(../images/top_content_bg_sp01.jpg) center top no-repeat #f2f2ef;
}

#top #menu2{
	background:url(../images/top_content_bg_sp02.jpg) center top no-repeat;
}


	
}