@charset "UTF-8";
/*
CSS Document
ページ共通CSS
ヘッダ, フッタ, サイド
*/

body {
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
	color:#fff;
	font-size:17px;
	line-height:1.6;
	background:#1191CE;
	transition:0.5s background-color linear;
	-webkit-text-size-adjust: 100%;
	}
body.noon {background:#8C8AF1;}
body.evening {background:#E18DCB;}
body.night {background:#08628E;}

/*テキストリンク*/
a {
	color:#FF54C6;
	}

a:hover {
	}

/*ボタンオーバー*/
.hop img {
	transition:0.1s transform ease-out;
	}
.hop:hover img {
	-webkit-transform:translateY(-5px);
	transform:translateY(-5px);
	}


/*文字色*/
.yellow {color:#FFFF00;}
.pink {color: #FF0099;}

/*背景色*/
.bgPink {background-color:#FF6BD9;}
.bgPurple {background-color:#AF7FE3;}
.bgGreen {background-color:#74CA95;}
.bgRed {background-color:#F06;}

/*固定ボックス*/
.constBox {
	width:950px;
	margin-left:auto;
	margin-right:auto;
	}

.bgContent {
	padding-top:60px;
	padding-bottom:100px;
	}

/*テキスト*/
.txtArea {
	margin-left:auto;
	margin-right:auto;
	max-width:750px;
	}
.txtArea p:nth-of-type(n+2) {
	margin-top:0.7em;
	}

/*ページトップボタン*/
#pagetopButton {
	transition:0.1s transform ease-out;
	display:block;
	position:fixed;
	bottom:40px;
	right:2%;
	margin-right:-500px;
	z-index:9999;
	}
#pagetopButton:hover {
	-webkit-transform:translateY(-10px);
	transform:translateY(-10px);
	}

/*youtube*/
/*youtube 縦横比固定*/
.ytbox {
	position:relative;
	width:100%;
	padding-top:56.25%;
	}
.ytbox iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
	}
.ytPopup {
	width:90%;
	max-width:700px;
	position:absolute;
	z-index:1000;
	}

/*背景*/
#starArea {
	position:absolute;
	z-index:1;
	top:0;left:50%;
	width:100%;height:100%;
	width:1247px;
	margin-left:-623px;
	}
#starArea div {background-repeat:repeat-y;height:100%;}
#starArea .starLeft {
	background-image:url(../img/bg_star_left.png);
	width:246px;
	position:absolute;
	left:0;
	}
#starArea .starRight {
	background-image:url(../img/bg_star_right.png);
	background-position:0 20px;
	width:354px;
	position:absolute;
	right:0;
	}

#bgContentArea {
	max-width:900px;
	margin:0 auto;
	}
#bgContentArea .bg {
	position:absolute;
	background-repeat:repeat-y;
	background-image:url(../img/bg_content.jpg);
	background-position: center top;
	width:100%;
	left:0;
	}
#bgContentArea .bg .top{
	position:absolute;
	background-repeat:no-repeat;
	background-image:url(../img/bg_content_top.png);
	background-position: center top;
	height:87px;
	width:100%;
	}
#bgContentArea .bg .bottom{
	position:absolute;
	background-repeat:no-repeat;
	background-image:url(../img/bg_content_bottom.png);
	background-position: center top;
	bottom:0;
	height:65px;
	width:100%;
	}

.noon #bgContentArea .bg {background-image:url(../img/bg_content_02.jpg);}
.noon #bgContentArea .bg .top{background-image:url(../img/bg_content_top_noon.png)}
.noon #bgContentArea .bg .bottom{background-image:url(../img/bg_content_bottom_noon.png)}
.evening #bgContentArea .bg {background-image:url(../img/bg_content_03.jpg);}
.evening #bgContentArea .bg .top{background-image:url(../img/bg_content_top_evening.png)}
.evening #bgContentArea .bg .bottom{background-image:url(../img/bg_content_bottom_evening.png)}
.night #bgContentArea .bg {background-image:url(../img/bg_content_04.jpg);}
.night #bgContentArea .bg .top{background-image:url(../img/bg_content_top_night.png)}
.night #bgContentArea .bg .bottom{background-image:url(../img/bg_content_bottom_night.png)}

#itemArea>* {position:absolute;z-index:2;background-repeat:no-repeat;background-position:center center;}
#itemArea .footerStar {
	width:100%;
	height:478px;
	bottom:320px;
	left:0;
	background-image:url(../img/bg_footer_star.png);
	background-position:center top;
	}
#itemArea .middle {
	top:3640px;
	left:-80px;
	width:479px;
	height:334px;
	}
#itemArea .bottom {
	top:10120px; /*7480px*/
	right:20px;
	width:344px;
	height:355px;
	}

#itemArea .moon {
	top:2150px;
	right:-100px;
	width:114px;
	height:114px;
	}
#itemArea .edge {
	top:2490px;
	right:-300px;
	width:230px;
	height:298px;
	z-index:110;
	}
#itemArea .time {
	top:1920px;
	right:-190px;
	z-index:101;
	}

.morning #itemArea .middle {background-image:url(../img/item_middle.png);}
.noon #itemArea .middle {background-image:url(../img/item_middle_noon.png);}
.evening #itemArea .middle {background-image:url(../img/item_middle_evening.png);}
.night #itemArea .middle {background-image:url(../img/item_middle_night.png);}

.morning #itemArea .bottom {background-image:url(../img/item_bottom.png);}
.noon #itemArea .bottom {background-image:url(../img/item_bottom_noon.png);}
.evening #itemArea .bottom {background-image:url(../img/item_bottom_evening.png);}
.night #itemArea .bottom {background-image:url(../img/item_bottom_night.png);}

.morning #itemArea .edge {background-image:url(../img/item_edge.png);}
.noon #itemArea .edge {background-image:url(../img/item_edge_noon.png);}
.evening #itemArea .edge {background-image:url(../img/item_edge_evening.png);}
.night #itemArea .edge {background-image:url(../img/item_edge_night.png);}

.morning #itemArea .moon {background-image:url(../img/item_moon.png);}
.noon #itemArea .moon {background-image:url(../img/item_moon_noon.png);}
.evening #itemArea .moon {background-image:url(../img/item_moon_evening.png);}
.night #itemArea .moon {background-image:url(../img/item_moon_night.png);}

/*wrapper*/
#wrapper {
	overflow:hidden;
	min-width:980px;
	position:relative;
	}
#wrapper>.inner {
	position:relative;
	z-index:100;
	}

/*menu fix*/
#wrapper.fix header #pcMenu {
	position:fixed;
	width:100%;
	min-width:980px;
	top:0;
	z-index:9000;
	}
#wrapper.fix #topBgArea {margin-top:40px;}


/*header, footer*/
.snsArea .btnBox {
	display:inline-block;
	padding:5px 8px;
	text-align:left;
	}
.snsArea .twOfficialArea {
	background:#FF735F url(../img/bg_sns_tw.png) no-repeat 8px center;
	padding-left:86px;
	}
.snsArea .shareArea {
	background:#FF6BD9 url(../img/bg_sns_share.png) no-repeat 8px center;;
	padding-left:65px;
	}
.snsArea .shareArea a:nth-of-type(n+2) {
	margin-left:5px;
	}

/*header*/
header .topArea {
	padding:15px 0;
	}
header .topArea .tableLayout>* {vertical-align:middle;}
header .snsArea {
	text-align:right;
	}

header #pcMenu {
	background:#8562DC;
	line-height:0em;
	}
header #pcMenu a {
	padding:10px 0;
	vertical-align:middle;
	display:inline-block;
	}

/*navigation*/
header #pcMenu a:nth-of-type(n+2) {padding-left:30px;}
header #pcMenu a:nth-of-type(n+2):before{
	content:"";
	background:url(../img/nav_spacer.png) no-repeat left center;
	background-size:auto cover;
	height:18px;
	width:18px;
	display:inline-block;
	margin-right:25px;
	}

nav.floatNav {margin-top:20px; padding-bottom:40px;position:relative;}
nav.floatNav a.jAnchor {
	vertical-align:bottom;
	overflow:visible;
	}
nav.floatNav .bx-viewport {padding-top:20px;}
nav.floatNav .bx-wrapper {position:static !important;}

/*movieArea*/
#topBgArea {
	background:url(../img/top_bg.jpg) center -106px repeat-x;
	}
.noon #topBgArea {background-image:url(../img/top_bg_noon.jpg);}
.evening #topBgArea {background-image:url(../img/top_bg_evening.jpg);}
.night #topBgArea {background-image:url(../img/top_bg_night.jpg);}

#mainMovieArea {padding-top:10px; margin:0 auto;max-width:856px;}
#mainMovieArea a {display:block;}

/*section*/
section.sec {
	padding-bottom:45px;
	}

section.sec .headline {
	padding:7px 0;
	background:url(../img/bg_headline.png) repeat-x center center;
	text-align:center;
	margin-bottom:35px;
	}

/*bxSlider*/
.bx-wrapper {
	margin:0 auto;
	position:relative;
	}
.bx-wrapper .bx-prev, .bx-wrapper .bx-next {
	position:absolute;
	top:45%;
	width:80px;
	height:80px;
	background-repeat:no-repeat;
	text-indent:-9999em;
	}
.bx-wrapper .bx-prev {
	left:-8%;
	background-image:url(../img/btn_bxs_prev.png);
	}
.bx-wrapper .bx-next {
	right:-8%;
	background-image:url(../img/btn_bxs_next.png);
	}

/*News*/
#news ul {height:100%;}
#news ul.slider li {
	background:#fff url(../img/bg_news.png) no-repeat;
	width:800px;
	/*height:551px;*/
	height:100%;
	background-size:100% 100%;
	}
#news ul.slider li .inner {
	padding:40px;
	color:#353600;
	}
#news ul.slider li h3 {font-size:110%;font-weight:bold;}
#news ul.slider li figure {text-align:center;}
#news ul.slider li .tagArea {padding:10px 0;}
#news ul.slider li .tagArea span {
	color:#fff;
	font-size:83%;
	display:inline-block;
	padding:0.3em 0.4em 0.2em;
	line-height:1em;
	}
#news ul.slider li .date {padding-bottom:5px;line-height:1em;}
#news ul.slider li .date, #news ul.slider li .txtArea {
	font-size:88%;
	}
#news ul.slider li .txtArea {max-width:none;}
#news ul.slider li .txtArea .bold {
	color:#AF7FE3;
	font-weight:bold;
	}

#news .bx-wrapper .bx-prev {
	left:-12%;
	}
#news .bx-wrapper .bx-next {
	right:-12%;
	}
#news .bx-controls-direction:after {
	background:url(../img/fuki_news.png) no-repeat;
	width:124px;
	height:109px;
	content:"";
	display:block;
	position:absolute;
	top:26%;
	right:-15%;
	}
#news #wallpaper {
	text-align:center;
	width:300px;
	margin:0 auto;
}
#news #wallpaper img {
	text-align:center;
	width:120px;
	margin:0 auto;
}

#news #wallpaperPresent {
	text-align: center;
	width: 90%;
	margin-left: 10%;
}
#news #wallpaper1 {
	text-align:center;
	width:40%;
	float:left;
}
#news #wallpaper2 {
	text-align:center;
	width:40%;
	float:left;
}

/*about*/
#about .txtArea {font-size:133%;max-width:820px;}

/*intro*/
#intro .txtArea {font-size:133%;max-width:820px;}
#worldContainer {
	width:835px;
	height:1029px;
	margin:30px auto 0;
	position:relative;
	}
#worldContainer #dotLine {
	height:3px;
	width:100%;
	background:url(../img/line_world.png) repeat-x;
	position:absolute;
	top:50%;
	margin-top:-5px;
	}
#worldContainer #rotateArea {
	transition:all 1s ease-in-out;
	width:100%;
	height:100%;
	-webkit-transform-origin:center 49.75%;
	transform-origin:center 49.75%;
	}

#worldContainer #changeButton {
	top:80px;
	left:-110px;
	position:absolute;
	}
#worldContainer.change #rotateArea {
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
	}
#worldContainer #w01,
#worldContainer #w02 {
	position:absolute;
	top:0;
	left:0;
	transition:all 1s ease-in-out;
	}
#worldContainer #w02 {opacity:0;}
#worldContainer.change #w02 {opacity:1;}
#w01TimeButton {
	position:absolute;
	top:178px;
	left:460px;
	transition:1s opacity linear;
	}
#w02TimeButton {
	position:absolute;
	top:570px;
	left:170px;
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
	opacity:0;
	transition:1s opacity linear;
	}
#w01GapButton {
	position:absolute;
	top:195px;
	left:190px;
	transition:1s opacity linear;
	}
#w02GapButton {
	position:absolute;
	top:600px; /*630px*/
	left:590px;  /*625px*/
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
	opacity:0;
	transition:1s opacity linear;
	}
#w01tcButton {
	position:absolute;
	top:75px;
	left:280px;
	transition:1s opacity linear;
	}
#w02tcButton {
	position:absolute;
	top:820px; /*630px*/
	left:400px;  /*625px*/
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
	opacity:0;
	transition:1s opacity linear;
	}
#worldContainer.change #w01TimeButton {opacity:0;}
#worldContainer.change #w02TimeButton {opacity:1;}
#worldContainer.change #w01GapButton {opacity:0;}
#worldContainer.change #w02GapButton {opacity:1;}
#worldContainer.change #w01tcButton {opacity:0;}
#worldContainer.change #w02tcButton {opacity:1;}

#worldContainer #clock {
	position:absolute;
	width:50px;
	height:50px;
	text-align:center;
	right:118px;
	top:116px;
	transition:1s all linear;
	}
#worldContainer.change #clock {opacity:0;}
#worldContainer #clockShort {
	position:absolute;
	left:-4px;
	top:-25px;
	-webkit-transform-origin:center 23px;
	transform-origin:center 23px;
	-moz-animation-duration: 12s;
 	-webkit-animation-duration: 12s;
	animation-duration: 12s;
	-goog-ms-animation-duration: 12s;
	}
#worldContainer #clockLong {
	position:absolute;
	left:-4px;
	top:-25px;
	-webkit-transform-origin:center 23px;
	transform-origin:center 23px;
	-moz-animation-duration: 1s;
 	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-goog-ms-animation-duration: 1s;
	}

#worldContainer #clock02 {
	position:absolute;
	width:50px;
	height:50px;
	text-align:center;
	left:121px;
	bottom:119px;
	transition:1s all linear;
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
	opacity:0.8;
	}
#worldContainer.change #clock02 {
	opacity:1;
	}
#worldContainer #clockShort02 {
	position:absolute;
	left:-4px;
	top:-25px;
	-webkit-transform-origin:center 23px;
	transform-origin:center 23px;
	-moz-animation-duration: 720s;
 	-webkit-animation-duration: 720s;
	animation-duration: 720s;
	-goog-ms-animation-duration: 720s;
	}
#worldContainer #clockLong02 {
	position:absolute;
	left:-4px;
	top:-25px;
	-webkit-transform-origin:center 23px;
	transform-origin:center 23px;
	-moz-animation-duration: 60s;
 	-webkit-animation-duration: 60s;
	animation-duration: 60s;
	-goog-ms-animation-duration: 60s;
	}

/*broadcast追記20160606*/
#broadcastBox {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 85%;
	padding-top: 15px;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #FFF;
	box-sizing: border-box;
	border-radius: 20px 20px 20px 20px / 20px 20px 20px 20px;
}
#broadcastBox p#broadcastTitle img {
	width: 371px;
}


#broadcastBox:last-child {
	padding-bottom: 0px;
}
#broadcastBox ul{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-left:2em;
}
#broadcastBox ul li {
	background-image: url(../img/icon_skull.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	padding-left: 52px;
	padding-top: 8px;
	margin-top: 2px;
	padding-bottom: 8px;
}

#broadcastBox ul li:last-child {
	background-image: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
}


.spin_infinite {
/* keyframes に任意の名前を付ける */
  -moz-animation-name: 'rotate1';
  -webkit-animation-name: 'rotate1';
  animation-name: rotate1;
  -goog-ms-animation-name: 'rotate1';

 /* 1動作(ここでは1回転)あたりの秒数 */
  /*-moz-animation-duration: 4s;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -goog-ms-animation-duration: 4s;*/

/* 動作の向き、初期値はnormal 、逆再生は alternate */
  -moz-animation-direction: normal;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -goog-ms-animation-direction: normal;

/* 動き方 linear, ease, easein, ease-out, ease-in-out */
  -moz-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -goog-ms-animation-timing-function: linear;

/* 動作 (ここでは回転) の回数を数値で指定、無限ループは infinite */
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -goog-ms-animation-iteration-count: infinite;
}


@-webkit-keyframes 'rotate1' {
  from {
  /* 最初の回転角 */
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -goog-ms-transform: rotate(0deg);
  }
  /* 1動作の最後 ( 1duration 後) の回転角 */
  to {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -goog-ms-transfom: rotate(360deg);
  }
}

@keyframes rotate1 {
  from {
  /* 最初の回転角 */
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -goog-ms-transform: rotate(0deg);
  }
  /* 1動作の最後 ( 1duration 後) の回転角 */
  to {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -goog-ms-transform: rotate(360deg);
  }
}



/*story*/
#story {background:url(../img/bg_story.png) repeat-x center bottom;padding-bottom:140px;}
.noon #story {background-image:url(../img/bg_story_noon.png);}
.evening #story {background-image:url(../img/bg_story_evening.png);}
.night #story {background-image:url(../img/bg_story_night.png);}

#story li {width:892px;height:836px;background:url(../img/bg_chara.png) no-repeat right bottom;padding-bottom:35px;}
.noon #story li {background-image:url(../img/bg_chara_noon.png)}
.evening #story li {background-image:url(../img/bg_chara_evening.png)}
.night #story li {background-image:url(../img/bg_chara_night.png)}

#story li h4 {margin-bottom:15px;}
#story li .inner>.tableLayout {width:830px;margin-left:20px;}
#story li .inner>.tableLayout>div {vertical-align:top;}
#story li .inner>.tableLayout>div:first-child {width:48%;}
#story li .inner>.tableLayout>div:last-child {padding-left:2%;}
#story li .inner>.tableLayout>div:last-child dl {padding-top:20px;font-size:105%;font-weight:bold;}
#story li .inner>.tableLayout>div:first-child figure {overflow:hidden;height:501px;position:relative}
#story li .inner>.tableLayout>div:first-child figure img {
	position:absolute;
	left:30px;
	}

#story .charaChageArea a {
	display:inline-block;
	margin-bottom:15px;
	}
#story .charaChageArea a:nth-of-type(2n) {
	margin-left:3%;
	}

#story .bx-controls-direction:after {
	background:url(../img/fuki_story.png) no-repeat;
	width:144px;
	height:109px;
	content:"";
	display:block;
	position:absolute;
	top:33.5%;
	right:-12%;
	}

/*movie*/
/*original
#movie .anchorArea {max-width:770px;margin:0 auto;}
#movie .anchorArea a {display:block;}
#movie .anchorArea a span {
	padding:5px;
	display:block;
	}
#movie .anchorArea a:hover span {
	padding:0;
	border:5px solid #ffff00;
	}
*/
/*movieサムネイルレイアウト調整追記*/
#movie .anchorArea {width:750px;margin:0 auto;}
#movie .anchorArea li {display:inline-block;}
#movie .anchorArea li a span {
	width:180px;
	padding:5px;
	display:block;
	}
#movie .anchorArea a:hover span {
	padding:0;
	border:5px solid #ffff00;
	}

#movie h3 {
	margin:45px 0;
	}

#movie article>.tableLayout {text-align:center;}
#movie article>.tableLayout>div {vertical-align:bottom;}
#movie article>.tableLayout>div:nth-of-type(2) {width:67%;}

#movie article>.tableLayout>div:nth-of-type(3) ul {margin-top:15px;}
#movie article>.tableLayout>div:nth-of-type(3) ul li {
	/*float:left;*/*/
	width:48%;
	padding:2px 1%;
	}

#movie article:nth-of-type(n+2) {margin-top:35px;}
#movie article>h4 {margin:20px 0;}
#movie article p {font-weight:bold;}

footer {
	background:url(../img/bg_footer.png) center bottom repeat-x;
	height:380px;
	text-align:center;
	padding-bottom:20px;
	}
footer .constBox {
	padding-top:200px;
	}
footer #cp {font-size:94%;color:#000;padding:15px 0;}
footer .bnrArea li {
	display:inline-block;
	}

@media (max-width:768px) {
body {font-size:15px;}
#starArea {opacity:0.6}
.txtArea {text-align:left; max-width:410px;margin-left:auto;margin-right:auto;}

.hideSp {display:none;}

.bgContent {padding-top:0px;padding-bottom:0;}
header #spFix {position:fixed;z-index:9000;background:#4C2A78;top:0;}
header #spMenuButton {width:13.2%; text-align:center;}
header .topArea {font-size:10px;text-align:center;padding:0;}
header .topArea #spFix .tableLayout {margin:0 auto;}
header .topArea #spFix .tableLayout h1 {width:48%;text-align:left;}
header .topArea #spFix .tableLayout h1 img.fit {max-width:80%;}
header .topArea #spFix .tableLayout > * {padding:5px;}
.snsArea {padding:0 1%;}
.snsArea .btnBox {text-align:center;display:block;}
.snsArea .shareArea {background:none;padding:0;display:table;width:100%;table-layout:fixed;}
.snsArea .shareArea a {padding:5px;display:table-cell;}

footer .snsArea {
	width:50%;
	margin:0 auto;
	}

#spMenu {
	background:#988AF4;
	display:none;
	}
#spMenu a {display:block;border-bottom:1px solid #fff;background-repeat:no-repeat;background-position:2% center;text-align:left;padding:10px 20% 10px 25%;background-size:20% auto}
#spMenu a:nth-of-type(1) {
	background-image:url(../img/sp_bg_nav_news.png);
	}
#spMenu a:nth-of-type(2) {
	background-image:url(../img/sp_bg_nav_about.png);
	}
#spMenu a:nth-of-type(3) {
	background-image:url(../img/sp_bg_nav_intro.png);
	}
#spMenu a:nth-of-type(4) {
	background-image:url(../img/sp_bg_nav_story.png);
	}
#spMenu a:nth-of-type(5) {
	background-image:url(../img/sp_bg_nav_movie.png);
	}

#itemArea {display:none;}

#starArea {width:100%;margin:0;left:0;}
#starArea > div {
	width:40% !important;
	background-size:100% auto;
	}

#pagetopButton {width:30%;bottom:230px;}
.bx-wrapper .bx-prev, .bx-wrapper .bx-next {
	width:25px;
	height:25px;
	background-size:100% auto;
	}
.bx-wrapper .bx-prev {
	left:-1% !important;
	}
.bx-wrapper .bx-next {
	right:-1% !important;
	}
.bx-controls-direction:after {display:none !important;}

.constBox {
	width:auto;
	padding-left:2%;
	padding-right:2%;
	}
#wrapper {
	width:auto;
	min-width:0;
	}
/*section*/
section.sec {
	padding-bottom:10px;/*追記*/
	}
section.sec .headline {background-size:260% auto;}
section.sec .headline .constBox {padding-left:10%;padding-right:10%;}

/*topBgArea*/
#topBgArea {display:none;}

/*news*/
#news ul.slider {height:100%;}
#news ul.slider li {background-image:none;min-height:150%;}


#news #wallpaper {
	text-align:center;
	width:200px;
	margin:0 auto;
}
#news #wallpaper img {
	text-align:center;
	width:100px;
	margin:0 auto;
}
#news #wallpaperPresent {
	text-align:center;
	width:100%;
	margin:0 auto;
}
#news #wallpaper1 {
	text-align:center;
	width:80%;
	float:none;
	margin:0 auto;
}
#news #wallpaper2 {
	text-align:center;
	width:80%;
	float:none;
	margin:0 auto;
}



/*intro*/
#worldContainer {display:none;}
#intro .spWorld img.fit {max-width:80%;margin-top:20px}

/*broadcast追記20160606*/
#broadcastBox {
	width: 100%;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #FFF;
	box-sizing: border-box;
	border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
}
#broadcastBox p#broadcastTitle img {
	width: 250px;
	margin-left:auto;
	margin-right:auto;
}
#broadcastBox:last-child {
	padding-bottom: 0px;
}
#broadcastBox ul{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-left:0.3em;
}
#broadcastBox ul li {
	background-image: url(../img/icon_skull_sp.png);
	background-image:s
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	padding-left: 27px;
	padding-top: 5px;
	margin-top: 2px;
	padding-bottom: 5px;
	font-size:14px;
}

#broadcastBox ul li:last-child {
	background-image: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
/*story*/
#story {background-size:110% auto;}
#story li {height:auto;width:auto;background-image:url(../img/bg_sp_chara.png) !important;background-repeat:repeat-y;background-size:100% auto;padding:10px 2%;margin-bottom:20px;}
#story li > .inner > .tableLayout {display:block;width:auto;margin:0;}
#story li > .inner > .tableLayout > * {display:block;width:auto !important;}
#story li > .inner > .tableLayout > .alignC figure {display:none;}
#story li > .inner > .tableLayout.mt20 {margin-top:0 !important;}
#story li#dumGap {text-align:center;}
#story li#dumGap img.mt130.fit {margin-top:30px !important;max-width:50%;}
#story .charaChageArea {text-align:center;}
#story h4 {display:table;table-layout:fixed;width:90%;margin:0 auto;}
#story h4 > * {display:table-cell;vertical-align:middle;}
#story h4 a {width:45%;padding-left:2%;}
#story .charaChageArea a {width:40%; text-align:center;margin:10 auto;}
#story ul li dd.nm img.fit {max-width:50%;}
#story li .inner > .tableLayout > div:last-child {padding:0;}

/*movie*/
#movie article > .tableLayout > div {display:none;}
#movie article > .tableLayout > div:nth-of-type(2) {display:block;width:100%;}
#movie article > .tableLayout > div:nth-of-type(3) {display:block;max-width:100%;margin:0 auto;text-align:center;padding-top:1px;} /*.tableLayout内div要素の3番目＝各動画毎のmusic downloadを表示する*/
#movie article>.tableLayout>div:nth-of-type(3) p {width:35%;margin:0 auto;}/*.iTunesボタン調整*/
#movie article>.tableLayout>div:nth-of-type(3) ul {margin:0 auto 0 15%;text-align:center;}
#movie article>.tableLayout>div:nth-of-type(3) ul li {float:left;width:40%;margin:0 auto;}

#movie article a.popup {display:block;}
#movie article > h4 {margin:1.6em 0 1em;}
#movie article > h4 img.fit {max-width:45%;}
#movie h3 {margin:2em 0;}

#movie article .tableLayout figure.hideSp {display:none;} /*music downloadへを非表示する*/

/*movieサムネイルレイアウト調整追記20160823*/
#movie .anchorArea {width:90%;margin:0 auto;}
#movie .anchorArea li {
	width:30%;
	display:inline-block;
	}
#movie .anchorArea li a span {
	width:90%;
	padding:5px;
	display:block;
	}
#movie .anchorArea a:hover span {
	padding:0;
	border:3px solid #ffff00;
	}

/*背景bottom画像位置調整追記20160826*/
#itemArea .bottom {
	top:11100px; /*7480px*/
	right:20px;
	width:344px;
	height:355px;
	}


/*footer*/
footer {height:auto;}
footer .constBox {padding-top:15px;} /*50px*/
#pagetopButton {bottom:55px;}
.twOfficialButton {max-width:80%;margin:15px auto 0;}
}

@media (max-width:500px) {
body {font-size:13px;}
section.sec .headline {margin-bottom:15px;}
/*news*/
#news ul.slider li .inner {padding:10px 25px;}

/*about*/
#about h3.mb40 {margin-bottom:15px !important;}

/*story*/
#story {padding-bottom:70px;}
#story .charaChageArea a img.fit {
	max-width:70%;
	}

/*movieサムネイルレイアウト調整追記20170324*/
#movie .anchorArea {width:90%;margin:0 auto;}
#movie .anchorArea li {
	width:30%;
	display:inline-block;
	}
#movie .anchorArea li a span {
	width:90%;
	padding:3px;
	display:block;
	}
#movie .anchorArea a:hover span {
	padding:0;
	border:1px solid #ffff00;
	}
}
@media (max-width:400px) {

/*movieサムネイルレイアウト調整追記20170324*/
#movie .anchorArea {width:90%;margin:0 auto;}
#movie .anchorArea li {
	width:30%;
	display:inline-block;
	}
#movie .anchorArea li a span {
	width:90%;
	padding:3px;
	display:block;
	}
#movie .anchorArea a:hover span {
	padding:0;
	border:1px solid #ffff00;
	}
/*footer*/

}