@charset "utf-8";

/*------------------------------------------------------------------------------
Date: 2016-01-17
Copyright (C) Osaka Science Museum. All Rights Reserved.
------------------------------------------------------------------------------*/

/* ----------------------------------------

MV

---------------------------------------- */
#mv,
#mv * {
	box-sizing: border-box;
}
#mv {
	max-width: 1500px;
	margin: 280px auto 0;
	background: #000;
	height: 538px;
	position: relative;
}
.mv_inner {
	background: url(../img/top/mv_renewal/mv_renewal_bg.jpg) no-repeat 50% 0;
	height: 538px;
	padding-top: 34px;
	padding-left: 5px;
}
#mv .mv_img_sp {
	display: none;
}
.mv_title {
	text-align: center;
}
.mv_date {
	display: block;
	margin: 20px auto 0;
}
.mv_tenji {
	position: absolute;
	top: 30px;
	right: 50%;
	margin-right: 237px;
}
.mv_tenji img:first-child {
	display: block;
	margin-bottom: 29px;
	margin-left: 11px;
}
.mv_tenji_txt {
	position: absolute;
    top: 58px;
    width: 277px;
    left: 43px;
    letter-spacing: .08em;
    line-height: 1.4;
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 22px;
}
.mv_tenji_img_lang {
	display: none;
}
.mv_planeta {
	position: absolute;
	top: 30px;
	left: 50%;
	margin-left: 247px;
}
.mv_planeta_img {
	display: block;
	margin-top: 29px;
	margin-left: 46px;
}
.mv_planeta_txt {
	position: absolute;
    top: 58px;
    width: 277px;
    left: 22px;
    letter-spacing: .08em;
    line-height: 1.4;
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 21px;
}
.mv_planeta_program {
	position: absolute;
	bottom: 62px;
	left: 50%;
	margin-left: 236px;
}
@media screen and (max-width:767px){
	#mv {
		width: 100%;
		margin: 49px auto 0;
		height: auto;
	}
	.mv_inner {
		background: url(../img/top/mv_renewal/mv_renewal_bg_sp.jpg) no-repeat 50% 50%;
		-webkit-background-size: cover;
		background-size: cover;
		height: 0;
		padding-top: 72.1333%;
	}
	#mv .mv_img_pc {
		display: none;
	}
	#mv .mv_img_sp {
		display: inline-block;
		vertical-align: top;
	}
	.mv_title {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 50%;
		text-align: center;
		padding: 0 10px;
	}
	.mv_date {
		margin-top: 1.4%;
		max-width: 54%;
	}
	.mv_tenji {
		top: 50%;
		height: 50%;
		width: 50%;
		margin-right: 0;
		text-align: center;
		padding: 0 2% 2.5% 2.5%;
	    text-align: right;
	}
	.mv_planeta {
		top: 50%;
		height: 50%;
		width: 50%;
		margin-left: 0;
		text-align: center;
		padding: 0 2.5% 2.5% 4.3%;
	    text-align: left;
	}
	.mv_tenji img {
		margin-bottom: 0;
		max-height: 100%;
		min-height: 80%;
		width: auto;
	}
	.mv_planeta img {
		margin-bottom: 0;
		max-height: 96%;
		width: auto;
	}
	.mv_tenji img:first-child {
		margin-left: 0;
		margin-bottom: 0;
		display: inline-block;
		vertical-align: top;
	}
	.mv_tenji .mv_img_sp,
	.mv_planeta .mv_img_sp {
		height: 100%;
		display: block !important;
	}
	.mv_planeta_program {
		margin-left: .5%;
		width: 24%;
		height: 50%;
		padding-bottom: 2.5%;
		bottom: 0;
	}
	.mv_planeta_program span {
	    display: block;
	    height: 100%;
	    position: relative;
	}
	.mv_planeta_program img {
		position: absolute !important;
		left: 0;
		bottom: 0;
		top: inherit !important;
		max-width: 90px;
		width: 100%;
	}
}
@media screen and (min-width:400px) and (max-width:767px){
	.mv_title {
		top: 3%;
	}
}
@media screen and (min-width:500px) and (max-width:767px){
	.mv_inner {
		height: 270px;
		padding-top: 0 !important;
	}
	.mv_title {
		top: 0;
	}
	.mv_tenji,
	.mv_planeta {
		padding-bottom: 1.5%;
	}
	.mv_planeta {
		padding-left: 3%;
	}
}



/* ----------------------------------------

MV 多言語

---------------------------------------- */
[lang="en"] .mv_inner {
	padding-top: 100px;
}
[lang="zh-cn"] .mv_inner,
[lang="ko"] .mv_inner {
	padding-top: 54px;
}
[lang="en"] .mv_date,
[lang="zh-cn"] .mv_date {
	margin-top: 30px;
}
[lang="ko"] .mv_date {
	margin-top: 33px;
}
[lang="en"] .mv_planeta_txt {
	font-size: 18px;
    line-height: 1.2;
    margin-top: -10px;
}

[lang="en"] .mv_tenji_img_ja,
[lang="zh-cn"] .mv_tenji_img_ja,
[lang="ko"] .mv_tenji_img_ja,
[lang="en"] .mv_planeta_img_ja,
[lang="zh-cn"] .mv_planeta_img_ja,
[lang="ko"] .mv_planeta_img_ja {
	display: none;
	margin-top: 40px;
}
[lang="en"] .mv_tenji_img_lang,
[lang="zh-cn"] .mv_tenji_img_lang,
[lang="ko"] .mv_tenji_img_lang,
[lang="en"] .mv_planeta_img_lang,
[lang="zh-cn"] .mv_planeta_img_lang,
[lang="ko"] .mv_planeta_img_lang {
	display: block;
	margin-top: 40px;
}

@media screen and (max-width:767px){
	[lang="en"] .mv_inner,
	[lang="zh-cn"] .mv_inner,
	[lang="ko"] .mv_inner {
		padding-top: 72.1333%;
	}
	[lang="en"] .mv_inner .mv_title {
		padding-top: 7%;
	}
	[lang="zh-cn"] .mv_inner .mv_title,
	[lang="ko"] .mv_inner .mv_title {
		padding-top: 3%;
	}
	[lang="en"] .mv_date,
	[lang="zh-cn"] .mv_date,
	[lang="ko"] .mv_date {
		margin-top: 1.4%;
	}
}
@media screen and (max-width:320px){
	[lang="en"] .mv_inner .mv_title {
		padding-top: 5%;
	}
	[lang="zh-cn"] .mv_inner .mv_title,
	[lang="ko"] .mv_inner .mv_title {
		padding-top: 0;
	}
}
@media screen and (min-width:500px) and (max-width:767px){
	[lang="en"] .mv_inner .mv_title {
		padding-top: 4%;
	}
}




/* ----------------------------------------

MV アニメーション

---------------------------------------- */
.mv_inner,
.mv_title,
.mv_tenji img,
.mv_tenji_txt,
.mv_planeta_txt,
.mv_planeta img,
.mv_planeta_program img,
.mv_star_wrap {
	opacity: 0;
}
.mv_tenji img,
.mv_tenji_txt,
.mv_planeta_txt,
.mv_planeta img,
.mv_planeta_program img {
	position: relative;
	top: 15px;
	-webkit-transition: top 1s .1s;
	-o-transition: top 1s .1s;
	transition: top 1s .1s;
}

.mv_planeta_txt,
.mv_tenji_txt {
	top: 73px;
	position: absolute;
}
@media screen and (max-width:767px){
	.mv_title img {
		position: relative;
		top: 15px;
	}
	.mv_planeta_program {
		-webkit-transition: bottom 1s .1s;
		-o-transition: bottom 1s .1s;
		transition: bottom 1s .1s;
		bottom: -15px;
	}
}

@media screen and (min-width:768px){
	a:hover .mv_tenji_img,
	a:hover .mv_planeta_img,
	.mv_planeta_program a:hover img {
		top: -15px !important;
	}
}


/* ----------------------------------------

MV 星

---------------------------------------- */
.mv_star_img {
	position: absolute;
}
.mv_star_img_l_small_01 {
	top: 25px;
	right: 50%;
	margin-right: 632px;
}
.mv_star_img_l_small_02 {
	top: 95px;
	right: 50%;
	margin-right: 652px;
}
.mv_star_img_l_small_03 {
	top: 105px;
	right: 50%;
	margin-right: 583px;
}
.mv_star_img_l_small_04 {
	top: 205px;
	right: 50%;
	margin-right: 693px;
}
.mv_star_img_l_small_05 {
	top: 325px;
	right: 50%;
	margin-right: 573px;
}
.mv_star_img_l_small_06 {
	top: 396px;
	right: 50%;
	margin-right: 564px;
}
.mv_star_img_l_small_07 {
	top: 406px;
	right: 50%;
	margin-right: 474px;
}
.mv_star_img_l_small_08 {
	top:  396px;
	right: 50%;
	margin-right: 464px;
}
.mv_star_img_l_small_09 {
	top:  476px;
	right: 50%;
	margin-right: 494px;
}
.mv_star_img_l_small_10 {
	top:  44px;
	right: 50%;
	margin-right: 223px;
}
.mv_star_img_l_small_11 {
	top:  175px;
	right: 50%;
	margin-right: 263px;
}
.mv_star_img_l_small_12 {
	top:  214px;
	right: 50%;
	margin-right: 373px;
}
.mv_star_img_l_small_13 {
	top:  336px;
	right: 50%;
	margin-right: 314px;
}
.mv_star_img_l_small_14 {
	top:  354px;
	right: 50%;
	margin-right: 252px;
}
.mv_star_img_l_small_15 {
	top:  476px;
	right: 50%;
	margin-right: 254px;
}
.mv_star_img_l_small_16 {
	top:  456px;
	right: 50%;
	margin-right: 144px;
}

.mv_star_img_l_medium_01 {
	top: -1px;
	right: 50%;
	margin-right: 566px;
}
.mv_star_img_l_medium_02 {
	top: 168px;
	right: 50%;
	margin-right: 526px;
}
.mv_star_img_l_medium_03 {
	top: 278px;
	right: 50%;
	margin-right: 646px;
}
.mv_star_img_l_medium_04 {
	top: 439px;
	right: 50%;
	margin-right: 656px;
}
.mv_star_img_l_medium_05 {
	top: 419px;
	right: 50%;
	margin-right: 567px;
}
.mv_star_img_l_medium_06 {
	top: 8px;
	right: 50%;
	margin-right: 226px;
}
.mv_star_img_l_medium_07 {
	top: 428px;
	right: 50%;
	margin-right: 276px;
}
.mv_star_img_l_medium_08 {
	top:  458px;
	right: 50%;
	margin-right: 106px;
}

.mv_star_img_l_big_01 {
	top: 159px;
	right: 50%;
	margin-right: 281px;
}
.mv_star_img_l_big_02 {
	top: 349px;
	right: 50%;
	margin-right: 461px;
}

.mv_star_img_r_small_01 {
	top: 45px;
	left: 50%;
	margin-left: 209px;
}
.mv_star_img_r_small_02 {
	top: 176px;
	left: 50%;
	margin-left: 251px;
}
.mv_star_img_r_small_03 {
	top: 216px;
	left: 50%;
	margin-left: 361px;
}
.mv_star_img_r_small_04 {
	top: 336px;
	left: 50%;
	margin-left: 301px;
}
.mv_star_img_r_small_05 {
	top: 356px;
	left: 50%;
	margin-left: 241px;
}
.mv_star_img_r_small_06 {
	top: 456px;
	left: 50%;
	margin-left: 131px;
}
.mv_star_img_r_small_07 {
	top: 475px;
	left: 50%;
	margin-left: 239px;
}
.mv_star_img_r_small_08 {
	top: 25px;
	left: 50%;
	margin-left: 619px;
}
.mv_star_img_r_small_09 {
	top: 104px;
	left: 50%;
	margin-left: 569px;
}
.mv_star_img_r_small_10 {
	top: 94px;
	left: 50%;
	margin-left: 639px;
}
.mv_star_img_r_small_11 {
	top:  176px;
	left: 50%;
	margin-left: 459px;
}
.mv_star_img_r_small_12 {
	top:  204px;
	left: 50%;
	margin-left: 679px;
}
.mv_star_img_r_small_13 {
	top:  326px;
	left: 50%;
	margin-left: 561px;
}
.mv_star_img_r_small_14 {
	top:  424px;
	left: 50%;
	margin-left: 509px;
}
.mv_star_img_r_small_15 {
	top:  424px;
	left: 50%;
	margin-left: 609px;
}
.mv_star_img_r_small_16 {
	top:  476px;
	left: 50%;
	margin-left: 481px;
}

.mv_star_img_r_medium_01 {
	top: 9px;
	left: 50%;
	margin-left: 216px;
}
.mv_star_img_r_medium_02 {
	top: -1px;
	left: 50%;
	margin-left: 555px;
}
.mv_star_img_r_medium_03 {
	top: 29px;
	left: 50%;
	margin-left: 675px;
}
.mv_star_img_r_medium_04 {
	top: 170px;
	left: 50%;
	margin-left: 516px;
}
.mv_star_img_r_medium_05 {
	top: 279px;
	left: 50%;
	margin-left: 636px;
}
.mv_star_img_r_medium_06 {
	top: 459px;
	left: 50%;
	margin-left: 46px;
}
.mv_star_img_r_medium_07 {
	top: 429px;
	left: 50%;
	margin-left: 246px;
}
.mv_star_img_r_medium_08 {
	top:  418px;
	left: 50%;
	margin-left: 555px;
}
.mv_star_img_r_medium_09 {
	top:  439px;
	left: 50%;
	margin-left: 645px;
}

.mv_star_img_r_big_01 {
	top: 412px;
	left: 50%;
	margin-left: 151px;
}
.mv_star_img_r_big_02 {
	top: 318px;
	left: 50%;
	margin-left: 542px;
}

@media screen and (max-width:767px){
	.mv_star_img {
		display: none;
	}
	.mv_star_img_small img {
		width: 14px;
		height: 14px;
	}
	.mv_star_img_medium img {
		width: 22px;
		height: 22px;
	}
	.mv_star_img_big img {
		width: 43px;
		height: 43px;
	}
	.mv_star_img_l_small_03,
	.mv_star_img_l_small_10,
	.mv_star_img_l_small_11,
	.mv_star_img_r_small_01,
	.mv_star_img_r_small_02,
	.mv_star_img_r_small_11,
	.mv_star_img_l_medium_01,
	.mv_star_img_l_medium_02,
	.mv_star_img_l_medium_05,
	.mv_star_img_l_medium_06,
	.mv_star_img_l_medium_07,
	.mv_star_img_l_medium_08,
	.mv_star_img_r_medium_01,
	.mv_star_img_r_medium_02,
	.mv_star_img_r_medium_04,
	.mv_star_img_r_medium_06,
	.mv_star_img_r_medium_07,
	.mv_star_img_r_medium_08,
	.mv_star_img_l_big_01,
	.mv_star_img_l_big_02,
	.mv_star_img_r_big_01,
	.mv_star_img_r_big_02 {
		display: inline-block;
		vertical-align: top;
		margin: 0;
	}
	.mv_star_img_l_small_10 {
		top: 3%;
		margin-right: 154px;
	}
	.mv_star_img_l_small_03 {
		top: 32%;
		margin-right: 164px;
	}
	.mv_star_img_l_small_11 {
		top: 41%;
		margin-right: 99px;
	}
	.mv_star_img_r_small_01 {
		top: 8%;
		margin-left: 129px;
	}
	.mv_star_img_r_small_02 {
		top: 37%;
		margin-left: 130px;
	}
	.mv_star_img_r_small_11 {
		top: 30%;
		margin-left: 166px;
	}
	.mv_star_img_l_medium_01 {
		top: 25%;
		margin-right: 170px;
	}
	.mv_star_img_l_medium_02 {
		top: 32%;
		margin-right: 100px;
	}
	.mv_star_img_l_medium_05 {
		top: inherit;
		bottom: 5px;
		margin-right: 170px;
	}
	.mv_star_img_l_medium_06 {
		top: 5%;
		margin-right: 135px;
	}
	.mv_star_img_l_medium_07 {
		top: inherit;
		bottom: 2%;
		margin-right: 65px;
	}
	.mv_star_img_l_medium_08 {
		top: inherit;
		bottom: 33%;
		margin-right: 20px;
	}
	.mv_star_img_r_medium_01 {
		top: 3%;
		margin-left: 111px;
	}
	.mv_star_img_r_medium_02 {
		top: .8%;
		margin-left: 161px;
	}
	.mv_star_img_r_medium_04 {
		top: 38%;
		margin-left: 112px;
	}
	.mv_star_img_r_medium_06 {
		top: 57%;
		margin-left: 22px;
	}
	.mv_star_img_r_medium_07 {
		top: 242px;
		margin-left: 166px;
	}
	.mv_star_img_r_medium_08 {
		top: 45%;
		margin-left: 166px;
	}
	.mv_star_img_l_big_01 {
		top: 56%;
		margin-right: 121px;
	}
	.mv_star_img_l_big_02 {
		top: inherit;
		bottom: 20%;
		margin-right: -4px;
	}
	.mv_star_img_r_big_01 {
		top: inherit;
		bottom: 20px;
		margin-left: 146px;
	}
	.mv_star_img_r_big_02 {
		top: inherit;
		bottom: 3px;
		margin-left: -8px;
	}
}

/* ----------------------------------------

MV 星 アニメーション

---------------------------------------- */
.mv_star_img_l_small_01 {
	animation: anim_star_1 3.5s infinite linear;
}
@keyframes anim_star_1 {
	0%   { transform: scale(1);}
	40%  { transform: scale(0);}
	60%  { transform: scale(0);}
	100% { transform: scale(1);}
}
.mv_star_img_l_medium_01,
.mv_star_img_r_small_01,
.mv_star_img_r_small_12 {
	animation: anim_star_2 6s infinite linear;
}
@keyframes anim_star_2 {
	0%   { transform: scale(0);}
	50%  { transform: scale(1);}
	80%  { transform: scale(0);}
	100% { transform: scale(0);}
}
.mv_star_img_l_small_02,
.mv_star_img_r_small_13 {
	animation: anim_star_3 4.5s infinite linear;
}
@keyframes anim_star_3 {
	0%   { transform: scale(0);}
	10%   { transform: scale(0);}
	65%  { transform: scale(1);}
	90%   { transform: scale(0);}
	100%   { transform: scale(0);}
}
.mv_star_img_l_small_03 {
	animation: anim_star_4 5s infinite linear;
}
@keyframes anim_star_4 {
	0%   { transform: scale(1);}
	50%  { transform: scale(0);}
	70%  { transform: scale(0);}
	100% { transform: scale(1);}
}
.mv_star_img_l_medium_02 {
	animation: anim_star_5 6s infinite linear;
}
@keyframes anim_star_5 {
	0%   { transform: scale(0);}
	20%   { transform: scale(0);}
	65%  { transform: scale(1);}
	90%   { transform: scale(0);}
	100%   { transform: scale(0);}
}
.mv_star_img_l_small_04 {
	animation: anim_star_6 5.5s infinite linear;
}
@keyframes anim_star_6 {
	0%   { transform: scale(1);}
	55%  { transform: scale(0);}
	75%  { transform: scale(0);}
	100%   { transform: scale(1);}
}

.mv_star_img_l_medium_03 {
	animation: anim_star_7 6s infinite linear;
}
@keyframes anim_star_7 {
	0%   { transform: scale(1);}
	20%   { transform: scale(0);}
	80%  { transform: scale(0);}
	100% { transform: scale(1);}
}
.mv_star_img_l_small_05,
.mv_star_img_r_medium_06 {
	animation: anim_star_8 6s infinite linear;
}
@keyframes anim_star_8 {
	0%   { transform: scale(0);}
	40%   { transform: scale(0);}
	65%  { transform: scale(1);}
	80%   { transform: scale(0);}
	100%   { transform: scale(0);}
}
.mv_star_img_l_medium_04,
.mv_star_img_r_medium_01 {
	animation: anim_star_9 4s infinite linear;
}
@keyframes anim_star_9 {
	0%   { transform: scale(1);}
	50%  { transform: scale(0);}
	70%  { transform: scale(0);}
	100% { transform: scale(1);}
}
.mv_star_img_l_medium_05 {
	animation: anim_star_10 4.5s infinite linear;
}
@keyframes anim_star_10 {
	0%   { transform: scale(0);}
	65%  { transform: scale(1);}
	100%   { transform: scale(0);}
}
.mv_star_img_l_small_06 {
	animation: anim_star_11 4s infinite linear;
}
@keyframes anim_star_11 {
	0%   { transform: scale(1);}
	80%  { transform: scale(0);}
	100% { transform: scale(1);}
}
.mv_star_img_l_big_02,
.mv_star_img_r_small_06 {
	animation: anim_star_12 7s infinite linear;
}
@keyframes anim_star_12 {
	0%   { transform: scale(.8);}
	20%  { transform: scale(0);}
	80%  { transform: scale(0);}
	100% { transform: scale(.8);}
}
.mv_star_img_l_small_07 {
	animation: anim_star_13 4s infinite linear;
}
@keyframes anim_star_13 {
	0%   { transform: scale(1);}
	60%  { transform: scale(0);}
	100% { transform: scale(1);}
}
.mv_star_img_l_small_08 {
	animation: anim_star_14 3.5s infinite linear;
}
@keyframes anim_star_14 {
	0%   { transform: scale(1);}
	30%  { transform: scale(0);}
	70%  { transform: scale(0);}
	100% { transform: scale(1);}
}
.mv_star_img_l_small_09 {
	animation: anim_star_15 4s infinite linear;
}
@keyframes anim_star_15 {
	0%   { transform: scale(1);}
	50%  { transform: scale(0);}
	100% { transform: scale(1);}
}
.mv_star_img_l_medium_06,
.mv_star_img_r_medium_05 {
	animation: anim_star_16 7s infinite linear;
}
@keyframes anim_star_16 {
	0%   { transform: scale(1);}
	20%  { transform: scale(0);}
	80%  { transform: scale(0);}
	100% { transform: scale(1);}
}
.mv_star_img_l_small_10,
.mv_star_img_r_medium_02 {
	animation: anim_star_17_1 7s infinite linear;
}
@keyframes anim_star_17_1 {
	0%   { transform: scale(0);}
	40%   { transform: scale(0);}
	65%  { transform: scale(.8);}
	80%  { transform: scale(0);}
	100% { transform: scale(0);}
}
.mv_star_img_l_small_12,
.mv_star_img_r_small_09 {
	animation: anim_star_16_2 4s infinite linear;
}
@keyframes anim_star_16_2 {
	0%   { transform: scale(1);}
	50%  { transform: scale(0);}
	100% { transform: scale(1);}
}
.mv_star_img_l_big_01,
.mv_star_img_r_small_02 {
	animation: anim_star_17_2 7s infinite linear;
}
@keyframes anim_star_17_2 {
	0%   { transform: scale(0);}
	35%   { transform: scale(0);}
	65%  { transform: scale(.8);}
	85%  { transform: scale(0);}
	100% { transform: scale(0);}
}
.mv_star_img_l_small_11,
.mv_star_img_r_big_01,
.mv_star_img_r_medium_03,
.mv_star_img_l_small_15 {
	animation: anim_star_18 6s infinite linear;
}
@keyframes anim_star_18 {
	0%   { transform: scale(0);}
	45%   { transform: scale(0);}
	70%  { transform: scale(.6);}
	90%   { transform: scale(0);}
	100%   { transform: scale(0);}
}
.mv_star_img_l_small_13 {
	animation: anim_star_19 4s infinite linear;
}
@keyframes anim_star_19 {
	0%   { transform: scale(0);}
	70%  { transform: scale(1);}
	100%   { transform: scale(0);}
}
.mv_star_img_l_small_14 {
	animation: anim_star_20_1 10s infinite linear;
}
@keyframes anim_star_20_1 {
	0%   { transform: scale(0);}
	5%   { transform: scale(0);}
	20%   { transform: scale(0);}
	65%  { transform: scale(1);}
	100% { transform: scale(0);}
}
.mv_star_img_l_small_15 {
	animation: anim_star_20_2 5s infinite linear;
}
@keyframes anim_star_20_2 {
	0%   { transform: scale(0);}
	70%  { transform: scale(.8);}
	100%   { transform: scale(0);}
}
.mv_star_img_l_medium_07,
.mv_star_img_r_small_11 {
	animation: anim_star_21_1 5s infinite linear;
}
@keyframes anim_star_21_1 {
	0%   { transform: scale(0);}
	30%   { transform: scale(0);}
	60%  { transform: scale(1);}
	100% { transform: scale(0);}
}
.mv_star_img_l_small_16 {
	animation: anim_star_19 3.5s infinite linear;
}
@keyframes anim_star_19 {
	0%   { transform: scale(0);}
	50%  { transform: scale(1);}
	80%  { transform: scale(0);}
	100% { transform: scale(0);}
}
.mv_star_img_l_medium_08 {
	animation: anim_star_20_3 7s infinite linear;
}
@keyframes anim_star_20_3 {
	0%   { transform: scale(0);}
	45%   { transform: scale(0);}
	65%  { transform: scale(1);}
	100% { transform: scale(0);}
}
.mv_star_img_r_medium_07 {
	animation: anim_star_21_2 4s infinite linear;
}
@keyframes anim_star_21_2 {
	0%   { transform: scale(0);}
	30%   { transform: scale(0);}
	60%  { transform: scale(1);}
	100% { transform: scale(0);}
}
.mv_star_img_r_small_03,
.mv_star_img_r_small_05,
.mv_star_img_r_small_08 {
	animation: anim_star_21_3 4s infinite linear;
}
@keyframes anim_star_21_3 {
	0%   { transform: scale(0);}
	30%   { transform: scale(0);}
	60%  { transform: scale(1);}
	100% { transform: scale(0);}
}
.mv_star_img_r_small_04,
.mv_star_img_r_small_10 {
	animation: anim_star_22 4s infinite linear;
}
@keyframes anim_star_22 {
	0%   { transform: scale(1);}
	20%   { transform: scale(0);}
	80%   { transform: scale(0);}
	100% { transform: scale(1);}
}
.mv_star_img_r_small_07,
.mv_star_img_r_medium_04 {
	animation: anim_star_23 6s infinite linear;
}
@keyframes anim_star_23 {
	0%   { transform: scale(1);}
	40%   { transform: scale(0);}
	50%   { transform: scale(0);}
	100% { transform: scale(1);}
}
.mv_star_img_r_big_02 {
	animation: anim_star_24 7s infinite linear;
}
@keyframes anim_star_24 {
	0%   { transform: scale(0);}
	35%   { transform: scale(0);}
	55%   { transform: scale(.8);}
	80% { transform: scale(0);}
	100% { transform: scale(0);}
}
.mv_star_img_r_medium_08 {
	animation: anim_star_25 8s infinite linear;
}
@keyframes anim_star_25 {
	0%   { transform: scale(1);}
	30%   { transform: scale(0);}
	90%   { transform: scale(0);}
	100% { transform: scale(1);}
}
.mv_star_img_r_small_14 {
	animation: anim_star_26 7s infinite linear;
}
@keyframes anim_star_26 {
	0%   { transform: scale(1);}
	10%   { transform: scale(0);}
	90%   { transform: scale(0);}
	100% { transform: scale(1);}
}
.mv_star_img_r_small_16 {
	animation: anim_star_27 3.5s infinite linear;
}
@keyframes anim_star_27 {
	0%   { transform: scale(1);}
	45%   { transform: scale(0);}
	65%   { transform: scale(0);}
	100% { transform: scale(1);}
}
.mv_star_img_r_small_15 {
	animation: anim_star_28 6s infinite linear;
}
@keyframes anim_star_28 {
	0%   { transform: scale(1);}
	30%   { transform: scale(0);}
	65%   { transform: scale(0);}
	100% { transform: scale(1);}
}
.mv_star_img_r_medium_09 {
	animation: anim_star_29 7s infinite linear;
}
@keyframes anim_star_29 {
	0%   { transform: scale(1);}
	30%   { transform: scale(0);}
	80%   { transform: scale(0);}
	100% { transform: scale(1);}
}



/* ----------------------------------------

content

---------------------------------------- */

#content {
	background-image: none;
	/*background: url(/files/img/common/bg_main_01.png) center -5px no-repeat;*/
	margin-top: -30px !important;
	position: relative;
	z-index: 100;
	min-width: inherit;
}

#contentInner {
/*	background-image: none;
	margin-bottom: 10px;
	padding-right: 0;
	padding-left: 0;*/
}

@media screen and (max-width:767px){
	#contentInner {
		margin-bottom: 2%;
	}
	#colorInner {
		margin-bottom: 30px;
	}
}

/* sp専用メニュー */
#content .spMv {
	display: none;
}

#main {
	float: left;
	width: 815px;
}

#sub {
	float: right;
}
#mainLeft {
	float: left;
	width: 260px;
}
#mainRight {
	float: right;
	width: 530px;
}

#main p img,
#main li img,
.subSec01 {
	margin-bottom: 10px;	
}
#main p img.mgb15 {
	margin-bottom: 15px;	
}

/* 残席状況 */
#seatInfo {
	background: #011a43;
	margin-bottom: 10px;
	padding: 0 10px 15px;	
}
#seatInfo table {
	width: 100%;
	font-size: 105%;
	background: #fff;
	margin-bottom: 0.7em;
	padding: 0 16px 15px;
	border-bottom: none;
}
#seatInfo table td {
	font-size: 11px;
	padding: 0.4em 0.3em;
	text-align: center;
}
#seatInfo table th {
	font-size: 73%;
	padding: 0.4em 0.3em;
	text-align: center;
}
#seatInfo table th:first-child{
	letter-spacing: 0em;
	white-space: nowrap;
	width:20%;
}
#seatInfo table th {
	color: #fff;
	background: #015db2;
	border-right: 1px solid #0a6fcb;
}
#seatInfo table th.time{

}
#seatInfo table td {
	padding: 0.3em 0 0.2em;
	border-right: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
}
#seatInfo table th:last-child,
#seatInfo table td:last-child {
	border-right: none;
}
#seatInfo table th:nth-child(2n) {
	width: 3em;
}
#seatInfo table td:last-child {
	text-align: left;
	padding-left: 0;
}
#seatInfo table tr:last-child td {
	border-bottom: none;
}
#seatInfo table tr.finish td {
	background: #dcdcdc;
}
#seatInfo table tr.finish td:first-child {
	width: 20%;
}
#seatInfo p {
	font-size: 84.7%;
	color: #f3f3f3;	
	text-align: right;
	margin-bottom: 0.5em;
}
#seatInfo dl {
	font-size: 90%;	
	color: #f3f3f3;	
}
#seatInfo dt {
	float: left;
	font-weight: 700;
	color: #bad6f0;
	width: 4.5em;
}
#seatInfo dd {
	margin-left: 4.6em;
}

#newsSec,
#eventSec {
	margin-bottom: 30px;
}
#newsSec h2,
#eventSec h2 {
	position: relative;
	font-size: 138.5%;
	font-weight: 700;
	padding-top: 0.5em;
	margin-bottom: 0.5em;
	letter-spacing: 0.05em;
	border-top: 4px solid #015db2;
	line-height: 1.4;
}
#newsSec h2 a img,
#eventSec h2 a img {
	position: absolute;
	top: 10px;
	right: 0;
}
.fa-stack {
	color: #015db2;
	margin-right: 0.5em;
}
.fa-small {
	font-size: 0.75em;
}
.fa-stack-1x {
	margin-top: 0.05em;
}


.scrollArea .viewport { width: 520px; height: 170px; overflow: hidden; position: relative; }
.scrollArea .overview { list-style: none; position: absolute; left: 0; top: 0; }
.scrollArea .thumb .end,
.scrollArea .thumb { background-color: #8b8b8b; }
.scrollArea .scrollbar { position: relative; float: right; width: 10px; z-index: 100;}
.scrollArea .track { background-color:#dcdcdc; height: 100%; width: 10px; position: relative; padding: 0; }
.scrollArea .thumb { height: 20px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
.scrollArea .thumb .end { overflow: hidden; height: 5px; width: 13px; }
.scrollArea .disable { display: none; }

#newsSec li {
	background-color: #eee;
	margin-bottom: 2px;
	-webkit-transition: background-color 0.2s linear;
	-o-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
}
#newsSec li:last-child {
	margin-bottom: 0;
}
#newsSec li:hover {
	background-color: #e1e1e1;
}
#newsSec li a {
	display: block;
	padding: 10px 15px;
	text-decoration: none;
	color: #333;
}
#newsSec li .date {
	float: right;
	display: block;
	font-size: 84.7%;
	color: #737373;
	width: 120px;
	margin: 0;
	padding: 0;
	text-align: right;
}
#newsSec li .title {
	float: left;
	display: block;
	width: 350px;
	margin: 0 2px 0 0;
	padding: 0 0 0 15px;
	background: url(/files/img/common/ico_arw_01_pc.png) no-repeat 0 0.45em;
	line-height: 1.4em;
}

#eventSec li {
	float: left;
	width: 172px;
	margin-right: 7px;
}
#eventSec li:last-child {
	margin-right: 0;
}
#eventSec li a {
	display: block !important;
	border: 1px solid #ccc;
	text-decoration: none;
	color: #333;
	padding-bottom: 10px;
}
#eventSec li .img {
	display: block;
	margin-bottom: 7px;
	text-align: center;
	line-height: 114px;
}
#eventSec li .img.noimage {
	background: #eee;
}
#eventSec li img {
	margin-bottom: 0;
	max-width: 100%;
	max-height: 116px;
	vertical-align: middle;
}
#eventSec li .title {
	display: block;
	line-height: 1.384;
	margin: 0 10px 3px;
	font-weight: 700;
	padding-left: 13px;
	background: url(/files/img/common/ico_arw_01_pc.png) no-repeat 0 0.45em;
}
#eventSec li .date {
	display: block;
	margin-left: 1em;
	line-height: 1.4;
	font-size: 84.7%;
	color: #737373;
}
#eventSec li.eventNo {
	width: 100%;
	height: 130px;
	font-size: 100%;
	text-align: left;
	margin-left: 15px; 
}

@media screen and (max-width:767px){
	#main {
		width: 100%;
		padding-top: 11px;
		padding-bottom: 0;
	}
	#sub {
		padding-bottom: 0;
	}
	#content {
		width: auto;
		margin: 0 auto !important;
		padding-top: 0;
		background-image: none;
	}
	#content .spMv {
		/*display: block;*/
	}
	#content .spMv img {
		width: 100%;
	}
	#mainLeft {
		float: none;
		width: auto;
	}
	#mainRight {
		float: none;
		width: auto;
	}
	#main p img,
	#main li img {
		margin: 0 auto;
		width: 100%;
	}
	.mainLeftBnrCal {
		margin-bottom: 10px;
	}
	.subSec01 h4 img {
		width: 100%;
		padding-bottom: 3px;
		background: #011a43;
	}
	.mainLeftBnrRole {
		margin-bottom: 10px;
	}
	.mainLeftBnr01:last-child {
		margin-bottom: 25px;
	}
	.mainLeftBnr01 li {
		margin-bottom: 10px;
	}
	#seatInfo {
		text-align: center;
		margin-bottom: 10px;
	}
	#seatInfo p,
	#seatInfo dl {
		text-align: left;
	}
	#seatInfo table th,
	#seatInfo table td {
		font-size: 100%;
	}

	#seatInfo table th:last-child,
	#seatInfo table td:last-child {
	  font-size: 12px;
	}

	#seatInfo table td:last-child {
		padding-left: 0.5em;
	}

	#seatInfo table th:nth-child(2n) {
		width: inherit;
	}
	
	.scrollArea .viewport { width: 100%; height: 200px; overflow: auto; position: relative; }
	.scrollArea .overview { position: relative;}
	.scrollArea .overview ul { padding-right: 5px;}
	.scrollArea .thumb .end,
	.scrollArea .thumb { background-color: #8b8b8b; }
	.scrollArea .scrollbar { display: none;}
	.scrollArea .track { background-color:#dcdcdc; height: 100%; width: 7px; position: relative; padding: 0; }
	.scrollArea .thumb { height: 20px; width: 7px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
	.scrollArea .thumb .end { overflow: hidden; height: 5px; width: 13px; }
	.scrollArea .disable { display: none; }
	.scrollArea ::-webkit-scrollbar { width: 8px;}
	.scrollArea ::-webkit-scrollbar-track { background: #dcdcdc;}
	.scrollArea ::-webkit-scrollbar-thumb,
	.scrollArea ::-webkit-scrollbar-thumb:window-inactive { background: #8b8b8b;}

	#newsSec,
	#eventSec {
		margin-bottom: 25px;
	}
	#newsSec h2,
	#eventSec h2 {
		font-size: 153.9%;
		margin-bottom: 10px;
	}

	#newsSec h2 a img,
	#eventSec h2 a img {
		width: 22%;
		top: 13px;
	}
	#newsSec .mainRightMore img,
	#eventSec .mainRightMore img {
		width: 64px;
		height: 20px;
	}
	#newsSec li {
		margin-bottom: 5px;
	}
	#newsSec li .title {
		width: auto;
		line-height: 1.4;
		background-position: 0 .4em;
	}
	#newsSec li .date {
		margin: 2px 0 0 15px;
		width: 9em;
	}
	#newsSec li a {
		padding: 7px 15px 6px;
	}
	#eventSec ul {
		width: 102%;
		margin: 0 -1%;
	}
	#eventSec li {
		float: left;
		width: 47.5%;
		margin: 0 1.25%;
	}
	#eventSec li.eventNo{
		height: 120px;
	}
	#eventSec li:nth-child(n + 3) {
		display: none;
	}
	#eventSec li a {
		padding: 0;
		width: 100%;
	}
	#eventSec li img {
		width: auto;
	}
	#eventSec li .title {
		margin: 8px;
	}
	#eventSec li .date {
		margin: 0 1.3em 1em 2.3em;
	}

	.mainRightAccess {
		margin-bottom: 20px;
	}
	

}


#spNav01 {
	margin-bottom: 2%;
}
#spNav01 li:first-child {
	float: left;
	width: 47.58%;
}
#spNav01 li:last-child {
	float: right;
	width: 51.03%;
}

.bnr4Sec {
	margin-bottom: 14px;
}
.bnr4Sec li {
	margin-bottom: 8px;
}
.bnr4Sec li:last-child {
	margin-bottom: 0;
}

/* twitter TL */
#twSec {
	position: relative;
	display: block;
	margin-bottom: 10px;
}
#twSec h4 img {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 99;
}
#twContentsWrap {
	padding: 5px 15px 13px;
	border: 1px solid #ccc;
	border-top: none;
}
ul#twTabNav {
	position: relative;
	width: 260px;
	height: 38px;
	background: #55acee;
}
ul#twTabNav li {
	position: absolute;
	top: 7px;
	height: 31px;
}
ul#twTabNav li#twTab01 {
	width: 65px;
	right: 88px;
}
ul#twTabNav li#twTab02 {
	width: 78px;
	right: 7px;
}
ul#twTabNav li a {
	display: block;
	height: 31px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/files/img/top/tab_twitter_sprite.png) 0 0 no-repeat;
}

ul#twTabNav li#twTab01 a:hover,
ul#twTabNav li#twTab01.active a { background-position: 0 -31px;}

ul#twTabNav li#twTab02 a { background-position: -68px 0;}
ul#twTabNav li#twTab02 a:hover,
ul#twTabNav li#twTab02.active a { background-position: -68px -31px;}

.twContents .twArea {
	height: 200px;
	overflow: hidden;
}

.bnr2Sec {
	margin-bottom: 14px;
}
.bnr2Sec li {
	float: left;
	margin-right: 8px;
}
.bnr2Sec li:last-child {
	margin-right: 0;
}

.bnr6Sec {
	margin-bottom: 20px;
}
.bnr6Sec li {
	float: left;
	margin: 0 7px 8px 0;
}
.bnr6Sec li:nth-child(3),
.bnr6Sec li:last-child {
	margin-right: 0;
}

@media screen and (max-width:767px){
	#spNav01 {
		margin-bottom: 10px;
	}
	.bnr4Sec {
		width: 102%;
		margin: 0 -1% 20px;
	}
	.bnr4Sec li {
		width: 48%;
		float: left;
		margin: 0 1% 2%;
	}
	.bnr4Sec li img {
		width: 100%;
	}
	.bnr4Sec li:nth-child(n+3) {
		margin-bottom: 0;
	}

	#twSec {
		margin-bottom: 20px;
	}
	ul#twTabNav {
		position: relative;
		width: 100%;
		background: #55acee;
	}
	.twContents .twArea {
		height: 200px;
	}

	.bnr2Sec {
		margin-bottom: 20px;
	}
	.bnr2Sec li {
		float: left;
		width: 49%;
		margin-right: 2%;
	}
	.bnr2Sec li img {
		width: 100%;
	}
	.bnr2Sec li:last-child {
		margin-right: 0;
	}

	.bnr6Sec {
		margin-bottom: 0;
	}
	.bnr6Sec li {
		float: left;
		width: 32%;
		margin: 0 2% 2% 0;
	}
	.bnr6Sec li img {
		width: 100%;
	}
	.bnr6Sec li:nth-child(3),
	.bnr6Sec li:last-child {
		margin-right: 0;
	}

}

#topBnrSec {
	width: 1100px;
	margin: 0 auto 60px;
}
#topBnrSec ul {
	padding: 10px 6px 3px;
	background: #d5d5d5;
}
#topBnrSec li {
	float: left;
	padding: 0 4px;
	margin-bottom: 7px;
}

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

	#topBnrSec {
		width: 100%;
		margin: 0 auto 20px;
	}
	#topBnrSec ul {
		width: 92%;
		margin: 0 auto;
		padding: 1%;
		background: #d5d5d5;
	}
	#topBnrSec li {
		width: 47%;
		margin: 0 auto;
		padding: 1.5%;
		background: #d5d5d5;
	}
	#topBnrSec li img {
		width: 100%;
	}
}



/* buttun hover PC only */
@media screen and (min-width:768px){
	.mainLeftBnrCal img:first-child,
	.mainLeftBnrRole img:first-child,
	.mainLeftBnr01 img:first-child,
	#sub li a img:first-child,
	a.mainRightMore img:first-child,
	#eventSec li a,
	.mainRightAccess a img:first-child,
	#topBnrSec a img {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: box-shadow;
		transition-property: box-shadow;
	}
	.mainLeftBnrCal a:hover img:first-child,
	.mainLeftBnr01 a:hover img:first-child,
	.mainRightAccess a:hover img:first-child {
		box-shadow: 0 1px 9px 1px rgba(0, 0, 0, 0.7);
	}
	.mainLeftBnrRole a:hover img:first-child {
		box-shadow: 0 1px 9px rgba(0, 0, 0, 0.8);
	}
	#sub li a:hover img,
	#eventSec li a:hover,
	#topBnrSec a:hover img,
	#sub ul.bnr6Sec li a:hover img {
		box-shadow: 0 1px 9px rgba(0, 0, 0, 0.5);
	}
	a.mainRightMore:hover img:first-child {
		box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
	}

}


/* emergencyMessage
------------------------------- */
@media screen and (max-width:767px){
	#emergencyMessage > div:first-child {
		margin-top: 6px;
	}
	#emergencyMessage > div:last-child {
		margin-bottom: 2px;
	}
}



/* ----------------------------------------

eng

---------------------------------------- */
html:lang(en) ul#twTabNav li a {
	background: url(/files/img/eng/top/tab_twitter_sprite.png) 0 0 no-repeat;
}
html:lang(en) #seatInfo {
	word-break: break-word;
}
html:lang(en) #seatInfo table {
	word-break: break-word;
}
html:lang(en) #seatInfo table th:first-child {
	white-space: normal;
}
html:lang(en) #seatInfo table th:nth-child(2n) {
	width: 33%;
}
html:lang(en) #seatInfo dt {
	width: 5.4em;
}
html:lang(en) #seatInfo dd {
	margin-left: 5.6em;
}

@media screen and (max-width:767px){
	html:lang(en) #seatInfo table th:first-child {
		width: 25%;
	}
}

/* ----------------------------------------

chn

---------------------------------------- */
html:lang(zh-cn) ul#twTabNav li a {
	background: url(/files/img/chn/top/tab_twitter_sprite.png) 0 0 no-repeat;
}



/* ----------------------------------------

kor

---------------------------------------- */
html:lang(ko) ul#twTabNav li a {
	background: url(/files/img/kor/top/tab_twitter_sprite.png) 0 0 no-repeat;
}





/* ----------------------------------------

clearfix (必要なければ消す)

---------------------------------------- */

/* Modern Browsers
------------------------------- */

#spNav01:after,
#newsSec li a:after,
#eventSec ul:after,
.bnr4Sec:after,
#twSec:after,
.bnr2Sec:after,
.bnr6Sec:after,
#topBnrSec ul:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}

/* Legacy IE
------------------------------- */

#spNav01,
#newsSec li a.
#eventSec ul,
.bnr4Sec,
#twSec,
.bnr2Sec,
.bnr6Sec,
#topBnrSec ul {
	*zoom: 1;
}