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

body{
	margin:0;
	padding:0;
	height:auto;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
img{
	width:100%;
	height:auto;
}
a{
	outline:none;
	text-decoration:none;
}


/*==========pc-style==========*/
@media screen and (min-width: 751px) {
	/*==========共通==========*/
	
	header{
		position:absolute;
		width:245px;
		top:35px;
		left:2.4%;
		display:block;
		z-index:999;
	}
	header h1{
		width: 422px;
		margin-left: -30px;
	}
	header .season_link{
		opacity: 1;
		transition: ease 0.5s; 
		margin-top: 20px;
	}
	header .season_link:hover{
		opacity: 0.7;
		transition: ease 0.5s;
	}
	header nav ul li{
		display:inline-block;
		margin-top:6px;
	}
	header nav ul .lst_news{
		margin-top: 25px;
	}
	header nav ul li img{
		width:215px;
	}
	header nav ul li:nth-child(1){
		margin:0px 0 10px 0 !important;
	}
	header nav ul li.movie_link{
		margin-top:30px !important;
	}
	header nav ul li.movie_link:hover{
		opacity:0.6;
		transition:0.6s;
	}
	header nav ul li.sns img{
		margin:6px 8px 0 0;
		width:50px;
	}
	header nav ul li.sns img:hover{
		opacity:0.6;
		transition:ease 0.6s;
	}
	footer{
		width:100%;
		height:300px;
		margin:0px 0 0 0;
		position:absolute;
		background:#800000;
	}
	footer a:hover{
		opacity:0.6;
		transition: ease 0.6s;
	}
	.f_wrap h3{
		width:247px;
		text-align:center;
		margin:auto;
		margin-top:30px;
	}
	.f_wrap ul{
		width:1180px;
		margin:auto;
		margin-top:30px;
	}
	footer div.copy{
		width:420px;
		margin:auto;
		padding-top:40px;
		text-align:center;
	}
	footer ul li{
		display:inline-block;
		vertical-align:middle;
		margin-right:8px;
	}
	.sp_style{
		display:none;
	}
}

@media screen and (max-width:750px) {
	/*==========共通==========*/
	.wrap{
	}
	header{
		position:fixed;
		width:750px;
		height:106px;
		top:0;
		background:#800000;
		z-index:999;
	}
	header .hd li{
		list-style:none;
		display:inline-block;
		vertical-align: top;
	}
	header li.logo{
		position:relative;
		width:430px;
		margin:4px 28px 0 10px;
		z-index:99999;
	}
	header li.contemts_info{
		width:250px;
		margin-top:9px;
	}
	
	header nav {
		overflow:auto;
		position: fixed;
		top: 0px;
		right: -100%;
		width: 100%;
		max-width:750px;
		height: 100%;
		background: #fff;
		opacity: 0;
		z-index:9999;
	}
	header.navOpen nav {
		opacity: 0.9;
		right: 0;
	}
	header nav ul {
		border-top:1px solid #ccc;
		padding-top:100px;
	}
	header nav ul li {
		width:426px;
		margin:auto;
	}
	header nav ul li img {
		position:relative;
		display:block;
		padding-top:22px;
		color:#999;
		text-decoration:none;
	}
	header nav ul li a:hover {
	}
	header nav ul li a:before {
		position: absolute;
		top: 50%;
		right: 1.5em;
		display: inline-block;
		content: "";
		width: 7px;
		height: 7px;
		margin-top: -4px;
		margin-right: -4px;
		vertical-align: middle;
	}
	header.navOpen .navBtn span:nth-of-type(1) {
    -webkit-transform: translateY(24px) translateX(0) rotate(45deg);
    -ms-transform: translateY(24px) translateX(0) rotate(45deg);
    transform: translateY(24px) translateX(0) rotate(45deg);
	}
	header.navOpen .navBtn span:nth-of-type(2) {
		margin-top: 5px;
		opacity: 0;
		-webkit-transform: translateY(9px);
		-ms-transform: translateY(9px);
		transform: translateY(9px);
	}
	header.navOpen .navBtn span:nth-of-type(3) {
		-webkit-transform: translateY(-19px) translateX(0) rotate(-45deg);
		-ms-transform: translateY(-19px) translateX(0) rotate(-45deg);
		transform: translateY(-19px) translateX(0) rotate(-45deg);
	}
	header .navBtn {
		display: block;
		width: 93px;
		position: absolute;
		top:21px;
		right: 20px;
		cursor: pointer;
	}
	header .navBtn span {
		display: block;
		height: 13px;
		width: 100%;
		background: #fff;
		border-radius: 5px;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}
	header .navBtn span:nth-of-type(2),
	header .navBtn span:nth-of-type(3) {
		margin-top: 13px;
	}
	footer{
		width:750px;
		height:auto;
		margin-top:80px;
		padding-bottom:50px;
		background:#800000;
	}
	footer .sns_wrap{
		width:750px;
	}
	footer .sns_wrap ul{
		width:330px;
		margin:auto;
	}
	footer .sns_wrap ul li{
		display:inline-block;
		margin:0;
	}
	footer .sns_wrap ul li:nth-child(1){
		margin:40px 0 24px 0;
	}
	footer .sns_wrap ul li:nth-child(2){
		margin-right:60px;
	}
	footer h3{
		width:247px;
		margin:auto;
		padding-top:50px;
	}
	footer ul{
		width:700px;
		margin:auto;
		margin-top:0px;
		text-align:center;
	}
	footer ul li{
		display:inline-block;
		vertical-align:middle;
		margin:20px 0 0 20px;
	}
	footer .copy{
		width:630px;
		margin:auto;
		margin-top:50px;
	}
	.pc_style{
		display:none;
	}
}

.clear{
	clear:both;
}