@charset "UTF-8";
html { line-height: 1.5; }

html, body { width: 100%; height: 100%; color: #fff; }

img { max-width: inherit; }

ul, li { list-style: none; margin: 0; padding: 0; }

h1, h2, h3 { margin: 0; padding: 0; }

a { color: white; color: #fff; }
a:hover, a:active, a:focus { color: #cccccc; }

.previousVersionsCss { /*--2016.12--*/ /*--2017.01--*/ /*--2017.02--*/ /*--2017.04--*/ /*--2018.10--*/ /* minamisan yo*/ /* newsLabel you*/ }
.previousVersionsCss .moreRead { margin: .3rem 0 0; }
.previousVersionsCss .newsContents { padding: 0 .8rem; margin: .5rem 0 0; }
.previousVersionsCss table.tab { position: relative; width: 100%; display: table; table-layout: fixed; }
.previousVersionsCss .tab td { padding: 0 .2rem; cursor: pointer; text-align: center; overflow: hidden; word-wrap: break-word; }
.previousVersionsCss .alignC { text-align: center; }
.previousVersionsCss .ssContest_in { margin: .5rem 0 0; width: 100%; height: 600px; }
.previousVersionsCss .ssContest_in iframe { width: 100%; height: 580px; }
.previousVersionsCss .twitter-timeline { width: 100%; max-height: 580px; }
.previousVersionsCss .table_normal td, .previousVersionsCss .table_normal th { border: 1px solid #151515; padding: .8rem 1.6rem; text-align: center; }
.previousVersionsCss .table_normal th { background-color: #000; }
.previousVersionsCss .table_normal tr:nth-child(2n) { background-color: #141c28; }
.previousVersionsCss .table_normal tr:nth-child(2n+1) { background-color: #1c304f; }
@media screen and (max-width: 479px) { .previousVersionsCss .ssContest_in { height: 400px; }
  .previousVersionsCss .ssContest_in iframe { height: 380px; }
  .previousVersionsCss .twitter-timeline { max-height: 380px; }
  .previousVersionsCss .table_normal { word-break: break-word; }
  .previousVersionsCss .table_normal td, .previousVersionsCss .table_normal th { padding: .5rem; font-size: 11px; } }
.previousVersionsCss .nomenu_header img { vertical-align: bottom; }
.previousVersionsCss .nomenu_txt_area { background-color: #1b293f; padding: 20px; margin: 10px auto; width: 80%; line-height: 1.6; color: #fff; }
.previousVersionsCss .btn_submit_area.nologin, .previousVersionsCss .btn_submit_area.login { background: linear-gradient(to bottom, #e64f47 0%, #a60202 100%) repeat scroll 0 0 transparent; border: 1px solid #720202; color: #fff; width: 100%; border-radius: 5px; box-shadow: 0 1px 1px #fff inset; }
.previousVersionsCss .btn_submit_area.nologin:hover, .previousVersionsCss .btn_submit_area.login:hover { background: red; box-shadow: -1px -1px 1px 1px #fd8882 inset; }
.previousVersionsCss .btn_submit_area.login .btn_submit { box-shadow: none !important; border: 0px solid transparent; padding-top: 2rem; padding-bottom: 2rem; background-size: 86% 86%; }
.previousVersionsCss .btn_submit_area.nologin .btn_submit { box-shadow: none !important; border: 0px solid transparent; padding-top: 2rem; padding-bottom: 2rem; background-size: 86% 86%; }
.previousVersionsCss hr.hr-dot { border-style: none; background-color: inherit; border-top: dashed 1px #a9a9a9; height: 1px; width: 100%; }
.previousVersionsCss .gotoTop a { text-decoration: none; line-height: 2em; }
.previousVersionsCss .event_bn { margin: 2rem 0 1rem; text-align: center; }
.previousVersionsCss .youtubeBox { margin: 0 auto; max-width: 660px; text-align: center; }
.previousVersionsCss .movie { margin: 30px 0px; }
.previousVersionsCss .subtitle { background-size: 21px 21px; padding-left: 30px; font-weight: bold; }
.previousVersionsCss .sub_box { font-size: small; color: #ccc; }
.previousVersionsCss .deluxetitle { border-radius: 1rem; color: #ffe8c4; padding-left: 4.8rem; /* line-height: 2em;*/ padding-top: 1rem; padding-bottom: 1rem; margin-bottom: 1rem; font-size: 1.6rem; font-weight: bold; }
@media screen and (min-width: 835px) { .previousVersionsCss .deluxetitle { font-size: 1.8rem; } }
@media screen and (min-width: 1024px) { .previousVersionsCss .deluxetitle { font-size: 2rem; } }
.previousVersionsCss .newsLabelItem { position: relative; }
.previousVersionsCss .newsSaleLabel { position: absolute; top: 0; left: 50%; margin-left: -150px; width: 300px; height: 300px; }

.previousVersionsCss .article a { color: #3af8ff; text-decoration: underline; }

.l-backlayer { position: absolute; width: 100%; height: 100%; overflow: hidden; }

.l-fixedlayer { position: fixed; width: 100%; height: 100%; overflow: hidden; }

.l-absolutelayer { position: absolute; width: 100%; top: 0; left: 0; }

.l-frontlayer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 10000; display: none; }

.l-main { position: relative; width: 100%; min-height: 100%; }

.l-main__contents { position: relative; width: 100%; min-height: 100%; }

header { padding: 0.5rem; background: #0a4595; color: #ffffff; font-size: 1.4rem; }

.scene--footer { background: #17171a; color: #989898; }
.scene--footer .inner { width: 100%; max-width: 1024px; margin: 0 auto; padding: 1rem 2rem; }
.scene--footer .sns { position: relative; border-top: 1px solid #333333; }
.scene--footer .sns .label { padding: 0 1rem; position: relative; }
.scene--footer .sns .label div { position: relative; border: 1px solid rgba(255, 255, 255, 0.3); padding: 0.5rem 1rem; }
.scene--footer .sns .item { max-width: 60px; padding: 0 1rem; }
.scene--footer .sns .item a { display: block; }
.scene--footer .product { border-top: 1px solid #333333; padding: 2rem 0; }
.scene--footer .product .inner { display: block; }
.scene--footer .product .icon { padding: 0 2rem; margin-bottom: 2rem; }
.scene--footer .product .description { padding: 0 2rem; font-size: 1.6rem; max-width: 512px; }
.scene--footer .product .description .download > div { max-width: 220px; padding: 1rem; width: 50%; }
.scene--footer .product .description .download .appstore { position: relative; }
.scene--footer .product .description .download .appstore img { transform: scale(0.82); }
@media screen and (min-width: 835px) { .scene--footer .product .inner { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
  .scene--footer .product .icon { margin-bottom: 0; } }
.scene--footer .link { border-top: 1px solid #333333; }
.scene--footer .link .itemlist .item { padding: 0.5rem 1.5rem; }
.scene--footer .link .itemlist a { position: relative; color: #989898; }
.scene--footer .link .itemlist a:hover { color: #fff; }
.scene--footer .link .itemlist a::before { content: ''; position: absolute; display: inline-block; background: #989898; height: 1.6rem; width: 1px; left: -2rem; top: 50%; margin-top: -0.85rem; }
.scene--footer .link .itemlist .item:last-child a::after { content: ''; position: absolute; display: inline-block; background: #989898; height: 1.6rem; width: 1px; right: -2rem; top: 50%; margin-top: -0.85rem; }
.scene--footer .copyright { border-top: 1px solid #333333; padding: 4rem; }

.l-backlayer { position: absolute; width: 100%; height: 100%; overflow: hidden; }

.l-fixedlayer { position: fixed; width: 100%; height: 100%; overflow: hidden; }

.l-absolutelayer { position: absolute; width: 100%; top: 0; left: 0; }

.l-frontlayer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 10000; display: none; }

.l-container { position: relative; width: 100%; }

.l-container--pageContentsWidth { position: relative; width: 100%; max-width: 1024px; margin: 0 auto; }

.sceneList { position: relative; width: 100%; }

.scene { position: relative; width: 100%; }

.page { position: relative; width: 100%; }

.page__contents { position: relative; width: 100%; }

input[type="submit"].button { -webkit-appearance: none; }

input[type="button"].button { -webkit-appearance: none; }

a.button { text-decoration: none; }

.button { cursor: pointer; text-align: center; text-decoration: none; outline: none; display: inline-block; }

.button--flow { width: 100%; font-size: 1.6rem; padding: 1rem 2rem; letter-spacing: 2px; color: #ffffff; border-radius: 2.4rem; border: none; }

.button--flow:hover { color: #ffffff; }

.button--flow:active { color: #ffffff; }

.button--historyBack { color: #092363; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #c9c9c9 80%, #c9c9c9 100%); background: -webkit-linear-gradient(top, #ffffff 0%, #c9c9c9 80%, #c9c9c9 100%); background: linear-gradient(to bottom, #ffffff 0%, #c9c9c9 80%, #c9c9c9 100%); }

.button--historyBack:hover, .button--historyBack:active { color: #092363; }

.button--flow--widthAuto { width: auto; padding: 1rem 4rem; }

.button--flow--blue { background: #333b9c; background: -moz-linear-gradient(left, #333b9c 0%, #333b9c 80%, #333b9c 100%); background: -webkit-linear-gradient(left, #333b9c 0%, #333b9c 80%, #333b9c 100%); background: linear-gradient(to right, #333b9c 0%, #333b9c 80%, #333b9c 100%); border: 1px solid #333b9c; transition: all 0.2s ease; }

.button--flow--blue:hover, .button--flow--blue:focus { box-shadow: 0 0 10px #333b9c, 0 0 5px #333b9c; border: 1px solid #4d54af; }

.button--flow--lightBrown { background: #c98f34; background: -moz-linear-gradient(top, #c98f34 0%, #845222 80%, #845222 100%); background: -webkit-linear-gradient(top, #c98f34 0%, #845222 80%, #845222 100%); background: linear-gradient(to bottom, #c98f34 0%, #845222 80%, #845222 100%); transition: all 0.2s ease; }

.button--flow--black { border: 1px solid #787878; background-color: rgba(120, 120, 120, 0.15); transition: all 0.2s ease; }

.button--flow--black:hover, .button--flow--black:focus { box-shadow: 0 0 10px #434343, 0 0 5px #434343; }

.button--selectService { font-size: 1.6rem; padding: 1rem 2rem; min-width: 240px; letter-spacing: 2px; color: #ffffff; border: 1px solid #686868; background: #42474b; background: -moz-linear-gradient(top, #42474b 0%, #393c41 80%, #393c41 100%); background: -webkit-linear-gradient(top, #42474b 0%, #393c41 80%, #393c41 100%); background: linear-gradient(to bottom, #42474b 0%, #393c41 80%, #393c41 100%); }

.button--grayOut { -webkit-filter: grayscale(1); filter: gray; filter: grayscale(1); pointer-events: none; }

.button--util { display: inline-block; text-decoration: none; zoom: 1; vertical-align: baseline; margin: 0 auto; }

.button--pager { color: #092363; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #c9c9c9 80%, #c9c9c9 100%); background: -webkit-linear-gradient(top, #ffffff 0%, #c9c9c9 80%, #c9c9c9 100%); background: linear-gradient(to bottom, #ffffff 0%, #c9c9c9 80%, #c9c9c9 100%); }

.button--pager:hover { color: #092363; }

.button--util { border-radius: 2rem; padding: 0.5rem 1rem; color: #092363; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #c9c9c9 80%, #c9c9c9 100%); background: -webkit-linear-gradient(top, #ffffff 0%, #c9c9c9 80%, #c9c9c9 100%); background: linear-gradient(to bottom, #ffffff 0%, #c9c9c9 80%, #c9c9c9 100%); }

.button--util:hover, .button--util:active { color: #092363; }

.button--more { width: 100%; padding: 0.5rem 1rem; border: 1px solid rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0.15); font-size: 1.5rem; }

.button--general { display: inline-block; text-decoration: none; vertical-align: baseline; margin: 0 auto; color: #fff; padding: 1rem 2rem; border-radius: 2rem; }

.button--general:hover { color: #fff; }

.button--general--red { background: red; }

.button--general--orange { background-color: #c87702; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmOWU0MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M4NzcwMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #df9e40), color-stop(100%, #c87702)); background-image: -moz-linear-gradient(top, #df9e40 0%, #c87702 100%); background-image: -webkit-linear-gradient(top, #df9e40 0%, #c87702 100%); background-image: linear-gradient(to bottom, #df9e40 0%, #c87702 100%); }

.button--general--browun { background-color: #6c513d; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZjNTEzZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU2MzYxZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6c513d), color-stop(100%, #56361e)); background-image: -moz-linear-gradient(top, #6c513d 0%, #56361e 100%); background-image: -webkit-linear-gradient(top, #6c513d 0%, #56361e 100%); background-image: linear-gradient(to bottom, #6c513d 0%, #56361e 100%); }

.button--search { display: inline-block; text-decoration: none; vertical-align: baseline; margin: 0 auto; color: #fff; padding: 1rem 2rem; border: none; min-width: 10rem; background-color: #6c513d; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZjNTEzZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU2MzYxZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6c513d), color-stop(100%, #56361e)); background-image: -moz-linear-gradient(top, #6c513d 0%, #56361e 100%); background-image: -webkit-linear-gradient(top, #6c513d 0%, #56361e 100%); background-image: linear-gradient(to bottom, #6c513d 0%, #56361e 100%); }

.button--search--base { background: #00d7cf; }

.pageTopButton { position: fixed; width: 6rem; height: 6rem; bottom: 1rem; right: 1rem; z-index: 500; opacity: 0; transition: opacity 0.3s linear; pointer-events: none; }

.pageTopButton.active { opacity: 0.5; pointer-events: auto; }

@media screen and (min-width: 835px) { .pageTopButton { width: 8rem; height: 8rem; bottom: 4rem; right: 4rem; } }
input[type=radio], input[type=checkbox] { display: none; }

input::-ms-clear { visibility: hidden; }

input::-ms-reveal { visibility: hidden; }

input:invalid { box-shadow: none; }

select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; padding: 1rem 1rem; font-size: 1.4rem; border: 1px solid #5d5a61; background: #f8f8f8; border-radius: 0.8rem; }

.input--select { position: relative; width: 100%; max-width: 280px; }
@media screen and (min-width: 400px) { .input--select { padding-right: 1rem; } }
.input--select .arrow { position: absolute; top: 0; width: 2.2rem; height: 100%; right: 0; background: #5d5a61; pointer-events: none; border-radius: 0 0.8rem 0.8rem 0; }
@media screen and (min-width: 400px) { .input--select .arrow { right: 1rem; } }
.input--select .arrow::after { position: absolute; top: -0.1rem; bottom: 0; left: 0; right: 0; margin: auto; content: ""; vertical-align: middle; width: 0.8rem; height: 0.8rem; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(135deg); transform: rotate(135deg); pointer-events: none; }

.input--text input { border: 1px solid #5d5a61; border-radius: 5px; padding: 1rem; width: 100%; background: #f8f8f8; }
.input--text textarea { border: 1px solid #5d5a61; border-radius: 5px; padding: 1rem; width: 100%; background: #f8f8f8; min-height: 250px; }

.error--text--input span { display: inline-block; padding: 0.2rem 1rem; border-radius: 1rem; color: #ffffff; background: #a71717; font-size: 1.3rem; }

.inputText--confirm { border: 1px solid #5d5a61; border: none; border-radius: 5px; padding: 1rem; width: 100%; background: #f8f8f8; color: #000; background: rgba(255, 255, 255, 0.15); color: #eaeaea; }

input[type=radio], input[type=checkbox] { display: none; }

.selectGenerator label { position: relative; width: 100%; display: inline-block; cursor: pointer; }
.selectGenerator .list { width: 100%; }
.selectGenerator .item { position: relative; width: 100%; padding: 0 0.5rem; }
.selectGenerator .item.is-empty { height: 0; padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; }
.selectGenerator .selectGenerator__view { position: relative; width: 100%; box-sizing: border-box; padding: 0.8rem 1rem 0.8rem 4rem; transition: .3s; color: #fff; border-radius: 8px; line-height: 1.2; font-size: 1.5rem; }
.selectGenerator .selectGenerator__view .selectGenerator__view__price, .selectGenerator .selectGenerator__view .selectGenerator__view__coin { display: inline-block; }
.selectGenerator .selectGenerator__input:checked + .selectGenerator__view { background: #e18c16; color: #fff; }
.selectGenerator .selectGenerator__view__price { margin-right: 1rem; }
.selectGenerator .cercle { position: absolute; top: 50%; left: 1rem; width: 2rem; height: 2rem; border-radius: 1rem; background-color: #ccc; transform: translate(0, -50%); transition: .3s; opacity: 1; }
.selectGenerator .cercle__inner-1 { position: absolute; top: 50%; transform: translate(0, -50%); left: 0.5rem; width: 1rem; height: 1rem; border-radius: 0.5rem; transition: .3s; }
.selectGenerator .selectGenerator__input:checked + .selectGenerator__view .cercle { background-color: #fff; }
.selectGenerator .selectGenerator__input:checked + .selectGenerator__view .cercle__inner-1 { background-color: #e18c16; }

.selectGenerator--horizontal .item { width: auto; }

.button--blue--gradient { background-color: #00d0f6; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwZDBmNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNjlhNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00d0f6), color-stop(100%, #0069a5)); background-image: -moz-linear-gradient(top, #00d0f6 0%, #0069a5 100%); background-image: -webkit-linear-gradient(top, #00d0f6 0%, #0069a5 100%); background-image: linear-gradient(to bottom, #00d0f6 0%, #0069a5 100%); }

@font-face { font-family: 'app-ico'; src: url("../fonts/app-ico.ttf?uyza91") format("truetype"), url("../fonts/app-ico.woff?uyza91") format("woff"), url("../fonts/app-ico.svg?uyza91#app-ico") format("svg"); font-weight: normal; font-style: normal; font-display: block; }
[class^="icon--"], [class*=" icon--"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'app-ico' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon--information:before { content: "\e900"; color: #fff; }

.icon--exclamation:before { content: "\e901"; color: #fff; }

.borderBox { position: relative; }
.borderBox .icon { font-size: 2.2rem; border-radius: 1.1rem; }

.borderBox--red { border: 1px solid #ae1f1c; background-color: #332424; color: #f5e2e2; }

.borderBox--icon--orange { border: 1px solid #b05b00; background-color: #79471f; color: #f2e5db; }
.borderBox--icon--orange > div:last-child { background-color: #332b24; }
.borderBox--icon--orange .keyword { color: #ff9600; font-size: 1.8rem; }
.borderBox--icon--orange .keywordColor { color: #ff9600; }

.borderBox--icon--red { border: 1px solid #ae1f1c; background-color: #79211f; color: #f5e2e2; }
.borderBox--icon--red > div:last-child { background-color: #332424; }
.borderBox--icon--red .keyword { color: #ff211c; font-size: 1.8rem; }

.horizontalRule { position: relative; padding: 2rem 1rem; }
.horizontalRule .horizontalRule__ornament { position: relative; width: 100%; height: 5px; margin: 0 auto; }
.horizontalRule .bar { width: 100%; height: 1px; background: #604531; }
.horizontalRule .square { position: absolute; width: 7px; height: 7px; background: #604531; transform: rotate(-45deg); top: -3px; }
.horizontalRule .square--left { left: 0; }
.horizontalRule .square--right { right: 0; }

.dotLine { height: 5px; margin: 5px 0 0 0; background-position: top; background-repeat: repeat-x; }

.dotLine--white--small { background-image: linear-gradient(to right, #ffffff, #ffffff 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 2px); background-size: 3px 1px; }

.dotLine--white--medium { background-image: linear-gradient(to right, #ffffff, #ffffff 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 2px); background-size: 6px 1px; }

.dotLine--white--large { background-image: linear-gradient(to right, #ffffff, #ffffff 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 2px); background-size: 12px 2px; }

.infoCategory { padding: 0.2rem 1rem; margin-right: 0.25rem; color: #ffffff; font-size: 1.1rem; border-radius: 9px; }

.infoCategory.infoCategory--all { background-color: #0088b4; }

.infoCategory.infoCategory--important { background-color: #a30000; }

.infoCategory.infoCategory--update { background-color: #c11593; }

.infoCategory.infoCategory--defect { background-color: #1f1f1f; }

.infoCategory.infoCategory--maintenance { background-color: #8828b5; }

.infoCategory.infoCategory--other { background-color: #5ca12e; }

.infoCategory.infoCategory--event { background-color: #db7c00; }

.infoCategory.infoCategory--blog { background-color: rgba(140, 36, 149, 0.8); }

.infoCategoryTab.infoCategoryTab--all .infoCategoryTab__all { background-color: #0088b4; }

.infoCategoryTab.infoCategoryTab--important .infoCategoryTab__important { background-color: #a30000; }

.infoCategoryTab.infoCategoryTab--update .infoCategoryTab__update { background-color: #c11593; }

.infoCategoryTab.infoCategoryTab--defect .infoCategoryTab__defect { background-color: #1f1f1f; }

.infoCategoryTab.infoCategoryTab--maintenance .infoCategoryTab__maintenance { background-color: #8828b5; }

.infoCategoryTab.infoCategoryTab--other .infoCategoryTab__other { background-color: #5ca12e; }

.infoCategoryTab.infoCategoryTab--event .infoCategoryTab__event { background-color: #db7c00; }

.infoCategory.infoCategory--blog { background-color: rgba(140, 36, 149, 0.8); }

.infoCategoryTab { position: relative; width: 100%; }
.infoCategoryTab ul { position: relative; width: 100%; }
.infoCategoryTab li { border-right: 1px solid rgba(255, 255, 255, 0.3); }
.infoCategoryTab li a { display: block; width: 100%; text-decoration: none; }
.infoCategoryTab li a span { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; height: 100%; width: 100%; margin: 0 auto; }
.infoCategoryTab li a span:before { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -7px; border: 7px solid transparent; pointer-events: none; }
.infoCategoryTab li a:hover { color: #fff; }
.infoCategoryTab li a:hover span { background: rgba(255, 255, 255, 0.5); }
.infoCategoryTab .infoCategoryTab__all a span, .infoCategoryTab .infoCategoryTab__all a:hover span, .infoCategoryTab .infoCategoryTab__all.active a span, .infoCategoryTab .infoCategoryTab__all.active a:hover span { background: #0088b4; }
.infoCategoryTab .infoCategoryTab__all a span:before, .infoCategoryTab .infoCategoryTab__all a:hover span:before, .infoCategoryTab .infoCategoryTab__all.active a span:before, .infoCategoryTab .infoCategoryTab__all.active a:hover span:before { border-top: 7px solid #0088b4; }
.infoCategoryTab .infoCategoryTab__maintenance a:hover span { background: #8828b5; }
.infoCategoryTab .infoCategoryTab__maintenance a:hover span:before { border-top: 7px solid #8828b5; }
.infoCategoryTab .infoCategoryTab__event a:hover span { background: #db7c00; }
.infoCategoryTab .infoCategoryTab__event a:hover span:before { border-top: 7px solid #db7c00; }
.infoCategoryTab .infoCategoryTab__defect a:hover span { background: #1f1f1f; }
.infoCategoryTab .infoCategoryTab__defect a:hover span:before { border-top: 7px solid #1f1f1f; }
.infoCategoryTab .infoCategoryTab__important a:hover span { background: #a30000; }
.infoCategoryTab .infoCategoryTab__important a:hover span:before { border-top: 7px solid #a30000; }
.infoCategoryTab li:first-child { border-left: 1px solid #787878; }

.u-table--simple { position: relative; width: 100%; border-collapse: collapse; word-break: break-word; }
.u-table--simple th, .u-table--simple .table_header { background: #0e639c; border: solid 1px #3d8ec5; color: #fff; padding: 0.5rem; text-align: center; font-weight: bold; vertical-align: middle; }
.u-table--simple td { border: solid 1px #787878; padding: 0.5rem; color: #2e2e2e; text-align: center; }
.u-table--simple tbody tr:nth-child(odd) { background: #dadada; }
.u-table--simple tbody tr:nth-child(even) { background: #bebebe; }
.u-table--simple tbody:nth-child(odd) td[rowspan] { background: #bebebe; }
.u-table--simple tbody:nth-child(even) td[rowspan] { background: #dadada; }
@media screen and (min-width: 768px) { .u-table--simple th, .u-table--simple .table_header { padding: 0.5rem 1rem; }
  .u-table--simple td { padding: 0.5rem 1rem; } }

.u-table--simple--headerLeft { width: 100%; }

.u-table--line { position: relative; border-collapse: collapse; }
.u-table--line th, .u-table--line .table_header { border: solid 1px #787878; padding: 0.5rem; text-align: center; }
.u-table--line td { border: solid 1px #787878; padding: 0.5rem; }
@media screen and (min-width: 768px) { .u-table--line th, .u-table--line .table_header { padding: 0.5rem 1rem; }
  .u-table--line td { padding: 0.5rem 1rem; } }

.c-heading--leftBorder { padding-left: 0.8rem; border-left: 0.4rem solid #ffc900; color: #ffc900; margin-bottom: 0.25rem; font-weight: bold; }

.heading { position: relative; width: 100%; word-wrap: break-word; }

.heading--h1 { position: relative; font-size: 1.8rem; font-weight: bold; border-radius: 10px; border: 1px solid #262e44; padding: 0.75rem 2rem; overflow: hidden; background: rgba(0, 10, 37, 0.9); }

.heading--h1--icon:after { position: absolute; top: 0; bottom: 0; left: 1rem; margin: auto; content: ""; vertical-align: middle; width: 22px; height: 22px; background: url("../img/heading_icon--white.png") no-repeat center center; background-size: 22px 22px; }

.heading--h1--icon { padding: 0.75rem 2rem 0.75rem 4.5rem; }

.heading--h2 { font-size: 1.6rem; font-weight: bold; padding: 0.5rem 1.5rem; overflow: hidden; background: #000a25; border-bottom: 2px solid #37415a; }

.heading--h3 { font-size: 1.5rem; font-weight: bold; padding: 0 1rem 0.25rem 1rem; overflow: hidden; border-left: 4px solid rgba(255, 255, 255, 0.8); border-bottom: 1px solid rgba(255, 255, 255, 0.8); }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: none; left: 0; right: auto; margin-top: 0; }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: none; right: 0; left: auto; margin-top: 0; }

.swiper-container-3d .swiper-slide-shadow-left { background: none; }

.swiper-container-3d .swiper-slide-shadow-right { background: none; }

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { display: none; }

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { display: none; }

@media screen and (min-width: 1024px) { .swiper-container--video .sbp-level-1 { left: 50%; margin-left: -432px; }
  .swiper-container--video .sbn-level-1 { right: 50%; margin-right: -432px; } }
.swiper-container--video .sbp-level-1 { background: url("../img/arrow/arrow-prev.png") no-repeat top center; width: 52px; height: 100px; background-size: cover; display: none; }
@media screen and (min-width: 1024px) { .swiper-container--video .sbp-level-1 { display: block; -moz-transform: translate(0, -50px); -ms-transform: translate(0, -50px); -webkit-transform: translate(0, -50px); transform: translate(0, -50px); } }
.swiper-container--video .sbn-level-1 { background: url("../img/arrow/arrow-next.png") no-repeat top center; width: 52px; height: 100px; background-size: cover; display: none; }
@media screen and (min-width: 1024px) { .swiper-container--video .sbn-level-1 { display: block; -moz-transform: translate(0, -50px); -ms-transform: translate(0, -50px); -webkit-transform: translate(0, -50px); transform: translate(0, -50px); } }
.swiper-container--video .swiper-pagination-bullet { width: 16px; height: 16px; text-align: center; line-height: 16px; opacity: 1; background: rgba(255, 255, 255, 0.6); margin-right: 16px; }
.swiper-container--video .swiper-pagination-bullet-active { color: #fff; background: #d80000; box-shadow: 0 0 6px red; }

.swiper-pagination--video { padding: 1rem; }

.rotationBanner--infoTop .swiper-pagination-bullet { width: 8px; height: 8px; text-align: center; line-height: 8px; opacity: 1; background: rgba(255, 255, 255, 0.8); margin-right: 4px; margin-left: 4px; }
.rotationBanner--infoTop .swiper-pagination-bullet-active { color: #fff; background: #ff9821; box-shadow: 0 0 6px #ff9821; }
.rotationBanner--infoTop .swiper-container { position: relative; width: 100%; padding: 1rem; overflow: hidden; }
.rotationBanner--infoTop .swiper-container .swiper-slide-inner img { border-radius: 1rem; }
@media screen and (min-width: 835px) { .rotationBanner--infoTop .swiper-container .swiper-slide-inner img { border-radius: 1.5rem; } }
.rotationBanner--infoTop .swiper-container .swiper-wrapper { position: relative; width: 100%; }

.object-fit-img--contain { object-fit: contain; font-family: 'object-fit: contain;'; }

.object-fit-img--contain { object-fit: contain; font-family: 'object-fit: contain;'; }

.object-fit-img--screenshot__thum { object-fit: cover; font-family: 'object-fit: cover;'; }

/* ---- stats.js ---- */
.count-particles { background: #000022; position: absolute; top: 48px; left: 0; width: 80px; color: #13E8E9; font-size: .8em; text-align: left; text-indent: 4px; line-height: 14px; padding-bottom: 2px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; }

.js-count-particles { font-size: 1.1em; }

#stats, .count-particles { -webkit-user-select: none; margin-top: 5px; margin-left: 5px; }

#stats { border-radius: 3px 3px 0 0; overflow: hidden; }

.count-particles { border-radius: 0 0 3px 3px; }

/* ---- particles.js container ---- */
#particles-js { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.particles-js { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

.selectLanguage { position: relative; font-size: 2rem; padding: 2rem; }

.selectLanguage__trigger { pointer-events: none; background: rgba(255, 255, 255, 0.3); padding: 0.5rem 2rem; text-align: center; border-radius: 1rem; margin-bottom: 0.5rem; }

.selectLanguage__list { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; /* Safari */ }
.selectLanguage__list > div { padding: 0.25rem 1rem; }

@media screen and (min-width: 1024px) { .selectLanguage { position: relative; font-size: 1.6rem; padding: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
  .selectLanguage a { display: inline-block; color: #fff; text-decoration: none; }
  .selectLanguage__content { position: relative; width: 100%; margin: 0 auto; text-align: right; }
  .selectLanguage__content__inner { position: relative; display: inline-block; }
  .selectLanguage__trigger { line-height: 44px; text-align: left; vertical-align: middle; pointer-events: auto; background: none; padding: 0; text-align: left; border-radius: 0; margin-bottom: 0; }
  .selectLanguage__trigger .a { line-height: 44px; }
  .selectLanguage__trigger .symbol { position: relative; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; -webkit-transform: rotate(0deg); transform: rotate(0deg); line-height: 44px; vertical-align: middle; }
  .selectLanguage__trigger .symbol.active { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
  .selectLanguage__trigger .arrow { position: relative; display: inline-block; width: 16px; height: 16px; top: -2px; color: #000; line-height: 44px; vertical-align: middle; text-decoration: none; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; margin-right: 4px; }
  .selectLanguage__trigger .arrow.active { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
  .selectLanguage__trigger .arrow::before, .selectLanguage__trigger .arrow::after { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; }
  .selectLanguage__trigger .arrow::before { width: 16px; height: 16px; -webkit-border-radius: 50%; border-radius: 50%; background: #fff; }
  .selectLanguage__trigger .arrow::after { left: 4px; width: 6px; height: 6px; border-top: 2px solid #000; border-right: 2px solid #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  .selectLanguage__list { position: absolute; top: 60px; right: 0; text-align: left; z-index: 10000; display: none; }
  .selectLanguage__list > div { background: rgba(0, 10, 37, 0.9); margin-bottom: 5px; padding: 0.5rem; text-align: center; font-size: 1.5rem; }
  .selectLanguage__list a { color: #fff; display: inline-block; width: 100%; height: 100%; } }
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.u-fontWeight--bold { font-weight: bold; }

.u-fontSize--88 { font-size: 88%; }

.u-fontSize--large { font-size: 1.8rem; }

.u-fontSize--normal { font-size: 1.6rem; }

.u-fontSize--small { font-size: 1.4rem; }

.u-fontSize--verysmall { font-size: 1.2rem; }

.u-fontSize--1_0rem { font-size: 1rem; }

.u-fontSize--1_1rem { font-size: 1.1rem; }

.u-fontSize--1_2rem { font-size: 1.2rem; }

.u-fontSize--1_3rem { font-size: 1.3rem; }

.u-fontSize--1_4rem { font-size: 1.4rem; }

.u-fontSize--1_5rem { font-size: 1.5rem; }

.u-fontSize--1_6rem { font-size: 1.6rem; }

.u-fontSize--1_7rem { font-size: 1.7rem; }

.u-fontSize--1_8rem { font-size: 1.8rem; }

.u-fontSize--1_9rem { font-size: 1.9rem; }

.u-fontSize--2_0rem { font-size: 2rem; }

.u-fontSize--2_1rem { font-size: 2.1rem; }

.u-fontSize--2_2rem { font-size: 2.2rem; }

.u-fontSize--2_3rem { font-size: 2.3rem; }

.u-fontSize--2_4rem { font-size: 2.4rem; }

.u-fontSize--2_5rem { font-size: 2.5rem; }

.u-fontSize--2_6rem { font-size: 2.6rem; }

.u-fontSize--2_7rem { font-size: 2.7rem; }

.u-fontSize--2_8rem { font-size: 2.8rem; }

.u-fontSize--2_9rem { font-size: 2.9rem; }

.u-color--black { color: #000000; }

.u-color--orange { color: #fe8b01; }

.u-color--red0 { color: #ff0000; }

.u-color--red { color: #ff0000; }

.u-color--white { color: #ffffff; }

.u-color--glay--999 { color: #999999; }

.u-textAlignRight { text-align: right; }

.u-textAlignLeft { text-align: left; }

.u-textAlignCenter { text-align: center; }

.u-textShadow--white--1 { text-shadow: white 1px 1px 0px; }

.u-textShadow--white--2 { text-shadow: 0px 0px 1px #ffffff, 0px 0px 2px #ffffff, 0px 0px 3px #ffffff, 0px 0px 4px #ffffff, 2px 0 1px #ffffff, 0 2px 1px #ffffff, -2px 0 1px #ffffff, 0 -2px 1px #ffffff; }

.u-textShadow--blue--1 { text-shadow: 2px 2px 10px #0091ce,2px 2px 5px #0091ce; }

.u-textShadow--blue--2 { text-shadow: 2px 2px 10px #006bb0,2px 2px 5px #006bb0; }

.u-bgMat_white005 { background-color: rgba(255, 255, 255, 0.05); }

.u-bgMat_white01 { background-color: rgba(255, 255, 255, 0.1); }

.u-bgMat_black02 { background-color: rgba(0, 0, 0, 0.2); }

.u-bgMat_black03 { background-color: rgba(0, 0, 0, 0.3); }

.u-bgMat_black04 { background-color: rgba(0, 0, 0, 0.4); }

.bg_mat_white { background-color: #ffffff; }

.bg_mat_white_alpha { background-color: rgba(255, 255, 255, 0.7); }

.bg_mat_white_alpha005 { background-color: rgba(255, 255, 255, 0.05); }

.bg_mat_white_alpha02 { background-color: rgba(255, 255, 255, 0.2); }

.bg_mat_black_alpha05 { background-color: rgba(0, 0, 0, 0.5); }

.bg_mat_glay_light { background-color: #cccccc; }

.bg_mat_beige { background-color: #d1c1ae; }

.bg_mat_beige_light { background-color: #ede6df; }

.bg_mat_darkGray { background-color: #333; }

.translucentMat { background-color: rgba(255, 255, 255, 0.6); -moz-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; -webkit-transition: background-color 0.2s linear; transition: background-color 0.2s linear; }

.translucentMat:hover { background-color: rgba(255, 255, 255, 0.75); }

.translucentMat--noEffect { background-color: rgba(255, 255, 255, 0.6); }

.u-borderRadius05rem { -moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem; border-radius: 0.5rem; }

.u-borderRadius10rem { -moz-border-radius: 1rem; -webkit-border-radius: 1rem; border-radius: 1rem; }

.u-borderRadius15rem { -moz-border-radius: 1.5rem; -webkit-border-radius: 1.5rem; border-radius: 1.5rem; }

.u-inlineBlock { display: inline-block; }

.u-relative { position: relative; }

.u-width100 { width: 100%; }

.u-background_brown { background-color: #483018; }

.u-background_white02 { background-color: rgba(255, 255, 255, 0.2); }

.u-boxShadow--000--45 { -moz-box-shadow: 0 0 45px rgba(0, 0, 0, 0.85) inset; -webkit-box-shadow: 0 0 45px rgba(0, 0, 0, 0.85) inset; box-shadow: 0 0 45px rgba(0, 0, 0, 0.85) inset; }

.u-boxShadowEffect--hover { -moz-box-shadow: 0 0 5rem rgba(0, 0, 0, 0.3) inset; -webkit-box-shadow: 0 0 5rem rgba(0, 0, 0, 0.3) inset; box-shadow: 0 0 5rem rgba(0, 0, 0, 0.3) inset; }

.u-boxShadowEffect { -moz-box-shadow: 0 0 4rem transparent; -webkit-box-shadow: 0 0 4rem transparent; box-shadow: 0 0 4rem transparent; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; }

.u-boxShadowEffect:hover { -moz-box-shadow: 0 0 4rem rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 4rem rgba(0, 0, 0, 0.5); box-shadow: 0 0 4rem rgba(0, 0, 0, 0.5); }

.u-lineHeight0 { line-height: 0; }

.u-opacity02 { opacity: 0.2; }

.u-opacity05 { opacity: 0.5; }

.u-opacity08 { opacity: 0.8; }

.u-opacityFade { opacity: 0; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; -webkit-transition: opacity 0.3s linear; transition: opacity 0.3s linear; }

.u-opacityFade.fadein { opacity: 1; }

.u-flashLightButton img { -webkit-filter: brightness(1); filter: brightness(1); }

.u-flashLightButton:hover img { -moz-animation: flash-light 0.75s; -webkit-animation: flash-light 0.75s; animation: flash-light 0.75s; }

.u-mb025rem { margin-bottom: 0.25rem; }

.u-mb05rem { margin-bottom: 0.5rem; }

.u-mb1rem { margin-bottom: 1rem; }

.u-mb2rem { margin-bottom: 2rem; }

.u-mb3rem { margin-bottom: 3rem; }

.u-mb4rem { margin-bottom: 4rem; }

.u-mb5rem { margin-bottom: 5rem; }

.u-mb6rem { margin-bottom: 6rem; }

.u-mb7rem { margin-bottom: 7rem; }

.u-mb8rem { margin-bottom: 8rem; }

.u-mb9rem { margin-bottom: 9rem; }

.u-mb10rem { margin-bottom: 10rem; }

.u-mb20 { margin-bottom: 20px; }

.u-mb30 { margin-bottom: 30px; }

.u-mb40 { margin-bottom: 40px; }

.u-p05rem { padding: 0.5rem; }

.u-p1rem { padding: 1rem; }

.u-p2rem { padding: 2rem; }

.u-p4rem { padding: 4rem; }

.u-pb05rem { padding-bottom: 0.5rem; }

.u-pb1rem { padding-bottom: 1rem; }

.u-pt05rem { padding-top: 0.5rem; }

.u-pt1rem { padding-top: 1rem; }

.u-ptb05rem { padding: 0.5rem 0; }

.u-ptb1rem { padding: 1rem 0; }

.u-ptb2rem { padding: 2rem 0; }

.u-ptb3rem { padding: 3rem 0; }

.u-ptb4rem { padding: 4rem 0; }

.u-ptb6rem { padding: 6rem 0; }

.u-plr025rem { padding: 0 0.25rem; }

.u-plr05rem { padding: 0 0.5rem; }

.u-plr1rem { padding: 0 1rem; }

.u-pr05rem { padding-right: 0.5rem; }

.u-pr1rem { padding-right: 1rem; }

.u-pl05rem { padding-left: 0.5rem; }

.u-pl1rem { padding-left: 1rem; }

.u-ptb05lr1rem { padding: 0.5rem 1rem; }

.u-flex { display: -webkit-box; display: -webkit-flex; display: flex; }

.u-flexWrap { flex-wrap: wrap; -webkit-flex-wrap: wrap; /* Safari */ }

.u-flexAlignItemsCenter { -webkit-align-items: center; align-items: center; }

.u-flexJustifyContentCenter { -webkit-justify-content: center; justify-content: center; }

.u-flexJustifyContentSpacearound { -webkit-justify-content: space-around; justify-content: space-around; }

.u-flexJustifyContentSpaceBetween { -webkit-justify-content: space-between; justify-content: space-between; }

.u-displayNone { display: none; }

.u-preview { display: none; }

.u-previewOpacity { opacity: 0; }

.u-maxWidth--960 { max-width: 960px; }

.u-maxWidth--780 { max-width: 780px; }

.u-maxWidth--600 { max-width: 600px; }

.u-maxWidth--480 { max-width: 480px; }

.u-maxWidth--360 { max-width: 360px; }

.u-marginSideAuto { margin-left: auto; margin-right: auto; }

.u-linkNoDecoration:hover { text-decoration: none; color: inherit; }

.u-linkDecorationUnderLine { text-decoration: underline; color: inherit; }

.u-display--deviceLarge { display: none; }

.u-display--deviceSmall { display: block; }

@media screen and (min-width: 1024px) { .u-display--deviceLarge { display: block; }
  .u-display--deviceSmall { display: none; } }
.u-insertBeforeContent:before { content: ' '; }

.u-accordion { position: relative; }

.u-accordion_trigger { position: relative; }

.u-accordion_content { position: relative; display: none; }

.u-accordion_trigger { width: 100%; margin: 0 auto; }

.u-accordion--info .u-accordion_trigger { position: relative; display: block; width: 100%; background: #483018; padding: 1rem 4rem 1rem 1rem; text-decoration: none; }
.u-accordion--info .u-accordion_trigger .text { display: inline-block; border-left: 4px solid #fff; padding-left: 1rem; }
.u-accordion--info .u-accordion_trigger .icon { position: absolute; width: 3rem; height: 3rem; border-radius: 50%; background: rgba(255, 255, 255, 0.3); right: 1rem; top: 50%; margin-top: -1.5rem; }
.u-accordion--info .u-accordion_trigger .icon::before, .u-accordion--info .u-accordion_trigger .icon::after { position: absolute; top: 14px; left: 50%; content: ''; display: inline-block; width: 13px; height: 13px; border-top: 2px solid #fff; transform: translateX(-50%); }
.u-accordion--info .u-accordion_trigger .icon:after { top: 8px; left: 3px; transform: rotate(90deg); }
.u-accordion--info .u-accordion_trigger:hover, .u-accordion--info .u-accordion_trigger:active, .u-accordion--info .u-accordion_trigger:link, .u-accordion--info .u-accordion_trigger:visited { color: #fff; }
.u-accordion--info .u-accordion_trigger.active .icon:after { display: none; }
.u-accordion--info .u-accordion_content { padding: 1rem; border-left: 1px solid #483018; border-right: 1px solid #483018; border-bottom: 1px solid #483018; }

.u-tab--info { width: 100%; padding: 2rem 0; }
.u-tab--info .u-tab_navs { width: 100%; }
.u-tab--info .u-tab_nav { position: relative; padding: 0.5rem; width: 100%; background: rgba(72, 48, 24, 0.5); color: #ffffff; cursor: pointer; border-right: 1px solid rgba(193, 161, 129, 0.5); }
.u-tab--info .u-tab_nav .label { line-height: 1.6rem; }
.u-tab--info .u-tab_nav .num { line-height: 1.6rem; }
.u-tab--info .u-tab_nav:last-child { border-right: none; }
.u-tab--info .u-tab_nav.active { padding: 0.5rem; background: #483018; color: #ffffff; }
.u-tab--info .u-tab_nav.active:after { content: ""; position: absolute; right: 0; bottom: -0.8rem; left: 0; width: 0px; height: 0px; margin: auto; border-style: solid; border-color: #483018 transparent transparent transparent; border-width: 0.8rem 0.8rem 0 0.8rem; }
.u-tab--info .u-tab_contents { padding-top: 2rem; background-color: rgba(255, 255, 255, 0.1); }
.u-tab--info .u-tab_content { padding: 1rem; display: none; }

.neon { color: #fff6a9; text-shadow: 0 0 2px #ffa500, 0 0 8px #ffa500, 0 0 10px #ffa500, 0 0 5px #ff8d00; animation: glow 4s infinite; font-size: 1.7rem; }

@keyframes glow { 0% { text-shadow: 0 0 2px #ffa500, 0 0 8px #ffa500, 0 0 10px #ffa500, 0 0 5px #ff8d00; color: #fff6a9; }
  50% { text-shadow: none; text-shadow: 0 0 0px #ffa500, 0 0 2px #ffa500, 0 0 5px #ffa500, 0 0 0px #ff8d00; color: #fff; }
  100% { text-shadow: 0 0 2px #ffa500, 0 0 8px #ffa500, 0 0 10px #ffa500, 0 0 5px #ff8d00; color: #fff6a9; } }
@keyframes blink { 20%,
  24%,
  55% { color: #111; text-shadow: none; }
  0%,
  19%,
  21%,
  23%,
  25%,
  54%,
  56%,
  100% { /*     color: #fccaff; text-shadow: 0 0 5px #f562ff, 0 0 15px #f562ff, 0 0 25px #f562ff, 0 0 20px #f562ff, 0 0 30px #890092, 0 0 80px #890092, 0 0 80px #890092; */
text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 20px #ffa500, 0 0 40px #ffa500, 0 0 60px #ff0000, 0 0 10px #ff8d00, 0 0 98px #ff0000; color: #fff6a9; } }
html { font-size: 62.5%; }

body { font-size: 1.4rem; }

img { max-width: 100%; height: auto; }

html, body { width: 100%; height: 100%; color: #fff; }

.hasFixHederNav { padding-top: 6rem; }

.page__title .label { letter-spacing: 0.8rem; padding: 0 1.5rem; }

dd p.mf { font-size: 14px !important; padding-top: .5rem; }

.scene--mainVisual .mainVisual { position: relative; width: 100%; }
@media screen and (max-width: 480px) { .scene--mainVisual .mainVisual { padding-right: 10px; padding-left: 10px; } }
@media screen and (min-width: 835px) { .scene--mainVisual .mainVisual { padding: 0; } }
.scene--mainVisual .mainVisual__download { position: absolute; top: auto; bottom: 0; left: 50%; width: 100%; max-width: 540px; -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); background-image: none; }
.scene--mainVisual .mainVisual__download .downLoad { position: relative; width: 100%; flex-wrap: wrap; margin: 0 auto; }
.scene--mainVisual .mainVisual__download a { display: block; border-radius: 3px; border: 1px solid rgba(207, 207, 207, 0.5); }
.scene--mainVisual .mainVisual__download div { width: 50%; padding: 0.7rem 0.8rem; }
.scene--mainVisual .mainVisual__download.isPc { max-width: 760px; }
@media screen and (min-width: 835px) { .scene--mainVisual .mainVisual__download { top: 540px; bottom: auto; max-width: 960px; }
  .scene--mainVisual .mainVisual__download .downLoad { flex-wrap: nowrap; }
  .scene--mainVisual .mainVisual__download div { width: 100%; padding: 0.7rem 0.8rem; } }
.scene--mainVisual .mainVisual__key { position: relative; width: 100%; overflow: hidden; text-align: center; height: auto; }
.scene--mainVisual .mainVisual__key img { position: relative; left: 0; margin-left: 0; width: 100%; max-width: 100%; -moz-transform: translate(0, -50px); -ms-transform: translate(0, -50px); -webkit-transform: translate(0, -50px); transform: translate(0, -50px); }
@media screen and (min-width: 480px) { .scene--mainVisual .mainVisual { padding-right: 10px; padding-left: 10px; }
  .scene--mainVisual .mainVisual__ps { margin: auto; text-align: center; width: 100%; bottom: 25%; }
  .scene--mainVisual .mainVisual__ps img { width: 100%; }
  .scene--mainVisual .cero { padding-top: 10px; padding-bottom: 20px; margin: auto; text-align: center; }
  .scene--mainVisual .cero img { width: 200px; margin: auto; text-align: center; } }
@media screen and (min-width: 835px) { .scene--mainVisual .cero img { width: 120px; position: absolute; bottom: 40px; left: 30px; }
  .scene--mainVisual .mainVisual__ps { display: block; width: auto; margin: 0 auto; text-align: center; padding-bottom: 40px; }
  .scene--mainVisual .mainVisual__ps img { width: auto; } }
.scene--mainVisual .mainVisual__catch { position: absolute; top: 6.5rem; left: 50%; width: 100%; -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.scene--mainVisual .mainVisual__catch img { width: 100%; max-width: 460px; }
@media screen and (min-width: 540px) { .scene--mainVisual .mainVisual__catch { top: 7.5rem; } }
@media screen and (min-width: 800px) { .scene--mainVisual .mainVisual__catch { position: absolute; top: 9.5rem; left: 50%; -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
  .scene--mainVisual .mainVisual__catch img { max-width: 460px; } }
.scene--mainVisual .mainVisual__logo { position: absolute; width: 100%; top: auto; bottom: 12%; left: 50%; text-align: center; -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.scene--mainVisual .mainVisual__logo img { width: 95%; max-width: 554px; }
@media screen and (min-width: 540px) { .scene--mainVisual .mainVisual__logo img { width: 72%; } }
@media screen and (min-width: 800px) { .scene--mainVisual .scene--mainVisual .mainVisual { padding: 0; }
  .scene--mainVisual .mainVisual__logo { position: absolute; width: auto; top: 175px; left: 50%; -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
  .scene--mainVisual .mainVisual__logo img { width: auto; max-width: none; } }
.scene--mainVisual .page__bg { position: absolute; top: 0; width: 100%; height: 100%; overflow: hidden; }
.scene--mainVisual .page__bg .image { position: absolute; top: 0; width: 100%; height: 100%; }
@media screen and (min-width: 800px) { .scene--mainVisual .page__bg .image { display: none; } }
.scene--mainVisual .page__bg .movie { position: absolute; top: 0; width: 100%; height: 100%; }
.scene--mainVisual .page__bg .movie .video-intro { width: auto; min-width: 100%; top: 0; left: 50%; position: absolute; transform: translateX(-50%) translateY(0%); }
.scene--mainVisual .page__bg .mat { position: absolute; top: 0; width: 100%; height: 100%; }

.scene--news .page__contents { position: relative; max-width: 100%; margin: 0 auto; padding: 4rem 0; }
.scene--news .page__contents dl { width: 100%; padding-left: 10px; padding-right: 10px; margin: auto; }
.scene--news .page__contents dl dd { padding-bottom: 20px; text-align: center; }
.scene--news .page__contents dl dd.pad0 { padding-bottom: 20px; }
.scene--news .page__contents dl dd p { color: #000; font-size: 14px; text-align: left; width: 100%; margin: auto; line-height: 170%; }
.scene--news .page__contents dl dd.mm img { width: 400px; margin: auto; }
.scene--news .page__contents dl dt { padding-bottom: 10px; text-align: center; }
.scene--news .page__contents dl dt img, .scene--news .page__contents dl dt svg { width: 76%; margin: auto; }
.scene--news .page__contents dl dt.bt img { width: 100%; height: auto; padding-bottom: 10px; }
.scene--news .page__contents dl dd.flex { display: block; }
.scene--news .page__contents dl dd.flex img { width: 100%; padding: 5px 0px 5px 0px; }
.scene--news .news__pv, .scene--news .news__twitter { padding: 1rem; max-width: none; width: 100%; }
.scene--news .news__twitter__timeline { overflow: hidden; }
.scene--news .news__twitter__timeline iframe { background: rgba(0, 0, 0, 0.5); }
.scene--news .ytVideo { position: relative; width: 100%; margin: 0 auto 0 auto; overflow: hidden; }
.scene--news .ytVideo__inner { position: relative; padding-bottom: 56.2%; height: 0; overflow: hidden; }
.scene--news .ytVideo__inner iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.scene--news .borderBox { padding: 1rem; width: 100%; }
.scene--news .otherInfoLink > div { width: 50%; }

@media screen and (min-width: 835px) { .scene--news .page__contents { position: relative; max-width: 1024px !important; margin: 0 auto; padding: 4rem 0; }
  .scene--news .page__contents dl { width: 800px; margin: auto; }
  .scene--news .page__contents dl dt { padding-bottom: 20px; text-align: center; }
  .scene--news .page__contents dl dt img { height: 75px; }
  .scene--news .page__contents dl dt.bt { padding-top: 10px; }
  .scene--news .page__contents dl dt.bt img { width: 100%; }
  .scene--news .page__contents dl dd { text-align: center; }
  .scene--news .page__contents dl dd.pad0 { padding-bottom: 10px; }
  .scene--news .page__contents dl dd p { color: #000; font-size: 16.3px; text-align: center; font-weight: 600; }
  .scene--news .page__contents dl dd.mm img { width: 400px; margin: auto; }
  .scene--news .page__contents dl dt img, .scene--news .page__contents dl dt svg { width: 100%; }
  .scene--news .page__contents dl dd.flex { display: flex; }
  .scene--news .page__contents dl dd.flex img { width: 50%; padding-right: 4px; padding-left: 4px; }
  .scene--news .news__pv, .scene--news .news__twitter { max-width: 512px; width: 50%; } }
.l-fixedlayer { min-height: 100%; }
.l-fixedlayer .bg { position: absolute; width: 100%; height: 100%; }
.l-fixedlayer .bg .base { background: url("../img/top/ETERNAL-PS-Section-BG.jpg") no-repeat center top; background-size: cover; position: absolute; width: 100%; height: 100%; background: #17171a; }
.l-fixedlayer .bg .movie { position: absolute; width: 100%; height: 100%; }
.l-fixedlayer .bg .movie .video-intro { display: none; width: auto; min-width: 100%; top: 0; left: 50%; position: absolute; transform: translateX(-50%) translateY(0%); }
@media screen and (min-width: 835px) { .l-fixedlayer .bg .movie .video-intro { display: block; } }
.l-fixedlayer .bg .sceneFixedBG { position: absolute; width: 100%; height: 100%; }
.l-fixedlayer .bg .sceneFixedBG > div { position: absolute; width: 100%; height: 100%; opacity: 0; }
.l-fixedlayer .bg .sceneFixedBG .sceneFixedBG__campaign { background: url("../img/bg-campaign-base.jpg") no-repeat center top; background-size: cover; }
.l-fixedlayer .bg .effect { position: absolute; width: 100%; height: 100%; top: 0; }
.l-fixedlayer .bg .effect .cover { position: absolute; width: 100%; height: 100%; background: radial-gradient(rgba(0, 7, 20, 0), rgba(0, 7, 20, 0.15)); }

.body--under .l-fixedlayer .bg .base { background: url("../img/bg-outline-base.jpg") no-repeat center center; background-size: cover; }

.pager .itemList > div { padding: 0.5rem; }
.pager .button--pager { font-size: 1.5rem; letter-spacing: 2px; border-radius: 1rem; }
.pager .button--pager .inner { font-size: 1.5rem; padding: 0.7rem 1.4rem; border-radius: 1rem; }

.scene--mainVisual { background: url(../img/top/ETERNAL-PS-Top-BG.jpg) no-repeat center top; background-size: cover; background-repeat: no-repeat; }
.scene--mainVisual .dammiy--mainVisual { position: relative; width: 100%; overflow: hidden; text-align: center; height: 700px; }
.scene--mainVisual .dammiy--mainVisual img { position: absolute; left: 50%; margin-left: -1000px; width: auto; max-width: none; }

.scene--banner .page__contents { width: 100%; max-width: 1024px; margin: 0 auto; padding: 2rem 0; }
.scene--banner .bannerContents .item { width: 100%; padding: 1rem; }
.scene--banner .rotationBanner .swiper-slide .swiper-slide-inner { padding: 0 1rem; }

@media screen and (min-width: 480px) { .scene--banner .bannerContents .item { width: 50%; }
  .scene--banner .rotationBanner .swiper-slide .swiper-slide-inner { max-width: 480px; margin: 0 auto; } }
@media screen and (min-width: 835px) { .mainVisual__key { position: relative; width: 100%; overflow: hidden; text-align: center; height: auto; height: 100vh; display: flex; justify-content: center; align-items: center; padding-top: 380px; }
  .mainVisual__key img { position: relative; left: 0; margin-left: 0; width: 100%; max-width: 100%; -moz-transform: translate(0, -50px); -ms-transform: translate(0, -50px); -webkit-transform: translate(0, -50px); transform: translate(0, -50px); }
  .scene--banner .bannerContents { margin-bottom: 4rem; }
  .scene--banner .bannerContents .item { width: 33.3%; }
  .scene--banner .rotationBanner { margin-bottom: 4rem; }
  .scene--banner .rotationBanner .swiper-slide .swiper-slide-inner { max-width: 340px; padding: 0 1rem; margin: 0 auto; }
  .scene--banner .rotationBanner .swiper-container--infoTop.twoItem .swiper-wrapper .swiper-slide:first-child .swiper-slide-inner { margin: 0 0 0 auto; }
  .scene--banner .rotationBanner .swiper-container--infoTop.twoItem .swiper-wrapper .swiper-slide:last-child .swiper-slide-inner { margin: 0 auto 0 0; } }
.l-fixedlayer .bg .base { background: url("../img/top/ETERNAL-PS-Section-BG.jpg") no-repeat center top !important; background-size: cover; }

@media screen and (max-width: 680px) { .l-fixedlayer .bg .base { background: url("../img/top/ETERNAL-PS-M-Section-BG.jpg") no-repeat center top !important; background-size: cover; }
  .scene--mainVisual { background: url(../img/top/ETERNAL-PS-M-Top-BG.jpg) no-repeat center top; background-size: cover; }
  .scene--mainVisual .mainVisual__key { min-height: auto; }
  .mainVisual__ps { margin: auto; text-align: center; width: 100%; bottom: 25%; }
  .mainVisual__ps img { width: 100%; }
  .scene--news .page__contents dl dd.mm img { width: 70%; margin: auto; }
  .cero { text-align: center; }
  .cero img { width: 40%; margin: auto; padding-top: 20px; padding-bottom: 30px; } }
.scene--spec { height: auto; }
.scene--spec .page { position: relative; width: 100%; height: 100%; }
.scene--spec .page__bg { position: absolute; top: 0; width: 100%; height: 100%; overflow: hidden; }
.scene--spec .page__bg .image { position: absolute; width: 100%; height: 100%; background: url("../img/top/ETERNAL-PS-footBG.jpg") no-repeat top center; background-size: cover; }
.scene--spec .page__contents { position: relative; top: 0; width: 100%; margin: 0 auto; max-width: 1024px; padding-top: 100px; }
.scene--spec .page__contents ul.spec { width: 80%; margin: 0 auto; padding: 0; }
.scene--spec .page__contents ul.spec li.flex { display: flex; }
.scene--spec .page__contents ul.spec li.flex span { width: 316px; }
.scene--spec .page__contents ul.spec li.flex dl { margin: 0 auto; padding: 0; font-size: 14px; text-align: left; padding-left: 20px; }
.scene--spec .page__contents ul.spec li.flex dl dd { font-size: 14px; line-height: 32px; }
.scene--spec .page__contents ul.spec li.flex dd.mcero img { margin: auto; width: 250px; padding-top: 40px; }
.scene--spec .page__contents ul.spec li.PSstore { padding-top: 50px; text-align: center; }
.scene--spec .page__contents ul.spec li.copy { width: 700px; font-size: 13px; margin: auto; padding-top: 50px; padding-bottom: 15px; }
.scene--spec .page__contents .cast > div { padding: 1rem; width: 100%; }
.scene--spec .page__contents .text { padding: 6rem 1rem; font-size: 1.8rem; }
.scene--spec .page__contents .text .inner { padding: 2rem; background: rgba(27, 23, 19, 0.85); }

@media screen and (min-width: 835px) { .spTitle { display: inline; }
  .spTitle::after { content: "："; }
  .scene--spec { height: 700px; }
  .scene--spec ul.spec { width: 80%; margin: 0 auto; padding: 0; }
  .scene--spec ul.spec li.flex { display: flex; }
  .scene--spec ul.spec li.flex span { width: 316px; }
  .scene--spec ul.spec li.flex dl { margin: 0 auto; padding: 0; font-size: 14px; text-align: left; padding-left: 20px; }
  .scene--spec ul.spec li.flex dl dd { font-size: 14px; line-height: 32px; }
  .scene--spec ul.spec li.flex dd.mcero img { margin: auto; width: 250px; padding-top: 40px; }
  .scene--spec ul.spec li.PSstore { padding-top: 50px; text-align: center; }
  .scene--spec ul.spec li.copy { width: 700px; font-size: 12px; margin: auto; padding-top: 50px; padding-bottom: 15px; }
  .scene--spec .page__bg .image { background: url("../img/ETERNAL-PS-footBG.jpg") no-repeat top center; background-size: cover; }
  .scene--spec .page__contents .cast > div { padding: 1rem; width: 33.3%; }
  .scene--spec .page__contents .text { padding: 6rem 0; }
  .scene--spec .page__contents .text .inner { padding: 3rem 2rem; text-align: center; background: none; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFiMTcxMyIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iIzFiMTcxMyIgc3RvcC1vcGFjaXR5PSIwLjg1Ii8+PHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiMxYjE3MTMiIHN0b3Atb3BhY2l0eT0iMC44NSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFiMTcxMyIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(27, 23, 19, 0)), color-stop(10%, rgba(27, 23, 19, 0.85)), color-stop(90%, rgba(27, 23, 19, 0.85)), color-stop(100%, rgba(27, 23, 19, 0))); background-image: -moz-linear-gradient(left, rgba(27, 23, 19, 0) 0%, rgba(27, 23, 19, 0.85) 10%, rgba(27, 23, 19, 0.85) 90%, rgba(27, 23, 19, 0) 100%); background-image: -webkit-linear-gradient(left, rgba(27, 23, 19, 0) 0%, rgba(27, 23, 19, 0.85) 10%, rgba(27, 23, 19, 0.85) 90%, rgba(27, 23, 19, 0) 100%); background-image: linear-gradient(to right, rgba(27, 23, 19, 0) 0%, rgba(27, 23, 19, 0.85) 10%, rgba(27, 23, 19, 0.85) 90%, rgba(27, 23, 19, 0) 100%); }
  .scene--spec .page__contents .text .inner p { margin-bottom: 0; } }
@media screen and (max-width: 680px) { .scene--news .page__contents dl dt.bt img { height: auto; padding-bottom: 20px; }
  .scene--news .page__contents dl dt { padding-bottom: 10px; }
  .scene--news .page__contents dl dd { padding-bottom: 40px; }
  .spTitle { display: block; font-weight: normal; padding-top: 25px; padding-bottom: 5px; }
  .spTitle::after { content: ""; }
  .scene--spec .page__bg .image { background: url("../img/top/ETERNAL-PS-M-footBG.jpg") no-repeat top center; background-size: cover; }
  .scene--spec .page__contents { padding-top: 30px; }
  .scene--spec .page__contents ul.spec { width: 90%; margin: 0 auto; padding: 0; }
  .scene--spec .page__contents ul.spec li.flex { display: block; }
  .scene--spec .page__contents ul.spec li.flex span { display: block; width: 60%; margin: auto; }
  .scene--spec .page__contents ul.spec li.flex dl { display: block; margin: 0 auto; padding: 0; font-size: 11px; }
  .scene--spec .page__contents ul.spec li.flex dl dd { line-height: 18px; display: block; font-weight: bold; text-align: center; }
  .scene--spec .page__contents ul.spec li.flex dd.mcero img { margin: auto; width: 45%; padding-top: 20px; }
  .scene--spec .page__contents ul.spec li.PSstore { padding-top: 30px; text-align: center; }
  .scene--spec .page__contents ul.spec li.copy { width: 96%; font-size: 12px; margin: auto; padding-top: 20px; padding-bottom: 30px; } }
@media screen and (max-width: 480px) { .spTitle { display: block; font-weight: normal; padding-top: 25px; padding-bottom: 5px; }
  .spTitle::after { content: ""; }
  .scene--spec .page__contents { padding-top: 30px; }
  .scene--spec .page__contents ul.spec { width: 90%; }
  .scene--spec .page__contents ul.spec li.flex { display: block; }
  .scene--spec .page__contents ul.spec li.flex span { display: block; width: auto; margin: auto; text-align: center; }
    .scene--spec .page__contents ul.spec li.flex span img{ max-width: 200px; }
  .scene--spec .page__contents ul.spec li.flex dl { display: block; margin: 0 auto; padding: 0; font-size: 11px; }
  .scene--spec .page__contents ul.spec li.flex dl dd { line-height: 18px; display: block; font-weight: bold; text-align: center; }
  .scene--spec .page__contents ul.spec li.flex dd.mcero img { margin: auto; width: 40%; padding-top: 40px; }
  .scene--spec .page__contents ul.spec li.PSstore { padding-top: 20px; text-align: center; }
  .scene--spec .page__contents ul.spec li.copy { width: 96%; font-size: 10px; margin: auto; padding-top: 20px; padding-bottom: 30px; } }
.scene--outline { height: auto; }
.scene--outline .page { position: relative; width: 100%; height: 100%; }
.scene--outline .page__bg { position: absolute; top: 0; width: 100%; height: 100%; overflow: hidden; }
.scene--outline .page__bg .image { position: absolute; width: 100%; height: 100%; background: url("../img/bg-outline-base.jpg") no-repeat top center; background-size: cover; }
.scene--outline .page__contents { position: relative; top: 0; width: 100%; margin: 0 auto; padding: 2rem; max-width: 1024px; }
.scene--outline .page__contents li { list-style-type: lower-alpha; }
.scene--outline .page__contents .alphaList { list-style-type: lower-alpha; padding-left: 1.5em; }
.scene--outline .page__contents .terms { padding: 4rem 0 6rem; }
.scene--outline .page__contents .terms__cap { font-size: 1.8rem; margin-top: 2em; margin-bottom: 0.5em; padding-bottom: 0.5em; border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
.scene--outline .page__contents h1 { font-size: 2.6rem; text-align: center; margin-bottom: 3rem; }

@media screen and (min-width: 835px) { .scene--outline .page__contents .terms { font-size: 1.8rem; }
  .scene--outline .page__contents .terms__cap { font-size: 2.2rem; }
  .scene--outline .page__contents h1 { font-size: 3.2rem; } }




.mainVisual__key picture{
 max-width: 580px;
}

.scene--news .page__contents dl .sectionSpace{
 margin-bottom: 10rem;
}

.scene--news .page__contents dl .space01{
 margin-bottom: 7rem;
}

.scene--news .page__contents dl .space02{
 margin-bottom: 5rem;
}

.scene--news .page__contents dl .space03{
 margin-bottom: 4rem;
}

.scene--news .page__contents dl .space04{
 margin-bottom: 3rem;
}


.scene--news .page__contents dl .oneLine img{
 height: 35px;
 max-width: 550px;
}

.scene--spec .page__contents ul.spec li.flex dd.mcero {
 max-width: 150px;
}

.scene--fixedNav .page__contents .itemList .snslink__content a::before,
.scene--fixedNav .page__contents .itemList .snslink__content a::after,
.scene--fixedNav .page__contents .itemList .snslink__content div:last-child a:last-child::after{
 content: none;
}

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

 .page__contents {
  margin-top: 80px;
 }
 .scene--mainVisual .mainVisual {
  padding-top: 70%;
 }
 .scene--mainVisual .cero img {
  width: 100px;
 }
 .scene--news .page__contents dl dd p {
    font-size: 15px;
 }
 .scene--news .page__contents dl .sectionSpace{
  margin-bottom: 4rem;
 }
 .scene--news .page__contents dl .space01{
  margin-bottom: 3rem;
 }
 .scene--news .page__contents dl .space02{
  margin-bottom: 2.5rem;
 }
 .scene--news .page__contents dl .space03{
  margin-bottom: 0;
 }
 .scene--news .page__contents dl .space04{
  margin-bottom: 1.5rem;
 }
 .scene--news .page__contents dl .oneLine img{
  max-width: 320px;
  width: 100%;
 }
 .scene--spec .page__contents ul.spec li.flex dd.mcero {
  max-width: 220px;
  margin: auto;
 }
 .page__contents {
  margin-top: 0;
 }
 .scene--mainVisual .mainVisual__key {
  overflow: inherit;
  max-width: 550px;
  margin: auto;
 }
}


@media screen and (max-width: 480px) {
 .scene--mainVisual .mainVisual {
  padding-top: 85%;
 }
}