@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:500,700&display=swap&subset=japanese');
::selection {
	background: #000;
	color: #fff;
}
::-moz-selection {
 background: #000;
 color:#fff;
}
* { outline: none; }
body {
	font-family: "游明朝体", "Yu Mincho", YuMincho, 'Noto Serif JP', serif;
	font-weight: 500;
	font-size: 14px;
	color: #000;
	background-color: #fff;
}
a { color: #FFF;text-decoration: none; }
.wrap {max-width: 1200px;min-width: 1200px;margin: 0 auto;}
.imgband {
	height: 270px;width: 100%;position: relative;
	background: url(../img/introduction@2x.jpg) no-repeat center;
	background-size: cover;
}
.imgband::before ,
.imgband::after {
	content:"";height: 270px;width: 100%;position: absolute;top:0;left: 0;
	background: url(../img/introduction02@2x.jpg) no-repeat center;background-size: cover;
	animation: fade-bg 9s linear infinite;opacity: 0;
}
.imgband::after {
	background: url(../img/introduction03@2x.jpg) no-repeat center;background-size: cover;
	animation: fade-bg2 9s linear infinite;opacity: 0;
}
@keyframes fade-bg {
	0% {opacity: 0;}
	10% {opacity: 0;}
	20% {opacity: 0;}
	30% {opacity: 1;}
	40% {opacity: 1;}
	50% {opacity: 1;}
	60% {opacity: 1;}
	70% {opacity: 0;}
	80% {opacity: 0;}
	90% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes fade-bg2 {
	0% {opacity: 0;}
	10% {opacity: 0;}
	20% {opacity: 0;}
	30% {opacity: 0;}
	40% {opacity: 0;}
	50% {opacity: 0;}
	60% {opacity: 1;}
	70% {opacity: 1;}
	80% {opacity: 1;}
	90% {opacity: 0;}
	100% {opacity: 0;}
}

.movie {
	position: relative;top: -35px;overflow: hidden;
	width: 734px;height: 734px;border: solid 12px #fff;border-radius: 50%;
	float: left;
}
main {min-width: 1200px;}

header nav {
	position: fixed;top: 40px;right: 40px;z-index: 10000;border-radius: 20px;
	background: #d6416e;width: 80px;height: 80px;pointer-events: none;
	transform: scale3d(1,1,1);transform-origin: right;
	transition: width .4s cubic-bezier(.63,.32,.35,.63);
}
header nav ul {overflow: hidden;opacity: 0;transition: opacity .4s cubic-bezier(.65,.32,.35,.65) .2s;}
header nav ul.main {height: 80px;margin: 0 0 0 30px;}
header nav ul.main li {
	margin: 33px 16px 0 0;
}
header nav ul.main li.officialTw {
	padding: 0 0 0 15px;margin: 33px 15px 0 0;
	border-left: dotted 1px #fff;
}
header nav ul.main li.officialIn {margin: 33px 15px 0 0;}
header nav ul.main li a {
	display: block;text-indent:-9897px;
	width: 44px;height: 13px;
	background: url(../img/title/menu01.svg) no-repeat center;
	background-size: 44px 14px;
}
header nav ul.main li.theater a {
	width: 65px;
	background: url(../img/title/menu02.svg) no-repeat center;
	background-size: 65px 13px;
}


header nav ul.main li.bddvd a {
	width: 85px;
	background: url(../img/title/menu15.png) no-repeat center;
	background-size: 85px 13px;
}


header nav ul.main li.trailer a {
	width: 57px;
	background: url(../img/title/menu03.svg) no-repeat center;
	background-size: 57px 13px;
}
header nav ul.main li.introduction a {
	width: 105px;
	background: url(../img/title/menu04.svg) no-repeat center;
	background-size: 105px 13px;
}
header nav ul.main li.story a {
	width: 45px;height: 17px;
	background: url(../img/title/menu05.svg) no-repeat center;
	background-size: 45px 17px;
}
header nav ul.main li.character a {
	width: 146px;
	background: url(../img/title/menu06.svg) no-repeat center;
	background-size: 146px 13px;
}
header nav ul.main li.staff a {
	width: 41px;
	background: url(../img/title/menu07.svg) no-repeat center;
	background-size: 41px 12px;
}
header nav ul.main li.music a {
	width: 50px;
	background: url(../img/title/menu08.svg) no-repeat center;
	background-size: 50px 13px;
}
header nav ul.main li.special a {
	width: 60px;height: 18px;
	background: url(../img/title/menu09.svg) no-repeat center;
	background-size: 60px 18px;
}
header nav ul.main li.officialTw a {
	width: 19px;height: 15px;padding: 0 0 2px;
	background: url(../img/title/menu10.svg) no-repeat center;
	background-size: 80px 15px;
}
header nav ul.main li.officialIn a {
	width: 15px;height: 15px;padding: 0 0 2px;
	background: url(../img/title/menu11.svg) no-repeat center;
	background-size: 80px 15px;
}
header nav ul.main li.top a {
	width: 33px;height: 17px;
	background: url(../img/title/menu12.svg) no-repeat center;
	background-size: 33px 17px;
}
header nav ul.main li.goods a {
width: 54px;
	height: 17px;
	background: url(../img/title/menu13.svg) no-repeat center -2px;
	background-size: 53px 17px;
}
header nav ul.main li.media a {
	width: 52px;
	height: 17px;
	background: url(../img/title/menu14.svg) no-repeat center -3px;
	background-size: 53px 19px;
}
header nav ul.share {
	position: fixed;top: 100px;right: 0;padding: 30px 0 0;
}
header nav ul.share::before {
	content: "";width: 39px;height: 18px;display: block;position: absolute;top:0;left: 0;
	background: url(../img/title/share@2x.png) no-repeat;
	background-size: 100%;
}
header nav ul.share a {text-indent:-9897px;width: 100%;height: 100%;display: block;}
header nav ul li {float: left;padding: 0 0 3px;}
header nav ul.main li:hover a {border-bottom: solid 1px #fff;}
header nav ul.share li {float: none;border-radius: 10px;width: 40px;height: 40px;margin: 0 0 5px;transition: opacity .2s;opacity: 1;}
header nav ul.share li:hover {opacity: .7;transition: opacity .2s;}
header nav ul.share li:nth-of-type(1) {
	background: url(../img/icon/twitter.svg) no-repeat center #d6416e;
	background-size: 16px 13px;
}
header nav ul.share li:nth-of-type(2) {
	background: url(../img/icon/facebook.svg) no-repeat center #d6416e;
	background-size: 10px 20px;
}
header nav ul.share li:nth-of-type(3) {
	background: url(../img/icon/line.svg) no-repeat center #d6416e;
	background-size: 20px 20px;
}
header input {display: none;}
header label.menu {
	position: fixed;top:40px;right: 40px;z-index: 10001;cursor: pointer;
	width: 80px;height: 80px;background: #d6416e;border-radius: 20px;
}
header label.menu span {
	display: inline-block;transition: all .4s;box-sizing: border-box;
	position: absolute;left: 27px;width: 25px;height: 2px;
	background-color: #fff;
}
header label.menu span:nth-of-type(1) {top: 31px;}
header label.menu span:nth-of-type(2) {top: 39px;}
header label.menu span:nth-of-type(3) {top: 47px;}
header input#menu:checked ~ label.menu span:nth-of-type(1) {
	-webkit-transform: translateY(9px) rotate(-45deg);
	transform: translateY(9px) rotate(-45deg);
}
header input#menu:checked ~ label.menu span:nth-of-type(2) {opacity: 0;}
header input#menu:checked ~ label.menu span:nth-of-type(3) {
	-webkit-transform: translateY(-7px) rotate(45deg);
	transform: translateY(-7px) rotate(45deg);
}
header input#menu:checked ~ nav {
	pointer-events: all;transform: scale3d(1,1,1);width: 1120px;
	transition: width .4s cubic-bezier(.65,.32,.35,.65);
}
header input#menu:checked ~ nav ul.main {opacity: 1;}
header input#menu:checked ~ nav ul.share {opacity: 1;}
footer a#scrollTo {
	width: 80px;height: 80px;border-radius: 20px;
	background: url(../img/icon/arrow.svg) #d6416e no-repeat center;
	background-size: 16px 14px;
	position: fixed;bottom: -80px;right: 40px;transition: bottom .2s;
}
footer.is-fixed a#scrollTo {bottom: 40px;transition: bottom .2s;}
footer {text-align: center;color: #d43e81;}
footer p {line-height: 2.1;}
footer p.big {font-size: 24px;margin: 0 0 3px;}
footer p.normal {font-size: 20px;margin: 0 0 15px;}
footer p.small {font-size: 16px;margin: 0 0 15px;}
footer p span.combi {
	height: 3.5em;display: inline-block;
	position: relative;
}
footer p span.combi::after {
	content: "（見取り図）";font-size: 16px;
	position: absolute;bottom: 5px;right: 28px;
}
footer p.small {font-size: 16px;}
footer small {font-size: 12px;line-height: 2.125;display: block;margin: 0 0 30px;}
footer ul.banner {width: 467px;margin: 50px auto 70px;overflow: hidden;}
footer ul.banner li {width: 147px;float: left;border: solid 1px #e7e7e7;}
footer ul.banner li img {width: 100%;vertical-align: bottom;}
footer ul.banner li:hover img {opacity: .7;transition: opacity .2s;}
footer ul.banner li:nth-of-type(2) {margin: 0 10px;}
.footervisual {
	min-width: 1200px;height: calc(46vw / 0.9);margin: 0 0 5vw;
	background: url(../img/footervisual@2x.jpg) no-repeat center;
	background-size: 90%;
}

section#lead {
	width: 100%;height: 63vw;position: relative;
	background: url(../img/mainvisual@2x.jpg) no-repeat top center;
	background-size: cover;
}
@keyframes mvXfade {
	0%,40%,100% {
		opacity:1;
	}
	50%,90% {
		opacity:0;
	}

}
section#lead .mv2 {
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	background: url(../img/mainvisual2@2x.jpg) no-repeat top center;
	background-size: cover;
	z-index:11;
}
section#lead .mv2.ani {
	animation:mvXfade 10s linear infinite;
}
section#lead .mv2 .logo {
	width: 42.5%;height: 13.5vw;
	background: url(../img/icon/logo@2x.png) no-repeat;
	background-size: 100%;
	position: absolute;bottom: auto;top:250px;right: 2.5vw;z-index: 10;
}
section#lead .mv2 .catch {
	width: 57px;height: 468px;
	background: url(../img/icon/catch2@2x.png) no-repeat;
	background-size: 100%;
	position: absolute;top: 2vw;left: 1vw;z-index: 10;
}
section#lead .mv2 .subcatch {
	height:50px;
	width: 450px;
	background: url(../img/icon/subcatch2.png) no-repeat center center / contain;
	position: absolute;bottom:17%;left: 200px;right:220px;z-index: 10;

}
section#lead .catch {
	width: 57px;height: 468px;
	background: url(../img/icon/catch@2x.png) no-repeat;
	background-size: 100%;
	position: absolute;top: 2vw;left: 1vw;z-index: 10;
}
section#lead .roadshow {
	width: 100px;height: 111px;
	background-size: 100%;
	position: absolute;bottom: 8vw;left: 4.8vw;z-index: 15;
}
section#lead .logo {
	width: 42.5%;height: 13.5vw;
	background: url(../img/icon/logo@2x.png) no-repeat;
	background-size: 100%;
	position: absolute;bottom: 10vw;right: 2.5vw;z-index: 10;
}
section#lead .mv2 .subcatch {
	height:50px;
	width: 450px;
	background: url(../img/icon/subcatch2.png) no-repeat center center / contain;
	position: absolute;bottom:17%;left: 200px;right:220px;z-index: 10;

}

section#lead .subcatch {
	height:70px;
	width: 300px;
	background: url(../img/icon/subcatch1.png) no-repeat center center / contain;
	position: absolute;bottom:17.5%;left: 220px;right:51%;z-index: 10;

}


section#lead .icon1 {
	width: 150px;height: 150px;
	position: absolute;top: 30px;left:90px;z-index: 10;
}
section#lead .icon2 {
	width: 150px;height: 150px;
	position: absolute;left: 90px;top:190px;z-index: 10;
}


section#lead .shisha {
	width: 250px;
	position: absolute;top: 40px;left: 100px;z-index: 10;
}
section#lead .shisha a:hover {
	opacity: 0.6;
}

section#lead .movieTicket {
	width: 250px;
	position: absolute;top: 120px;left: 100px;z-index: 10;
}
section#lead .movieTicket a:hover {
	opacity: 0.6;
}

section#lead ul.nav {
	width: 910px;overflow: hidden;margin: 0 auto;z-index: 15;
	position: absolute;bottom: 3vw;left: 50%;transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
section#lead ul.nav li {
	width: 220px;float: left;box-sizing: border-box;
	background: #fff;border: solid 1px #db5a81;
	margin: 0 10px 0 0;
}
section#lead ul.nav li:last-child {margin: 0;}
section#lead ul.nav li a {
	display: block;text-indent:-9897px;position: relative;overflow: hidden;
	height: 38px;width: 100%;
	background: #fff;transition: background .2s;
}
section#lead ul.nav li svg {
	width: 65px;height: 12px;display: block;fill: #d6416e;transition: fill .2s;
	position: absolute;top: -100%;bottom: -100%;left: -100%;right: -100%;margin: auto;
}
section#lead ul.nav li:nth-of-type(2) svg {width: 57px;height: 16px;}
section#lead ul.nav li:nth-of-type(3) svg {width: 92px;height: 15px;}
section#lead ul.nav li:nth-of-type(4) svg {width: 90px;height: 17px;}
section#lead ul.nav li a:hover {
	background: #d6416e;transition: background .2s;
}
section#lead ul.nav li a:hover svg {
	fill: #fff;transition: fill .2s;
}
#visualLight {
	position: absolute;left: 0;right: 0;z-index: 0;
	width: 100%;height: 100%;overflow: hidden;
	opacity: .3;
	pointer-events: auto;
}

section#trailer h1 {
	width: 87px;height: 18px;
	margin: 65px auto 43px;text-indent:-9897px;
	background: url(../img/title/trailer@2x.png) no-repeat;
	background-size: 100%;
}
section#trailer ul {width: 1170px;margin: 0 15px;}
section#trailer ul li {margin: 0 15px;border-radius: 10px;}
section#trailer ul li span {
	font-size: 16px;line-height: 1;display: inline-block;
	margin: 15px 0 0;
}
section#trailer ul li iframe {width: 100%;height: 225px;border-radius: 10px;}
.slider {text-align: center;}
.slick-slide {margin: 0 30px;}
section#trailer ul.slick-dots {
	display: inline-block;margin: 50px 0 70px;
}
section#trailer ul.slick-dots li {
	width: 15px;height: 15px;display: inline-block;
	cursor: pointer;position: relative;margin: 0 5px;
	background: none;border: none;
}
ul.slick-dots li button {
	width: 15px;height: 15px;display: none;
}
ul.slick-dots li::before ,
ul.slick-dots li.slick-active::after {
	content: "";width: 15px;height: 15px;border-radius: 50%;display: block;
	background: #ffc0d3;position: absolute;top: 0;left: 0;
}
ul.slick-dots li.slick-active::before {background: #d6416e;}
ul.slick-dots li.slick-active::after {
	width: 5px;height: 5px;background: #fff;
	position: absolute;top: -100%;bottom: -100%;left: -100%;right: -100%;margin: auto;
}

section#introduction .wrap {margin: 70px auto;position: relative;}
section#introduction h1 {
	width: 300px;height: 50px;text-indent:-9897px;
	position: absolute;top: -135px;left: 47px;
	background: url(../img/title/introduction@2x.png) no-repeat;
	background-size: 100%;
}
section#introduction .wrap p {
	width: 720px;margin: 0 auto;padding: 128px 0;
	font-size: 16px;line-height: 2.125;position: relative;
}
section#introduction .wrap .img01 {
	width: 97px;height: 765px;position: absolute;top: 0;left: 2.5vw;
	background: url(../img/title/introduction_lead01@2x.png) no-repeat;
	background-size: 100%;
}
section#introduction .wrap .img02 {
	width: 77px;height: 765px;position: absolute;top: 0;right: 2.5vw;
	background: url(../img/title/introduction_lead02@2x.png) no-repeat;
	background-size: 100%;
}
section#introduction .wrap p::before {
	content: "";display: block;
	width: 730px;height: 32px;position: absolute;top: 40px;right: 0;
	background: url(../img/title/introduction_lead03@2x.png) no-repeat;
	background-size: 100%;
}
section#introduction .wrap p::after {
	content: "";display: block;
	width: 717px;height: 23px;position: absolute;bottom: 40px;left: 0;
	background: url(../img/title/introduction_lead04@2x.png) no-repeat;
	background-size: 100%;
}

section#story .imgband {
	background: url(../img/story@2x.jpg) no-repeat center;
	background-size: cover;
}
section#story .imgband::before ,
section#story .imgband::after {
	background: url(../img/story04@2x.jpg) no-repeat center;background-size: cover;
	animation: fade-bg 9s linear infinite;opacity: 0;
}
section#story .imgband::after {
	background: url(../img/story03@2x.jpg) no-repeat center;background-size: cover;
	animation: fade-bg2 9s linear infinite;opacity: 0;
}
section#story .wrap {position: relative;top: -30px;}
section#story h1 {
	width: 92px;height: 34px;position: absolute;
	top: 110px;left: 450px;text-indent:-9897px;
	background: url(../img/title/story@2x.png) no-repeat;
	background-size: 100%;
}
section#story .movie {
	left: -240px;top: 0;overflow: hidden;
	shape-outside: circle(50%);margin: 0;
	transform: translateX(0);
	-webkit-transform: translateX(0);
}
section#story .movie video {
	position: absolute;top: 0;left: 0;
	height: 734px;
}
section#story p {
	padding: 170px 0 0;margin: 0 -220px 70px 0;
	position: relative;left: -220px;
	font-size: 16px;line-height: 2.3125;
}
section#story .nineImgs {
	background: #004ea2;position: relative;overflow: hidden;
}
section#story .nineImgs::before {
	content: "";display: block;position: relative;
	width: 50%;height: 24.7vw;z-index: 10;
	background: url(../img/story02@2x.jpg) no-repeat top left;
	background-size: 100%;
}
section#story .nineImgs #movie_pc2 {
	width: 50%;position: absolute;top: 0;right: 0;
}

section#character h1 {
	width: 172px;height: 26px;
	margin: 70px auto;text-indent:-9897px;
	background: url(../img/title/character@2x.png) no-repeat;
	background-size: 100%;
}
section#character ul {overflow: hidden;}
section#character ul li {width: 50%;float: left;cursor: pointer;transition: opacity .2s;}
section#character ul li:hover {opacity: .8;transition: opacity .2s;}
section#character ul li.back {cursor: auto;transition: none;}
section#character ul li.back:hover {opacity: 1;}
section#character ul li img {width: 100%;}
.modal-overlay {
	z-index: 10001;position: fixed;top: 0;left: 0;
	display: none;width: 100%;height: 120%;
	background: rgba(0,0,0,.9);
}
.modal-content {
	z-index: 10002;position: fixed;
	display: none;max-width: 960px;max-height: 560px;min-height: 300px;
	border: solid 10px #212121;margin: 0 0 124px;
}
.modal-content.men {background: #004ea2}
.modal-content.spe {background: #175391}
.modal-content.women {background: #d187bb}
.modal-content button.modal-cl {
	background: url(../img/icon/close@2x.png) no-repeat center;background-size: 194px;
	border:none;box-shadow: none;cursor: pointer;
	width: 194px;height: 54px;padding: 54px 0 0;box-sizing: border-box;
	position: absolute;right: -100%;left: -100%;bottom: -124px;margin: 0 auto;
}
.modal-content.chara button.modal-cl {bottom: 35px;}
.modal-content.chara a.arrow {
	width: 62px;height: 56px;cursor: pointer;
	display: block;position: fixed;top: 50%;margin: -28px 0 0;
	left: 30px;z-index: 10;
}

section#lead .subcatch3 {
	height:55px;
	width: 300px;
	background: url(../img/icon/subcatch4.png) no-repeat center center / contain;
	position: absolute;top:7%;right:380px;z-index: 10;

}
section#lead .subcatch3_2 {
	height:55px;
	width: 300px;
	background: url(../img/icon/subcatch3.png) no-repeat center center / contain;
	position: absolute;top:7%;right:110px;z-index: 10;

}

section#lead .subcatch3_3 {
	height:55px;
	width: 300px;
	background: url(../img/icon/subcatch1.png) no-repeat center center / contain;
	position: absolute;top:15%;right:380px;z-index: 10;

}
section#lead .subcatch3_4 {
	height:55px;
	width: 300px;
	background: url(../img/icon/subcatch5.png) no-repeat center center / contain;
	position: absolute;top:15%;right:110px;z-index: 10;

}


.modal-content.chara a.arrow.next {right: 30px;left: auto;}
@media all and (max-width:1200px) {
	.modal-content.chara a.arrow.next {right: auto;left: 1200px;}
}
.modal-content.chara a.arrow::before {
	content: "";width: 62px;height: 56px;display: block;
	background: url(../img/icon/arrow2.svg) no-repeat;
	background-size: 100%;pointer-events: none;
	position: relative;top: 0;left: 0;
}
.modal-content.chara a.arrow.next::before {
	transform: rotate3d(0, 1, 0, 180deg);
}
.modal-content.chara a.arrow:hover::before {
	transform: rotate3d(1, 0, 0, 180deg);
	transition: transform .6s;
}
.modal-content.chara a.arrow.next:hover::before {
	transform: rotate3d(0, 1, 10, 180deg);
	transition: transform .6s;
}
.modal-content.chara {
	z-index: 10002;position: fixed;top: 0;bottom: 0;left: 0;right: 0;overflow-y: scroll;overflow-x: auto;
	display: none;min-width: auto;max-height: none;max-width: none;width: auto;
	border: none;text-align: center;margin: 0;
	color: #fff;
}
.modal-content.chara .box {
	position: relative;left: 0;top: 0;
	width: 100%;min-width: 1200px;max-width: 1200px;
	padding: 0 0 124px;margin: 0 auto;
}
.modal-content.chara .box .charaBox {position: relative;display: flex;align-items: center;padding-top:70px;}
.modal-content .charaBox .imgBox {
	width: 430px;
	background-size: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left:-30px;
}
.modal-content .charaBox .imgBox img {
	vertical-align: bottom;
}
.modal-content:not(#character2) .charaBox .imgBox img {
	margin-left:60px;
}
/*#character1 .charaBox .imgBox {
	background: url(../img/character/c01_01@2x.png) no-repeat;
	background-size: 100%;
}*/
#character2 .charaBox .imgBox {
	min-height:600px;
}
/*#character3 .charaBox .imgBox {
	background: url(../img/character/c03_01@2x.png) no-repeat;
	background-size: 100%;
}
#character4 .charaBox .imgBox {
	background: url(../img/character/c04_01@2x.png) no-repeat;
	background-size: 100%;
}
#character5 .charaBox .imgBox {
	background: url(../img/character/c05_01@2x.png) no-repeat;
	background-size: 100%;
}*/
#character6 .charaBox .imgBox {
	width: 330px;height: 170px;float: left;margin:50px 0 0 120px;
	background-size: 100%;
}
#character7 .charaBox .imgBox {
	width: 330px;height: 170px;float: left;margin:50px 0 0 120px;
	background-size: 100%;
}
#character8 .charaBox .imgBox {
	width: 330px;height: 170px;float: left;margin:50px 0 0 120px;
	background-size: 100%;
}
.modal-content .charaBox .imgBox + .text {
	position:relative; width: 680px;
	text-align: left;
	margin:0;
}
.modal-content .charaBox .text {width: 960px;margin:0 auto;text-align: left;}
.modal-content .charaBox .text h2 ,
.modal-content .castBox .text h2 {
	font-size: 30px;line-height: 1;
	text-align: left;
}
.modal-content .castBox .text h2 span {font-size: 16px;display: inline-block;text-indent: 1em;}
.modal-content .charaBox .text p ,
.modal-content .castBox .text p {
	font-size: 16px;line-height: 2.125;
	margin: 20px 0 0;
}
.modal-content .charaBox .text p strong {
	font-size: 20px;display: block;font-weight: 500;
	margin: 1em 0 0;
}
.modal-content .charaBox .imgBox2 {overflow: hidden;margin: 50px 0 0;}
.modal-content .charaBox .imgBox2 img {
	width: 330px;display: block;float: left;
}
.modal-content .charaBox .imgBox2 img:nth-of-type(2) {
	margin: 0 0 0 20px;
}
.modal-content .castBox {
	border: solid 2px #fff;overflow: hidden;
	margin: 60px 120px 0;padding: 55px;
}
.modal-content .castBox .imgBox {
	width: 217px;height: 216px;float: left;
	background: url(../img/character/c01_02@2x.png) no-repeat;
	background-size: 100%;
}
#character2 .castBox .imgBox {
	background: url(../img/character/c02_02@2x.png) no-repeat;
	background-size: 100%;
}
#character3 .castBox .imgBox {
	background: url(../img/character/c03_02@2x.png) no-repeat;
	background-size: 100%;
}
#character4 .castBox .imgBox {
	background: url(../img/character/c04_02@2x.png) no-repeat;
	background-size: 100%;
}
#character5 .castBox .imgBox {
	background: url(../img/character/c05_02@2x.png) no-repeat;
	background-size: 100%;
}
#character6 .castBox .imgBox {
	background: url(../img/character/c06_02@2x.png) no-repeat;
	background-size: 100%;
}
#character7 .castBox .imgBox {
	background: url(../img/character/c07_02@2x.png) no-repeat;
	background-size: 100%;
}
#character8 .castBox .imgBox {
	background: url(../img/character/c08_02@2x.png) no-repeat;
	background-size: 100%;
}
.modal-content .castBox .text {
	width: 579px;float: left;text-align: left;
	margin: 0 0 0 50px;
}
.modal-content.chara .box .specialBox {
	overflow: hidden;margin: 70px;
}
.modal-content.chara .box .specialBox h4 {
	font-size: 30px;line-height: 1.5;text-align: left;
	margin: 0 0 20px;
}
.modal-content.chara .box .specialBox p {
	font-size: 16px;line-height: 2.3125;text-align: left;
	margin: 0 0 80px;
}
.modal-content.chara .box .specialBox img {
	
}

section#music a {color: #004ea2; text-decoration: underline;}

section#staff .wrap {position: relative;}
section#staff h1 {
	width: 62px;height: 18px;
	margin: 0;text-indent:-9897px;
	background: url(../img/title/staff@2x.png) no-repeat;
	background-size: 100%;
	position: absolute;top: 50%;left: 450px;
}
section#staff dl {margin: 0 0 170px 72px;padding: 65px 0 0;}
section#staff dl div {overflow: hidden;margin: 0 0 10px;}
section#staff dl div dt ,
section#staff dl div dd {display: inline-block;font-size: 16px;}
section#staff dl div dt::after {content: " ：";}
section#staff dl div.big {margin: 0 0 25px;}
section#staff dl div.big dt ,
section#staff dl div.big dd {font-size: 20px;}
section#staff dl div dd {color: #004ea2;}
section#staff .wrap {
	overflow: hidden;margin: 0 0 0 auto;
	padding-right: calc((100vw - 1200px) / 2);
}
section#staff .wrap .right {position: relative;}
section#staff .movie {
	position: absolute;top: 100px;right: auto;left: 440px;
	width: 734px;height: 734px;border: solid 12px #fff;border-radius: 50%;
	float: left;transform: translateX(200px);-webkit-transform: translateX(200px);
}
section#staff .movie video {
	position: absolute;top: 0;left: -0;
	height: 734px;
}

section#music p {margin: 0 72px;font-size: 16px;line-height: 2.3125;}
section#music div.comment {
	margin: 50px 72px;
	border: solid 5px #004ea2;
	padding: 30px 35px 40px;
}
section#music div.comment p {margin: 0;}
section#music div.comment p strong {color: #004ea2;display: block}

section#music .jk {width: 400px; height: 400px; float: left;}
section#music .jkT {width: 400px;float: left; padding-left: 30px;}

section.lead {
	width: 100%;height: 16.6vw;position: relative;
	background: url(../img/news_top@2x.jpg) no-repeat center;
	background-size: cover;
}
section.lead.special {
	background: url(../img/special_top.jpg) no-repeat center;
	background-size: cover;
}
section.lead .logo {
	width: 366px;height: 111px;
	background: url(../img/icon/logo2.png) no-repeat;
	background-size: 100%;
	position: absolute;z-index: 10;top: 50%;left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
section.lead .logo a {width: 100%;height: 100%;display: block;}
section.lead .roadshow {
	width: 94px;height: 50px;
	background: url(../img/icon/roadshow@2x.png) no-repeat;
	background-size: 100%;
	position: absolute;bottom: 20px;left: 28px;z-index: 10;
}
section#news {
	display: -webkit-box;display: -ms-flexbox;display: flex;
	position: relative;
	width: 1120px;margin: 75px auto;
}

section#news h2{position: relative;width: 230px;}
section#news h2 img {width: 125px;}
section#news article {width: calc(100% - 350px);}
section#special {width: 1200px;margin: 0 auto;}
section#special h2{text-align: center;margin: 68px 0 60px;}
section#special h2 img {width: 119px;}
section#special article {width: 980px;margin: 0 auto;}
#articlein h4 {font-size: 24px;color: #004ea2;text-align: center;margin: 0 0 50px;}
section#special ul {overflow: hidden;}
section#special ul li {width: 300px;float: left;margin: 0 0 50px;font-size: 16px;cursor: pointer;transition: opacity .2s;}
section#special ul li:hover {opacity: .7;transition: opacity .2s;}
section#special ul li:nth-of-type(3n - 1) {margin: 0 40px 50px;}
section#special ul li img {width: 100%;height: auto;border-radius: 20px;}

ul#newsList {width: 100%;}
ul#newsList li {
	border-top: 1px solid #000;
	width: 100%;
}
ul#newsList li:last-child{border-bottom: 1px solid #000;}
ul#newsList a{
	display: -webkit-box;display: -ms-flexbox;display: flex;
	text-decoration: none;
	padding: 56px 0;position: relative;
}
ul#newsList a:before{
	content: "";background-color: #004ea2;z-index: 0;
	height: 50%;width: 0;
	position: absolute;top: 0;left: 0;
	transition: width .6s cubic-bezier(0.16, 1, 0.3, 1);
}
ul#newsList a:after{
	content: "";background-color: #004ea2;z-index: 0;
	height: 50%;width: 0;
	position: absolute;bottom: 0;right: 0;
	transition: width .6s cubic-bezier(0.16, 1, 0.3, 1); 
}
ul#newsList a:hover:before,
ul#newsList a:hover:after{width: 100%;}
ul#newsList a p.newsDate{
	color: #000;font-size: 17px;line-height: 1;
	position: relative;
	width: 146px;display: block;z-index: 1;
	transition: color .3s ease-in-out;
}
ul#newsList a p.newsTitle{
	color: #000;font-size: 16px;line-height: 1;
	margin-top: -1px;
	overflow: hidden;
	position: relative;
	text-overflow: ellipsis;white-space: nowrap;
	width: calc(100% - 146px);display: block;
	transition: color .3s ease-in-out;
	z-index: 1;
}
ul#newsList a p.newsTitle br{display: none;}
ul#newsList a:hover p.newsDate,
ul#newsList a:hover p.newsTitle{color: #fff;}
section#news a.back {
	color: #000;position: absolute;top: 70px;left: 0;
	font-size: 16px;padding: 0 0 5px;display: inline-block;
	border-bottom: solid 1px #000;opacity: 1;
}
section#news a.back:hover {
	opacity: .8;transition: opacity .2s;
}
#newsSingle h3 {margin: 0 0 50px;overflow: hidden;}
#newsSingle p.text {width: 100%;float: left;padding: 80px 0 50px;border-top: solid 1px #000;}
#newsSingle p.newsThumb {width: 370px;float: left;text-align: center;vertical-align: middle; margin-left: 50px;}
#newsSingle p.newsThumb img {width: 100%;height: auto;}
#newsSingle h3 span.newsDate ,
#newsSingle h3 span.newsTitle {display: block;font-size: 16px;}
#newsSingle h3 span.newsDate {line-height: 1;margin: 0 0 20px;}
#newsSingle h3 span.newsTitle {line-height: 2.3125;}
#newsSingleContent p {font-size: 16px;line-height: 2.125;}
#newsSingleContent p {margin: 0 0 50px;}
#newsSingleContent p a {color: #000;text-decoration: underline;font-size: 16px;}

.spM {
	display: none;
}
/* paging */
.pagingWrap{
	display: -webkit-box;display: -ms-flexbox;display: flex;
	-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;
	margin-top: 50px;margin-right: -23px;
}
.paging__link{
	display: inline-block;
	font-size: 13px;line-height: 40px;text-align: center;
	height: 40px;width: 40px;
	margin-right: 6px;
	position: relative;
	text-decoration: none;
}
.paging__link--next:before {
	content: "";height: 5px;width: 5px;
	border-bottom: 1px solid #000;border-right: 1px solid #000;
	margin-top: -4px;
	pointer-events: none;
	position: absolute;top: 50%;left: 50%;
	transform: rotateZ(-45deg) translate(-50%,-50%);
	transition: border-color .3s ease-in-out;
}
.paging__link--back:before {
	content: "";
	border-bottom: 1px solid #000;border-right: 1px solid #000;
	height: 5px;width: 5px;
	margin-top: -4px;margin-left: -6px;
	pointer-events: none;
	position: absolute;top: 50%;left: 50%;
	transform: rotateZ(135deg) translate(-50%,-50%);
	transition: border-color .3s ease-in-out;
}
.paging__link__active:before{
	content: "";background-color: #000;
	height: 1px;width: 30%;
	position: absolute;bottom: 7px;left: 50%;
	transform: translateX(-50%);
}
.paging__link:after{
	content: "";background-color: #000;
	height: 1px;width: 30%;
	opacity: 0;
	position: absolute;bottom: 7px;left: 50%;
	transform: translateX(-50%);
	transition: opacity .3s ease-in-out;
}
.paging__link:hover:after{opacity: 1;}
/* subNews__detal */
.subNews__detal__heading{
	display: -webkit-box;display: -ms-flexbox;display: flex;
	margin-bottom: 50px;
}
.subNews__detal__heading__titleWrap{
	height: 374px;width: calc(50% - 40px);
	position: relative;
}
.subNews__detal__heading__titleWrap:before{
	content: "";background-color: #000;
	height: 1px;width: 100%;
	position: absolute;top: 0;left: 0;
}
.subNews__detal__heading__titleWrap:after{
	content: "";background-color: #000;
	height: 20px;width: 1px;
	margin: auto;
	position: absolute;right: 0;bottom: 0;left: 0;
}
.subNews__detal__heading__title{
	padding-right: 40px;
	position: absolute;top: 50%;left: 0;
	transform: translateY(-50%);
}
.subNews__detal__heading__title__date{
	color: #000;font-size: 16px;
	display: block;
}
.subNews__detal__heading__title__text{
	color: #000;font-size: 16px;font-weight: 600;letter-spacing: 0.1em;line-height: 2;
	display: block;
}
.subNews__detal__heading__thumb{
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 374px;width: 50%;
	margin-left: 40px;
}
.subNews__detal__text{
	color: #000;font-size: 16px;letter-spacing: 0.1em;line-height: 2;
}
.subNews__detal__textArea img{max-width: 100%;}
.subNews__detal__textArea iframe[src*="youtube"]{max-width: 100%;}
.nBackTo{
	color: #000;font-size: 16px;
	position: absolute;top: 60px;left: 2px;
	text-decoration: none;
}
.nBackTo:before{
	content: "";background-color: #000;
	height: 1px;width: 100%;
	opacity: 1;
	position: absolute;bottom: 0;left: 0;
	transition: opacity .3s ease-in-out;
}
.nBackTo:hover:before{opacity: 0;}
#pmv {
	position: fixed;left: 0;top: 0;right: 0;bottom: 0;
	background: rgba(255,255,255,0.75);
	z-index: 20000;
	overflow: auto;
	display: none;
}
#pmvin {
	position:absolute;left:0;top:0;
	width:100%;min-width:1200px;
	height:100%;min-height:620px;
	display: flex;
	justify-content: center;
	align-content:center;
	flex-wrap: wrap;
}
#pmvbox {
	display: block;
	width:1024px;
	height:576px;
}
#pmvNWrap {
	margin-bottom: 30px;
	width:100%;
}
#pmvNav {
	height:30px;
	width:1024px;
	display: flex;
	margin:0 auto;
}
#pmvNav li {
	flex-grow: 1;
}
#pmvNav li a {
	display: block;
	height:30px;
	box-sizing: border-box;
	height:30px;
	border: 1px solid #e43075;
	color: #e43075;
	line-height: 28px;
	font-size: 16px;
	text-decoration: none;
	text-align: center;
	transition: all 0.3s ease
}
#pmvNav li a:hover,
#pmvNav li a.active {
	background-color: #e43075;
	color:#FFF;
}
#pmvClose {
	position: absolute;
	right: 50px;
	top: 50px;
	z-index:500;
}
#pmvClose a {
	display: block;
	height: 50px;
	width: 50px;
	background: url(../images/btn_close.png) no-repeat center center / cover;
	transition:all 0.3s ease;
}
#pmvClose a:hover {
	transform:scale(1.2);
}
#commentModal {
	overflow: auto;
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background:rgba(255,255,255,0.9);
	z-index:20000;
	display:none;
}
#commentModalin {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	min-height:100%;
	min-width:1200px;
	display:flex;
	justify-content:center;
	align-items:center;
}
.comments {
	width:800px;
	padding-top:100px;
	padding-bottom:100px;
}
.comments h3 {
	color:rgba(212,62,129,1);
	font-weight:600;
	font-size:22px;
	margin-bottom:20px;
}
.comments p {
	font-size:16px;
	line-height:32px;
	padding-bottom:30px;
}
.modalClose {
	position: absolute;
	right: 50px;
	top: 50px;
	z-index:500;
}
.modalClose a {
	display: block;
	height: 50px;
	width: 50px;
	background: url(../images/btn_close.png) no-repeat center center / cover;
	transition:all 0.3s ease;
}
.modalClose a:hover {
	transform:scale(1.2);
}
#commentBnr {
	width: 270px;
	position: absolute;
	right: 340px;
	top: 65px;
}
#commentBnr img {width: 100%;}
#startBnr {
	position: absolute;
	right: 20px;
	top: 20px;
}
.toComment {
	pointer-events:auto;
	display:block;
	transition:all 0.3s ease;
}
.toComment:hover {
	transform:scale(1.05);
}
.toStart {
	pointer-events:auto;
	display:block;
	transition:all 0.3s ease;
}
.toStart:hover {
	transform:scale(1.05);
}
.newsIncommentWrap {
	padding: 30px 30px 0px;
	border: 2px solid #000;
	margin-bottom:30px;
	margin-right:30px;
}
.newsImageNonePC {
	display: none;
}
.mTitle {
	color:#004ea2;
	font-weight: bold;
	text-align: center;
	font-size: 20px;
	line-height: 2em;
}
.billing {
	width: 960px;
	margin: 0 auto;
}
.dlbox ul li {
	width: 300px;
	float: left;
	margin: 0 0 40px 40px;
}

.dlbox2 ul li {
	width: 140px;
	height: 200px;
	float: left;
	margin: 0 0 30px 30px;
}

.dlbox ul li.v {
	width: 300px;
	margin: 0 auto;
	float: none;
}
.dlbox2 ul li.v {
	width: 140px;
	height: 200px;
	margin: 0 auto;
	float: none;
}

.sp_movie {display: none;}
@media (max-width: 1200px) {
	section#lead {height: 756px;}
	section#staff .wrap {overflow: hidden;}
	section#lead .logo {
		width: 509px;height: 166px;
	}
	section#lead .catch {top: 24px;left: 12px;}
	section#lead .roadshow {bottom: 120px;left: 6px;}
	section#lead ul.nav {bottom: 36px;}
	section#story .nineImgs::before {height: 300px}
	section#story .nineImgs video {
		width: 720px;position: absolute;top: -52px;right: -60px;
	}
	
	
}
@media (max-width: 770px) {
	.pc {
		display: none !important;
	}
	.movie {display: none;}
	main {min-width: auto;}
	.wrap {min-width: 100%;max-width: 100%;}
	body.fixed {width: 100%;height: 100%;overflow: hidden;}
	.imgband {
		background: url(../img/introduction01-sp.jpg) no-repeat center;
		background-size: cover;
	}
	.imgband::before ,
	.imgband::after {
		background: url(../img/introduction02-sp.jpg) no-repeat center;background-size: cover;
		animation: fade-bg 9s linear infinite;
	}
	.imgband::after {
		background: url(../img/introduction03-sp.jpg) no-repeat center;background-size: cover;
		animation: fade-bg2 9s linear infinite;
	}
	header nav {
		border-radius: 0;overflow: auto;
		opacity: 0;position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 10000;
		background: #d6416e;width: 100%;height: auto;padding: 20px 0;
		transform: scale3d(.95,.95,1);pointer-events: none;
		transition: transform 0.4s cubic-bezier(.63,.32,.35,.63),
		opacity 0.4s cubic-bezier(.63,.32,.35,.63);
	}
	header nav ul {overflow: hidden;opacity: 0;transition: opacity .4s cubic-bezier(.65,.32,.35,.65) .2s;}
	header nav ul.main {height: auto;margin: 0 40px;position: relative;padding: 150px 0 0;}
	header nav ul.main a.top {
		position: absolute;top: 0;left: 0;width: 424px;height: 131px;
	}
	header nav ul.main::before {
		content: "";width: 424px;height: 131px;display: block;
		background: url(../img/icon/logo_wh.png) no-repeat;
		background-size: 100%;
		position: absolute;top: 0;left: 0;
	}
	header nav ul.main li {margin: 30px 0 0;}
	header nav ul.main li.character {margin: 20px 0 0;}
	header nav ul.main li.officialTw {padding: 0;border-left: none;margin: 20px 0 0;}
	header nav ul.main li a {
		width: 158px;height: 60px;
		background: url(../img/title/menu01.svg) no-repeat center;
		background-size: 158px 45px;
	}
	header nav ul.main li.theater a {
		width: 234px;height: 60px;
		background: url(../img/title/menu02.svg) no-repeat center;
		background-size: 234px 45px;
	}
	
	header nav ul.main li.bddvd a {
		width: 300px;height: 60px;
		background: url(../img/title/menu15.png) no-repeat center;
		background-size: 300px 45px;
	}
	
	.mediaNav li {
		font-size: 14px;
	}	
	
	header nav ul.main li.trailer a {
		width: 208px;height: 60px;
		background: url(../img/title/menu03.svg) no-repeat center;
		background-size: 208px 45px;
	}
	header nav ul.main li.introduction a {
		width: 380px;height: 60px;
		background: url(../img/title/menu04.svg) no-repeat center;
		background-size: 438px 45px;
	}
	header nav ul.main li.story a {
		width: 160px;height: 60px;
		background: url(../img/title/menu05.svg) no-repeat center;
		background-size: 160px 60px;
	}
	header nav ul.main li.character a {
		width: 520px;height: 60px;
		background: url(../img/title/menu06.svg) no-repeat center;
		background-size: 520px 45px;
	}
	header nav ul.main li.staff a {
		width: 154px;height: 60px;
		background: url(../img/title/menu07.svg) no-repeat center;
		background-size: 154px 45px;
	}
	header nav ul.main li.music a {
		width: 180px;height: 60px;
		background: url(../img/title/menu08.svg) no-repeat center;
		background-size: 180px 45px;
	}
	header nav ul.main li.special a {
		width: 212px;height: 60px;
		background: url(../img/title/menu09.svg) no-repeat center;
		background-size: 212px 60px;
	}
	header nav ul.main li.officialTw a {
		width: 320px;height: 60px;
		background: url(../img/title/_menu10.svg) no-repeat center;
		background-size: 320px 60px;
	}
	header nav ul.main li.officialIn a {
		width: 320px;height: 60px;
		background: url(../img/title/_menu11.svg) no-repeat center;
		background-size: 320px 60px;
	}
	header nav ul.main li.top a {
		width: 112px;height: 60px;
		background: url(../img/title/menu12.svg) no-repeat center;
		background-size: 112px 60px;
	}
	header nav ul.main li.goods a {
		width: 212px;
		height: 60px;
		background: url(../img/title/menu13.svg) no-repeat left center;
		background-size: auto 45px;
	}
	header nav ul.main li.media a {
		width: 212px;
		height: 60px;
		background: url(../img/title/menu14.svg) no-repeat left center;
		background-size: auto 45px;
	}
	header nav ul.share {display: none;}
	header nav ul li {float: none;padding: 0 0 3px;}
	header nav ul.main li:hover a {border-bottom: none;}
	header label.menu {top:30px;right: 30px;width: 100px;height: 100px;}
	header label.menu span {
		transition: all .4s;left: 30px;width: 40px;
	}
	header label.menu span:nth-of-type(1) {top: 41px;}
	header label.menu span:nth-of-type(2) {top: 49px;}
	header label.menu span:nth-of-type(3) {top: 57px;}
	header input#menu:checked ~ nav {
		width: 100%;
		opacity: 1;transform: scale3d(1,1,1);pointer-events: all;
		transition: transform 0.4s cubic-bezier(.65,.32,.35,.65),
		opacity 0.4s cubic-bezier(.65,.32,.35,.65);
	}
	header input#menu:checked ~ label.menu {background: #fff;}
	header input#menu:checked ~ label.menu span {
		background: #d6416e;
	}
	header input#menu:checked ~ nav ul.main {opacity: 1;}
	footer a#scrollTo {
		width: 100px;height: 100px;border-radius: 20px;
		background: url(../img/icon/arrow.svg) #d6416e no-repeat center;
		background-size: 24px 21px;
		position: fixed;bottom: -100px;right: 30px;transition: bottom .2s;
	}
	footer.is-fixed a#scrollTo {bottom: 30px;transition: bottom .2s;}
	footer p.small span ,
	footer small span {display: block;}
	footer small {font-size: 12px;line-height: 2.125;display: block;margin: 0 0 30px;}
	footer ul.banner {width: auto;margin: 50px 30px 70px;}
	footer ul.banner li {width: 219px;}
	footer ul.banner li img {width: 219px;vertical-align: bottom;}
	.footervisual {
		min-width: auto;height: 729px;margin: 0;
		background: url(../img/footervisual-sp.jpg) no-repeat center;
	}

	section#lead {
		width: 100%;height: 1056px;position: relative;
		padding: 0 0 160px;
		background: url(../img/mainvisual-sp.jpg) no-repeat top center;
	}
	section#lead .mv2 {
		background: url(../img/mainvisual2-sp.jpg) no-repeat top center;
	}
	section#lead .catch {
		width: 50px;height: 561px;
		background: url(../img/icon/catch-sp.png) no-repeat;
		top: 120px;left: 30px;
	}
	section#lead .mv2 .catch {
		width: 183px;height: 306px;
		background: url(../img/icon/catch2-sp.png) no-repeat;
		top: 150px;right: 30px;left:auto;
	}
	section#lead .mv2 .subcatch {
	display: none;
	}
	
	section#lead .subcatch3_2 {
		height: 90px;
	background: url(../img/icon/subcatch4.png) no-repeat center center / contain;
	position: absolute;top:75%;left:60px;z-index: 10;
	}
	section#lead .subcatch3 {
		height: 90px;
	background: url(../img/icon/subcatch3.png) no-repeat center center / contain;
	position: absolute;top:75%;right:60px;z-index: 10;
	}
	section#lead .subcatch3_3 {
		height: 90px;
	background: url(../img/icon/subcatch1.png) no-repeat center center / contain;
	position: absolute;top:80%;left:60px;z-index: 10;
	}
	section#lead .subcatch3_4 {
		height: 90px;
	background: url(../img/icon/subcatch5.png) no-repeat center center / contain;
	position: absolute;top:80%;right:60px;z-index: 10;
	}

	section#lead .roadshow {
		width: 180px;height: 111px;
		background-size: 100%;left: 30px;bottom: auto;top:20px; 
	}
	section#lead .logo,
	section#lead .mv2 .logo {
		width: 662px;height: 215px;
		background: url(../img/icon/logo@2x.png) no-repeat;
		background-size: 85%;bottom: 260px;right: 20px;top:auto;
	}
	
	section#lead .shisha {
		width: 240px;
		position: absolute;bottom: 10px;left: 100px;z-index: 10;
		margin-top: 900px;
		margin-left: -60px;
	}
	section#lead .movieTicket {
		width: 240px;
		position: absolute;bottom: 10px;left: 100px;z-index: 10;
		margin-top: 820px;
		margin-left: 190px;
	}
	section#lead .subcatch {
		height:90px;
		width: 580px;
		background: url(../img/icon/subcatch1.png) no-repeat center center / contain;
		position: absolute;bottom:200px;left: 90px;right:20px;z-index: 10;

	}
	section#lead ul.nav {
		width: 690px;margin: 0;bottom: 0;
	}
	section#lead ul.nav li {width: 340px;margin: 0 0 10px;}
	section#lead ul.nav li:nth-of-type(odd) {margin: 0 10px 10px 0;}
	section#lead ul.nav li a {height: 50px;}
	section#lead ul.nav li svg {width: 95px;height: 17px;}
	section#lead ul.nav li:nth-of-type(2) svg {width: 87px;height: 24px}
	section#lead ul.nav li:nth-of-type(3) svg {width: 120px;height: 19px;}
	section#lead ul.nav li:nth-of-type(4) svg {width: 120px;height: 20px;}

	section#trailer h1 {width: 122px;height: 26px}
	section#trailer ul {width: auto;margin: 0 15px;}
	section#trailer ul li span {font-size: 24px;}
	section#trailer ul li iframe {height: 380px;}
	.slider {text-align: center;}
	.slick-slide {margin: 0 30px;}
	section#trailer ul.slick-dots {
		display: inline-block;margin: 50px 0 0px;
	}
	section#trailer ul.slick-dots li {
		width: 30px;height: 30px;display: inline-block;
		cursor: pointer;position: relative;margin: 0 10px;
		background: none;border: none;
	}
	ul.slick-dots li button {
		width: 30px;height: 30px;display: none;
	}
	ul.slick-dots li::before ,
	ul.slick-dots li.slick-active::after {
		content: "";width: 30px;height: 30px;border-radius: 50%;display: block;
		background: #ffc0d3;position: absolute;top: 0;left: 0;
	}
	ul.slick-dots li.slick-active::before {background: #d6416e;}
	ul.slick-dots li.slick-active::after {
		width: 10px;height: 10px;background: #fff;
		position: absolute;top: -100%;bottom: -100%;left: -100%;right: -100%;margin: auto;
	}
	section#music img {width: 100%;}
	section#introduction {margin:160px 0 0;}
	section#introduction .wrap {margin: 70px auto;position: relative;}
	section#introduction .wrap p {
		width: auto;margin: 0 30px;padding: 150px 0 150px;
		font-size: 22px;
	}
	section#introduction .wrap .img01 {display: none;}
	section#introduction .wrap .img02 {display: none;}
	section#introduction .wrap p::before {
		width: 675px;height: 91px;top: 0;left: 0;right: auto;
		background: url(../img/title/introduction_lead03-sp.png) no-repeat;
		background-size: 100%;
	}
	section#introduction .wrap p::after {
		width: 590px;height: 95px;bottom: 0;
		background: url(../img/title/introduction_lead04-sp.png) no-repeat;
		background-size: 100%;
	}

	section#story .imgband {
		background: url(../img/story01-sp.jpg) no-repeat center;
		background-size: cover;
	}
	section#story .imgband::before ,
	section#story .imgband::after {
		background: url(../img/story02-sp.jpg) no-repeat center;background-size: cover;
		animation: fade-bg 9s linear infinite;
	}
	section#story .imgband::after {
		background: url(../img/story03-sp.jpg) no-repeat center;background-size: cover;
		animation: fade-bg2 9s linear infinite;
	}
	section#story .wrap {position: relative;top: 0;}
	section#story h1 {
		width: 92px;height: 34px;
		top: 80px;left: calc(50% - 46px);
	}
	section#story p {
		padding: 170px 30px 60px;margin: 0;
		position: relative;left: 0;
		font-size: 22px;
	}
	section#story p br {display: none;}
	section#story p span {display: block;min-height: 1em;}
	.pc_movie {display: none;}
	section#story .nineImgs {
		background:url(../img/story05-sp.jpg) no-repeat center center / cover;
		height:375px;
		position: relative;
	}
	section#story .nineImgs:before {
		display: none;
	}
	section#story .nineImgs #movie_sp1 {
		position:absolute;
		left:0;
		top:0;
		width:50%;
		height:50%;
		display: block;
	}
	section#story .nineImgs #movie_sp2 {
		position:absolute;
		right:0;
		bottom:0;
		top:auto;
		width:50%;
		height:50%;
		display: block;
	}
	section#character ul {overflow: hidden;margin: 0 75px;}
	section#character ul li {width: 100%;float: none;margin: 0 0 20px;}
	section#character ul li.back {display: none;}
	.modal-overlay {
		z-index: 10001;position: fixed;top: 0;left: 0;
		display: none;width: 100%;height: 120%;
		background: rgba(0,0,0,.9);
	}
	.modal-content {
		z-index: 10002;position: fixed;
		display: none;max-width: 750px;max-height: 560px;min-height: 300px;
		border: solid 10px #212121;margin: 0 0 124px;
	}
	.modal-content.men {background: #004ea2}
	.modal-content.women {background: #d187bb}
	.modal-content button.modal-cl {
		background: url(../img/icon/close@2x.png) no-repeat center;background-size: 194px;
		border:none;box-shadow: none;cursor: pointer;
		width: 194px;height: 54px;padding: 54px 0 0;box-sizing: border-box;
		position: absolute;right: -100%;left: -100%;bottom: -124px;margin: 0 auto;
	}
	.modal-content.chara button.modal-cl {bottom: 35px;}
	.modal-content.chara a.arrow {
		width: 62px;height: 56px;
		background: url(../img/icon/arrow2.svg) no-repeat;
		background-size: 62px 56px;background-position: center;
		cursor: pointer;
		display: block;position: fixed;top: 40px;margin: 0 auto;
		left: 30px;
	}
/*	#character6 .charaBox a.arrow ,
	#character7 .charaBox a.arrow ,
	#character8 .charaBox a.arrow {
		top: 277px;
	}
*/	.modal-content.chara a.arrow.next {right: 30px;left: auto;}
	.modal-content.chara a.arrow::before {display: none;}
	.modal-content.chara a.arrow.next {
		transform: rotate3d(0, 1, 0, 180deg);
	}
	.modal-content.chara {
		z-index: 10002;position: fixed;top: 0;bottom: 0;left: 0;right: 0;overflow-y: scroll;overflow-x: auto;
		display: none;min-width: auto;max-height: none;max-width: none;width: auto;
		border: none;text-align: center;margin: 0;
		color: #fff;
	}
	.modal-content.chara .box {
		position: relative;left: 0;top: 0;
		width: 100%;min-width: 750px;max-width: 750px;
		padding: 0 0 124px;margin: 0 auto;
	}
	.modal-content .charaBox {
		padding-top:30px !important;
		flex-wrap: wrap;
		width:100%;
	}
	.modal-content .charaBox .imgBox {
	float: none;margin: 30px 0;
	text-align: center;
	width:100%;
	}
	.modal-content .charaBox .imgBox img {
		margin-left:0 !important;
	}
	.modal-content .charaBox .text {
		padding-top:120px;
		position: relative;width: auto;margin: 0 auto !important;
		text-align: left;bottom: auto;right: auto;
		width:680px;
	}
	.modal-content .charaBox .imgBox + .text {
		padding-top:0;
	}

	.modal-content .charaBox .text.short {bottom: auto;}
	.modal-content .castBox .text h2 span {font-size: 22px;display: inline-block;text-indent: 1em;}
	.modal-content .charaBox .text p ,
	.modal-content .castBox .text p {font-size: 22px;margin: 25px 0 0;}
	.modal-content .charaBox .text p strong {font-size: 26px;}
	.modal-content .charaBox .imgBox2 {
		display: flex;
		justify-content: space-between;
	}
	.modal-content .castBox {
		border: solid 2px #fff;overflow: hidden;
		margin: 60px 30px 0;padding: 60px 30px;
	}
	.modal-content .castBox .imgBox {
		float: none;margin: 0 auto 40px;
	}
	#character6 .charaBox .imgBox {
		width: calc(100% - 60px);float: none;margin:0 30px;
	}
	#character7 .charaBox .imgBox {
		width: calc(100% - 60px);float: none;margin:0 30px;
	}
	#character8 .charaBox .imgBox {
		width: calc(100% - 60px);float: none;margin:0 30px;
	}

	.modal-content .castBox .text {width: auto;float: none;margin: 0;}
	.modal-content.chara .box .specialBox {margin: 70px 30px;}
	.modal-content.chara .box .specialBox p {
		font-size: 24px;line-height: 2.1;
		margin: 0 0 60px;
	}

	section#staff .wrap {position: relative;}
	section#staff h1 {
		width: 88px;height: 25px;
		position: absolute;top: 70px;left: 50%;
		transform: translateX(-50%);
	}
	section#staff dl {margin: 0 30px 70px 30px;padding: 320px 0 0;}
	section#staff dl div {overflow: hidden;margin: 0 0 10px;}
	section#staff dl div dt ,
	section#staff dl div dd {display: inline-block;font-size: 24px;line-height: 2;}
	section#staff dl div dt::after {content: " ：";}
	section#staff dl div.big {margin: 0 0 25px;}
	section#staff dl div.big dt ,
	section#staff dl div.big dd {font-size: 28px;}
	section#staff dl div dd {color: #004ea2;}
	section#staff .wrap .twobox {overflow: hidden;}
	section#staff .movie {
		position: absolute;top: 100px;right: 0;
		width: 734px;height: 734px;border: solid 12px #fff;border-radius: 50%;
		float: left;background: #004ea2;transform: translateX(200px);
	}
	section#staff .wrap::after {
		content: "";display: block;width: 399px;height: 400px;
		position: absolute;top: 850px;right: 0;
		background: url(../img/staff01-sp.png) no-repeat;
		background-size: 100%;
	}
	section#staff .wrap #movie_sp3 {
		display: block;
		position: absolute;top: 950px;right: -1px;
		width:400px;
		height:200px;
		z-index:10;
	}
	section#music .img01 {
		width: 100%;height: 452px;
		background: url(../img/music-sp.png) no-repeat;
		background-size: 100%;
	}
	section#music .img02 {
		width: 100%;height: 650px;
		background: url(../img/music_jk_josee.jpg) no-repeat;
		background-size: 100%;
	}
	section#music .img03 {
		width: 100%;height: 650px;
		background: url(../img/music_jk_tsujo.jpg) no-repeat;
		background-size: 100%;
	}
	section#music .img04 {
		width: 90%;height: 320px;
		background: url(../news/images/201104_2.jpg) no-repeat;
		background-size: 100%;
		display: block;
	}	
	section#music img {display: none;}
	section#music .jk {display: none;}
	section#music .jkT {width: 100%; float: none;}
	section#music p {margin: 50px 30px;font-size: 22px;}
	section#music div.comment {
		margin: 50px 30px;
		padding: 30px 30px 40px;
	}
	section.lead {
		width: 100%;height: 200px;position: relative;
		background: url(../img/news_top-sp.jpg) no-repeat center;
		background-size: cover;
	}
	section.lead.special {
		background: url(../img/special_top-sp.jpg) no-repeat center;
		background-size: cover;
	}
	section.lead .logo {
		width: 366px;height: 111px;
		background: url(../img/icon/logo2.png) no-repeat;
		background-size: 100%;
		position: absolute;z-index: 10;top: 50%;left: 50%;
		transform: translate(-50%,-50%);
	}
	section.lead .roadshow {
		width: 124px;height: 81px;
		position: absolute;bottom: 15px;left: 15px;z-index: 10;
	}
	section#news {
		display: block;
		position: relative;
		width: auto;margin: 75px auto;
	}
	section#news h2{position: relative;width: auto;text-align: center;margin: 0 0 60px;}
	section#news h2 img {width: 85px;}
	section#news article {width: auto;margin: 0 30px;}
	section#special {width: auto;margin: 0 auto;}
	section#special h2{text-align: center;margin: 68px 0 60px;}
	section#special h2 img {width: 119px;}
	section#special article {width: auto;margin: 0 30px; padding-bottom: 40px;}
	#articlein h4 {font-size: 34px;color: #004ea2;text-align: center;margin: 0 0 50px;}
	section#special ul {overflow: hidden;}
	section#special ul li {width: 320px;float: left;margin: 0 10px 50px;font-size: 24px;line-height: 1.5em; }
	section#special ul li:nth-of-type(3n - 1) {margin: 0 10px 50px;}
	section#special ul li img {width: 100%;height: auto;border-radius: 20px;border:solid 1px #666;}
	ul#newsList {width: 100%;}
	ul#newsList li {
		border-top: 1px solid #000;
		width: 100%;
	}
	ul#newsList li:last-child{border-bottom: 1px solid #000;}
	ul#newsList a{
		display: -webkit-box;display: -ms-flexbox;display: flex;
		text-decoration: none;
		padding: 56px 0;position: relative;
	}
	ul#newsList a:before{
		content: "";background-color: #004ea2;z-index: 0;
		height: 50%;width: 0;
		position: absolute;top: 0;left: 0;
		transition: width .6s cubic-bezier(0.16, 1, 0.3, 1);
	}
	ul#newsList a:after{
		content: "";background-color: #004ea2;z-index: 0;
		height: 50%;width: 0;
		position: absolute;bottom: 0;right: 0;
		transition: width .6s cubic-bezier(0.16, 1, 0.3, 1); 
	}
	ul#newsList a:hover:before,
	ul#newsList a:hover:after{width: 100%;}
	ul#newsList a p.newsDate{
		font-size: 20px;
		width: 163px;display: block;z-index: 1;
		transition: color .3s ease-in-out;
	}
	ul#newsList a p.newsTitle{
		color: #000;font-size: 24px;line-height: 1;
		margin-top: -1px;
		overflow: hidden;
		position: relative;
		text-overflow: ellipsis;white-space: nowrap;
		width: calc(100% - 163px);display: block;
		transition: color .3s ease-in-out;
		z-index: 1;
	}
	ul#newsList a p.newsTitle br{display: none;}
	ul#newsList a:hover p.newsDate,
	ul#newsList a:hover p.newsTitle{color: #fff;}
	section#news a.back {
		color: #000;position: absolute;top: 45px;left: 30px;
		font-size: 24px;padding: 0 0 5px;display: inline-block;
		border-bottom: solid 1px #004ea2;
	}
	.posNew {
		color: #000;position: absolute;top: 490px;left: 320px;
		font-size: 24px;padding: 0 0 5px;display: inline-block;
		border-bottom: solid 1px #004ea2;
	}	
	#newsSingle h3 {margin: 0 0 60px;overflow: hidden;}
	#newsSingle p.text {width: auto;float: none;padding: 50px 0 0;border-top: none;position: relative;}
	#newsSingle p.text::before {
		content: "";width: 507px;height: 1px;background: #000;display: block;
		position: absolute;top: 0;right: 0;
	}
	#newsSingle p.newsThumb {width: auto;float: none;text-align: center;vertical-align: middle;}
	#newsSingle p.newsThumb img {width: auto;height: auto;}
	#newsSingle h3 span.newsDate ,
	#newsSingle h3 span.newsTitle {display: block;font-size: 20px;}
	#newsSingle h3 span.newsDate {line-height: 1;margin: 0 0 20px;}
	#newsSingle h3 span.newsTitle {line-height: 1.75;font-size: 24px;}
	#newsSingleContent p {font-size: 24px;line-height: 1.833;}
	#newsSingleContent p {margin: 0 0 50px;}
	#newsSingleContent p a {font-size: 24px;line-height: 2.125;}
	#pmvin {min-width: 100%;min-height:100%;}
	#pmvNWrap {width: 100%;}
	#pmvNav {
		height:50px;width:640px;
	}
	#pmvNav li a {
		height:50px;
		line-height: 48px;font-size: 20px;
	}
	#pmvbox {
		width:640px;height:360px;
	}
	#pmvbox iframe {
		width:640px;height:360px;
	}
	#commentModalin {min-width:640px;}
	.comments {width:580px;}
	.comments h3 {
		font-size:24px;
		margin-bottom:20px;
	}
	.comments p {
		font-size:22px;
		line-height:40px;
	}
	.modalClose a {
		background: url(../images/btn_close.png) no-repeat center center / cover;
	}
	#commentBnr {
		position: absolute;
		top: 130px;right: 115px;
		padding:0 0 35px;
		width:520px;
	}
	#sub #commentBnr {
		display:none;
	}
	#startBnr {
		padding:0 0 35px;
		width:520px;
		margin:0 auto;
	}
	#sub #startBnr {
		display:none;
	}
	.toComment {
		pointer-events:auto;
		display:block;
	}
	.newsIncommentWrap {
		padding: 30px 30px 0px;
		border: 2px solid #000;
		margin-bottom:30px;
	}
	
	.newsImageNone {
		display: none;
	}
	.spMap {
		width: 580px;
		margin: 0 auto;
	}
	.newsImageNonePC {
		display: block;
		margin: 0 auto;
	}
	.billing {
		width: 640px;
		margin: 0 auto;
	}
	.mTitle {
	color:#004ea2;
	font-weight: bold;
	text-align: center;
	font-size: 34px;
	line-height: 2em;
}
	.spM {
		display: block;
		text-align: center;
	}
	
section#lead .icon1 {
	width: 120px;height: 120px;
	position: absolute;top: 500px;left:620px;z-index: 10;
}
section#lead .icon2 {
	width: 120px;height: 120px;
	position: absolute;left: 620px;top:630px;z-index: 10;
}
	
}
#loading {
	position: fixed;
	z-index:999999;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:#FFF;
}
#phw {
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:rgba(255,255,255,.75);
	z-index:20000;
	overflow:auto;
}
#phwin {
	position: absolute;
	min-width: 1200px;
	height:620px;
	width:100%;
	height:100%;
}
#phwin_p {
	position:absolute;
	left:100px;
	right:100px;
	top:25px;
	bottom:25px;
	background:url("../special/img/210101.png") no-repeat center center / contain;
}
#phwClose {
	position: absolute;
	right: 50px;
	top: 50px;
	z-index:500;
}
#phwClose a {
	display: block;
	height: 50px;
	width: 50px;
	background: url(../images/btn_close.png) no-repeat center center / cover;
	transition:all 0.3s ease;
}
#phwClose a:hover {
	transform:scale(1.2);
}
@media (max-width: 770px) {
	#phwin {
		position: absolute;
		width:100%;
		min-height:100%;
		min-width:100%;
	}
	#phwin_p {
		position:absolute;
		top:80px;
		bottom:80px;
		left:0px;
		right:0px;
		background:url("../special/img/210101.png") no-repeat center center / contain;
	}
}

.opnionC {
	font-size: 22px;
	color: #0087FF;
}
.opnionS {
	font-size: 22px;
	color: #FFF;
}
#media {
	width:1000px;
	margin:0 auto 80px;

}
#media h2 {
	text-align:center;
	padding:40px;
}
#mediaNav {
	height:50px;
	width:100%;
	display: flex;
	border:1px solid #d6416e;
	border-radius: 5px;
	overflow: hidden;
	margin-bottom:40px;
}
#mediaNav li {
	height:50px;
	width:100%;
	border-right:1px solid #d6416e;
}
#mediaNav li:last-child {
	border:none;
}
#mediaNav li a {
	display: block;
	height:50px;
	text-align: center;
	line-height: 50px;
	font-weight: bold;
	color:#d6416e;
	text-decoration: none;
	transition:all 0.3s ease;
	font-size: 16px;
}
#mediaNav li a:hover,
#mediaNav li a.active {
	background:#d6416e;
	color:#FFF;
}

#mediaNav2 {
	height:70px;
	width:100%;
	display: flex;
	border:1px solid #d6416e;
	border-radius: 5px;
	overflow: hidden;
	margin-bottom:40px;
}
#mediaNav2 li {
	height:70px;
	width:100%;
	border-right:1px solid #d6416e;
}
#mediaNav2 li:last-child {
	border:none;
}
#mediaNav2 li a {
	display: block;
	height:70px;
	text-align: center;
	line-height: 20px;
	font-weight: bold;
	color:#d6416e;
	text-decoration: none;
	transition:all 0.3s ease;
}
#mediaNav2 li a:hover,
#mediaNav2 li a.active {
	background:#d6416e;
	color:#FFF;
}


#media h3 {
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	color:#d6416e;
	margin-bottom:30px;
}
#media article {
	display: none;
}
#media article#gentei {
	display: block;
}
#media article table {
	width:100%;
	border:1px solid #d6416e;
	border-radius: 5px;
}
#media article table th {
	height:40px;
	line-height:40px;
	text-align: center;
	font-weight: bold;
	color:#FFF;
	background:#d6416e;
}
#media article table td {
	padding:10px 15px;
	border:1px solid #d6416e;
	text-align: center;
}

#media article table td a {
	color: #d6416e;
}

@media (max-width: 770px) {
	#media {
		width:95%;
		font-size:24px;
	}
	#media h3 {
		font-size:28px;
	}
}
#goods {
	width:1000px;
	margin:0 auto 80px;
}
#goods h2 {
	text-align:center;
	padding:50px;
}

#goods p {
	font-size: 16px;
	text-align: center;
	padding-bottom: 30px;
	line-height: 2em;
}

.linkin a {
	color: #FF0056;
	text-decoration: underline;
}

#goodsList {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
#goodsList li {
	width:250px;
	margin-bottom:20px;
}
#goodsList li a {
	display: block;
	height: 100%;
	padding:10px;
	border-radius: 5px;
	transition:background 0.3s ease;
	box-sizing: border-box;
}
#goodsList li a:hover {
	background:rgba(214,65,110,0.1);
}
.goodsThumb {
	display: flex;
	justify-content: center;
	align-items: center;
	border:1px solid #d6416e;
	width:230px;
	height:230px;
	border-radius: 5px;
	overflow:hidden;
	margin-bottom:16px;
	background:#FFF;
	box-sizing: border-box;
}
.goodsThumb img {
	width:auto;
	height:auto;
	max-height: 100%;
	max-width: 100%;
	display: block;
}
#goodsList .goodsTitle {
	line-height:1.8;
	color: #d6416e;
	font-size:16px;
	word-break: break-all;
	padding-bottom: 10px;
}

.mediaTitle {
	line-height:1.8;
	color: #d6416e;
	font-size:16px;
	word-break: break-all;
	padding-bottom: 10px;
}

@media (max-width: 770px) {
	#goods {
		width:690px;
	}
	#goodsList {
		justify-content: space-between;
	}
	#goodsList li {
		width:330px;
	}
	#goodsList li a {
		padding:0 0 10px;
	}
	.goodsThumb {
		width:330px;
		height:330px;
	}
	#goodsList .goodsTitle {
		font-size:25px;
		padding-bottom:30px;
	}
	#mediaTitle {
		font-size:25px;
		padding-bottom:30px;
	}	
}
#goods article {
	padding-bottom:40px;
}
#goods article .goodsTitle {
	font-size:24px;
	font-weight: bold;
	line-height:1.9;
	border-bottom: 1px solid #d6416e;
	color: #d6416e;
	margin-bottom:36px;
}
#goods article .goodsImage {
	margin-bottom:20px;
}
#goods article .goodsImage img {
	max-width: 100%;
	height:auto;
}
#goods article .goodsText {
	font-size: 16px;
	color: #d6416e;
	padding-top:1em;
	padding-bottom:1em;
	word-break: break-all;
}

.mediaText {
	font-size: 16px;
	color: #d6416e;
	padding-top:1em;
	padding-bottom:1em;
	word-break: break-all;
	line-height: 2em;
}

#goods article li {
	margin-left:10px;
	list-style-type: disc;
	list-style-position: inside;
	color: #d6416e;
	font-size:16px;
	line-height: 1.9em;
}
.bttop {
	width:300px;
	height:50px;
	margin:0 auto 40px;
}
.bttop a {
	display: block;
	height:50px;
	border-radius: 5px;
	text-align: center;
	line-height: 50px;
	color:#FFF;
	background:#d6416e;
	font-size:16px;
	transition: all 0.3s ease;
}
.bttop a:hover {
	transform:scale(1.05);
}
@media (max-width: 770px) {
	#goods article .goodsTitle {
		font-size:32px;
	}
	#goods article .goodsText {
		font-size:25px;
		line-height:2;
	}
	#goods article li {
		font-size:25px;
		line-height:2;
	}
	
	.mediaText {
		font-size:25px;
		line-height:2;
	}
	
	.bttop {
	width:500px;
	height:80px;
	margin:0 auto 40px;
	}
	.bttop a {
		height:80px;
		font-size: 24px;
		line-height:80px;
	}
	
#goods p {
	font-size: 22px;
	text-align: center;
	padding-bottom: 30px;
	line-height: 2em;
}
	
	
.dlbox ul li {
	width: 300px;
	float: left;
	margin: 0 0 30px 30px;
}

.dlbox2 ul li {
	width: 140px;
	height: 220px;
	float: left;
	margin: 0 0 30px 25px;
}	
	
}

h6 {
	font-size: 22px;
	padding-bottom: 20px;
	color: #004ea2;
}

.btnDL {
	width: 99%;
	height: 30px;
	border: 2px solid #fff;
	line-height: 30px;
	margin: 10px 0 0;
}
.btnDL a {
	width: 100%;
	height: 100%;
	display: block;
}
.btnDL a:hover {
	width: 100%;
	height: 100%;
	background: #fff;
	color: #0092FF;
}
.roadshow a:hover {
	opacity: 0.5;
}