@charset "utf-8";


/*!
 * "LINE Seed" licensed under the SIL Open Font License
 * https://seed.line.me/index_en.html
 * https://seed.line.me/index_th.html
 * https://scripts.sil.org/OFL
 * © LY Corporation
*/

@font-face {
  font-family: 'LINESeed_Rg';
  src: url('../font/LINESeedSans_W_Rg.woff') format('woff');
}
@font-face {
  font-family: 'LINESeed_He';
  src: url('../font/LINESeedSans_W_He.woff') format('woff');
}
@font-face {
  font-family: 'LINESeed_XBd';
  src: url('../font/LINESeedSans_W_XBd.woff') format('woff');
}
@font-face {
  font-family: 'LINESeed_Bd';
  src: url('../font/LINESeedSans_W_Bd.woff') format('woff');
}
@font-face {
  font-family: 'LINESeed_Th';
  src: url('../font/LINESeedSans_W_Th.woff') format('woff');
}

/* use nav */
@font-face {
  font-family: 'LINESeed_Nav_Th';
  src: url('../font/LINESeedSansTH_W_Bd.woff') format('woff');
}


:root{
    --font-size: calc(10px * 0.666);
    --width-contents: 500px;
    --max-width-modal: 600px;
}



.pcBg{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url("../img/pc_bg.jpg");
  background-size: cover;
  background-position: center center;
}
.pcBg .--inner{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.pcBg .--side{
  width: calc((100% - var(--width-contents)) / 2);
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 1;
  display: flex;
}
.pcBg .--side.--left{ left: 0; }
.pcBg .--side.--right{ right: 0; }
.pcBg:before{
  content: "";
  display: block;
  width: calc(var(--width-contents) + 8px);
  height: 100%;
  margin: auto;
  background-color: #fff;
  position: relative;
  z-index: 5;
  box-shadow: 0px 0px 15px 0px rgba(139, 180, 255, 0.6);
}
.pcBg:after{
  content: "";
  display: block;
  width: 100%;
  height: 100%;
    background: url("../img/pc_deco_money.png") no-repeat center / auto 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.pcBg__sideArea{
  transition: 0.2s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pcBg__sideL img{
  width: 18.802vw;
  max-width: calc(361px * 1);
}
.pcBg__sideR img{
  width: 10.520vw;
  max-width: calc(202px * 1);
}
@media screen and (max-width: 1100px){
  .pcBg__sideArea{
    opacity: 0;
  }
}

.pcBg__deco{
  z-index: -1;
}
.pcBg__decoImage img{
  position: absolute;
}
.pcBg__decoImageL{
    width: 40.989vw;
    min-width: 787px;
    bottom: 0;
    left: 0;
}
.pcBg__decoImageR{
    width: 45.416vw;
    min-width: 872px;
    top: 0;
    right: 0;
}



html{
    font-size: var(--font-size);
}

img, video{
    width: 100%;
}

#contents{
    width: var(--width-contents);
    margin: auto;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

section{
    position: relative;
}
.inner{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.gr-title-header{
    width: 100%;
    padding-bottom: 36.8%;
    background: url("../img/bg_title.png") no-repeat center / 100% auto;
    position: relative;
}
.gr-title-header h2{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

a{
    display: block;
}
a, :focus{
  outline: none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}

.op-0{ opacity: 0; }


/* button */
.gr-button{
    width: 83.2%;
    position: relative;
}



/* *******************

animation

******************* */
.fade-t2b{
    transform: translate(0, -3rem);
    opacity: 0;
}

.fade-r2l{
    margin-right: -100%;
    transition: 0.5s;
}
.fade-l2r{
    margin-left: -100%;
    transition: 0.5s;
}
.fade-r2l.is-view{
    margin-right: 0;
}
.fade-l2r.is-view{
    margin-left: 0;
}

.eff-light{
    display: block;
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 96%;
    height: 86%;
    opacity: 0.5;
    overflow: hidden;
    border-radius: 10rem;
    pointer-events: none;
}
.eff-light:before{
    content: "";
    display: block;
    width: 200%;
    height: 300%;
    background: rgba(255, 255, 255, 0);
    background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    margin-left: -120%;
    animation: animation_light 4s var(--light-delay) linear infinite;
}
@keyframes animation_light{
  0% { margin-left: -120%; }
  15% { margin-left: 120%; }
  100% { margin-left: 120%; }
}

.--pop{
    opacity: 0;
    scale: 0;
    transform-origin: center;
}
.--pop.is-view{
    animation: animation_pop 1s ease both;
}
@keyframes animation_pop{
    0% { scale: 0; opacity: 0; }
    70% { scale: 1.1; opacity: 1; }
    85% { scale: 0.95; opacity: 1; }
    100% { scale: 1; opacity: 1; }
}


/* *******************

menu

******************* */
#menu{
    position: fixed;
    width: var(--width-contents);
    height: 100%;
    z-index: 100;
    visibility: hidden;
    overflow: hidden;
}
#menu.--open{
    visibility: visible;
}
.menu-open{
    width: 12%;
    position: absolute;
    top: 0;
    right: 0;
    margin: 1.6% 1.6% 0 0;
    cursor: pointer;
    visibility: visible;
}
.menu-area{
    width: 64.266%;
    height: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    background: rgba(0, 0, 0, 0.9);
    visibility: visible;
    overflow-y: auto;
    transition: 0.3s;
    z-index: 10;
    visibility: hidden;
}
#menu.--open .menu-area{
    right: 0;
    visibility: visible;
}
.menu-close{
    width: 12.135%;
    margin: 0 0 0 auto;
    cursor: pointer;
}
.menu-area dl{
    width: 100%;
    margin-top: 12.135%;
}
.menu-area-wrap{
    font-family: LINESeed_Bd;
    line-height: 1;
    text-align: right;
    padding: 6.224% 6.224% 6.224% 8.298%;
}
.menu-area dt{
    padding: 2.6rem 0;
    color: #ffea85;
    font-size: 4.2rem;
    border-top: solid 0.2rem #fff;
}
.menu-area dt.menu-row2{
    line-height: 1.25;
}
.menu-area dd{
    color: #fff;
    font-size: 3.6rem;
    padding: 0 0 6.796%;
}
.menu-area a{
    display: inline-block;
}



/* *******************

menu

******************* */
#lang{
    position: fixed;
    width: var(--width-contents);
    height: 100%;
    z-index: 99;
    visibility: hidden;
    overflow: hidden;
}
#lang.--open{
    visibility: visible;
}
.lang-open{
    width: 12%;
    position: absolute;
    top: 0;
    right: 0;
    margin: 1.6% 14.6% 0 0;
    cursor: pointer;
    visibility: visible;
}
#lang.--open .lang-area{
    visibility: visible;
}
.lang-area{
    width: 26.1333%;
    visibility: visible;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 2.6rem;
    line-height: 1;
    margin: 16.666% 14.6% 0 0;
    box-shadow: 0px 0px 1rem 0.5rem rgba(0, 0, 0, 0.47);
    visibility: hidden;
}
.lang-area-wrap{
    background: #fff;
    position: relative;
}
.lang-area:before{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 0.8rem solid transparent;
    border-left: 0.8rem solid transparent;
    border-bottom: 1.8rem solid #fff;
    border-top: 0;
    position: absolute;
    top: 0;
    right: 0;
    margin: -1.6rem 3.8rem 0 0;
}
.lang-area .is-select{
    background: #ffea85;
}
.lang-area a{
    text-align: center;
    padding: 9% 0;
    font-family: LINESeed_Bd;
    color: #0043a4;
}
.lang-area .is-select a{
    color: #ff6600;
}
.lang-th a{
    font-family: LINESeed_Nav_Th;
}



/* *******************

float

******************* */
#float{
    width: var(--width-contents);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto -100%;
    background: url("../img/bg_float.png") no-repeat center bottom / 100% auto;
    z-index: 99;
    transition: 0.5s;
}
#float.is-view{
    margin: 0 auto 0;
}
.float-wrap{
    padding-bottom: 33.333%;
}
#float a{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 15% auto 0;
    width: 60.4%;
}


/* *******************

top

******************* */
#top .content{
    padding-bottom: 140.8%;
    background: url("../img/top/kv.png") no-repeat top center / 100% auto;
}
#top .content:after{
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 50.666%;
    background: url("../img/top/grad.png") no-repeat top center / 100% auto;
    position: absolute;
    bottom: 0;
    left: 0;
}
#top h1{
    width: 48.133%;
    margin: 1.6% auto 0;
    position: relative;
    z-index: 2;
}
#top h1.kv2mv{
    margin-top: 46%;
    z-index: 3;
    scale: 0;
    animation: animation_logo 0.75s ease both;
}
@keyframes animation_logo{
    0% { scale: 0; }
    40% { scale: 1.3; }
    80% { scale: 1; }
    100% { scale: 1; }
}
.top-mv{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: 1.5s;
    z-index: 2;
}
.top-mv:after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url("../img/top/filter.png") repeat top center / 100% auto;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}



/* *******************

pre

******************* */
#pre{
    margin-top: -24.5%;
    z-index: 3;
}
#pre .content{
    background-image: url("../img/pre/deco.png"), url("../img/pre/bg.jpg");
    background-repeat: no-repeat, no-repeat;
    background-position: top 52.4% center, top 10% center;
    background-size: 100% auto, 100% auto;
}
#pre .content.--initial{
    background-image: url("../img/pre/deco_initial.png"), url("../img/pre/bg.jpg");
    background-repeat: no-repeat, no-repeat;
    background-position: top 33.8% center, top 12% center;
    background-size: 100% auto, 100% auto;
}
#pre .gr-title-header{
    margin-top: -20%;
}
#pre h2{
    width: 78.666%;
    margin: -5% auto 0;
}
.pre-date{
    width: 87.733%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto 6.2%;
}
.pre-link{
    margin: 4% 0 0;
}
.pre-link a{
    margin: 0 auto 0;
}
.pre-link a:not(:first-child){
    margin-top: 2.133%;
}
.pre-text{
    width: 72.8%;
    margin: 6.8% auto 0;
}
.pre-status{
    margin: 3.733% auto 0;
    position: relative;
    z-index: 1;
}
.pre-status-text{
    width: 87.066%;
    margin: 0 auto 0;
}
.pre-status-text.--initial{
    width: 53.2%;
}
.pre-status-list{
    width: 88%;
    margin: 5.333% auto 0;
}
.pre-status-list li{
    position: relative;
}
.pre-status-list li:not(:first-child){
    margin-top: 0.666%;
}
.pre-status-list-next:after{
    content: "";
    display: block;
    width: 20.151%;
    padding-bottom: 8.181%;
    background: url("../img/pre/ic_next.png") no-repeat center / 100% auto;
    position: absolute;
    top: 0;
    left: 0;
    margin: -1.2% 0 0 -1.6%;
}
.pre-status-list-clear:after{
    content: "";
    display: block;
    width: 22.121%;
    padding-bottom: 24.545%;
    background: url("../img/pre/ic_clear.png") no-repeat center / 100% auto;
    position: absolute;
    top: 0;
    right: 0;
    margin: -4% -4% 0 0;
}
.pre-sns{
    margin-top: 6.666%;
    padding-bottom: 143.733%;
    position: relative;
    background: url("../img/pre/bg_sns.png") no-repeat center / 100% auto;
}
.pre-sns h3{
    width: 82.8%;
    margin: 49% auto 0;
}
.pre-sns-text{
    width: 77.066%;
    margin: 4.266% auto 0;
}
.pre-sns-icon{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 6.4%;
}
.pre-sns-icon a{
    width: 18.933%;
    margin: 0 2.133%;
}

.pre-deco > div{
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    transition: 0.5s;
}
.pre-deco-01{
    width: 23.466%;
    margin: 96.8% 0 0 0.5%;
    opacity: 0;
    transform: translate(-15%, 0);
}
.pre-deco-02{
    width: 24.666%;
    margin: 92.6% 0 0 74.8%;
    opacity: 0;
    transform: translate(15%, 0);
}
.pre-deco-03{
    width: 44%;
    margin: 266.2% 0 0 0%;
    opacity: 0;
    transform: translate(0, -4rem);
}
.pre-deco-04{
    width: 20.266%;
    margin: 366.6% 0 0 77%;
    opacity: 0;
    transform: translate(0, -4rem);
}
.pre-deco-01.is-view, .pre-deco-02.is-view{
    transform: translate(0, 0);
    opacity: 1;
}
.pre-deco-03.is-view, .pre-deco-04.is-view{
    opacity: 1;
    transform: translate(0, 0);
}



/* *******************

game

******************* */
#game .content:after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../img/game/bg.png") no-repeat top center / 100% auto;
    z-index: 2;
    pointer-events: none;
}
#game .gr-title-header{
    z-index: 3;
}
#game h2{
    width: 76.133%;
}
#game h3{
    width: 66.266%;
    margin: auto;
}

.game-howto{
    margin-top: 5.5%;
    position: relative;
    z-index: 5;
}
#game .game-howto h3{
    width: 94.266%;
}
.game-howto-list{
    margin-top: 1.6%;
    position: relative;
    z-index: 2;
}
.game-howto-text{
    width: 83.866%;
    margin: 5.4% auto 0;
}
.game-howto-list > div{
    padding-bottom: 114.8%;
    position: relative;
}
.in-howto-movie{
    width: 62.8%;
    padding-bottom: 101.6%;
    overflow: hidden;
    position: absolute;
}
.in-howto-movie video{
    width: 99%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.96);
    z-index: 2;
}
.in-howto-movie.--right{
    top: 0;
    right: 0;
    margin: 6.666% 4% 0 0;
}
.in-howto-movie.--left{
    top: 0;
    left: 0;
    margin: 6.666% 0 0 4%;
}
.in-howto-movie:before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.96);
    pointer-events: none;
}
.in-howto-movie:after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url("../img/game/frame.png") no-repeat center / 100% auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    pointer-events: none;

}
.game-howto-list-01{
    background: url("../img/game/howto/bg_ss01.png") no-repeat top center / 100% auto;
}
.game-howto-list-01:after{
    content: "";
    display: block;
    width: 39.733%;
    padding-bottom: 31.2%;
    background: url("../img/game/howto/obj_ss01.png") no-repeat top center / 100% auto;
    position: absolute;
    top: 0;
    left: 0;
    margin: 52.8% 0 0 2.4%;
    pointer-events: none;
    z-index: 5;
}
.game-howto-list-01 .in-howto-text{
    width: 63.2%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 17.866% 0 0 2.8%;
    z-index: 4;
    pointer-events: none;
}
.game-howto-list-02{
    background: url("../img/game/howto/bg_ss02.png") no-repeat top center / 100% auto;
}
.game-howto-list-02 .in-howto-text{
    width: 56.533%;
    position: absolute;
    top: 0;
    right: 0;
    margin: 25.333% 5% 0 0;
    z-index: 4;
    pointer-events: none;
}
.game-howto-list-03{
    background: url("../img/game/howto/bg_ss03.png") no-repeat top center / 100% auto;
}
.game-howto-list-03 .in-howto-text{
    width: 64.133%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 20.666% 0 0 2%;
    z-index: 4;
    pointer-events: none;
}
.game-howto-pv{
    width: 99.466%;
    padding-bottom: 121.333%;
    background: url("../img/game/howto/bg_pv.png") no-repeat top center / 100% auto;
    margin-top: -43.2%;
    position: relative;
}
.game-howto-pv a{
    width: 87.6%;
    margin: 57.2% 0 0 6.6%;
}

.modaal-inner-wrapper, .modaal-content-container{
    padding: 0;
}
.modaal-container{
    width: 93.333%;
    max-width: var(--max-width-modal);
    margin: auto;
    position: relative;
}
.modal-pv-wrap{
    padding-bottom: 56.25%;
}
.modal-pv-wrap iframe{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.modal-close{
    position: absolute;
    top: 0;
    right: 0;
    margin: -10.5% 0 0;
    width: 7.5%;
    cursor: pointer;
}


.game-collection{
    position: relative;
    z-index: 2;
    margin-top: -16%;
}
/* indicator */
.game-list-indicator{
    display: flex;
    flex-wrap: wrap;
    width: 3.733%;
    position: absolute;
    right: 0;
    top: 0;
}
.game-list-indicator .list-active img{
    opacity: 0;
}
.game-list-indicator .list-active:after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url("../img/game/icon_active.png") no-repeat center / 100% auto;
    position: absolute;
    top: 0;
    left: 0;
}
.game-list-indicator li{
    position: relative;
    cursor: pointer;
}
.game-list-indicator li:not(:last-child){
    width: 100%;
    margin-bottom: 71.428%;
}


/* game character */
#game .game-collection h3{
    width: 94.266%;
}
.game-collection-character{
    padding-bottom: 180.266%;
    background: url("../img/game/collection/character/bg.png") no-repeat top center / 100% auto;
    position: relative;
    z-index: 3;
}
#game .game-collection-character h3{
    margin: 33% auto 0;
}
.game-collection-character-list > div{
    width: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 50.8%;
    transition: 0.6s;
}
.list-active{
    opacity: 1 !important;
}
.game-collection-character-text{
    width: 80.933%;
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: 15%;
}
.game-collection-character .game-list-indicator{
    margin: 59% 2.666% 0 0;
}

/* dice */
.game-collection-dice{
    padding-bottom: 127.466%;
    background: url("../img/game/collection/dice/bg.png") no-repeat top center / 100% auto;
    position: relative;
    z-index: 2;
    margin-top: -12.5%;
}
.game-collection-dice-list > div{
    width: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 13%;
    transition: 0.6s;
}
.game-collection-dice .game-list-indicator{
    margin: 19% 2.666% 0 0;
}
.game-collection-dice-text{
    width: 88.4%;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 12.6%;
}

/* stamp */
.game-collection-stamp{
    padding-bottom: 146.666%;
    background: url("../img/game/collection/stamp/bg.png") no-repeat top center / 100% auto;
    position: relative;
    z-index: 1;
    margin-top: -15%;
}
.game-collection-stamp-thumb{
    width: 95.333%;
    margin: 12% auto 0;
}
.game-collection-stamp-text{
    width: 72.933%;
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: 11.2%;
}


/* game > minigame */
.game-minigame{
    padding-bottom: 183.466%;
    background: url("../img/game/minigame/bg.png") no-repeat bottom center / 100% auto;
    position: relative;
    z-index: 1;
    margin-top: -16.2%;
}
#game .game-minigame h3{
    margin: 21.6% auto 0;
}
.game-minigame-text{
    width: 88.4%;
    margin: 3% auto 0;
}
.game-minigame-list{
    margin-top: 3.5%;
}
.game-minigame-list .swiper-slide{
    position: relative;
    width: 62.8%;
    position: relative;
}
.game-minigame-movie-wrap{
    transition: 0.2s;
    transform-origin: bottom;
}
.game-minigame-movie-wrap video{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 92%;
    z-index: 1;
}
.game-minigame-movie-frame{
    position: relative;
    z-index: 2;
    pointer-events: none;
}
.game-minigame-movie-content:before{
    content: "";
    display: block;
    width: 92%;
    height: 96%;
    background: #000;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.game-minigame-movie-frame img{
    position: relative;
    z-index: 1;
}

.game-minigame-list .swiper-slide:not(.swiper-slide-active) .game-minigame-movie-wrap{
    scale: 0.85;
    will-change: transform;
}
.game-minigame-indicator{
    margin-top: 5.333%;
    text-align: center;
}
.game-minigame-indicator ul{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}
.game-minigame-indicator li{
    width: 3.733%;
    margin: 0 1.666% 0;
    position: relative;
}
.game-minigame-indicator li.game-indicator-active:after{
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 100%;
    background: url("../img/game/icon_active.png") no-repeat center / 100% auto;
    position: absolute;
    top: 0;
    left: 0;
}
.game-minigame-indicator li.game-indicator-active img{
    opacity: 0;
}

.swiper-button-next:after, .swiper-button-prev:after{
    display: none;
}
.swiper-button-next{
    scale: -1 1;
}
.swiper-button-next, .swiper-button-prev{
    width: 9.866%;
    top: 0;
    margin-top: 105%;
}
.swiper-button-prev{
    left: 7.5%;
}
.swiper-button-next{
    right: 7.5%;
}
.swiper-pagination-bullet{
    width: 3.733%;
    padding-bottom: 3.733%;
    background: url("../img/game/icon.png") no-repeat center / 100% auto;
    margin: 0 1.666% !important;
    opacity: 1;
}
.swiper-pagination-bullet-active{
    background: url("../img/game/icon_active.png") no-repeat center / 100% auto;
}



/* *******************

footer

******************* */
footer{
    background-image: url("../img/footer/bg.jpg"), url("../img/footer/bg_repeat.jpg");
    background-repeat: no-repeat, repeat;
    background-size: 100% auto, 100% auto;
    /* padding: 1.2% 0 4.2%; */
    padding: 1.2% 0 35%;
    background-position: top center, top 4rem center;
}
.other-site a{
    margin: 2% auto 0;
}
.pagetop{
    width: 14.933%;
    margin: 0 0 0 auto;
}
.spec{
    width: 91.466%;
    padding-bottom: 95.733%;
    position: relative;
    background: url("../img/footer/spec.png") no-repeat center / 100% auto;
    margin: 0 auto 0;
}
.spec-store{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 9.8%;
}
.spec-store > a{
    margin: 0 1.020% 0;
}
.spec-store-apple{
    width: 38.192%;
}
.spec-store-google{
    width: 43.440%;
}
.corp-link{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 6.2%;
}
.corp-link a{
    width: 44.266%;
    margin: 0 1.133%;
}
.copyright{
    width: 82%;
    margin: 5.4% auto 0;
}