body {
	background:#ffffff;
	margin:0px;
	padding:0px;
	color:#000000;
	font-size:0;
	width: 100%;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}
.mincho {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
div,ul,p,ul,li,dl,dt,dd,h1,h2,img {
	margin:0px;
	padding:0px;
}
li {
	list-style-type: none;
	list-style-position: outside;
}
.rollanime {
	transition: .5s;
}
.rollanime:hover {
	opacity: .5;
}
.fix-width{
	width:100%;
}
header {
	position:relative;
	width:100%;
	margin-bottom:30px;
}
header #top-head {
	position:relative;
	height:110px;
}
header #top-head .head-left{
	position:absolute;
	top:40px;
	left:40px;
}
header #top-head .head-right{
	position:absolute;
	top:40px;
	right:40px;
}

header #top-title{
	position:relative;
	color:#ffffff;
	height:84px;
	background:#004179;
}
header #top-title h1{
	font-size:36px;
	line-height: 100%;
	padding:24px 0 0 40px;
	letter-spacing:0.05em;
}

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

header #top-head {
	height:60px;
}
header #top-head .head-left{
	top:15px;
	left:10px;
}
header #top-head .head-right{
	top:15px;
	right:10px;
}
header #top-head .head-left{
	max-width:25%;
	width:100px;
}
header #top-head .head-right{
	max-width:40%;
	width:150px;
}

}

@media screen and (max-width:350px) {
header #top-head {height:60px;}
}
@media screen and (max-width:280px) {
header #top-head {height:50px;}
}
@media screen and (max-width:480px) {
header #top-title h1{
	font-size:24px;
	padding:15px 0 15px 15px;
}
header #top-title{
	height:auto;
}

}

main {
	font-size:15px;
	letter-spacing:0.1em;
	line-height: 1.4;
	width:100%;
	max-width:1200px;
	text-align:center;
	margin: 0 auto;
}

#story-list .story{
	position:relative;
	width:466px;
	display:inline-block;
	margin:15px;
	text-align:left;
}
#story-list .story h2{
	margin-bottom:10px;
}
#story-list .story .desc{
	min-height:90px;
}
@media screen and (max-width:990px) {
#story-list .story .desc{
	min-height:10px;
	margin-bottom:10px;
}

}

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

main {
	font-size:14px;
}

#story-list .story{
	width:100%;
	margin:0 0 30px 0;
	padding:0 20px 0 20px;
	box-sizing: border-box;
	text-align:center;
}
#story-list .story h2{
	margin-bottom:10px;
}
#story-list .story .desc{
	text-align:left;
}
#story-list .story img{
	max-width:100%;
}
#story-list .story .pc-ret{
	display:none;
}

}
#all-movie {
	margin-top:20px;
	width:100%;
}
#all-movie div{
	background:#004179;
	color:#ffffff;
	height:80px;
	max-width:970px;
	width:100%;
	position:relative;
	margin:0 auto;
}
#all-movie div a{
	padding:30px;
	box-sizing:border-box;
	position:relative;
  top:0;
  left:0;
	color:#ffffff;
	text-decoration:none;
	width:100%;
	height:100%;
	display:block;
}
@media screen and (max-width:1000px) {
#all-movie div{
	margin:0 auto 40px auto;
	pading:20px;
	box-sizing:border-box;
	width:80%;
	height:auto;
}
}
#web-link {
	margin-top:40px;
	text-align:center;
}
#web-link .text{
	font-size:24px;
	line-height:100%;
	font-weight:bold;
	margin-bottom:4px;
}
#web-link .text .sp-ret {
	display:none;
}


@media screen and (max-width:640px) {
#web-link {
	margin-top:0px;
}
}

@media screen and (max-width:640px) {
#web-link .text{
	font-size:18px;
	line-height:120%;
	margin-bottom:0px;
}
#web-link .text .sp-ret {
	display:block;
}

}


#web-link .bnrs{
	position:relative;
	text-align:center;
	font-size:0;
	line-height:0;
}
#web-link .bnrs p{
	display:inline-block;
	margin:10px 10px;
}
#web-link .bnrs .bnr-right{
	border: solid 1px #003366;
}

@media screen and (max-width:520px) {
#web-link .bnrs{
	margin:0 40px;
}
}

footer {
	margin-top:40px;
	min-height:54px;
	position:relative;
	color:#ffffff;
	background:#004179;
	font-size:14px;
	line-height:100%;
	text-align:right;
}
footer p{
	padding:20px 60px 0 0;
}
@media screen and (max-width:520px) {
footer p{
	padding:20px 10px 20px 0;
	font-size:11px;
}
}

#playmovie{
	position:fixed;
	left:0px;
	top:0px;
	display:none;
	width:100%;
	height:100%;
}
#playmovie .bgcover{
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	background:#000000;
	width:100%;
	height:100%;
	opacity: .7;
}
#playmovie .youtubeplay{
  position: absolute;
	left:0;
	top:0;
}

#playmovie .closebtn{
	position:absolute;
	right:20px;
	top:20px;
}