@charset "UTF-8";

.animsition {
  background: url(../../img/common/bg_pc.jpg) center/cover no-repeat;
}

/* display
----------------------------------------*/

.sp_view {
  display: none;
}
.pc_view {
  display: inline;
}

@media (max-width: 640px) {
  .sp_view {
    display: inline;
  }
  .pc_view {
    display: none;
  }
}


/* 共通
----------------------------------------*/

.wrapper {
  padding-bottom: 100px;
}


@media (max-width: 640px) {

.wrapper {
  padding-bottom: 20px;
}

}


/* アンカー
----------------------------------------*/

#page-top {
  width: 100%;
    position: fixed; 
    bottom: 0px;
    /*right: 50%;*/
    /*margin-right: -540px;*/
    text-align: right;
    z-index: 10000;
    padding-bottom: 30px;
    padding-top: 30px;
    background: linear-gradient(0deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%);
}
#page-top a {
    display: block;
    width: 400px;
    margin: 0 auto;
}
#page-top a img {
  width: 100%;
  height: auto;
}


@media (max-width: 640px) {

#page-top {
    bottom: 0px;
}
#page-top a {
    width: 100%;
    text-align: center;
}
#page-top a img {
  width: 90%;
}

}


/* 追記
----------------------------------------*/

.ft_txt_time_has_come {
  text-align: center;
  margin-bottom: 80px;
}

.ft_txt_time_has_come img {
  width: 80%;
  max-width: 1363px;
  height: auto;
}


/* 共通
----------------------------------------*/

html,
body {
  position: relative;
  width: 100%;
  height: 100%;
  background: #000; }

body {
  height: auto;
  margin: 0 auto;
  color: #fff;
  overflow-y: scroll; }

img {
  width: 100%; }

a {
  text-decoration: none;
  color: #000; }

.pagelink {
  display: block;
  margin-top: -58px !important;
  padding-bottom: 58px !important; }

.mt1 {
  margin-top: 1px; }

.mr1 {
  margin-right: 1px; }

.mb1 {
  margin-bottom: 1px; }

.ml1 {
  margin-left: 1px; }

.mt2 {
  margin-top: 2px; }

.mr2 {
  margin-right: 2px; }

.mb2 {
  margin-bottom: 2px; }

.ml2 {
  margin-left: 2px; }

.mt3 {
  margin-top: 3px; }

.mr3 {
  margin-right: 3px; }

.mb3 {
  margin-bottom: 3px; }

.ml3 {
  margin-left: 3px; }

.mt4 {
  margin-top: 4px; }

.mr4 {
  margin-right: 4px; }

.mb4 {
  margin-bottom: 4px; }

.ml4 {
  margin-left: 4px; }

.mt5 {
  margin-top: 5px; }

.mr5 {
  margin-right: 5px; }

.mb5 {
  margin-bottom: 5px; }

.ml5 {
  margin-left: 5px; }

.mt6 {
  margin-top: 6px; }

.mr6 {
  margin-right: 6px; }

.mb6 {
  margin-bottom: 6px; }

.ml6 {
  margin-left: 6px; }

.mt7 {
  margin-top: 7px; }

.mr7 {
  margin-right: 7px; }

.mb7 {
  margin-bottom: 7px; }

.ml7 {
  margin-left: 7px; }

.mt8 {
  margin-top: 8px; }

.mr8 {
  margin-right: 8px; }

.mb8 {
  margin-bottom: 8px; }

.ml8 {
  margin-left: 8px; }

.mt9 {
  margin-top: 9px; }

.mr9 {
  margin-right: 9px; }

.mb9 {
  margin-bottom: 9px; }

.ml9 {
  margin-left: 9px; }

.mt10 {
  margin-top: 10px; }

.mr10 {
  margin-right: 10px; }

.mb10 {
  margin-bottom: 10px; }

.ml10 {
  margin-left: 10px; }

.mt11 {
  margin-top: 11px; }

.mr11 {
  margin-right: 11px; }

.mb11 {
  margin-bottom: 11px; }

.ml11 {
  margin-left: 11px; }

.mt12 {
  margin-top: 12px; }

.mr12 {
  margin-right: 12px; }

.mb12 {
  margin-bottom: 12px; }

.ml12 {
  margin-left: 12px; }

.mt13 {
  margin-top: 13px; }

.mr13 {
  margin-right: 13px; }

.mb13 {
  margin-bottom: 13px; }

.ml13 {
  margin-left: 13px; }

.mt14 {
  margin-top: 14px; }

.mr14 {
  margin-right: 14px; }

.mb14 {
  margin-bottom: 14px; }

.ml14 {
  margin-left: 14px; }

.mt15 {
  margin-top: 15px; }

.mr15 {
  margin-right: 15px; }

.mb15 {
  margin-bottom: 15px; }

.ml15 {
  margin-left: 15px; }

.mt16 {
  margin-top: 16px; }

.mr16 {
  margin-right: 16px; }

.mb16 {
  margin-bottom: 16px; }

.ml16 {
  margin-left: 16px; }

.mt17 {
  margin-top: 17px; }

.mr17 {
  margin-right: 17px; }

.mb17 {
  margin-bottom: 17px; }

.ml17 {
  margin-left: 17px; }

.mt18 {
  margin-top: 18px; }

.mr18 {
  margin-right: 18px; }

.mb18 {
  margin-bottom: 18px; }

.ml18 {
  margin-left: 18px; }

.mt19 {
  margin-top: 19px; }

.mr19 {
  margin-right: 19px; }

.mb19 {
  margin-bottom: 19px; }

.ml19 {
  margin-left: 19px; }

.mt20 {
  margin-top: 20px; }

.mr20 {
  margin-right: 20px; }

.mb20 {
  margin-bottom: 20px; }

.ml20 {
  margin-left: 20px; }

.mt21 {
  margin-top: 21px; }

.mr21 {
  margin-right: 21px; }

.mb21 {
  margin-bottom: 21px; }

.ml21 {
  margin-left: 21px; }

.mt22 {
  margin-top: 22px; }

.mr22 {
  margin-right: 22px; }

.mb22 {
  margin-bottom: 22px; }

.ml22 {
  margin-left: 22px; }

.mt23 {
  margin-top: 23px; }

.mr23 {
  margin-right: 23px; }

.mb23 {
  margin-bottom: 23px; }

.ml23 {
  margin-left: 23px; }

.mt24 {
  margin-top: 24px; }

.mr24 {
  margin-right: 24px; }

.mb24 {
  margin-bottom: 24px; }

.ml24 {
  margin-left: 24px; }

.mt25 {
  margin-top: 25px; }

.mr25 {
  margin-right: 25px; }

.mb25 {
  margin-bottom: 25px; }

.ml25 {
  margin-left: 25px; }

.mt26 {
  margin-top: 26px; }

.mr26 {
  margin-right: 26px; }

.mb26 {
  margin-bottom: 26px; }

.ml26 {
  margin-left: 26px; }

.mt27 {
  margin-top: 27px; }

.mr27 {
  margin-right: 27px; }

.mb27 {
  margin-bottom: 27px; }

.ml27 {
  margin-left: 27px; }

.mt28 {
  margin-top: 28px; }

.mr28 {
  margin-right: 28px; }

.mb28 {
  margin-bottom: 28px; }

.ml28 {
  margin-left: 28px; }

.mt29 {
  margin-top: 29px; }

.mr29 {
  margin-right: 29px; }

.mb29 {
  margin-bottom: 29px; }

.ml29 {
  margin-left: 29px; }

.mt30 {
  margin-top: 30px; }

.mr30 {
  margin-right: 30px; }

.mb30 {
  margin-bottom: 30px; }

.ml30 {
  margin-left: 30px; }

.mt31 {
  margin-top: 31px; }

.mr31 {
  margin-right: 31px; }

.mb31 {
  margin-bottom: 31px; }

.ml31 {
  margin-left: 31px; }

.mt32 {
  margin-top: 32px; }

.mr32 {
  margin-right: 32px; }

.mb32 {
  margin-bottom: 32px; }

.ml32 {
  margin-left: 32px; }

.mt33 {
  margin-top: 33px; }

.mr33 {
  margin-right: 33px; }

.mb33 {
  margin-bottom: 33px; }

.ml33 {
  margin-left: 33px; }

.mt34 {
  margin-top: 34px; }

.mr34 {
  margin-right: 34px; }

.mb34 {
  margin-bottom: 34px; }

.ml34 {
  margin-left: 34px; }

.mt35 {
  margin-top: 35px; }

.mr35 {
  margin-right: 35px; }

.mb35 {
  margin-bottom: 35px; }

.ml35 {
  margin-left: 35px; }

.mt36 {
  margin-top: 36px; }

.mr36 {
  margin-right: 36px; }

.mb36 {
  margin-bottom: 36px; }

.ml36 {
  margin-left: 36px; }

.mt37 {
  margin-top: 37px; }

.mr37 {
  margin-right: 37px; }

.mb37 {
  margin-bottom: 37px; }

.ml37 {
  margin-left: 37px; }

.mt38 {
  margin-top: 38px; }

.mr38 {
  margin-right: 38px; }

.mb38 {
  margin-bottom: 38px; }

.ml38 {
  margin-left: 38px; }

.mt39 {
  margin-top: 39px; }

.mr39 {
  margin-right: 39px; }

.mb39 {
  margin-bottom: 39px; }

.ml39 {
  margin-left: 39px; }

.mt40 {
  margin-top: 40px; }

.mr40 {
  margin-right: 40px; }

.mb40 {
  margin-bottom: 40px; }

.ml40 {
  margin-left: 40px; }

.mt41 {
  margin-top: 41px; }

.mr41 {
  margin-right: 41px; }

.mb41 {
  margin-bottom: 41px; }

.ml41 {
  margin-left: 41px; }

.mt42 {
  margin-top: 42px; }

.mr42 {
  margin-right: 42px; }

.mb42 {
  margin-bottom: 42px; }

.ml42 {
  margin-left: 42px; }

.mt43 {
  margin-top: 43px; }

.mr43 {
  margin-right: 43px; }

.mb43 {
  margin-bottom: 43px; }

.ml43 {
  margin-left: 43px; }

.mt44 {
  margin-top: 44px; }

.mr44 {
  margin-right: 44px; }

.mb44 {
  margin-bottom: 44px; }

.ml44 {
  margin-left: 44px; }

.mt45 {
  margin-top: 45px; }

.mr45 {
  margin-right: 45px; }

.mb45 {
  margin-bottom: 45px; }

.ml45 {
  margin-left: 45px; }

.mt46 {
  margin-top: 46px; }

.mr46 {
  margin-right: 46px; }

.mb46 {
  margin-bottom: 46px; }

.ml46 {
  margin-left: 46px; }

.mt47 {
  margin-top: 47px; }

.mr47 {
  margin-right: 47px; }

.mb47 {
  margin-bottom: 47px; }

.ml47 {
  margin-left: 47px; }

.mt48 {
  margin-top: 48px; }

.mr48 {
  margin-right: 48px; }

.mb48 {
  margin-bottom: 48px; }

.ml48 {
  margin-left: 48px; }

.mt49 {
  margin-top: 49px; }

.mr49 {
  margin-right: 49px; }

.mb49 {
  margin-bottom: 49px; }

.ml49 {
  margin-left: 49px; }

.mt50 {
  margin-top: 50px; }

.mr50 {
  margin-right: 50px; }

.mb50 {
  margin-bottom: 50px; }

.ml50 {
  margin-left: 50px; }

.mt51 {
  margin-top: 51px; }

.mr51 {
  margin-right: 51px; }

.mb51 {
  margin-bottom: 51px; }

.ml51 {
  margin-left: 51px; }

.mt52 {
  margin-top: 52px; }

.mr52 {
  margin-right: 52px; }

.mb52 {
  margin-bottom: 52px; }

.ml52 {
  margin-left: 52px; }

.mt53 {
  margin-top: 53px; }

.mr53 {
  margin-right: 53px; }

.mb53 {
  margin-bottom: 53px; }

.ml53 {
  margin-left: 53px; }

.mt54 {
  margin-top: 54px; }

.mr54 {
  margin-right: 54px; }

.mb54 {
  margin-bottom: 54px; }

.ml54 {
  margin-left: 54px; }

.mt55 {
  margin-top: 55px; }

.mr55 {
  margin-right: 55px; }

.mb55 {
  margin-bottom: 55px; }

.ml55 {
  margin-left: 55px; }

.mt56 {
  margin-top: 56px; }

.mr56 {
  margin-right: 56px; }

.mb56 {
  margin-bottom: 56px; }

.ml56 {
  margin-left: 56px; }

.mt57 {
  margin-top: 57px; }

.mr57 {
  margin-right: 57px; }

.mb57 {
  margin-bottom: 57px; }

.ml57 {
  margin-left: 57px; }

.mt58 {
  margin-top: 58px; }

.mr58 {
  margin-right: 58px; }

.mb58 {
  margin-bottom: 58px; }

.ml58 {
  margin-left: 58px; }

.mt59 {
  margin-top: 59px; }

.mr59 {
  margin-right: 59px; }

.mb59 {
  margin-bottom: 59px; }

.ml59 {
  margin-left: 59px; }

.mt60 {
  margin-top: 60px; }

.mr60 {
  margin-right: 60px; }

.mb60 {
  margin-bottom: 60px; }

.ml60 {
  margin-left: 60px; }

.mt61 {
  margin-top: 61px; }

.mr61 {
  margin-right: 61px; }

.mb61 {
  margin-bottom: 61px; }

.ml61 {
  margin-left: 61px; }

.mt62 {
  margin-top: 62px; }

.mr62 {
  margin-right: 62px; }

.mb62 {
  margin-bottom: 62px; }

.ml62 {
  margin-left: 62px; }

.mt63 {
  margin-top: 63px; }

.mr63 {
  margin-right: 63px; }

.mb63 {
  margin-bottom: 63px; }

.ml63 {
  margin-left: 63px; }

.mt64 {
  margin-top: 64px; }

.mr64 {
  margin-right: 64px; }

.mb64 {
  margin-bottom: 64px; }

.ml64 {
  margin-left: 64px; }

.mt65 {
  margin-top: 65px; }

.mr65 {
  margin-right: 65px; }

.mb65 {
  margin-bottom: 65px; }

.ml65 {
  margin-left: 65px; }

.mt66 {
  margin-top: 66px; }

.mr66 {
  margin-right: 66px; }

.mb66 {
  margin-bottom: 66px; }

.ml66 {
  margin-left: 66px; }

.mt67 {
  margin-top: 67px; }

.mr67 {
  margin-right: 67px; }

.mb67 {
  margin-bottom: 67px; }

.ml67 {
  margin-left: 67px; }

.mt68 {
  margin-top: 68px; }

.mr68 {
  margin-right: 68px; }

.mb68 {
  margin-bottom: 68px; }

.ml68 {
  margin-left: 68px; }

.mt69 {
  margin-top: 69px; }

.mr69 {
  margin-right: 69px; }

.mb69 {
  margin-bottom: 69px; }

.ml69 {
  margin-left: 69px; }

.mt70 {
  margin-top: 70px; }

.mr70 {
  margin-right: 70px; }

.mb70 {
  margin-bottom: 70px; }

.ml70 {
  margin-left: 70px; }

.mt71 {
  margin-top: 71px; }

.mr71 {
  margin-right: 71px; }

.mb71 {
  margin-bottom: 71px; }

.ml71 {
  margin-left: 71px; }

.mt72 {
  margin-top: 72px; }

.mr72 {
  margin-right: 72px; }

.mb72 {
  margin-bottom: 72px; }

.ml72 {
  margin-left: 72px; }

.mt73 {
  margin-top: 73px; }

.mr73 {
  margin-right: 73px; }

.mb73 {
  margin-bottom: 73px; }

.ml73 {
  margin-left: 73px; }

.mt74 {
  margin-top: 74px; }

.mr74 {
  margin-right: 74px; }

.mb74 {
  margin-bottom: 74px; }

.ml74 {
  margin-left: 74px; }

.mt75 {
  margin-top: 75px; }

.mr75 {
  margin-right: 75px; }

.mb75 {
  margin-bottom: 75px; }

.ml75 {
  margin-left: 75px; }

.mt76 {
  margin-top: 76px; }

.mr76 {
  margin-right: 76px; }

.mb76 {
  margin-bottom: 76px; }

.ml76 {
  margin-left: 76px; }

.mt77 {
  margin-top: 77px; }

.mr77 {
  margin-right: 77px; }

.mb77 {
  margin-bottom: 77px; }

.ml77 {
  margin-left: 77px; }

.mt78 {
  margin-top: 78px; }

.mr78 {
  margin-right: 78px; }

.mb78 {
  margin-bottom: 78px; }

.ml78 {
  margin-left: 78px; }

.mt79 {
  margin-top: 79px; }

.mr79 {
  margin-right: 79px; }

.mb79 {
  margin-bottom: 79px; }

.ml79 {
  margin-left: 79px; }

.mt80 {
  margin-top: 80px; }

.mr80 {
  margin-right: 80px; }

.mb80 {
  margin-bottom: 80px; }

.ml80 {
  margin-left: 80px; }

.mt81 {
  margin-top: 81px; }

.mr81 {
  margin-right: 81px; }

.mb81 {
  margin-bottom: 81px; }

.ml81 {
  margin-left: 81px; }

.mt82 {
  margin-top: 82px; }

.mr82 {
  margin-right: 82px; }

.mb82 {
  margin-bottom: 82px; }

.ml82 {
  margin-left: 82px; }

.mt83 {
  margin-top: 83px; }

.mr83 {
  margin-right: 83px; }

.mb83 {
  margin-bottom: 83px; }

.ml83 {
  margin-left: 83px; }

.mt84 {
  margin-top: 84px; }

.mr84 {
  margin-right: 84px; }

.mb84 {
  margin-bottom: 84px; }

.ml84 {
  margin-left: 84px; }

.mt85 {
  margin-top: 85px; }

.mr85 {
  margin-right: 85px; }

.mb85 {
  margin-bottom: 85px; }

.ml85 {
  margin-left: 85px; }

.mt86 {
  margin-top: 86px; }

.mr86 {
  margin-right: 86px; }

.mb86 {
  margin-bottom: 86px; }

.ml86 {
  margin-left: 86px; }

.mt87 {
  margin-top: 87px; }

.mr87 {
  margin-right: 87px; }

.mb87 {
  margin-bottom: 87px; }

.ml87 {
  margin-left: 87px; }

.mt88 {
  margin-top: 88px; }

.mr88 {
  margin-right: 88px; }

.mb88 {
  margin-bottom: 88px; }

.ml88 {
  margin-left: 88px; }

.mt89 {
  margin-top: 89px; }

.mr89 {
  margin-right: 89px; }

.mb89 {
  margin-bottom: 89px; }

.ml89 {
  margin-left: 89px; }

.mt90 {
  margin-top: 90px; }

.mr90 {
  margin-right: 90px; }

.mb90 {
  margin-bottom: 90px; }

.ml90 {
  margin-left: 90px; }

.mt91 {
  margin-top: 91px; }

.mr91 {
  margin-right: 91px; }

.mb91 {
  margin-bottom: 91px; }

.ml91 {
  margin-left: 91px; }

.mt92 {
  margin-top: 92px; }

.mr92 {
  margin-right: 92px; }

.mb92 {
  margin-bottom: 92px; }

.ml92 {
  margin-left: 92px; }

.mt93 {
  margin-top: 93px; }

.mr93 {
  margin-right: 93px; }

.mb93 {
  margin-bottom: 93px; }

.ml93 {
  margin-left: 93px; }

.mt94 {
  margin-top: 94px; }

.mr94 {
  margin-right: 94px; }

.mb94 {
  margin-bottom: 94px; }

.ml94 {
  margin-left: 94px; }

.mt95 {
  margin-top: 95px; }

.mr95 {
  margin-right: 95px; }

.mb95 {
  margin-bottom: 95px; }

.ml95 {
  margin-left: 95px; }

.mt96 {
  margin-top: 96px; }

.mr96 {
  margin-right: 96px; }

.mb96 {
  margin-bottom: 96px; }

.ml96 {
  margin-left: 96px; }

.mt97 {
  margin-top: 97px; }

.mr97 {
  margin-right: 97px; }

.mb97 {
  margin-bottom: 97px; }

.ml97 {
  margin-left: 97px; }

.mt98 {
  margin-top: 98px; }

.mr98 {
  margin-right: 98px; }

.mb98 {
  margin-bottom: 98px; }

.ml98 {
  margin-left: 98px; }

.mt99 {
  margin-top: 99px; }

.mr99 {
  margin-right: 99px; }

.mb99 {
  margin-bottom: 99px; }

.ml99 {
  margin-left: 99px; }

.mt100 {
  margin-top: 100px; }

.mr100 {
  margin-right: 100px; }

.mb100 {
  margin-bottom: 100px; }

.ml100 {
  margin-left: 100px; }

.pt1 {
  padding-top: 1px; }

.pr1 {
  padding-right: 1px; }

.pb1 {
  padding-bottom: 1px; }

.pl1 {
  padding-left: 1px; }

.pt2 {
  padding-top: 2px; }

.pr2 {
  padding-right: 2px; }

.pb2 {
  padding-bottom: 2px; }

.pl2 {
  padding-left: 2px; }

.pt3 {
  padding-top: 3px; }

.pr3 {
  padding-right: 3px; }

.pb3 {
  padding-bottom: 3px; }

.pl3 {
  padding-left: 3px; }

.pt4 {
  padding-top: 4px; }

.pr4 {
  padding-right: 4px; }

.pb4 {
  padding-bottom: 4px; }

.pl4 {
  padding-left: 4px; }

.pt5 {
  padding-top: 5px; }

.pr5 {
  padding-right: 5px; }

.pb5 {
  padding-bottom: 5px; }

.pl5 {
  padding-left: 5px; }

.pt6 {
  padding-top: 6px; }

.pr6 {
  padding-right: 6px; }

.pb6 {
  padding-bottom: 6px; }

.pl6 {
  padding-left: 6px; }

.pt7 {
  padding-top: 7px; }

.pr7 {
  padding-right: 7px; }

.pb7 {
  padding-bottom: 7px; }

.pl7 {
  padding-left: 7px; }

.pt8 {
  padding-top: 8px; }

.pr8 {
  padding-right: 8px; }

.pb8 {
  padding-bottom: 8px; }

.pl8 {
  padding-left: 8px; }

.pt9 {
  padding-top: 9px; }

.pr9 {
  padding-right: 9px; }

.pb9 {
  padding-bottom: 9px; }

.pl9 {
  padding-left: 9px; }

.pt10 {
  padding-top: 10px; }

.pr10 {
  padding-right: 10px; }

.pb10 {
  padding-bottom: 10px; }

.pl10 {
  padding-left: 10px; }

.pt11 {
  padding-top: 11px; }

.pr11 {
  padding-right: 11px; }

.pb11 {
  padding-bottom: 11px; }

.pl11 {
  padding-left: 11px; }

.pt12 {
  padding-top: 12px; }

.pr12 {
  padding-right: 12px; }

.pb12 {
  padding-bottom: 12px; }

.pl12 {
  padding-left: 12px; }

.pt13 {
  padding-top: 13px; }

.pr13 {
  padding-right: 13px; }

.pb13 {
  padding-bottom: 13px; }

.pl13 {
  padding-left: 13px; }

.pt14 {
  padding-top: 14px; }

.pr14 {
  padding-right: 14px; }

.pb14 {
  padding-bottom: 14px; }

.pl14 {
  padding-left: 14px; }

.pt15 {
  padding-top: 15px; }

.pr15 {
  padding-right: 15px; }

.pb15 {
  padding-bottom: 15px; }

.pl15 {
  padding-left: 15px; }

.pt16 {
  padding-top: 16px; }

.pr16 {
  padding-right: 16px; }

.pb16 {
  padding-bottom: 16px; }

.pl16 {
  padding-left: 16px; }

.pt17 {
  padding-top: 17px; }

.pr17 {
  padding-right: 17px; }

.pb17 {
  padding-bottom: 17px; }

.pl17 {
  padding-left: 17px; }

.pt18 {
  padding-top: 18px; }

.pr18 {
  padding-right: 18px; }

.pb18 {
  padding-bottom: 18px; }

.pl18 {
  padding-left: 18px; }

.pt19 {
  padding-top: 19px; }

.pr19 {
  padding-right: 19px; }

.pb19 {
  padding-bottom: 19px; }

.pl19 {
  padding-left: 19px; }

.pt20 {
  padding-top: 20px; }

.pr20 {
  padding-right: 20px; }

.pb20 {
  padding-bottom: 20px; }

.pl20 {
  padding-left: 20px; }

.pt21 {
  padding-top: 21px; }

.pr21 {
  padding-right: 21px; }

.pb21 {
  padding-bottom: 21px; }

.pl21 {
  padding-left: 21px; }

.pt22 {
  padding-top: 22px; }

.pr22 {
  padding-right: 22px; }

.pb22 {
  padding-bottom: 22px; }

.pl22 {
  padding-left: 22px; }

.pt23 {
  padding-top: 23px; }

.pr23 {
  padding-right: 23px; }

.pb23 {
  padding-bottom: 23px; }

.pl23 {
  padding-left: 23px; }

.pt24 {
  padding-top: 24px; }

.pr24 {
  padding-right: 24px; }

.pb24 {
  padding-bottom: 24px; }

.pl24 {
  padding-left: 24px; }

.pt25 {
  padding-top: 25px; }

.pr25 {
  padding-right: 25px; }

.pb25 {
  padding-bottom: 25px; }

.pl25 {
  padding-left: 25px; }

.pt26 {
  padding-top: 26px; }

.pr26 {
  padding-right: 26px; }

.pb26 {
  padding-bottom: 26px; }

.pl26 {
  padding-left: 26px; }

.pt27 {
  padding-top: 27px; }

.pr27 {
  padding-right: 27px; }

.pb27 {
  padding-bottom: 27px; }

.pl27 {
  padding-left: 27px; }

.pt28 {
  padding-top: 28px; }

.pr28 {
  padding-right: 28px; }

.pb28 {
  padding-bottom: 28px; }

.pl28 {
  padding-left: 28px; }

.pt29 {
  padding-top: 29px; }

.pr29 {
  padding-right: 29px; }

.pb29 {
  padding-bottom: 29px; }

.pl29 {
  padding-left: 29px; }

.pt30 {
  padding-top: 30px; }

.pr30 {
  padding-right: 30px; }

.pb30 {
  padding-bottom: 30px; }

.pl30 {
  padding-left: 30px; }

.pt31 {
  padding-top: 31px; }

.pr31 {
  padding-right: 31px; }

.pb31 {
  padding-bottom: 31px; }

.pl31 {
  padding-left: 31px; }

.pt32 {
  padding-top: 32px; }

.pr32 {
  padding-right: 32px; }

.pb32 {
  padding-bottom: 32px; }

.pl32 {
  padding-left: 32px; }

.pt33 {
  padding-top: 33px; }

.pr33 {
  padding-right: 33px; }

.pb33 {
  padding-bottom: 33px; }

.pl33 {
  padding-left: 33px; }

.pt34 {
  padding-top: 34px; }

.pr34 {
  padding-right: 34px; }

.pb34 {
  padding-bottom: 34px; }

.pl34 {
  padding-left: 34px; }

.pt35 {
  padding-top: 35px; }

.pr35 {
  padding-right: 35px; }

.pb35 {
  padding-bottom: 35px; }

.pl35 {
  padding-left: 35px; }

.pt36 {
  padding-top: 36px; }

.pr36 {
  padding-right: 36px; }

.pb36 {
  padding-bottom: 36px; }

.pl36 {
  padding-left: 36px; }

.pt37 {
  padding-top: 37px; }

.pr37 {
  padding-right: 37px; }

.pb37 {
  padding-bottom: 37px; }

.pl37 {
  padding-left: 37px; }

.pt38 {
  padding-top: 38px; }

.pr38 {
  padding-right: 38px; }

.pb38 {
  padding-bottom: 38px; }

.pl38 {
  padding-left: 38px; }

.pt39 {
  padding-top: 39px; }

.pr39 {
  padding-right: 39px; }

.pb39 {
  padding-bottom: 39px; }

.pl39 {
  padding-left: 39px; }

.pt40 {
  padding-top: 40px; }

.pr40 {
  padding-right: 40px; }

.pb40 {
  padding-bottom: 40px; }

.pl40 {
  padding-left: 40px; }

.pt41 {
  padding-top: 41px; }

.pr41 {
  padding-right: 41px; }

.pb41 {
  padding-bottom: 41px; }

.pl41 {
  padding-left: 41px; }

.pt42 {
  padding-top: 42px; }

.pr42 {
  padding-right: 42px; }

.pb42 {
  padding-bottom: 42px; }

.pl42 {
  padding-left: 42px; }

.pt43 {
  padding-top: 43px; }

.pr43 {
  padding-right: 43px; }

.pb43 {
  padding-bottom: 43px; }

.pl43 {
  padding-left: 43px; }

.pt44 {
  padding-top: 44px; }

.pr44 {
  padding-right: 44px; }

.pb44 {
  padding-bottom: 44px; }

.pl44 {
  padding-left: 44px; }

.pt45 {
  padding-top: 45px; }

.pr45 {
  padding-right: 45px; }

.pb45 {
  padding-bottom: 45px; }

.pl45 {
  padding-left: 45px; }

.pt46 {
  padding-top: 46px; }

.pr46 {
  padding-right: 46px; }

.pb46 {
  padding-bottom: 46px; }

.pl46 {
  padding-left: 46px; }

.pt47 {
  padding-top: 47px; }

.pr47 {
  padding-right: 47px; }

.pb47 {
  padding-bottom: 47px; }

.pl47 {
  padding-left: 47px; }

.pt48 {
  padding-top: 48px; }

.pr48 {
  padding-right: 48px; }

.pb48 {
  padding-bottom: 48px; }

.pl48 {
  padding-left: 48px; }

.pt49 {
  padding-top: 49px; }

.pr49 {
  padding-right: 49px; }

.pb49 {
  padding-bottom: 49px; }

.pl49 {
  padding-left: 49px; }

.pt50 {
  padding-top: 50px; }

.pr50 {
  padding-right: 50px; }

.pb50 {
  padding-bottom: 50px; }

.pl50 {
  padding-left: 50px; }

.pt51 {
  padding-top: 51px; }

.pr51 {
  padding-right: 51px; }

.pb51 {
  padding-bottom: 51px; }

.pl51 {
  padding-left: 51px; }

.pt52 {
  padding-top: 52px; }

.pr52 {
  padding-right: 52px; }

.pb52 {
  padding-bottom: 52px; }

.pl52 {
  padding-left: 52px; }

.pt53 {
  padding-top: 53px; }

.pr53 {
  padding-right: 53px; }

.pb53 {
  padding-bottom: 53px; }

.pl53 {
  padding-left: 53px; }

.pt54 {
  padding-top: 54px; }

.pr54 {
  padding-right: 54px; }

.pb54 {
  padding-bottom: 54px; }

.pl54 {
  padding-left: 54px; }

.pt55 {
  padding-top: 55px; }

.pr55 {
  padding-right: 55px; }

.pb55 {
  padding-bottom: 55px; }

.pl55 {
  padding-left: 55px; }

.pt56 {
  padding-top: 56px; }

.pr56 {
  padding-right: 56px; }

.pb56 {
  padding-bottom: 56px; }

.pl56 {
  padding-left: 56px; }

.pt57 {
  padding-top: 57px; }

.pr57 {
  padding-right: 57px; }

.pb57 {
  padding-bottom: 57px; }

.pl57 {
  padding-left: 57px; }

.pt58 {
  padding-top: 58px; }

.pr58 {
  padding-right: 58px; }

.pb58 {
  padding-bottom: 58px; }

.pl58 {
  padding-left: 58px; }

.pt59 {
  padding-top: 59px; }

.pr59 {
  padding-right: 59px; }

.pb59 {
  padding-bottom: 59px; }

.pl59 {
  padding-left: 59px; }

.pt60 {
  padding-top: 60px; }

.pr60 {
  padding-right: 60px; }

.pb60 {
  padding-bottom: 60px; }

.pl60 {
  padding-left: 60px; }

.pt61 {
  padding-top: 61px; }

.pr61 {
  padding-right: 61px; }

.pb61 {
  padding-bottom: 61px; }

.pl61 {
  padding-left: 61px; }

.pt62 {
  padding-top: 62px; }

.pr62 {
  padding-right: 62px; }

.pb62 {
  padding-bottom: 62px; }

.pl62 {
  padding-left: 62px; }

.pt63 {
  padding-top: 63px; }

.pr63 {
  padding-right: 63px; }

.pb63 {
  padding-bottom: 63px; }

.pl63 {
  padding-left: 63px; }

.pt64 {
  padding-top: 64px; }

.pr64 {
  padding-right: 64px; }

.pb64 {
  padding-bottom: 64px; }

.pl64 {
  padding-left: 64px; }

.pt65 {
  padding-top: 65px; }

.pr65 {
  padding-right: 65px; }

.pb65 {
  padding-bottom: 65px; }

.pl65 {
  padding-left: 65px; }

.pt66 {
  padding-top: 66px; }

.pr66 {
  padding-right: 66px; }

.pb66 {
  padding-bottom: 66px; }

.pl66 {
  padding-left: 66px; }

.pt67 {
  padding-top: 67px; }

.pr67 {
  padding-right: 67px; }

.pb67 {
  padding-bottom: 67px; }

.pl67 {
  padding-left: 67px; }

.pt68 {
  padding-top: 68px; }

.pr68 {
  padding-right: 68px; }

.pb68 {
  padding-bottom: 68px; }

.pl68 {
  padding-left: 68px; }

.pt69 {
  padding-top: 69px; }

.pr69 {
  padding-right: 69px; }

.pb69 {
  padding-bottom: 69px; }

.pl69 {
  padding-left: 69px; }

.pt70 {
  padding-top: 70px; }

.pr70 {
  padding-right: 70px; }

.pb70 {
  padding-bottom: 70px; }

.pl70 {
  padding-left: 70px; }

.pt71 {
  padding-top: 71px; }

.pr71 {
  padding-right: 71px; }

.pb71 {
  padding-bottom: 71px; }

.pl71 {
  padding-left: 71px; }

.pt72 {
  padding-top: 72px; }

.pr72 {
  padding-right: 72px; }

.pb72 {
  padding-bottom: 72px; }

.pl72 {
  padding-left: 72px; }

.pt73 {
  padding-top: 73px; }

.pr73 {
  padding-right: 73px; }

.pb73 {
  padding-bottom: 73px; }

.pl73 {
  padding-left: 73px; }

.pt74 {
  padding-top: 74px; }

.pr74 {
  padding-right: 74px; }

.pb74 {
  padding-bottom: 74px; }

.pl74 {
  padding-left: 74px; }

.pt75 {
  padding-top: 75px; }

.pr75 {
  padding-right: 75px; }

.pb75 {
  padding-bottom: 75px; }

.pl75 {
  padding-left: 75px; }

.pt76 {
  padding-top: 76px; }

.pr76 {
  padding-right: 76px; }

.pb76 {
  padding-bottom: 76px; }

.pl76 {
  padding-left: 76px; }

.pt77 {
  padding-top: 77px; }

.pr77 {
  padding-right: 77px; }

.pb77 {
  padding-bottom: 77px; }

.pl77 {
  padding-left: 77px; }

.pt78 {
  padding-top: 78px; }

.pr78 {
  padding-right: 78px; }

.pb78 {
  padding-bottom: 78px; }

.pl78 {
  padding-left: 78px; }

.pt79 {
  padding-top: 79px; }

.pr79 {
  padding-right: 79px; }

.pb79 {
  padding-bottom: 79px; }

.pl79 {
  padding-left: 79px; }

.pt80 {
  padding-top: 80px; }

.pr80 {
  padding-right: 80px; }

.pb80 {
  padding-bottom: 80px; }

.pl80 {
  padding-left: 80px; }

.pt81 {
  padding-top: 81px; }

.pr81 {
  padding-right: 81px; }

.pb81 {
  padding-bottom: 81px; }

.pl81 {
  padding-left: 81px; }

.pt82 {
  padding-top: 82px; }

.pr82 {
  padding-right: 82px; }

.pb82 {
  padding-bottom: 82px; }

.pl82 {
  padding-left: 82px; }

.pt83 {
  padding-top: 83px; }

.pr83 {
  padding-right: 83px; }

.pb83 {
  padding-bottom: 83px; }

.pl83 {
  padding-left: 83px; }

.pt84 {
  padding-top: 84px; }

.pr84 {
  padding-right: 84px; }

.pb84 {
  padding-bottom: 84px; }

.pl84 {
  padding-left: 84px; }

.pt85 {
  padding-top: 85px; }

.pr85 {
  padding-right: 85px; }

.pb85 {
  padding-bottom: 85px; }

.pl85 {
  padding-left: 85px; }

.pt86 {
  padding-top: 86px; }

.pr86 {
  padding-right: 86px; }

.pb86 {
  padding-bottom: 86px; }

.pl86 {
  padding-left: 86px; }

.pt87 {
  padding-top: 87px; }

.pr87 {
  padding-right: 87px; }

.pb87 {
  padding-bottom: 87px; }

.pl87 {
  padding-left: 87px; }

.pt88 {
  padding-top: 88px; }

.pr88 {
  padding-right: 88px; }

.pb88 {
  padding-bottom: 88px; }

.pl88 {
  padding-left: 88px; }

.pt89 {
  padding-top: 89px; }

.pr89 {
  padding-right: 89px; }

.pb89 {
  padding-bottom: 89px; }

.pl89 {
  padding-left: 89px; }

.pt90 {
  padding-top: 90px; }

.pr90 {
  padding-right: 90px; }

.pb90 {
  padding-bottom: 90px; }

.pl90 {
  padding-left: 90px; }

.pt91 {
  padding-top: 91px; }

.pr91 {
  padding-right: 91px; }

.pb91 {
  padding-bottom: 91px; }

.pl91 {
  padding-left: 91px; }

.pt92 {
  padding-top: 92px; }

.pr92 {
  padding-right: 92px; }

.pb92 {
  padding-bottom: 92px; }

.pl92 {
  padding-left: 92px; }

.pt93 {
  padding-top: 93px; }

.pr93 {
  padding-right: 93px; }

.pb93 {
  padding-bottom: 93px; }

.pl93 {
  padding-left: 93px; }

.pt94 {
  padding-top: 94px; }

.pr94 {
  padding-right: 94px; }

.pb94 {
  padding-bottom: 94px; }

.pl94 {
  padding-left: 94px; }

.pt95 {
  padding-top: 95px; }

.pr95 {
  padding-right: 95px; }

.pb95 {
  padding-bottom: 95px; }

.pl95 {
  padding-left: 95px; }

.pt96 {
  padding-top: 96px; }

.pr96 {
  padding-right: 96px; }

.pb96 {
  padding-bottom: 96px; }

.pl96 {
  padding-left: 96px; }

.pt97 {
  padding-top: 97px; }

.pr97 {
  padding-right: 97px; }

.pb97 {
  padding-bottom: 97px; }

.pl97 {
  padding-left: 97px; }

.pt98 {
  padding-top: 98px; }

.pr98 {
  padding-right: 98px; }

.pb98 {
  padding-bottom: 98px; }

.pl98 {
  padding-left: 98px; }

.pt99 {
  padding-top: 99px; }

.pr99 {
  padding-right: 99px; }

.pb99 {
  padding-bottom: 99px; }

.pl99 {
  padding-left: 99px; }

.pt100 {
  padding-top: 100px; }

.pr100 {
  padding-right: 100px; }

.pb100 {
  padding-bottom: 100px; }

.pl100 {
  padding-left: 100px; }

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

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

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

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

*:after {
  display: block;
  clear: both; }

article,
aside,
figure,
footer,
header,
hgroup,
nav,
section,
main {
  display: block; }

html,
body {
  -webkit-text-size-adjust: none;
  width: 100%;
  letter-spacing: 0.4px;
  overflow-y: scroll; }

li,
ol {
  list-style: none; }

.gnavi {
  display: none;
  position: absolute;
  right: 0px;
  top: 44px;
  z-index: 200;
  font-size: 18px;
  letter-spacing: 1.5px; }
  .gnavi a {
    color: #fff; }
  .gnavi li {
    display: inline-block;
    margin-right: 30px;
    font-family: "FOT-筑紫B見出ミン Std E";
    font-weight: normal;
    filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.8)); }

.licensed {
  display: none;
  position: absolute;
  width: auto;
  left: 0px;
  top: 10px;
  z-index: 200;
  background: rgba(0, 0, 0, 0.3); }
  .licensed p {
    font-size: 0.2rem;
    padding: 0.5em 2em; }

.sns-fixed {
  display: none;
  z-index: 300;
  position: fixed;
  left: 0px;
  top: 30%;
  width: 50px;
  padding: 14px 4px 7px 9px;
  background: rgba(134, 0, 0, 0.7);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px; }
  .sns-fixed p {
    font-family: "FOT-筑紫B見出ミン Std E";
    letter-spacing: 1px;
    font-weight: normal;
    writing-mode: vertical-rl;
    margin-bottom: 10px;
    margin-left: 7px;
    font-size: 12px; }
  .sns-fixed li {
    margin-bottom: 4px;
    vertical-align: bottom; }
    .sns-fixed li img {
      width: 30px; }
  .sns-fixed li:last-child {
    margin-bottom: 0; }

.bgmPlayer {
  position: absolute;
  right: 30px;
  top: 10px;
  max-width: 30px;
  z-index: 201;
  filter: drop-shadow(0 0 10px #006896); }
  .bgmPlayer button {
    background: none;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  .bgmPlayer .btnBgmPlay {
    width: 50px;
    height: 50px;
    background: url("../../img/music_off.png") no-repeat;
    background-size: 50px 50px; }
  .bgmPlayer .btnBgmPlay.on {
    display: block;
    opacity: 1;
    width: 50px;
    height: 50px;
    z-index: 300;
    background: url("../../img/music_on.png") no-repeat;
    background-size: 50px 50px; }

.mode01 .bgImg {
  background: none;
  width: 100%;
  height: 110vh;
  position: fixed; }
  .mode01 .bgImg .shadow-top {
    width: 100%;
    height: 43px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../../img/shadow-top.png) repeat-x;
    background-size: auto 30px;
    z-index: 91; }
  .mode01 .bgImg .shadow-bottom {
    width: 100%;
    height: 43px;
    position: absolute;
    left: 0;
    bottom: 10%;
    background: url(../../img/shadow-top.png) repeat-x;
    background-size: auto 43px;
    z-index: 101; }
  .mode01 .bgImg .kv-text-rt {
    max-width: 216px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100; }
  .mode01 .bgImg .kv-text-lb {
    max-width: 299px;
    position: absolute;
    left: 0;
    bottom: 0vh;
    z-index: 100; }
  .mode01 .bgImg .pats01,
  .mode01 .bgImg .pats02 {
    display: none; }
.mode01 .bgImg::before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transform: translate3d(0, 0, -1px);
  transform: translate3d(0, 0, -1px);
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  background: url(../../img/keyvisual_sp.jpg) top/cover no-repeat;
  background-size: 100% auto;
  z-index: 0; }
.mode01 .bgImgBk {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 115vh;
  background: #fff;
  background: url(../../img/common/bg_sp.jpg) center/cover no-repeat;
  opacity: 0;
  z-index: 99; }
.mode01 .logo {
  position: fixed;
  bottom: 0vh;
  width: 100%;
  left: 0%;
  height: auto;
  z-index: 11;
  opacity: 0; }
.mode01 .logo.on {
  -webkit-transition: all 1000ms;
  -o-transition: all 1000ms;
  transition: all 1000ms;
  opacity: 1; }
.mode01 .bgImg.honban::before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transform: translate3d(0, 0, -1px);
  transform: translate3d(0, 0, -1px);
  width: 100%;
  height: 115vh;
  background-position: 0 0;
  background: url(../../img/keyvisual_honban_bnm.jpg) center/cover no-repeat;
  background-size: auto 100%;
  -webkit-animation: mainImgAnime 10s ease-in-out infinite alternate;
  animation: mainImgAnime 10s ease-in-out infinite alternate;
  z-index: 0; }
@-webkit-keyframes mainImgAnime {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 100% 0; } }
@keyframes mainImgAnime {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 100% 0; } }
.mode01 .bgImgBk.honban {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 115vh;
  background: #fff;
  background: url(../../img/common/bg_sp_honban_bnm.jpg) center/cover no-repeat;
  opacity: 0;
  z-index: 99; }

.wrapper {
  position: fixed;
  width: 100%;
  padding-top: 20vh;
  margin: 0 auto;
  z-index: 100;
  background-position: center;
  background-repeat: no-repeat; }

.wrapper.on {
  position: relative; }

.motion {
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px); }

.fadeInUp {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }

.coverArea {
  display: block;
  position: fixed;
  width: 100%;
  height: 110vh;
  z-index: 10000;
  background: #000; }
  .coverArea .cover {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -137px;
    margin-left: -30%;
    width: 60%;
    height: 215px;
    text-align: center;
    font-size: 12px;
    color: #bbb;
    font-family: 'Bellefair', serif; }
    .coverArea .cover img {
      width: 100%; }

@media screen and (min-width: 576px) {
  .licensed {
    display: none; } }
@media screen and (min-width: 720px) {
  .licensed {
    display: block; }

  .mode01 .bgImg::before {
    height: 115vh; }
  .mode01 .bgImgBk {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 110vh;
    background: #fff;
    background: url(../../img/common/bg_pc.jpg) center/cover no-repeat;
    opacity: 0;
    z-index: 99; }
  .mode01 .logo {
    left: auto;
    bottom: -10vh; } }
@media screen and (min-width: 940px) {
  .licensed {
    display: block; }

  .bgmPlayer {
    position: absolute;
    left: auto;
    right: 20px;
    top: 24px;
    filter: none; }

  .coverArea .cover {
    left: 50%;
    margin-top: -87px;
    margin-left: -120px;
    width: 240px; }

  .gnavi {
    display: block; }

  .sns-fixed {
    display: block; }

  .mode01 .bgImg {
    background: none;
    width: 100%;
    height: 100vh; }
    .mode01 .bgImg .shadow-top {
      position: absolute;
      left: 0;
      top: 10px; }
    .mode01 .bgImg .shadow-bottom {
      position: absolute;
      left: 0;
      bottom: 2%; }
    .mode01 .bgImg .kv-wrapper {
      position: relative;
      overflow: hidden;
      height: 100%;
      z-index: 1000; }
    .mode01 .bgImg .kv-text-rt,
    .mode01 .bgImg .kv-text-lb {
      display: none; }
    .mode01 .bgImg .pats01 {
      display: block;
      position: absolute;
      right: 0px;
      height: 100%;
      pointer-events: none; }
      .mode01 .bgImg .pats01 img {
        width: auto;
        height: 100%; }
    .mode01 .bgImg .pats02 {
      display: block;
      position: absolute;
      left: 0px;
      height: 100%;
      pointer-events: none; }
      .mode01 .bgImg .pats02 img {
        width: auto;
        height: 100%; }
    .mode01 .bgImg .kv-text-lb {
      max-width: 593px;
      height: auto;
      position: absolute;
      left: 0;
      top: 0;
      bottom: auto;
      z-index: 100; }
  .mode01 .bgImg::before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transform: translate3d(0, 0, -1px);
    transform: translate3d(0, 0, -1px);
    width: 100%;
    height: 100vh;
    background: url(../../img/keyvisual.jpg) center/cover no-repeat;
    z-index: 0; }
  .mode01 .logo {
    left: auto;
    width: 50%;
    left: 70%;
    top: 38%;
    transform: translateX(-50%); }

  .btn_music {
    max-width: 60px; }

  .bgmPlayer {
    right: 54px; }
    .bgmPlayer .btnBgmPlay {
      width: 60px;
      height: 60px;
      background-size: 60px 60px; }
    .bgmPlayer .btnBgmPlay.on {
      width: 60px;
      height: 60px;
      background-size: 60px 60px; } }
@media screen and (min-width: 1140px) {
  .licensed {
    display: block; } }
.btn-voice {
  width: 30px;
  height: 30px;
  display: block;
  background: url("../../img/common/voice_off.png") no-repeat;
  background-size: 30px 30px; }

.btn-voice.voice_img_on {
  width: 30px;
  height: 30px;
  display: block;
  background: url("../../img/common/voice_on.png") no-repeat;
  background-size: 30px 30px; }

@media screen and (min-width: 720px) {
  .btn-voice {
    width: 50px;
    height: 50px;
    display: block;
    background: url("../../img/common/voice_off.png") no-repeat;
    background-size: 50px 50px; }

  .btn-voice.voice_img_on {
    width: 50px;
    height: 50px;
    display: block;
    background: url("../../img/common/voice_on.png") no-repeat;
    background-size: 50px 50px; } }
footer {
  font-family: "FOT-筑紫B見出ミン Std E";
  overflow: hidden;
  padding: 30px 10px 100px;
  color: #fff;
  text-align: center;
  z-index: 100;
  position: relative; }
  footer a {
    color: #fff;
    text-decoration: underline; }
  footer .foot_link {
    text-align: center;
    margin-bottom: 20px;
    font-size: 12px; }
  footer li {
    list-style: none; }
  footer .aten {
    text-align: center;
    clear: both;
    font-size: 11px;
    margin: 0 auto 30px;
    width: 94%;
    line-height: 180%;
    border-radius: 20px; }
    footer .aten li {
      text-indent: -1em;
      padding-left: 10px;
      margin-bottom: 14px;
      display: block;
      font-weight: bold; }
  footer small {
    padding: 40px 0;
    display: block;
    clear: both;
    font-size: 10px;
    letter-spacing: 1px; }
    footer small img {
      max-width: 160px;
      margin: 0 auto 0px;
      display: block; }
  footer .notice {
    width: 85%;
    margin: 44px auto 0;
    padding: 10px 10px 10px 30px;
    background: #dbdbdb;
    border-radius: 4px;
    line-height: 1.5;
    font-size: 11px;
    color: #000; }
    footer .notice li {
      margin: 0 0 20px 0;
      display: list-item !important;
      list-style-type: disc !important;
      text-align: center; }
      footer .notice li a {
        color: #fff; }
    footer .notice li:last-child {
      margin-bottom: 0; }
  footer .sns {
    margin: 60px auto 60px;
    text-align: center;
    max-width: 150px;
    min-height: 1px;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around; }
    footer .sns:after {
      content: " ";
      display: block;
      clear: both;
      height: 0;
      visibility: hidden; }
    footer .sns li {
      width: 50px; }
      footer .sns li img {
        width: 100%; }
  footer .link_logo {
    display: inline-block;
    margin-bottom: 30px; }
    footer .link_logo img {
      display: inline;
      margin: 14px; }
    footer .link_logo a {
      text-decoration: none; }
  footer .link_app {
    max-width: 90%;
    margin: 40px auto 40px;
    min-height: 1px; }
    footer .link_app:after {
      content: " ";
      display: block;
      clear: both;
      height: 0;
      visibility: hidden; }
    footer .link_app li {
      float: left;
      width: 33%;
      min-height: 1px; }
      footer .link_app li:after {
        content: " ";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden; }
      footer .link_app li img {
        width: 100% !important; }
  footer ul {
    text-align: center; }
    footer ul li {
      padding: 0 5px;
      text-align: center; }
  footer ul.link {
    padding: 6% 0 4% 0;
    font-size: 10px; }
    footer ul.link li {
      border-left: 1px solid #fff; }
    footer ul.link li:first-child {
      border-left: none; }
  footer .link a {
    color: #fff !important; }
  footer .btn_home {
    font-family: "フォーク B";
    background: rgba(0, 0, 0, 0.8);
    border-radius: 60px;
    padding: 18px 24px 20px;
    text-decoration: none;
    font-size: 13px;
    width: 90%;
    display: block;
    text-align: center;
    margin: 0 auto 30px;
    position: relative; }
  footer .btn_home::before {
    content: ">";
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: 13px;
    font-size: 19px;
    right: 30px; }
  footer .aten {
    text-align: center; }
  footer small {
    margin-bottom: 10px; }
  @media screen and (min-width: 720px) {
    footer .btn_home {
      padding: 24px;
      width: 500px;
      margin: 0 auto 0px; }
    footer .link_app {
      max-width: 600px;
      margin-top: 60px;
      margin-bottom: 60px; }
    footer .sns {
      max-width: 210px; }
      footer .sns li {
        width: 60px;
        margin: 0 7px; }
    footer .btn_home::before {
      top: 16px;
      font-size: 26px; } }

.loading {
  width: 100%;
  height: 100%;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  text-align: center;
  display: table;
  z-index: 1000000; }
  .loading .loading-icon {
    display: table-cell;
    vertical-align: middle;
    margin: auto; }
    .loading .loading-icon img {
      max-width: 59px;
      animation: bound .3s ease infinite alternate; }
@keyframes bound {
  0% {
    transform: translateY(0px); }
  100% {
    transform: translateY(-10px); } }
@media screen and (min-width: 720px) {
  .loading .loading-icon img {
    max-width: 118px; } }
.banner-area {
  max-width: 90%;
  margin: 0 auto 0px;
  text-align: center; }

.wrap_youtube {
  position: relative;
  max-width: 90%;
  padding-top: 51%;
  text-align: center;
  margin: 0 5% 30px; }
  .wrap_youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important; }

#sec_contents {
  max-width: 1500px;
  margin: 0 auto;
  margin-bottom: 50px;
  padding-top: 100vh; }
  #sec_contents section {
    max-width: 1500px;
    margin: 0 auto;
    padding-bottom: 50px;
    overflow: hidden; }
  #sec_contents h2 {
    text-align: center;
    margin: 60px 0 50px;
    letter-spacing: 2px; }
  #sec_contents h2 img {
    height: 30px;
    width: auto;
     }
    #sec_contents h2 em {
      font-family: "FOT-筑紫B見出ミン Std E";
      color: #ffffff;
      text-shadow: 1px 2px 6px #000386;
      color: #fff;
      font-size: 17px;
      font-style: normal;
      letter-spacing: 2px; }
    #sec_contents h2 span {
      font-family: "FOT-筑紫B見出ミン Std E";
      color: #ffffff;
      background: -webkit-linear-gradient(bottom, #fff 0%, #fffc97 80%, #b0904b 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      margin-bottom: 0px;
      font-size: 26px;
      display: block;
      font-weight: bold;
      position: relative;
      filter: drop-shadow(0px 0px 5px rgba(0, 3, 134, 0.9)); }
/*    #sec_contents h2 span::before {
      content: '';
      position: absolute;
      top: 26px;
      left: 0;
      right: 0;
      width: 100%;
      height: 2px;
      margin: 0 auto;
      background-image: -webkit-gradient(left, rgba(255, 255, 255, 0), #b0904b 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 75%, #b0904b 75%, rgba(255, 255, 255, 0));
      background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #b0904b 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 75%, #b0904b 75%, rgba(255, 255, 255, 0));
      background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), #b0904b 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 75%, #b0904b 75%, rgba(255, 255, 255, 0));
      background-image: linear-gradient(left, rgba(255, 255, 255, 0), #b0904b 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 75%, #b0904b 75%, rgba(255, 255, 255, 0));
      background-position: center;
      background-repeat: no-repeat; }*/
  #sec_contents .main-story {
    font-family: "FOT-筑紫B見出ミン Std E";
    font-size: 14px;
    padding: 0 20px; }
    #sec_contents .main-story .txt {
      max-width: 900px;
      margin: 0 auto 40px;
      line-height: 220%;
      text-align: center;
      letter-spacing: 0; }
      #sec_contents .main-story .txt .title {
        font-size: 18px;
        display: block;
        margin-bottom: 30px; }

.btn_twitter {
  background: #1da1f2;
  border-radius: 60px;
  text-decoration: none;
  max-width: 300px;
  display: block;
  padding: 24px 24px;
  text-align: center;
  font-size: 18px;
  margin: auto;
  color: #fff;
  border-bottom: solid 4px #2e649a;
  font-family: "フォーク B"; }
  .btn_twitter a {
    color: #fff; }

/*------------------------------ Twitterアイコン */
#sec_contents .icon {
  overflow: hidden;
  padding-top: 20px; }
  #sec_contents .icon li {
    width: 25%;
    float: left;
    margin-bottom: 20px;
    text-align: center; }
  #sec_contents .icon img {
    width: 90%;
    height: auto; }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　過去のあらすじ
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.story {
  max-width: 1200px;
  padding-bottom: 0 !important;
  font-family: "FOT-筑紫B見出ミン Std E"; }
  .story .ex_story {
    padding: 0px 0 40px 0px;
    color: #fff; }
    .story .ex_story ul {
      overflow: hidden;
      width: 92%;
      margin: 0 auto; }
    .story .ex_story li {
      background: rgba(0, 0, 0, 0.6);
      border: 1px solid #e94a27;
      overflow: hidden;
      padding: 20px 20px 20px;
      margin-bottom: 30px;
      position: relative;
      line-height: 140%; }
      .story .ex_story li .btn_link {
        margin-top: 10px;
        width: 100%; }
        .story .ex_story li .btn_link a {
          color: #fff;
          text-align: center;
          border: 1px solid #e94a27;
          display: block;
          padding: 20px 0;
          position: relative;
          background: rgba(233, 74, 39, 0.5); }
        .story .ex_story li .btn_link a:after {
          content: '>';
          position: absolute;
          right: 15px;
          top: 17px;
          font-size: 20px; }
    .story .ex_story .title_img {
      text-align: center;
      margin-bottom: 15px; }
      .story .ex_story .title_img img {
        width: 100%; }
    .story .ex_story .title {
      font-family: "FOT-筑紫B見出ミン Std E";
      color: #ffffff;
      background: -webkit-linear-gradient(bottom, #fff 0%, #fffc97 80%, #b0904b 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      text-align: center;
      font-weight: bold;
      margin-bottom: 10px;
      padding: 15px 0;
      font-size: 24px; }
    .story .ex_story .txt {
      font-size: 14px;
      line-height: 1.7em;
      margin: 0 auto;
      width: 100%;
      line-height: 220%; }

#chara_wrap {
  padding: 0 0px; }
  #chara_wrap .charabox {
    margin-bottom: 100px;
    position: relative; }
  #chara_wrap .kome_chara {
    padding-top: 40px;
    font-size: 12px;
    line-height: 1.5em;
    text-align: center;
    padding: 0 20px;
    letter-spacing: 2px;
    font-family: "FOT-筑紫B見出ミン Std E"; }
  #chara_wrap .images img {
    height: auto; }
  #chara_wrap .images_ef {
    position: absolute;
    height: auto; }
  #chara_wrap .ef01 {
    animation: star;
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    mix-blend-mode: screen; }
  #chara_wrap .ef02 {
    animation: star;
    animation-delay: 0.5s;
    animation-duration: 6s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    mix-blend-mode: screen; }
@keyframes star {
  0% {
    filter: brightness(120%) hue-rotate(100deg) opacity(20%); }
  40% {
    filter: brightness(150%) hue-rotate(90deg) opacity(100%); }
  60% {
    filter: brightness(150%) hue-rotate(90deg) opacity(100%); }
  100% {
    filter: brightness(120%) hue-rotate(100deg) opacity(20%); } }
  #chara_wrap .profile {
    max-width: 600px;
    margin: auto;
    text-align: center;
    font-family: "FOT-筑紫B見出ミン Std E"; }
    #chara_wrap .profile .catch_copy {
      color: #ffffff;
      color: #ffffff;
      background: -webkit-linear-gradient(bottom, #fff 0%, #fffc97 80%, #b0904b 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      letter-spacing: 1px;
      margin: 20px 0 10px;
      font-size: 20px;
      text-align: center; }
    #chara_wrap .profile .name {
      color: #ffffff;
      background: -webkit-linear-gradient(bottom, #fff 0%, #fffc97 80%, #b0904b 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      text-align: center;
      font-size: 25px;
      font-weight: bold;
      margin-bottom: 20px;
      line-height: 130%;
      filter: drop-shadow(0px 0px 5px rgba(0, 3, 134, 0.9));
      position: relative;
      width: 100%;
      padding: 0px 0 20px; }
    #chara_wrap .profile .name::before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 1px;
      margin: 0 auto;
      text-align: center;
      background-image: -webkit-linear-gradient(left, transparent, #b0904b 25%, #b0904b 75%, transparent);
      background-image: linear-gradient(left, transparent, #b0904b 25%, #b0904b 75%, transparent);
      background-position: center;
      background-repeat: no-repeat; }
    #chara_wrap .profile .voice_name {
      text-align: center;
      color: #fff;
      font-size: 14px;
      margin-bottom: 20px;
      letter-spacing: 1px;
      filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.6)); }
    #chara_wrap .profile .voice {
      margin-bottom: 10px; }
    #chara_wrap .profile .text {
      clear: both;
      font-size: 14px;
      text-align: left;
      line-height: 1.5em;
      padding: 10px 20px;
      line-height: 220%;
      margin-bottom: 20px;
      filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.6)); }
      #chara_wrap .profile .text br {
        display: none; }
    #chara_wrap .profile .voice ul {
      height: 30px;
      width: 140px;
      margin: auto;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      #chara_wrap .profile .voice ul li {
        text-align: center;
        margin: 0 10px;
        height: 32px;
        width: 30px; }

.kome {
  text-align: center;
  font-size: 12px;
  padding: 10px;
  width: 220px;
  margin: 0 auto;
  color: #fff;
  font-family: "FOT-筑紫B見出ミン Std E"; }

@media screen and (min-width: 720px) {
  .wrapper_youtube {
    width: 80%;
    margin: 0 auto 0;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }

  .wrap_youtube {
    width: 48%;
    padding-top: 27%;
    margin: 14px; }
    .wrap_youtube iframe {
      position: absolute;
      top: 0;
      right: 0;
      width: 100% !important;
      height: 100% !important; }

  #sec_contents h2 img {
    height: 87px;
    width: auto;
     }

  #sec_contents h2 {
    text-align: center;
    margin: 60px 0 50px;
    letter-spacing: 1.5px; }
    #sec_contents h2 em {
      display: none;
      /*font-family: "FOT-筑紫B見出ミン Std E";
      color: #ffffff;
      text-shadow: 1px 2px 6px #000386;
      color: #fff;
      font-size: 22px;
      font-style: normal;
      letter-spacing: 2px;*/ }
    #sec_contents h2 span {
      font-family: "FOT-筑紫B見出ミン Std E";
      color: #ffffff;
      background: -webkit-linear-gradient(bottom, #fff 0%, #fffc97 80%, #b0904b 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      text-align: center;
      margin-bottom: 10px;
      font-size: 42px;
      display: block;
      font-weight: bold;
      position: relative; }
    #sec_contents h2 span::before {
      /*content: '';
      position: absolute;
      top: 40px;
      left: 0;
      right: 0;
      width: 100%;
      height: 2px;
      margin: 0 auto;
      text-align: center;
      background-image: -webkit-gradient(left, rgba(255, 255, 255, 0), #b0904b 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 75%, #b0904b 75%, rgba(255, 255, 255, 0));
      background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #b0904b 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 75%, #b0904b 75%, rgba(255, 255, 255, 0));
      background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), #b0904b 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 75%, #b0904b 75%, rgba(255, 255, 255, 0));
      background-image: linear-gradient(left, rgba(255, 255, 255, 0), #b0904b 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 75%, #b0904b 75%, rgba(255, 255, 255, 0));
      background-position: center;
      background-repeat: no-repeat;*/ }
  #sec_contents .main-story .txt {
    font-size: 19px;
    line-height: 220%; }
    #sec_contents .main-story .txt br {
      display: block; }

  .banner-area {
    max-width: 460px; }

  .btn_twitter {
    max-width: 500px;
    padding: 20px 0;
    margin: 0 auto 100px;
    font-size: 26px; }

  #chara_wrap {
    padding: 0 90px; }
    #chara_wrap .profile .voice_name {
      font-size: 18px; }
    #chara_wrap .profile .voice {
      margin-bottom: 0px; }
    #chara_wrap .profile .catch_copy {
      margin: 10px 0;
      font-size: 30px; }
    #chara_wrap .profile .voice ul {
      height: 50px;
      width: 140px;
      margin: auto; }
      #chara_wrap .profile .voice ul li {
        text-align: center;
        width: 50px;
        height: 50px; }
    #chara_wrap .profile .name {
      padding: 0px 0 20px;
      font-size: 30px; }
    #chara_wrap .profile .name::before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 1px;
      margin: 0 auto;
      text-align: center;
      background-position: center;
      background-repeat: no-repeat; }
    #chara_wrap .profile .text {
      font-size: 16px;
      text-align: center;
      padding: 20px 5px; }
      #chara_wrap .profile .text br {
        display: block; }

  .story {
    max-width: 800px;
    margin: auto; }
    .story .ex_story {
      padding: 0px 0 40px 0px; }
      .story .ex_story ul {
        display: flex;
        justify-content: space-around; }
      .story .ex_story li {
        max-width: 620px;
        padding: 38px 40px 120px;
        margin: 0 10px;
        line-height: 220%; }
        .story .ex_story li .btn_link {
          position: absolute;
          bottom: 5%;
          width: 86%; } }
#sec_wall {
  max-width: 1000px;
  margin: auto;
  font-family: "フォーク B"; }
  #sec_wall .text-wall {
    text-align: center;
    margin-bottom: 46px;
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.6)); }

.wall {
  width: 100%;
  padding: 0 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .wall li {
    max-width: 48%;
    margin: 0 1% 50px;
    position: relative; }
  .wall .thum {
    width: 100%;
    height: auto;
    text-align: center;
    padding-bottom: 3px; }
  .wall .cover {
    width: 83%;
    height: 107px;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -41.5%;
    background: linear-gradient(45deg, rgba(233, 234, 210, 0.9) 0%, rgba(157, 211, 239, 0.9) 50%, rgba(244, 220, 255, 0.7) 100%);
    border-radius: 10px; }
  .wall .cover::before {
    content: 'シェアで壁紙ゲット';
    text-align: center;
    display: block;
    width: 100%;
    position: absolute;
    line-height: 100px;
    font-size: 12px;
    letter-spacing: 1px;
    filter: drop-shadow(0px 0px 3px #002382); }
  .wall .btn {
    width: 100%;
    height: auto;
    text-align: center;
    margin: 0 auto; }
    .wall .btn a {
      margin: 0 auto;
      background-color: #6a0f81;
      border: 1px solid #7532AF;
      width: 80%;
      display: block;
      margin-top: 5px;
      text-align: center;
      color: #fff;
      text-decoration: none;
      font-size: 12px;
      padding: 10px 0 10px 0;
      /*radius*/
      border-radius: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      /*transition*/
      -webkit-transition: 0.2s ease-in-out;
      -moz-transition: 0.2s ease-in-out;
      -o-transition: 0.2s ease-in-out;
      transition: 0.2s ease-in-out; }
    .wall .btn a:hover {
      background-color: #B064EF;
      /*transition*/
      -webkit-transition: 0.2s ease-in-out;
      -moz-transition: 0.2s ease-in-out;
      -o-transition: 0.2s ease-in-out;
      transition: 0.2s ease-in-out; }

@media screen and (min-width: 576px) {
  .wall {
    width: 90%;
    margin: auto; }
    .wall .cover {
      bottom: -5px;
      margin-left: -41.45%; } }
@media screen and (min-width: 720px) {
  .text-wall br {
    display: none; }

  .wall li {
    margin-bottom: 50px;
    position: relative;
    width: 22%;
    margin: 0 20px 30px; }
  .wall li:nth-child(odd) {
    float: none; }
  .wall li:nth-child(even) {
    float: none; }
  .wall .btn {
    margin-top: 9px;
    width: 100%; } }
@media screen and (min-width: 1140px) {
  .wall {
    width: 85%; } }
body.fixed {
  width: 100%;
  height: 100vh;
  left: 0; }
  body.fixed .logo {
    display: none; }
  body.fixed .bgImg::before {
    background: url(../../img/common/bg_pc.jpg) center/cover no-repeat;
    height: 110vh; }

.chara_content {
  margin: 0 auto; }
  .chara_content ul {
    width: 80vw;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .chara_content ul li {
      width: 50%;
      margin-bottom: 3%; }

.modal {
  display: none;
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#595aba+1,fbf4ff+52,ebffce+100&0.4+0,0.4+100 */
  background: -moz-linear-gradient(45deg, rgba(89, 90, 186, 0.4) 0%, rgba(89, 90, 186, 0.4) 1%, rgba(251, 244, 255, 0.4) 52%, rgba(235, 255, 206, 0.4) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, rgba(89, 90, 186, 0.4) 0%, rgba(89, 90, 186, 0.4) 1%, rgba(251, 244, 255, 0.4) 52%, rgba(235, 255, 206, 0.4) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, rgba(89, 90, 186, 0.4) 0%, rgba(89, 90, 186, 0.4) 1%, rgba(251, 244, 255, 0.4) 52%, rgba(235, 255, 206, 0.4) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66595aba', endColorstr='#66ebffce',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.modal__bg {
  height: 100vh;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9990; }

.modal__content {
  left: 50%;
  position: relative;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 9991; }

.js-modal-close {
  position: absolute;
  top: 0;
  right: 5vw;
  display: block;
  width: 50px;
  height: 50px; }

.close_line01, .close_line02 {
  display: block;
  width: 52px;
  height: 2px;
  background: #fff;
  transform-origin: center; }

.close_line01 {
  transform: rotate(45deg); }

.close_line02 {
  transform: rotate(-45deg); }

.pcOnly {
  display: none; }

.spOnly {
  display: block; }

@media screen and (min-width: 576px) {
  .pcOnly {
    display: block; }

  .spOnly {
    display: none; } }
@media screen and (min-width: 720px) {
  .modal__content {
    left: 50%;
    position: relative;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    z-index: 9991; }

  .chara_content {
    margin: 0 auto; }
    .chara_content ul {
      width: 80vw;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .chara_content ul li {
        width: 30%;
        margin-bottom: 3%; } }