* {margin: 0;padding: 0;}
body {width: 100%;position: relative;display: block;line-height: 1.7rem;font-size: 16px;letter-spacing: .8pt;font-family: YakuHanJP,"メイリオ",Meiryo,"Meiryo UI","ヒラギノ角ゴシック","Hiragino Sans",sans-serif;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
img {width: 100%;vertical-align: bottom;height: auto;}
header {background: #000;}
ul li {display: inline;list-style: none;}
ruby {position: realtive;}
ruby rt {position: relative;top: 4px;}
.txtRed {color: #c2001c;}
.txtBold {font-weight: bold;}
.pSt {display: table-cell;vertical-align: top;}
a {color: #fff;}
.ttl404 {font-size: 200%;font-weight: bold;margin-bottom: 10px;display: block;}
@media screen and (min-width: 769px) {.spOnly {display: none;}
	.SandboxRoot.env-bp-550 .timeline-Tweet-text {font-size: 14px !important;line-height: 17px !important;font-weight: normal !important;}
	header {height: 100px;position: relative;z-index: 100;}
	header h1 {width: 15%;position: absolute;top: 20px;left: 10px;vertical-align: middle;transition: .3s ease-in-out;}
	header h1:hover {filter: alpha(opacity=50);-moz-opacity: .5;opacity: .5;}
	#headerInner {width: 1200px;position: relative;margin: 0 auto;}
	header ul {position: absolute;top: 40px;right: 10px;vertical-align: middle;color: #fff;}
	header ul li {margin: 0 35px 0 0;font-weight: bold;}
	header ul li a {transition: 1s linear;}
	header ul li a:hover {text-shadow: 0 0 10px #31e8f3,0 0 20px #31e8f3,0 0 30px #31e8f3,0 0 40px #31e8f3,0 0 70px #31e8f3,0 0 80px #31e8f3,0 0 100px #31e8f3,0 0 150px #31e8f3;transition: .1s linear;}
	header ul li.nolink a {pointer-events: none;opacity: .4;}
	header ul li.nolink:hover {text-shadow: none;}
	header ul li a {text-decoration: none;color: #fff;}
	header #headerLineTop {z-index: 1;width: 100%;height: 16px;position: absolute;top: 100px;background: url("../image/bg_topLine.png") repeat-x;}
	#separate {display: flex;background: url("../image/bg.png") repeat fixed,url("../image/imgInfo.jpg") no-repeat fixed;background-size: cover;}
	#separateRight {min-width: 57%;}
	#top_banner {margin: 20px auto 0;width: 75%;}
	.movie p {font-size: 85%;}
	.twitterBR {display: none;}
	.SandboxRoot.env-bp-430 .timeline-Tweet-text {font-size: 80% !important;}
	#newsArea {display: flex;padding: 30px;}
	#movieArea {background: rgba(0,123,130,.53);padding: 30px;}
	#mainDeck .pcOnly img {max-height: 100%;width: auto;height: calc(100vh - 132px);}
	#mainDeck {color: #fff;}
	#mainDeck #catchMain {width: 9%;position: absolute;top: 5%;right: 5%;}
	#mainDeck #txtMain {width: 50%;position: absolute;transform: translate(-50%,-50%);left: 50%;bottom: -3%;}
	#infoDeck {background-size: cover;color: #fff;}
	#infoDeck .bgH2 {background: url("../image/bg_subtitle.gif") no-repeat right #007b82;border-top: 1px solid #afdee1;border-bottom: 1px solid #afdee1;margin: 0 0 55px 0;padding: 15px 0;position: relative;z-index: 10;}
	#infoDeck h2 {width: 15%;margin: 0 auto;text-align: center;}
	#infoInner {}
	#infoInner #leftDeck {position: relative;z-index: 10;}
	#infoInner #rightDeck {position: relative;z-index: 10;}
	.movie {margin: 0 10px 0 0;display: inline-block;width: 31.5%;vertical-align: top;}
	.movie p {position: relative;margin: 0 0 5px 0;padding: 0 0 0 30px;}
	.movie p:before {width: 25px;height: 25px;display: block;position: absolute;top: 8px;left: 0;background: url("../image/icon_movie.png") no-repeat;padding: 30px 0 0 0;content: "";}
	.movie img {transition: .3s ease-in-out;}
	.change-border {position: relative;}
	.change-border::after, .change-border::before, .change-border-inner::after, .change-border-inner::before {background-color: #08c5ff;content: "";display: block;position: absolute;z-index: 10;transition: all .3s ease;-webkit-transition: all .3s ease;}
	.change-border::after {height: 1px;left: -1px;top: -1px;width: 0px;}
	.change-border::before {bottom: -1px;height: 1px;right: -1px;width: 0px;}
	.change-border-inner img {opacity: .8;transition: transform linear;}
	.change-border-inner img:hover {opacity: 1;transition: all .3s ease;-webkit-transition: all .3s ease;}
	.change-border-inner::after {bottom: -1px;height: 0px;left: -1px;width: 1px;}
	.change-border-inner::before {height: 0px;right: -1px;top: -1px;width: 1px;}
	.change-border:hover::after, .change-border:hover::before {width: 100%;width: calc(100% + 1px);}
	.change-border:hover .change-border-inner::after, .change-border:hover .change-border-inner::before {height: 100%;height: calc(100% + 1px);}
	#twitterDeck {display: inline-block;display: flex;width: 49%;vertical-align: top;flex-direction: column;}
	#twitterDeck a {color: #31e8f3;}
	#twitterDeck #twitterTitle {background: #868903;padding: 10px 10px 10px 25px;}
	#twitterDeck #twitterTitle a {text-decoration: none;color: #fff;}
	#twitterDeck #twitterTitle a:hover {text-decoration: underline;color: #fff;}
	#twitterDeck #twitterTitle span {margin: 0 10px 0 0;font-size: 20px;font-weight: bold;font-style: oblique;}
	#twitterInner {overflow: auto;overflow-y: auto;background: #868903;background-color: rgba(0,0,0,.6);border: 1px solid rgba(255,255,255,.3);border-radius: 0;padding: 15px;color: #fff;font-size: 80% !important;}
	.twtr-timeline {height: auto !important;}
	#news {background: rgba(0,0,0,.6);border-top: 18px solid #868903;border-left: 1px solid rgba(255,255,255,.3);border-bottom: 1px solid rgba(255,255,255,.3);border-right: 1px solid rgba(255,255,255,.3);display: inline-block;width: 49%;vertical-align: top;margin: 0 10px 0 0;}
	#news h3 {width: 52%;}
	#news h3 img {vertical-align: top;}
	#news dl dt {margin: 0 0 5px 0;font-size: 12px;color: #c9c9c9;}
	#news dl dt.anime:after {border: 1px solid #a5aa05;margin: 0 0 0 13px;padding: 1px 5px;font-size: 10px;color: #a5aa05;content: "アニメ";}
	#news dl dt.event:after {border: 1px solid #a5aa05;margin: 0 0 0 13px;padding: 1px 5px;font-size: 10px;color: #a5aa05;content: "イベント";}
	#news dl dt.goods:after {border: 1px solid #a5aa05;margin: 0 0 0 13px;padding: 1px 5px;font-size: 10px;color: #a5aa05;content: "グッズ";}
	#news dl dt.other:after {border: 1px solid #a5aa05;margin: 0 0 0 13px;padding: 1px 5px;font-size: 10px;color: #a5aa05;content: "その他";}
	#news dl dd {line-height: 1.5em;}
	#news ul {padding: 40px 25px 0;}
	#news ul li {display: block;margin: 0 0 15px 0;padding: 0 0 15px 0;border-bottom: 1px dotted rgba(255,255,255,.3);font-size: 15px;}
	#news ul li:last-child {border-bottom: none;}
	#news a {color: #fff;text-decoration: none;transition: .3s ease-in-out;}
	#news a:hover {color: #31e8f3;}
	#linkNews p {width: 85%;position: relative;border: 1px solid #fff;margin: 0 auto;padding: 10px;text-align: center;color: #fff;transition: .3s ease-in-out;}
	#linkNews p:after {width: 20px;height: 23px;display: block;position: absolute;top: 30%;right: 4%;background: url("../image/icon_arrow.gif") no-repeat;content: "";transition: .3s ease-in-out;}
	#linkNews p:hover {border: 1px solid #31e8f3;color: #31e8f3;}
	#linkNews p:hover::after {width: 20px;height: 23px;display: block;position: absolute;top: 30%;right: 4%;background: url("../image/icon_arrow_on.gif") no-repeat;content: "";}
	#contentsDeck {background: url("../image/bg_contents.gif") repeat fixed;padding: 0 0 85px 0;color: #fff;position: relative;z-index: 10;}
	#contentsDeck .bgH2 {background: url("../image/bg_subtitle.gif") no-repeat right #007b82;border-top: 1px solid #afdee1;border-bottom: 1px solid #afdee1;margin: 0 0 70px 0;padding: 15px 0;}
	#contentsDeck h2 {width: 9%;margin: 0 auto;text-align: center;}
	#contentsInner {width: 1000px;margin: 0 auto;}
	#contentsLink {text-align: center;}
	#contentsLink li {z-index: 0;width: 45%;display: inline-block;position: relative;border: 5px solid rgba(152,152,152,.3);-webkit-box-shadow: 10px 10px 5px -5px rgba(0,0,0,.2);-moz-box-shadow: 10px 10px 5px -5px rgba(0,0,0,.2);box-shadow: 10px 10px 5px -5px rgba(0,0,0,.2);margin: 0 20px 20px 0;}
	#contentsLink li:nth-child(even) {margin-right: 0;}
	#contentsLink li p {width: 100%;height: auto;background: rgba(224,81,209,.6);position: absolute;bottom: 0;padding: 5px 0;text-align: center;font-size: 100%;font-weight: bold;color: #fff;transition: .3s linear;}
	#link1:hover > #txt_link1 {background: rgba(49,232,243,.6);}
	#link2:hover > #txt_link2 {background: rgba(49,232,243,.6);}
	#link3:hover > #txt_link3 {background: rgba(49,232,243,.6);}
	#link4:hover > #txt_link4 {background: rgba(49,232,243,.6);}
	#contentsLink li figure {overflow: hidden;}
	#contentsLink img {width: 100%;height: auto;transition: .3s ease-in-out;}
	#contentsLink a:hover img {transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);}
	footer {position: relative;z-index: 10;}
	footer #footerLineTop {z-index: 1;width: 100%;height: 20px;background: url("../image/bg_bottomLine.png") repeat-x;margin: -20px 0 0 0;}
	#footerInner {background: #000;padding: 70px 0;}
	#footerInner ul li {display: inline-block;margin: 0 10px 20px 0;}
	#footerInner ul li.twitter img {width: 32px;height: 27px;}
	#footerInner ul li.facebook img {width: 29px;height: 29px;}
	#footerInner ul li.youtube img {width: 67px;height: 29px;}
	#footerInner ul li.instagram img {width: 29px;height: 29px;}
	#banner {margin: 0 auto;text-align: center;}
	#banner li {width: 18%;border: 1px solid rgba(255,255,255,.27);}
	#sns {margin: 50px auto 0;text-align: center;}
	#copyright {background: #282828;padding: 10px 0;text-align: center;font-size: 70%;color: #fff;}
	.page-top {z-index: 100;z-index: 200;margin: 0;padding: 0;position: relative;}
	.page-top p {position: fixed;right: 16px;bottom: 16px;margin: 0;padding: 0;cursor: pointer;}
	.move-page-top {display: block;transition: .3s ease-in-out;}
	.move-page-top:hover {filter: alpha(opacity=70);-moz-opacity: .7;opacity: .7;}}
#particle {width: 100%;width: 100%;height: 100%;height: 100%;margin: 0 auto;position: fixed;top: 0;overflow: hidden;z-index: 1;}
.news_contents {word-wrap: break-word;}
.topMovieBanner {max-width: 80%;height: auto;margin: 0 auto 20px;}
.topMovieBannerSP {max-width: 100%;height: auto;margin: 0;}
@media screen and (max-width: 1780px) {}
@media screen and (max-width: 1600px) {#contentsDeck h2 {width: 13%;}
	#banner li {width: 22%;}}
@media screen and (max-width: 1520px) {#mainDeck .pcOnly img {width: 100%;height: auto;}
	#separateLeft {width: 43%;display: flex;}
	#separateRight {flex: 2;}
	.twitterLink {font-size: 80%;}
	#newsArea {padding: 30px 20px 20px;}
	#movieArea {padding: 20px;}
	#top_banner {padding: 20px;}}
@media screen and (max-width: 1400px) {#news h3 {width: 60%;}}
@media screen and (max-width: 1375px) {.movie {width: 30%;}}
@media screen and (max-width: 1325px) {.twitterBR {display: block;}}
@media screen and (max-width: 1200px) {#news h3 {width: 70%;}
	#wrapperDeck {min-width: 1200px;}}
@media screen and (max-width: 1100px) {#news h3 {width: 80%;}}
@media screen and (max-width: 768px) {.spOnly {display: block;}
	.pcOnly {display: none;}
	.pSt {display: block;}
	#top_banner {margin: 0 auto;width: 95%;}
	header {background: none;}
	header h1 {width: 18%;position: absolute;top: 5px;left: 10px;}
	#headerInner {z-index: 1;height: 50px;position: relative;background: #000;}
	#headerInner ul {width: 50%;right: 0;}
	header #headerLineTop_sp {z-index: 10;width: 100%;height: 8px;position: absolute;bottom: -8px;left: 0;background: url("../image/sp/bg_topLine.png") repeat-x;}
	#menuBtnFrame {z-index: 10;position: absolute;top: 0;right: 0;margin: 5px 5px 0;padding: 10px 10px 3px 10px;}
	#menuBtn {text-align: center;}
	#headerInner a {font-size: 60%;text-decoration: none;color: #31e8f3;}
	#headerInner p {margin: 22px 0 0 0;}
	.slideInner li.nolink a {pointer-events: none;opacity: .4;}
	#mainDeck {min-height: auto;}
	#mainDeck h1 {width: 100%;}
	#infoInner {padding: 20px 20px 0;}
	#wrapperDeck {min-width: 100%;}
	#news, #twitterDeck {margin: 0 0 20px 0;}
	#newsArea {padding: 20px 0 0 0;}
	#movieArea, #top_banner {padding: 0;}
	.twitterBR {display: none;}
	.movie {width: 100%;}
	#separateLeft {width: 100%;display: block;}
	#infoDeck {background: url("../image/bg.png") repeat,url("../image/imgInfo.png") no-repeat;background-size: cover;padding: 0 0 25px 0;color: #fff;}
	#infoDeck .bgH2 {background: url("../image/bg_subtitle.gif") no-repeat right #007b82;border-top: 1px solid #afdee1;border-bottom: 1px solid #afdee1;margin: 0 0 30px 0;padding: 5px 0 10px;}
	#infoDeck h2 {width: 45%;margin: 0 auto;padding: 5px 0 0;text-align: center;}
	#infoInner {padding: 0 20px;}
	.movie {margin: 0 0 30px 0;}
	.movie p {position: relative;margin: 0 0 5px 0;padding: 0 0 0 30px;font-size: 17px;}
	.movie p:before {width: 25px;height: 25px;display: block;position: absolute;top: 8px;left: 0;background: url("../image/icon_movie.png") no-repeat;padding: 30px 0 0 0;content: "";}
	#twitterDeck a {color: #31e8f3;}
	#twitterDeck #twitterTitle {background: #868903;padding: 10px 10px 10px 25px;}
	#twitterDeck #twitterTitle a {text-decoration: none;color: #fff;}
	#twitterDeck #twitterTitle a:hover {text-decoration: underline;color: #fff;}
	#twitterDeck #twitterTitle span {margin: 0 10px 0 0;font-size: 20px;font-weight: bold;font-style: oblique;}
	#twitterInner {width: 100%;height: 300px;overflow-y: scroll;overflow-x: hidden;-webkit-overflow-scrolling: touch;background: #868903;background-color: rgba(0,0,0,.6);border: 1px solid rgba(255,255,255,.3);border-radius: 0;padding: 15px;color: #fff;box-sizing: border-box;}
	#twitterInner iframe {width: 100% !important;height: 100%;min-height: 220px;overflow: scroll;-webkit-overflow-scrolling: touch;box-sizing: border-box;}
	#rightDeck {margin: 30px 0 0 0;}
	#news {background: rgba(0,0,0,.6);border-top: 18px solid #868903;border-left: 1px solid rgba(255,255,255,.3);border-bottom: 1px solid rgba(255,255,255,.3);border-right: 1px solid rgba(255,255,255,.3);padding: 0 0 40px 0;}
	#news h3 {width: 45%;}
	#news dl dt {margin: 0 0 5px 0;font-size: 12px;color: #c9c9c9;}
	#news dl dt.anime:after {border: 1px solid #a5aa05;margin: 0 0 0 7px;padding: 2px 5px;font-size: 11px;color: #a5aa05;content: "アニメ";}
	#news dl dt.event:after {border: 1px solid #a5aa05;margin: 0 0 0 7px;padding: 2px 5px;font-size: 11px;color: #a5aa05;content: "イベント";}
	#news dl dt.goods:after {border: 1px solid #a5aa05;margin: 0 0 0 7px;padding: 2px 5px;font-size: 11px;color: #a5aa05;content: "グッズ";}
	#news dl dt.other:after {border: 1px solid #a5aa05;margin: 0 0 0 7px;padding: 2px 5px;font-size: 11px;color: #a5aa05;content: "その他";}
	#news dl dd {line-height: 1.5em;}
	#news ul {padding: 40px 30px 0;}
	#news ul li {display: block;margin: 0 0 20px 0;padding: 0 0 20px 0;border-bottom: 1px dotted rgba(255,255,255,.3);font-size: 90%;}
	#news ul li:last-child {border-bottom: none;}
	#news a {color: #fff;text-decoration: none;transition: .3s ease-in-out;}
	#news a:hover {color: #31e8f3;}
	#linkNews p {width: 80%;position: relative;border: 1px solid #fff;margin: 0 auto;padding: 10px;text-align: center;transition: .3s ease-in-out;}
	#linkNews p:after {width: 20px;height: 23px;display: block;position: absolute;top: 30%;right: 4%;background: url("../image/icon_arrow.gif") no-repeat;content: "";}
	#contentsDeck {background: url("../image/bg_contents.gif") repeat;padding: 0 0 55px 0;color: #fff;}
	#contentsDeck .bgH2 {background: url("../image/bg_subtitle.gif") no-repeat right #007b82;border-top: 1px solid #afdee1;border-bottom: 1px solid #afdee1;margin: 0 0 30px 0;padding: 15px 0;}
	#contentsDeck h2 {width: 40%;margin: 0 auto;text-align: center;}
	#contentsInner {padding: 0 20px;}
	#contentsLink {text-align: center;}
	#contentsLink li {z-index: 0;display: inline-block;position: relative;border: 5px solid rgba(152,152,152,.3);-webkit-box-shadow: 10px 10px 5px -5px rgba(0,0,0,.2);-moz-box-shadow: 10px 10px 5px -5px rgba(0,0,0,.2);box-shadow: 10px 10px 5px -5px rgba(0,0,0,.2);margin: 0 0 15px 0;}
	#contentsLink li:last-child {margin: 0;}
	#contentsLink li p {width: 100%;height: auto;background: rgba(224,81,209,.6);position: absolute;bottom: 0;padding: 5px 0;text-align: center;font-size: 90%;font-weight: bold;color: #fff;}
	#contentsLink li figure {overflow: hidden;}
	footer #footerLineTop {z-index: 1;width: 100%;height: 8px;background: url("../image/sp/bg_bottomLine.png") repeat-x;margin: -20px 0 0 0;}
	#footerInner {background: #000;padding: 50px 0;}
	#footerInner ul li {display: inline-block;margin: 0 3px 0 3px;}
	#footerInner ul li:hover {filter: alpha(opacity=50);-moz-opacity: .5;opacity: .5;}
	#banner {margin: 0 auto;text-align: center;}
	#banner li {width: 45%;border: 1px solid rgba(255,255,255,.27);margin-top: 10px !important;}
	#sns {margin: 50px auto 0;text-align: center;}
	#copyright {background: #282828;padding: 10px 0;text-align: center;font-size: 50%;line-height: 1.2rem;color: #fff;}
	.page-top {z-index: 100;position: relative;margin: 0;padding: 0;}
	.page-top p {width: 15%;position: fixed;right: 10px;bottom: 10px;margin: 0;padding: 0;}
	.move-page-top {display: block;}}
@media screen and (max-width: 520px) {header h1 {width: 25%;position: absolute;top: 5px;left: 10px;}
	#twitterInner iframe {width: 400px !important;}
	#infoDeck h2 {width: 50%;}}
@media screen and (max-width: 430px) {header h1 {width: 30%;position: absolute;top: 10px;left: 10px;}}
@media screen and (max-width: 430px) {#news h3 {width: 70%;}
	#infoDeck h2 {width: 54%;padding: 0;}
	#contentsDeck .bgH2 {padding: 10px 0;}
	#contentsDeck h2 {width: 35%;}}
@media screen and (max-width: 320px) {#news h3 {width: 80%;}
	#infoDeck h2 {width: 54%;padding: 0;}
	#contentsDeck .bgH2 {padding: 5px 0;}
	#contentsDeck h2 {width: 35%;padding: 0 0 5px;}}