a {
	color: #0B7EF8;
}
a:hover {
	text-decoration:none;
}
::selection {background: #073389; color: #fff;}
::-moz-selection {background: #073389; color: #fff;}
body,html {
	width: 100%;
}
@keyframes animation-skater {
	from{
		transform:rotateY(0deg);
		-ms-transform:rotateY(0deg);
		-webkit-transform:rotateY(0deg);
		-moz-transform:rotateY(0deg);
		-o-transform:rotateY(0deg);
	}
	to{
		transform:rotateY(360deg);
		-ms-transform:rotateY(360deg);
		-webkit-transform:rotateY(360deg);
		-moz-transform:rotateY(360deg);
		-o-transform:rotateY(360deg);
	}
}
@keyframes animation-triple {
	0%{
		display: none;
        opacity: 0;
		padding-top:200px;
		transform:rotateY(0deg);
		-ms-transform:rotateY(0deg);
		-webkit-transform:rotateY(0deg);
		-moz-transform:rotateY(0deg);
		-o-transform:rotateY(0deg);
	}
	1% {
        display: block;
        opacity: 0;
    }
	100%{
		padding-top:0px;
		transform:rotateY(1080deg);
		-ms-transform:rotateY(1080deg);
		-webkit-transform:rotateY(1080deg);
		-moz-transform:rotateY(1080deg);
		-o-transform:rotateY(1080deg);
		display: block;
		opacity: 1;
	}
}
#nowloading {
	height: 72px;
	width: 34px;
	margin-left: -17px;
	position: absolute;
	left: 50%;
	top: 50%;
	animation: animation-skater 1s infinite linear;
	-moz-animateion: animation-skater 1s infinite linear;
	-webkit-animation: animation-skater 1s infinite linear;
	-o-animation: animation-skater 1s infinite linear;
	-ms-animation: animation-skater 1s infinite linear;
	background-color: #FFF;
}
#load {
	height: 100%;
	width: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	display: block;
	background-color: #FFF;
	z-index: 9999;
	background-image: url(../images/loadLogo.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#loadMovie {
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	height: 50%;
}
#loadLogoin {
	height: 82px;
	width: 266px;
	margin-top: -41px;
	margin-left: -133px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url(../images/loadLogo.gif);
	background-position: center center;
	background-size:contain;
}
#loadLogo {
	position: absolute;
	height: 50%;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #FFF;
}
#loadVideo {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
}
#yt {
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 999;
	display: block;
}
#ytin {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
#yt iframe {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	height: 100%;
	width: 100%;
}
#fullWrap {
	opacity: 0;
	min-width: 1200px;
	position: relative;
	max-width:1920px;
}
#fullWrap nav {
	background-image: url(../images/bgNav.gif);
	position: fixed;
	height: 80px;
	left: 0px;
	top: 0px;
	width: 100%;
	min-width: 1200px;
	z-index: 5000;
	max-width:1920px;
}
#navInner {
	height: 83px;
	width: 1126px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-image: url(../images/bgNavInner.jpg);
	background-repeat: repeat-x;
}
#navInner h1 {
	height: 39px;
	width: 111px;
	position: absolute;
	left: 46px;
	top: 17px;
}
#navInner a {
	display: block;
}
#navInner h1 a {
	background-image: url(../images/navLogo.png);
	display: block;
	height: 39px;
	width: 111px;
}

#navInner #mainNav {
	height: 80px;
	width: 1025px;
	position: absolute;
	left: 178px;
	top: 0px;
}
#mainNav li {
	display: block;
	float: left;
	height: 83px;
}
#mainNav li a {
	display: block;
	height: 80px;
	position: relative;
	overflow: hidden;
}
.nav1 a {
	background-image: url(../images/nav1.png);
	width: 54px;
}
.nav2 a {
	background-image: url(../images/nav2.png);
	width: 66px;
}
.nav3 a {
	background-image: url(../images/nav3.png);
	width: 121px;
}
.nav4 a {
	background-image: url(../images/nav4.png);
	width: 70px;
}
.nav5 a {
	background-image: url(../images/nav5.png);
	width: 101px;
}
.nav6 a {
	background-image: url(../images/nav6.png);
	width: 110px;
}
.nav7 a {
	background-image: url(../images/nav7.png);
	width: 69px;
}
.nav8 a {
	background-image: url(../images/nav8.png);
	width: 69px;
}
.nav9 a {
	background-image: url(../images/nav9.png);
	width: 72px;
}
.nav10 a {
	background-image: url(../images/nav10.png);
	width: 72px;
}
.nav11 a {
	background-image: url(../images/nav11.png);
	width: 92px;
	/*width: 52px;*/
}
.nav12 a {
	background-image: url(../images/nav12.png);
	width: 77px;
}
.ap {
	background-image: url(../images/iconAp.png);
	height: 18px;
	width: 11px;
	margin-left: -5px;
	position: absolute;
	left: 50%;
	display: block;
	transition: top 0.2s linear;
	-webkit-transition: top 0.2s linear;
	-moz-transition: top 0.2s linear;
	-o-transition: top 0.2s linear;
	-ms-transition: top 0.2s linear;
	top:-18px;
}
.ov {
	background-image: url(../images/iconOv.png);
	height: 23px;
	width: 46px;
	margin-left: -23px;
	position: absolute;
	left: 50%;
	display: block;
	transition: bottom 0.1s linear;
	-webkit-transition: bottom 0.1s cubic-bezier(0.79, 0, 1, 1);
	-moz-transition: bottom 0.1s cubic-bezier(0.79, 0, 1, 1);
	-o-transition: bottom 0.1s cubic-bezier(0.79, 0, 1, 1);
	-ms-transition: bottom 0.1s cubic-bezier(0.79, 0, 1, 1);
	bottom: -23px;
}
.active .ap {
	top:0px;
}
#mainNav li a:hover:not(.soon) .ov {
	bottom:0px;
}
#mainNav li a.soon {
	opacity:0.3;
	cursor:default;
}
#loadClose {
	height: 72px;
	width: 34px;
	position: absolute;
	top: 30px;
	right: 30px;
	z-index: 1001;
	display:block;
}
#loadClose a {
	background-image: url(../images/skater_text.png);
	background-position: center bottom;
	display: block;
	height: 72px;
	width: 34px;
	background-repeat: no-repeat;
}
#loadClose .skater {
	animation:animation-skater 1s infinite linear;
	-moz-animateion: animation-skater 1s infinite linear;
	-webkit-animation: animation-skater 1s infinite linear;
	-o-animation: animation-skater 1s infinite linear;
	-ms-animation: animation-skater 1s infinite linear;
}

.ef {
	opacity:0;
}
.efs {
	animation:animation-triple .9s 1 cubic-bezier(0.1, 0.71, 0.45, 0.99);
	-moz-animateion: animation-triple .9s 1 cubic-bezier(0.1, 0.71, 0.45, 0.99);
	-webkit-animation: animation-triple .9s 1 cubic-bezier(0.1, 0.71, 0.45, 0.99);
	-o-animation: animation-triple .9s 1 cubic-bezier(0.1, 0.71, 0.45, 0.99);
	-ms-animation: animation-triple .9s 1 cubic-bezier(0.1, 0.71, 0.45, 0.99);
	opacity:1;
}
#mainVisualbg {
	width: 100%;
	position: absolute;
	top: 250px;
	left: 0px;
	right: 0px;
	z-index: 507;
}
#mainVisual{
	width: 100%;
	position: absolute;
	top: 250px;
	left: 0px;
	right: 0px;
	z-index: 507;
	opacity: 1;
}

#mainBnr{
	width: 100%;
	position: absolute;
	top: 80px;
	left: 0px;
	background: #000;
	height: 180px;
	z-index: 599;
}

#mainBnr .area{
	width: 730px;
	position: relative;
	margin: 0 auto;
	padding-top: 15px;
}

#mainBnr a:hover img{
	opacity: 0.6;
}


#logoLine{
	width: 100%;
	position: absolute;
	top: 250px;
	left: 0px;
	right: 0px;
	z-index: 507;
}
#logoLinein {
	background-image: url(../images/logoLine.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 297px;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
}
#mainLogo {
	height: 158px;
	width: 588px;
	margin-top: -109px;
	margin-left: -294px;
	position: absolute;
	left: 50%;
	top: 50%;
}
#mainWrap {
	background-image: url(../images/mainMovieMask.png);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	height: 400px;
	margin-top: -200px;
	z-index: 505;
}
#mainMovie {
	overflow: hidden;
	height: 550px;
	padding-top: 220px;
}
#mainInner {
	padding-top: 200px;
}
#mainInnerIn {
	background-image: url(../images/iconYuriCenter.png),url(../images/bgMainInner.gif);
	background-repeat: no-repeat,repeat-y;
	background-position: center center,center top;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-attachment: fixed,scroll;
}
.contWrap {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#mainInnerIn section {
	position: relative;
}
#mainCatch {
	position: absolute;
	height: 551px;
	width: 482px;
	left: 37px;
	top: 0px;
	background-image: url(../images/mainCatch.png);
	background-repeat: no-repeat;
}
#mainNews {
	height: 1280px;
	background-image: url(../images/bgNews.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#mainIntro {
	background-image: url(../images/bgIntro.png);
	height: 1600px;
	background-repeat: no-repeat;
	background-position: center top;
}

#mainChara {
	background-image: url(../images/bgChara.png),url(../images/bgCharaMask.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 960px;
}
#mainCast {
	background-image: url(../images/bgCast.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 1620px;
}
#mainMov {
	background-image: url(../images/bgMovie.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 2470px;
}
#mainSns {
	height: 830px;
}
footer {
	background-color: #0B7EF8;
	background-image: url(../images/bgFooterMask.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 168px;
	position: relative;
}
.copyright {
	font-size: 12px;
	line-height: 35px;
	color: #FFF;
	text-align: center;
	height: 35px;
}
.ftBnr {
	width: 380px;
	position: absolute;
	top: 0px;
	right: 40px;
}
.ftBnr li {
	height: 33px;
	width: 178px;
	border: 1px solid #88C2FF;
	float: right;
	margin-left: 10px;
}
.ftBnr li a:hover {
	opacity:0.6;
}
.ftDog {
	text-align: center;
	padding-top: 80px;
	padding-bottom: 80px;
}
#bttop {
	background-image: url(../images/bgBttop.png);
	height: 194px;
	width: 260px;
	margin-left: -130px;
	position: absolute;
	left: 50%;
	top: -311px;
	padding-top: 117px;
	text-align: center;
}
#bttop a:hover {
	opacity:0.7;
}
#efN1 {
	height: 309px;
	width: 151px;
	position: absolute;
	left: 1049px;
	top: -315px;
}
.nov {
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	position:absolute;
}

#mainNews ul li .nov:hover a {
	transform:rotateY(360deg);
}

#mainNews ul li a {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	color: #FFF;
	text-decoration: none;
	background-position: center bottom;
	background-repeat: no-repeat;
	transition: transform 0.5s ease;
}
.date {
	font-size: 16px;
}
.text {
	font-size: 14px;
	line-height: 30px;
}
#news1 {
	position: absolute;
	height: 491px;
	width: 289px;
	left: 540px;
	top: -55px;
}
#news1 a {
	background-image: url(../images/efNewsLi1.png);
}
#news1 a .date {
	position: absolute;
	height: 40px;
	width: 190px;
	left: 57px;
	bottom: 189px;
}

#news1 a .text {
	width: 190px;
	position: absolute;
	height: 128px;
	left: 57px;
	bottom: 65px;
}
#news2 {
	position: absolute;
	height: 481px;
	width: 250px;
	left: 911px;
	top: 292px;
}
#news2 a {
	background-image: url(../images/efNewsLi2.png);
}
#news2 a .date {
	position: absolute;
	height: 40px;
	width: 190px;
	left: 15px;
	bottom: 174px;
}
#news2 a .text {
	width: 190px;
	position: absolute;
	height: 128px;
	left: 15px;
	bottom: 49px;
}
#news3 {
	position: absolute;
	height: 439px;
	width: 289px;
	left: 80px;
	top: 464px;
}
#news3 a {
	background-image: url(../images/efNewsLi3.png);
}
#news3 a .date {
	position: absolute;
	height: 40px;
	width: 190px;
	left: 57px;
	bottom: 134px;
}
#news3 a .text {
	width: 190px;
	position: absolute;
	height: 128px;
	left: 57px;
	bottom: 11px;
}
#btnNews {
	height: 46px;
	width: 156px;
	position: absolute;
	left: 685px;
	top: 1054px;
}
#btnNews a {
	background-image: url(../images/btnNews.gif);
	height: 46px;
	width: 156px;
	display: block;
}
#btnNews a:hover {
	background-position: center bottom;
}
#efN2 {
	position: absolute;
	height: 307px;
	width: 151px;
	left: 967px;
	top: 1117px;
}
#efI1 {
	height: 548px;
	width: 368px;
	position: absolute;
	left: 37px;
	top: -82px;
}
#efI2 {
	height: 418px;
	width: 228px;
	position: absolute;
	left: 578px;
	top: 201px;
}
#introText {
	background-image: url(../images/textIntro.png);
	position: absolute;
	height: 157px;
	width: 372px;
	left: 48px;
	top: 695px;
}
#introText2 {
	font-size: 14px;
	line-height: 34px;
	color: #248ef9;
	position: absolute;
	width: 400px;
	left: 48px;
	top: 902px;
}
#charaWrap {
	height: 850px;
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 55px;
}
.charaOnce {
	height: 850px;
	width: 1024px;
}
.charaImage {
	float: left;
	height: 850px;
	width: 486px;
	padding-left: 20px;
}
.charaRight {
	float: right;
	width: 370px;
	margin-top: 25px;
}
.charaImageSub {
	margin-bottom: 22px;
}
.charaDetail {
	margin-bottom: 10px;
}

.charaDetail_non {
	margin-bottom: 20px;
	margin-top: 0px;
}

.charaTextBold {
	font-size: 14px;
	line-height: 29px;
	font-weight: bold;
}
.charaTextNormal {
	font-size: 14px;
	line-height: 29px;
}

#charaSelect{
	width: 50px;
	margin-left: -95px;
	position: absolute;
	left: 50%;
	top: 80px;
	z-index: 510;
}
#charaSelect2 {
	width: 50px;
	margin-left: -25px;
	position: absolute;
	left: 50%;
	top: 80px;
	z-index: 510;
}
#charaSelect3{
	width: 50px;
	margin-left: 45px;
	position: absolute;
	left: 50%;
	top: 80px;
	z-index: 510;
}

#charaSelect li, #charaSelect2 li, #charaSelect3 li{
	margin-bottom: 20px;
}
#charaSelect li img, #charaSelect2 li img, #charaSelect3 li img{
	transition: transform 0.5s ease;
}
#charaSelect li:hover img, #charaSelect2 li:hover img, #charaSelect3 li:hover img{
	transform:rotateY(360deg);
}
#charaSelect li a, #charaSelect2 li a, #charaSelect3 li a{
	display: block;
	height: 50px;
	width: 50px;
}

#charaSelect4{
    position: absolute;
    left: 50%;
	top: 580px;
    -webkit-transform: translate(-95px, 0);
    transform: translate(-95px, 0);
	z-index: 510;
}
#charaSelect4 li{
    background-color: #FFF;
    -webkit-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#charaSelect4 li:not(:first-child){
    margin-top: 15px;
}
#charaSelect4 li:hover{
    background-color: #bddeff;
}

.ao {
	color:#248ef9;

}
.mizuiro {
	color:#63add8;
}

#csWrap {
	width: 390px;
	position: absolute;
	left: 700px;
	top: 77px;
}
#csWrap h2 {
	padding-bottom: 30px;
}
#csWrap dt {
	font-size: 16px;
	color: #808080;
	padding-bottom: 5px;
}
#csWrap dd {
	font-size: 20px;
	color: #248ef9;
	padding-bottom: 24px;
	vertical-align: middle;
}
#csWrap dl {
	padding-bottom: 30px;
}


#csWrap_2nd {
	width: 260px;
	position: absolute;
	left: 940px;
	top: 135px;
}
#csWrap_2nd h2 {
	padding-bottom: 30px;
}
#csWrap_2nd dt {
	font-size: 16px;
	color: #808080;
	padding-bottom: 5px;
}
#csWrap_2nd dd {
	font-size: 20px;
	color: #248ef9;
	padding-bottom: 24px;
}
#csWrap_2nd dl {
	padding-bottom: 30px;
}



#csWrap2 {
	width: 390px;
	position: absolute;
	left: 810px;
	top:830px;
}

#csWrap2 h2 {
	padding-bottom: 30px;
}
#csWrap2 dt {
	font-size: 16px;
	color: #808080;
	padding-bottom: 6px;
}
#csWrap2 dd {
	font-size: 20px;
	color: #248ef9;
	padding-bottom: 25px;
}
#csWrap2 dl {
	padding-bottom: 30px;
}

#efC1 {
	height: 599px;
	width: 347px;
	position: absolute;
	left: 401px;
	top: 881px;
}
#efC2 {
	position: absolute;
	height: 477px;
	width: 298px;
	left: 21px;
	top: 1134px;
}
#efM1 {
	position: absolute;
	height: 309px;
	width: 151px;
	left: 820px;
	top: 12px;
}
#efMLi1 {
	height: 486px;
	width: 719px;
	position: absolute;
	left: 46px;
	top: 252px;
}
#efMLi2 {
	height: 364px;
	width: 585px;
	position: absolute;
	left: 74px;
	top: 783px;
}
#efM2 {
	position: absolute;
	height: 418px;
	width: 228px;
	left: 111px;
	top: 1207px;
}
#efMLi1 img,#efMLi2 img {
	transition: transform 0.5s ease;
}
#efMLi1 .nov:hover img,#efMLi2 .nov:hover img {
	transform:rotateY(360deg);
}
#efS1 {
	position: absolute;
	height: 476px;
	width: 274px;
	left: 721px;
	top: 35px;
	z-index: 510;
}
#efS1 ul {
	width: 53px;
	position: absolute;
	top: 129px;
	right: -15px;
}
.snsList li {
	height: 53px;
	width: 53px;
	padding-bottom: 17px;
}
#efS2 {
	position: absolute;
	height: 634px;
	width: 347px;
	left: 47px;
	top: 146px;
	z-index: 510;
}
#efS2 ul {
	position: absolute;
	width: 53px;
	left: -26px;
	top: 345px;
}
.snsList a {
	display: block;
	height: 53px;
	width: 53px;
}
.snsList img {
	transition: transform 0.5s ease;
}
.snsList a:hover img {
	transform:rotateY(360deg);
}
#btnMovie {
	height: 46px;
	width: 156px;
	position: absolute;
	left: 556px;
	top: 1176px;
}
#btnMovie a {
	background-image: url(../images/btnMovie.gif);
	display: block;
	height: 46px;
	width: 156px;
}
#btnMovie a:hover {
	background-position: center bottom;
	opacity:1 !important;
}
#pixi {
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 506;
	pointer-events: none;
}
#myt {
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 9999;
	display: none;
	background-color: #000;
}
#mytin {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
#myt iframe {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	height: 100%;
	width: 100%;
}
#mloadClose {
	height: 72px;
	width: 34px;
	position: absolute;
	top: 30px;
	right: 30px;
	z-index: 1001;
	display:block;
}
#mloadClose a {
	background-image: url(../images/skater_text.png);
	background-position: center bottom;
	display: block;
	height: 72px;
	width: 34px;
	background-repeat: no-repeat;
}
#mloadClose .skater {
	animation:animation-skater 1s infinite linear;
	-moz-animateion: animation-skater 1s infinite linear;
	-webkit-animation: animation-skater 1s infinite linear;
	-o-animation: animation-skater 1s infinite linear;
	-ms-animation: animation-skater 1s infinite linear;
}

.c1 .charaTextBold {
	color: #248ef9;
}
.c2 .charaTextBold {
	/*color: #e10b25;*/
	color: #49bdbd;
}
.c3 .charaTextBold {
	/*color: #1a4fac;*/
	color: #edd904;
}

/*SUB*/
#subWrap {
	min-width:1200px;
	background-image:url(../images/iconYuriCenter.png);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
}
.particle {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 50000;
    width: 100%;
    height: 100%;
}
#subWrap nav {
	background-image: url(../images/bgNav.gif);
	height: 80px;
	width: 100%;
	min-width: 1200px;
	position:relative;
}
#subMovie {
	height: 395px;
	width: 100%;
	overflow: hidden;
	z-index: 0;
	position: absolute;
	min-width: 1200px;
	background-color: #000;
}
#movieMask {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-image: url(../images/movieMask.png);
}
#movieMask h2 {
	line-height: 395px;
	text-align: center;
}
#movieMask h2 img {
	vertical-align: middle;
}
#subCont {
	padding-top: 395px;
	position:relative;
}
.subNews {
	background-image: url(../images/bgSubpage.png);
	background-repeat: no-repeat;
	background-position: center 30px;
}
.subMovie {
	background-image: url(../images/bgSubMovie.png);
	background-repeat: no-repeat;
	background-position: center 0px;
}
.subSpecial {
	background-image: url(../images/bgSubSpecial.png);
	background-repeat: no-repeat;
	background-position: center 20px;
}
.subContWrap {
	background-image: url(../images/bgMainInner.gif);
	background-repeat: repeat-y;
	background-position: center top;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-attachment: scroll;
	width: 1074px;
	padding-top: 80px;
	padding-bottom: 320px;
}
#newsList li {
	height: 150px;
	width: 506px;
	margin-right: 62px;
	background-color: #0077F8;
	margin-bottom: 30px;
	float: left;
}
#newsList li:nth-child(2n){
	margin-right: 0px;
}
.newsThumb {
	background-position: center center;
	height: 150px;
	width: 150px;
	background-image: url(../images/newsThumb.jpg);
	float: left;
	background-size:cover;
	background-repeat:no-repeat;
}

#newsList dl {
	color: #FFF;
	padding-top: 20px;
	padding-left: 15px;
	float: left;
	width: 325px;
}
#newsList li a {
	display: block;
	text-decoration: none;
}
#newsList li a:hover {
	opacity:0.7;
}
#newsList dt {
	font-size: 16px;
	padding-bottom: 10px;
}
#newsList dd {
	font-size: 14px;
	line-height: 27px;
}
.paging{
	text-align: center;
	margin-top: 50px;
}
.paging a{
	padding: 5px 10px;
	color: #FFFFFF;
	text-decoration: none;
	margin-right: 5px;
	background-color: #0077F8;
}
.paging a:last-child{
	margin-right: 0;
}
.paging a:hover{
	opacity:0.7;
}
.paging .is-active{
    display: inline-block;
    margin-right: 5px;
    padding: 4px 10px;
    border:1px solid #0077F8;
}


.hdSns {
	background-image: url(../images/bgFtSns.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 40px;
	width: 135px;
	padding-left: 38px;
	position: absolute;
	bottom: -60px;
	right: 18px;
	z-index: 1200;
}
.hdSns li {
	height: 35px;
	width: 35px;
	padding-top: 5px;
	padding-left: 10px;
	float: left;
}
.hdSns a {
	height: 35px;
	width: 35px;
	display: block;
}
.hdSns a img {
	transition: transform 0.5s ease;
}
.hdSns a:hover img {
	transform:rotateY(360deg);
}
.detailDate {
	font-size: 16px;
	color: #0077f8;
}
.detailTitle {
	font-size: 24px;
	line-height: 35px;
	color: #0077f8;
	padding-top: 20px;
	padding-bottom: 50px;
	text-shadow: 2px 2px 4px rgba(255, 255, 255, 1),2px -2px 4px rgba(255, 255, 255, 1),-2px 2px 4px rgba(255, 255, 255, 1),-2px -2px 4px rgba(255, 255, 255, 1),2px 2px 4px rgba(255, 255, 255, 1),2px -2px 4px rgba(255, 255, 255, 1),-2px 2px 4px rgba(255, 255, 255, 1),-2px -2px 4px rgba(255, 255, 255, 1);

}
.detailText p {
	font-size: 16px;
	line-height: 34px;
	color: #333;
	padding-bottom: 35px;
}
.detailText {
	padding-bottom: 80px;
}
.btNews {
	text-align: center;
	clear:both;
}
#movieList li {
	height: 285px;
	width: 506px;
	margin-right: 62px;
	background-color: #0077F8;
	margin-bottom: 30px;
	float: left;
}
#movieList li:nth-child(2n){
	margin-right: 0px;
}
#lang {
	position: absolute;
	height: 40px;
	width: 45px;
	top: 19px;
	right: 0px;
}
#lang li {
	height: 16px;
	width: 45px;
	margin-bottom: 4px;
}
#lang a {
	display: block;
	height: 16px;
	width: 45px;
}
#lang a:hover {
	background-position:center center;
}
#lang a.active,#lang a:hover.active {
	background-position:center bottom;
}
.btnJa a {
	background-image: url(../images/btnLangJp.png);
}
.btnEn a {
	background-image: url(../images/btnLangEn.png);
}
#linemask {
	background-color: #FFF;
	height: 5px;
	position: absolute;
	left: 0px;
	top: -3px;
	right: 0px;
}
#yuriStartMask {
	margin-left: -2px;
	position: absolute;
	left: 50%;
	top: 0px;
}
#yuriMovie {
	height: 67px;
	width: 67px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 29px;
	padding-left: 83px;
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: -1;
	margin-top: -199px;
	margin-left: -76px;
}
#yuriMovieBox {
	height: 67px;
	width: 67px;
	border: 1px solid #FFF;
	border-radius: 34px;
	overflow: hidden;
	text-align: center;
	position: relative;
}
#yuriMovieBox video {
	maring-left: -20px;
	position: absolute;
	left: -27px;
	top: 0px;
}
.efo img {
	transition: transform 0.5s ease;
}
.efo:hover img {
	transform:rotateY(360deg);
}
#fade {
	background-color: #FFF;
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 50000;
}
#opfade {
	background-color: #FFF;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 600;
	display:none;
}
#startDate {
	height: 101px;
	width: 873px;
	margin-left: -436px;
	position: absolute;
	left: 50%;
	top: -80px;
}
#introMovie {
	height: 300px;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 50px;
	overflow: hidden;
}
#introVideo {
	position: absolute;
	width: 100%;
	left: 0px;
	right: 0px;
	top: -100px;
}
#btnAudio {
	position:absolute;
	bottom: -60px;
	right: 208px;
	z-index: 1200;
	width:35px;
	height:35px;
}
#btnAudio a {
	width:35px;
	height:35px;
	display:block;
}
#btnAudio a img {
	transition: transform 0.5s ease;
}
#btnAudio a:hover img {
	transform:rotateY(360deg);
}
#mainMov #mainSns .contWrap {
	height: 830px;
}
#mainMov .contWrap {
	height: 1640px;
}
#modalImage {
	background-color: rgba(0,0,0,0.7);
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 20000;
	display:none;
	cursor:pointer;
}
#modalImageIn {
	width: 800px;
	margin-left: -400px;
	position: absolute;
	left: 50%;
	top: 50%;
	text-align:center;
	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}
#modalClose {
	position: absolute;
	top: 30px;
	right: 30px;
	z-index: 20002;
	display:block;
}
#modalClose a {
	background-image: url(../images/skater_text.png);
	background-position: center bottom;
	display: block;
	background-repeat: no-repeat;
}
#modalClose .skater {
	animation:animation-skater 1s infinite linear;
	-moz-animateion: animation-skater 1s infinite linear;
	-webkit-animation: animation-skater 1s infinite linear;
	-o-animation: animation-skater 1s infinite linear;
	-ms-animation: animation-skater 1s infinite linear;
}

.specialThumb01 {
	background-position: center center;
	height: 150px;
	width: 150px;
	background-image: url(../images/specialThumb01.jpg);
	float: left;
	background-size:cover;
}

.specialThumb02 {
	background-position: center center;
	height: 150px;
	width: 150px;
	background-image: url(../images/specialThumb02.jpg);
	float: left;
	background-size:cover;
}
#csWrap dd a,
#csWrap_2nd dd a {
	line-height: 20px;
	color: #FFF;
	background-color: #0B7EF8;
	display: inline-block;
	height: 20px;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 10px;
	text-decoration: none;
	border-radius: 5px;
	vertical-align: 5px;
	margin-left: 15px;
}
#csWrap dd a:hover,
#csWrap_2nd dd a:hover {
	opacity:0.7;
}
#commWrap {
	padding: 30px;
	border: 1px solid #0B7EF8;
	background-color: #FFF;
}
#commWrap h1 {
	font-size: 16px;
	background-color: #0B7EF8;
	display: inline-block;
	height: 30px;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 30px;
	font-weight: bold;
	color: #FFF;
	margin-bottom: 30px;
}
#comment {
	background-color: transparent;
}
.packageLeft {
	float: left;
	width: 200px;
	padding-right: 30px;
}
.packageText {
	float:left;
	width:510px;
}
.packageText p {
	font-size: 16px;
	line-height: 34px;
	color: #333;
	padding-bottom: 35px;
}
.packageLeft img {
	margin-bottom: 25px;
}
.packageRight {
	float: left;
	width: 280px;
}
.packageRight .kbn {
	font-weight: bold;
	color: #0077F8;
	font-size: 13px;
	padding-bottom: 5px;
	text-shadow: 2px 2px 4px rgba(255, 255, 255, 1),2px -2px 4px rgba(255, 255, 255, 1),-2px 2px 4px rgba(255, 255, 255, 1),-2px -2px 4px rgba(255, 255, 255, 1),2px 2px 4px rgba(255, 255, 255, 1),2px -2px 4px rgba(255, 255, 255, 1),-2px 2px 4px rgba(255, 255, 255, 1),-2px -2px 4px rgba(255, 255, 255, 1);
}
.packageRight h4 {
	font-size: 20px;
	color: #0077F8;
	font-weight: bold;
	padding-bottom: 15px;
    text-shadow: 2px 2px 4px rgba(255, 255, 255, 1),2px -2px 4px rgba(255, 255, 255, 1),-2px 2px 4px rgba(255, 255, 255, 1),-2px -2px 4px rgba(255, 255, 255, 1),2px 2px 4px rgba(255, 255, 255, 1),2px -2px 4px rgba(255, 255, 255, 1),-2px 2px 4px rgba(255, 255, 255, 1),-2px -2px 4px rgba(255, 255, 255, 1);
}
.packageRight p {
	font-size: 15px;
	line-height: 28px;
	padding-bottom: 28px;
}
.packageDetailRight{
	width:510px;
	float:right;
}
.packageDetail {
	padding-bottom: 15px;
	margin-bottom:40px;
	border-bottom:dotted 1px #0B7EF8;
}
.packageRight h5 {
	font-size: 17px;
	height: 30px;
}
.discindex {
	padding-left: 20px;
}
.packageLeft a {
	font-size: 16px;
	line-height: 40px;
	color: #FFF;
	background-color: #0077F8;
	text-align: center;
	height: 40px;
	display: block;
	text-decoration: none;
	margin-bottom: 20px;
}
.packageLeft a:hover {
	opacity:0.7;
}
.packageText p img {
	margin:30px 0px;
}
.group {
	padding-bottom:80px;
}
.diaryList li {
	float: left;
	width: 350px;
	margin-right: 12px;
	margin-bottom: 25px;
}
.diaryList li:nth-child(3n) {
	margin-right:0px;
}
.diaryList li a {
	background-color: #0077F8;
	display: block;
	padding: 2px;
}
.diaryList li a:hover img {
	opacity:0.7;
}
.diaryList {
	padding-bottom: 80px;
}
.onairh3 {
	text-align: center;
	padding-bottom: 60px;
}
.onairh4 {
	font-size: 24px;
	font-weight: bold;
	color: #0B7EF8;
	text-align: center;
	padding-bottom: 50px;
}
.onairTable {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 80px;
}
.onairTable table {
	width: 100%;
}
.onairTable th {
	background-color: #0B7EF8;
	font-weight: bold;
	color: #FFF;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	font-size: 16px;
}
.onairTable td {
	font-size: 14px;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0B7EF8;
	background-color: #FFF;
}
#tp {
	background-color: transparent;
}
#shopList {
	padding: 25px;
	border: 1px solid #0B7EF8;
	background-color: #FFF;
}
#shopList img {
	margin: 5px;
	border: solid 1px #0B7EF8;
}
#shopList h1 {
	font-size: 20px;
	color: #0B7EF8;
	padding-bottom: 15px;
	font-weight: bold;
}

.diaryList li a {
	text-decoration:none;
}
.diaryList li img {
	width:100%;
}
.diaryList li a p {
	font-size: 14px;
	line-height: 22px;
	background-color: #FFF;
	text-decoration: none;
	text-align: center;
	padding-bottom: 44px;
	padding-top: 10px;
}
.detailTitleSub {
	font-size: 20px;
	color: #FFF;
	text-align: center;
	height: 40px;
	margin-bottom: 50px;
	line-height: 40px;
	background-color:#0077F8;
}
#bnr {
	position: absolute;
	left: 236px;
	top: 110px;
	z-index: 510;
}
#bnr a:hover {
	opacity:0.7;
}
#catTitle {
	font-size: 24px;
	font-weight: bold;
	color: #0077F8;
	text-align: center;
	padding-bottom: 50px;
}
.photocont {
	width:330px;
	float:left;
}
.photocont .photo {
	border: 1px solid #0077F8;
	padding:0px;
	display:block;
}
.photocont .photo img {
	padding:0px;
	margin:0px;
}
.goodstext {
    font-size: 16px;
    line-height: 34px;
    color: #333;
    padding-bottom: 35px;
}
.item_image {
	width: 66px;
	float: left;
}
.item_image img {
	width:64px;
}
.textcont{
	float:right;
	width:650px;
}
#mainImageCaption {
	padding-top:10px;
	text-align:center;
}
.b1 {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #0077F8;
	border-bottom-color: #0077F8;
}
.simpletitle {
	text-align: center;
	padding-top: 70px;
}


.goods-subttl {
	color: #0077f8;
	font-size: 24px;
	text-align: center;
}

.goods-pickups {
	width: 1074px;
	margin: 0 auto;
	padding-top: 70px;
	letter-spacing: -.4em;
	text-align: center;
}
.goods-pickups li {
	display: inline-block;
	margin: 15px 15px 0;
	letter-spacing: normal;
}
.goods-pickups a:hover {
	opacity: .6;
}

.goods-back {
	margin-top: 40px;
	text-align: center;
}
.goods-back a {
	display: inline-block;
	padding: 5px 10px;
	background-color: #0077F8;
	text-decoration: none;
	color: #fff;
}
.goods-back a:hover { opacity: 0.7; }

#goods-tags li{
    display: inline-block;
}

#goods-tags a{
    display: inline-block;
    padding:5px 10px 3px;
    text-decoration: none;
    font-size: 13px;
    line-height: 1;
}
#goods-tags a.is-active, #goods-tags a:hover{
    color:#FFF;
    background-color: #0077F8;
    border-radius: 4px;
}


#goodsList{
    margin-top: 40px;
}
#goodsList li {
	width: 249px;
	margin-right: 26px;
	min-height: 350px;
	margin-bottom: 30px;
	background-color: #BBDEFD;
	position: relative;
	float: left;
}
#goodsList li:nth-child(4n){
	margin-right:0px;
}

#goodsList li a {
	display: block;
	padding-top: 20px;
	color: #333;
	text-decoration: none;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
#goodsList li a:hover {
	opacity:0.7;
}
.goodsThumb {
	height: 210px;
	width: 210px;
	margin-right: auto;
	margin-left: auto;
}
#goodsList li dl {
	width: 210px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
#goodsList {
	padding-bottom: 50px;
}
#goodsModal {
	background-color: #FFF;
	height: 500px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	border: 2px solid #0077F8;
	box-sizing: border-box;
	padding: 30px;
	overflow: auto;
}
.thumbnail span {
	cursor:pointer;
}
#goodsLeft {
	float: left;
	width: 330px;
}
#goodsRight {
	float: right;
	width: 380px;
}
.goodsTitle {
	font-size: 24px;
	line-height: 35px;
	color: #0077f8;
	padding-bottom: 5px;
	text-shadow: 2px 2px 4px rgba(255, 255, 255, 1),2px -2px 4px rgba(255, 255, 255, 1),-2px 2px 4px rgba(255, 255, 255, 1),-2px -2px 4px rgba(255, 255, 255, 1),2px 2px 4px rgba(255, 255, 255, 1),2px -2px 4px rgba(255, 255, 255, 1),-2px 2px 4px rgba(255, 255, 255, 1),-2px -2px 4px rgba(255, 255, 255, 1);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0077F8;
	margin-bottom: 30px;

}
.shopLink img {
	border:solid 1px #0077F8;
	display:inline-block;
	margin-right:10px;
	margin-top:10px;
}
#countDown {
	position: fixed;
	top: 155px;
	right: 0px;
	z-index:1200;
}



/*--------------------------*/
/* [Blu-ray] */

#bluray .subContWrap{
    padding-top: 40px !important;
}

#bluray .tagList{
    padding-bottom: 20px;
}

.otherList{
    margin-bottom: 70px;
    text-align: center;
    letter-spacing: -0.4em;
}
.otherList li{
    display: inline-block;
    margin: 20px 0 0;
    vertical-align: top;
    letter-spacing: normal;
}
.otherList li:not(:first-child){
    margin-left: 15px;
}
.otherList img{
    opacity: 0;
    -webkit-transition:all 0.3s ease-out;
    transition:all 0.3s ease-out;
}
.otherList a:hover img, .otherList .is-active img{
    opacity: 1;
}
.otherList .tokuten{
    background: url('../images/btn_tokuten.jpg') no-repeat;
}

.bluray-wrapper .ttl{
    padding: 0 5px;
    font-size:20px;
    font-weight: bold;
    color:#0077f8;
    border-bottom: 1px dotted #0077f8;
}
.bluray-wrapper .sttl{
    font-size:14px;
    font-weight: bold;
    line-height: 1.7;
    color:#0077f8; 
}
.bluray-wrapper .txt{
    font-size:14px;
    line-height: 1.7;
}
.bluray-wrapper .borderbox{
    width:700px;
    margin-top: 10px;
    padding: 15px;
    background: rgba(30, 173, 251, 0.1);
}

#bluray-tokuten01 .txt{
    margin-top: 20px;
}
#bluray-tokuten01 .image{
    margin-top: 20px;
}

#bluray-tokuten02{
    margin-top: 70px;
}
#bluray-tokuten02 .blurayGoodsOne{
    margin-top: 20px;
}

#bluray .detailTitle{
    margin-bottom: 50px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #0077f8;
}

.bluray-shicho, .bluray-youtube{
    display: inline-block;
    vertical-align: top;
}
.bluray-shicho{
    margin-top: 5px;
    margin-right: 15px;
}
#discList{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
    margin-top: 40px;
	padding-bottom: 50px;
}
#discList li {
	width: 249px;
	margin-right: 26px;
	min-height: 330px;
	margin-bottom: 30px;
	background-color: #BBDEFD;
	position: relative;
	overflow: hidden;
}
#discList li:nth-child(4n){
	margin-right:0px;
}

#discList li a {
	display: block;
	height: 100%;
	padding-top: 20px;
	color: #333;
	text-decoration: none;
}
#discList li a:hover {
	opacity:0.7;
}
.discThumb {
	height: 210px;
	width: 210px;
	margin-right: auto;
	margin-left: auto;
}
#discList li dl {
	width: 210px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}



/*--------------------------*/
/* [STORY] */

#storyList{
	padding-bottom: 50px;
    letter-spacing: -0.4em;
    overflow: hidden;
}
#storyList li {
    display:inline-block;
	width: 340px;
    min-height: 270px;
	margin:0 27px 30px 0;
    letter-spacing: normal;
    vertical-align: top;
	background-color: #BBDEFD;
}
#storyList li:nth-child(3n){
	margin-right:0px;
}
#storyList a{
    display:block;
    padding: 19px;
    color: #333;
	text-decoration: none;
}
#storyList a:hover{
    opacity: 0.7;
}
#storyList .thumb{
	width: 302px; height: 170px;
    background-color:#FFF;
    background-size:cover;
    border:solid 1px #0B7EF8;
    box-sizing:border-box;
}
#storyList .txt{
	margin-top: 10px;
}

#storydetail #subWrap, #storydetail .subContWrap{
    background: none;
}
#storydetail #subCont{
    padding-top: 0;
}
#storydetail .detailText img{
    width:338px; height: auto;
	margin:10px;
}
.tagList {
	display:table;
	padding-bottom:30px;
	margin:0 auto;
}
.tagList li {
	padding:0px 10px;
	display:table-cell;
}
.tagList a {
	height: 40px;
	border: solid 1px #3F9BFA;
	text-decoration: none;
	color: #3F9BFA;
	padding:0 10px;
	line-height:40px;
	font-size:18px;
}
.tagList a:hover,.tagList a.active {
	background-color:#3F9BFA;
	color:#FFF;
}


/*--------------------------*/
/* [SPECIAL] */

#birthday-wrap{
    padding-bottom: 150px;
}

.birthdayOne:not(:first-child){
    margin-top: 100px;
}

.birthdayOne .sttl{
    padding-bottom: 10px;
    font-size:24px;
    color:#0077f8;
    text-shadow: 2px 2px 4px rgba(255, 255, 255, 1),2px -2px 4px rgba(255, 255, 255, 1),-2px 2px 4px rgba(255, 255, 255, 1),-2px -2px 4px rgba(255, 255, 255, 1),2px 2px 4px rgba(255, 255, 255, 1),2px -2px 4px rgba(255, 255, 255, 1),-2px 2px 4px rgba(255, 255, 255, 1),-2px -2px 4px rgba(255, 255, 255, 1);
    border-bottom: 1px dotted #0077f8;
}

.birthdayOne .wpbox{
    margin-top: 40px;
    overflow: hidden;
}
.birthdayOne .wpbox .imageArea{
    float: left;
    width:320px;
}
.birthdayOne .wpbox .btnsArea{
    float: left;
    width: 430px;
}
.birthdayOne .wpbox .wp_ttl{
    font-size:14px;
}
.birthdayOne .wpbox .wp_lst{
    position: relative;
    margin-top: 5px;
    overflow: hidden;
}
.birthdayOne .wpbox .wp_lst li{
    float:left;
    margin-left: 15px;
    margin-bottom: 15px; 
}
.birthdayOne .wpbox .wp_lst li:nth-child(3n+1){
    margin-left: 0;
}
.birthdayOne .wpbox .wp_lst a{
    display: block;
    width: 130px;
    padding: 5px 0;
    border-radius: 10px;
    border: 1px solid #0b7ef8;
    text-align: center;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.3);
    -webkit-transition: background-color 0.3s ease-out;
        -ms-transition: background-color 0.3s ease-out;
        transition: background-color 0.3s ease-out;
}
.birthdayOne .wpbox .wp_lst a:hover{
    background-color:#c0def1;
}

.birthdayOne .twiconbox{
    margin-top: 40px;
    overflow: hidden;
}
.birthdayOne .twiconbox li{
    float: left;
    width: 115px;
}
.birthdayOne .twiconbox li:not(:first-child){
    margin-left: 15px;
}
.birthdayOne .twiconbox img{
    width: 100%; height: auto;
}
.birthdayOne .twiconbox a{
    -webkit-transition: opacity 0.3s ease-out;
        -ms-transition: opacity 0.3s ease-out;
        transition: opacity 0.3s ease-out;
}
.birthdayOne .twiconbox a:hover{
    opacity: 0.8;
}

.btnAll{
    margin-top: 40px;
    text-align: center;
}
.btnAll a{
    display: inline-block;
    padding: 10px 100px;
    font-size: 20px;
    text-decoration: none;
    color:#FFF;
    background-color: #0b7ef8;
    border-radius: 10px;
    -webkit-transition: background-color 0.3s ease-out;
        -ms-transition: background-color 0.3s ease-out;
        transition: background-color 0.3s ease-out;
}
.btnAll a:hover{
    background-color:#10a0f9; 
}



/*--------------------------*/
/* [Event] */

#event-bnrs{
    letter-spacing: -0.4em;
}

#event-bnrs li{
    display: inline-block;
    width: 340px;
    margin-left: 27px;
    margin-bottom: 27px;
    letter-spacing: normal;
    vertical-align: top;
}
#event-bnrs li:nth-child(3n+1){
    margin-left: 0;
}

#event-bnrs .bnr{
    padding: 20px;
    background: #bbdefd;
    
    -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
}

#event-bnrs .bnr:hover{
    opacity: 0.8;
}

#event-bnrs a{
    color: #FFF;
    text-decoration: none;
}

#event-bnrs .image{
    border: 1px solid #0b7ef8;
}
#event-bnrs .image img{
    display: block;
    width: 100%; height: auto;
}

#event-bnrs .terms{
    width: auto;
    margin-top: 5px;
    padding: 5px 10px;
    font-size:14px;
    line-height: 1.5;
    font-weight: bold;
    background: #0b7ef8;
    color:#FFF;
    text-align: center;
}

#modalExtra {
	display: none;
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	min-width: 1200px;
	z-index: 20000;
}
#modalExtra #modalExtraLayer {
	position: fixed;
	top: 0; left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(40,93,123,.8);
	cursor: pointer;
}
#modalExtra #modalExtraIn {
	position: relative;
	width: 1000px;
	margin: 90px auto 0;
	background: #0B7EF8;
}
#modalExtra #share {
	margin-top: 20px;
	text-align: center;
	letter-spacing: -.4em;
}
#modalExtra #share li {
	display: inline-block;
	letter-spacing: normal;
}
#modalExtra #share li:not(:last-child) { margin-right: 20px; }
#modalExtra #share li a img { transition: transform 0.5s ease; }
#modalExtra #share li a:hover img { transform: rotateY(360deg); }
#modalExtra .close {
	position: absolute;
	top: -50px; right: -50px;
}



/*--------------------------*/
/* [common styles] */

.layout-table {
	border-left: 1px solid #0B7EF8;
	border-top: 1px solid #0B7EF8;
	text-align: center;
	background: rgba(255,255,255,.6)
}
.layout-table td {
	padding: 10px;
	border-right: 1px solid #0B7EF8;
	border-bottom: 1px solid #0B7EF8;
}


#fullWrap .hdSns,
#fullWrap #btnAudio {
bottom:-234px;
}