@charset "utf-8";
/* CSS Document */

/*==========pc-style==========*/
@media screen and (min-width: 1600px) {
	/*==========index==========*/
	body{
		width:100%;
		min-width:1180px;
		margin-top: -20px;
		height:auto;
		background:url(../images/mainvisual_bg.jpg) repeat;
		background-attachment:fixed;
		background-size: cover;
		background-position: center;
	}
	.wrap{
		background:url(../images/mainvisual02.png) no-repeat;
		background-size:contain;
		background-attachment:fixed;
	}
	.main_contents{
		padding-bottom:50px;
		margin-left: 50px;
	}
	#contents{
		position: relative;
	}
	.main_img{
		position: absolute;
		width: 100%;
		width: 1080px !important;
		height: 510px;
		left: 18%;
		top:330px;
		background: url(../images/chara02_img.png) no-repeat;
		background-size: cover;
	}
	.box_wrap{
		position:relative;
		margin:250px 0 0 21%;
		z-index:99;
	}
}

@media screen and (min-width: 751px) and (max-width: 1600px) {
	body{
		width:100%;
		min-width:1180px;
		margin-top: -20px;
		height:auto;
		background:url(../images/mainvisual_bg.jpg) repeat;
		background-attachment:fixed;
	}
	.wrap{
		background:url(../images/mainvisual.png) no-repeat;
		background-size:auto;
		background-attachment:fixed;
	}
	.main_contents{
		padding-bottom:50px;
	}
	.main_img{
		position: relative;
		position: absolute;
		width: 100%;
		min-width: 1080px;
		left: 22%;
		top:360px;
		height: auto;
		background: url(../images/chara02_img.png) no-repeat;
		background-size: contain;
	}
	.main_contents .chara{
		position:absolute;
		top:330px;
		left:23%;
		z-index:0;
	}
	.main_img{
		width: 1180px;
		height: 501px;
	}
	.main_contents .chara img{
		width:1168px;
		max-width:99.8%;
	}
	.box_wrap{
		position:relative;
		margin:230px 0 0 21%;
		z-index:99;
	}
	
	
}
@media screen and (min-width: 751px) {
	.main_img{
		position: relative;
	}
	.main_img{
		width: 1180px;
		height: 501px;
	}
	.news_wrap{
		width:430px;
		max-width:45%;
		height:324px;
		float:left;
		margin-right:40px;
		border: solid 3px #e5004f;
		background:#fff;
	}
	.news_wrap h2{
		margin:0;
		height:43px;
		background:#e5004f;
	}
	.news_lst{
		width:430px;
		max-width:100%;
		height:280px;
		overflow-y:scroll;
	}
	.news_wrap article{
		width:400px;
		max-width:90%;
		border-bottom: dotted 2px #e5004f;
		margin:16px 0 0 20px;
		padding-bottom:15px;
	}
	.news_wrap article:hover{
		opacity:0.6;
		transition:ease 0.6s;
	}
	.news_wrap article p.date{
		font-size:18px;
		color:#e5004f;
	}
	.news_wrap article p.news_text{
		width:410px;
		max-width:100%;
		font-size:18px;
		margin-top:2px;
		color:#000;
	}
	.tweet_wrap{
		width:430px;
		max-width:45%;
		height:324px;
		float:left;
		border:solid 3px #e5004f;
		background:#fff;
	}
	.tweet_contents{
		width:430px;
		height:280px;
		overflow-y:scroll;
	}
	.tweet_wrap h2{
		margin:0;
		height:43px;
		background:#e5004f;
	}
	
	.sp_style{
		display:none
	}
	
}

@media screen and (max-width:750px) {
	/*==========index==========*/
	body{
		width:750px;
		height:auto;
		background:url(../images/sp/s_top_bg.jpg) center/cover no-repeat fixed #800000;
	}
	.main_contents{
		width:750px;
		position:relative;
	}
	.main_img .chara{
		margin:0px 0 0 0px;
		padding-top:50px;
	}
	.main_img{
		position: relative;
	}
	.ticket{
		position: absolute;
		top:540px;
		left: 20px;
	}
	.box_wrap{
		position:relative;
		width:710px;
		margin:auto;
		margin-top:-270px;
		z-index:99;
	}
	.news_wrap{
		width:710px;
		height:324px;
		padding-bottom:4px;
		border: solid 3px #e5004f;
		background:#fff;
	}
	.news_wrap h2{
		margin:0;
		height:43px;
		background:#e5004f;
	}
	.news_lst{
		width:710px;
		height:280px;
		overflow-y:scroll;
	}
	.news_wrap article{
		width:650px;
		border-bottom: dotted 2px #e5004f;
		margin:14px 0 0 20px;
		padding-bottom:15px;
	}
	.news_wrap article p.date{
		font-size:24px;
		color:#e5004f;
	}
	.news_wrap article p.news_text{
		width:650px;
		font-size:24px;
		margin-top:0px;
		color:#000;
	}
	.tweet_wrap{
		width:710px;
		height:540px;
		margin-top:30px;
		border:solid 3px #e5004f;
		background:#fff;
		touchmove:scroll;
	}
	.tweet_wrap h2{
		margin:0;
		height:43px;
		background:#e5004f;
	}
	.tweet_contents{
		width:710px;
		height:490px;
		overflow-y:auto;
		-webkit-overflow-scrolling:touch;
	}
	.youtube{
		width:710px;
		height:399px;
		margin-top:30px;
	}
	
	.pc_style{
		display:none;
	}
}