@charset "UTF-8";
/*
OZ RESET CSS
Author: ONZE
Author URI: http://on-ze.com
Version: 1.1
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
* {
  border: 0;
  margin: 0;
  outline: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  font: inherit;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  text-decoration: none;
  vertical-align: baseline; }

html {
  font-size: 62.5%;
  width: 100%;
  height: 100%; }

body {
  font-size: 10px;
  font-size: 1.0rem;
  line-height: 1;
  position: relative;
  text-align: center;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100%;
  height: 100%; }

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

audio, canvas, video {
  display: inline-block; }

br,
hr {
  display: block; }

ol,
ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

input,
select {
  vertical-align: middle; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show; }

img {
  vertical-align: bottom; }

/* CSS Document */
/* ========================= [ #dmm_ntgnavi ] */
#dmm_ntgnavi {
  background: #fff url(../img/bg_navimain.gif) center center repeat-x;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  font-size: 12px; }

#dmm_ntgnavi ul {
  list-style: none;
  margin: 2px 0;
  padding: 0; }

#dmm_ntgnavi ul li {
  float: left;
  margin: 0 6px 0 0;
  line-height: 15px; }

#dmm_ntgnavi ul.navi_left {
  float: left; }

#dmm_ntgnavi ul.navi_left li > a {
  display: block;
  padding: 0 3px 0 8px;
  text-decoration: none;
  border: 1px solid #eee;
  border-radius: 3px; }

#dmm_ntgnavi ul.navi_left li > a:hover {
  background: #eee;
  border: 1px solid #666;
  border-radius: 3px; }

#dmm_ntgnavi ul.navi_left li > a span {
  display: block;
  padding: 9px 10px 7px 28px;
  color: #333;
  font-weight: bold; }

#dmm_ntgnavi ul.navi_left li.dmm_top img {
  margin: 8px 5px 8px 0; }

#dmm_ntgnavi ul.navi_left li.ntg_top span {
  background: url(../img/bg_bt_olgtop.gif) 0 center no-repeat; }

#dmm_ntgnavi ul.navi_left li.ntg_brw span {
  background: url(../img/bg_bt_brows.gif) 0 center no-repeat; }

#dmm_ntgnavi ul.navi_left li.ntg_min span {
  background: url(../img/bg_bt_mini.gif) 0 center no-repeat; }

#dmm_ntgnavi ul.navi_left li.ntg_poi span {
  background: url(../img/bg_bt_point.gif) 0 center no-repeat; }

#dmm_ntgnavi ul.navi_left li.ntg_chip span {
  background: url(../img/bg_bt_chip.gif) 0 center no-repeat; }

#dmm_ntgnavi ul.navi_right {
  float: right;
  font-size: 10px; }

#dmm_ntgnavi ul.navi_right li {
  margin: 0 10px 0 0;
  padding: 8px 5px; }

#dmm_ntgnavi .arrow {
  padding-left: 14px;
  background: url(../img/arrow_common.gif) no-repeat left center; }

#dmm_ntgnavi .tx-point {
  font-size: 16px;
  font-weight: bold;
  color: #ff4b4b !important; }

#dmm_ntgnavi p {
  margin: 0;
  line-height: 2.6em; }

#dmm_ntgnavi .clear {
  clear: both; }

#dmm_ntgnavi .mg-l12 {
  margin-left: 12px; }

#dmm_ntgnavi .mg-r12 {
  margin-right: 12px; }

#dmm_ntgnavi .pd-t12 {
  padding-top: 12px; }

body {
  background:url(../img/contents_bg.jpg) no-repeat center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  height: auto;
  text-align: left; 
}

#pageTopAnchor {
  position: fixed;
  right: 20px;
  bottom: 20px;
  opacity: 0;
  -webkit-transition: .12s ease-in;
  transition: .12s ease-in; }
  #pageTopAnchor a {
    display: block;
    width: 50px;
    height: 0;
    padding-top: 50px;
    background-color: rgba(0, 0, 0, 0.79);
    border-radius: 6px;
    overflow: hidden; }
    #pageTopAnchor a:after {
      content: "";
      display: inline-block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 6px 12px 6px;
      border-color: transparent transparent #ffffff transparent;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translateX(-50%) translateY(-50%); }
  #pageTopAnchor.show {
    opacity: 1; }

#TBWrapper {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  font-family: "YakuHanJP", "Roboto", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 1.3rem;
  line-height: 1.5;
  font-weight: 400;
  position: relative; }
  #TBWrapper a {
    color: #fff; }
  #TBWrapper .flex {
    display: -webkit-flex;
    display: flex; }
  #TBWrapper #globalNav,
  #TBWrapper .sectionTitle,
  #TBWrapper #pageMainTitle {
    font-family: "Mplus 1p", sans-serif;
    font-weight: 300;
    line-height: 1; }
  #TBWrapper .button {
    width: 250px;
    margin: 0 auto;
    font-size: 1.7rem; }
    #TBWrapper .button a {
      display: block;
      text-align: center;
      color: #1b1b1b;
      border-radius: 6px;
      padding: 20px 0;
      -webkit-transition: .12s ease-out;
      transition: .12s ease-out; }
      #TBWrapper .button a:hover {
        text-decoration: underline; }
    #TBWrapper .button.white a {
      background-color: #fff; }
    #TBWrapper .button.white a:hover {
      background-color: rgba(255, 255, 255, 0.68); }
    #TBWrapper .button.black a {
      background-color: #000;
      color: #fff; }
    #TBWrapper .button.black.op a {
      background-color: rgba(20, 20, 20, 0.79); }
    #TBWrapper .button.black.op a:hover {
      background-color: #141414; }
    #TBWrapper .button.topPageButton {
      margin-bottom: 46px; }
  #TBWrapper .scrollContents {
    position: relative;
    overflow: hidden;
    height: 100%;
    padding: 0; }

.section {
  width: 100%; }
  .section > .inner {
    width: 1016px;
    margin-left: auto;
    margin-right: auto;
    position: relative; }
  .section#gallery > .inner,
  .section#spec > .inner {
    width: 916px; }
  .section .sectionTitle {
    text-align: left;
    border-bottom: 1px solid #cdd0d2;
    padding-left: 15px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-size: 3.1rem;
    font-weight: 300; }

.table .tr {
  display: table;
  width: 100%; }
  .table .tr .th, .table .tr .td {
    display: table-cell;
    text-align: left; }
  .table .tr .th {
    width: 25%; }

/*追加要素分*/

#TBWrapper #section01 {
    min-width:1040px;
    height:650px;
	background:url(../img/sec01_pic01.png) no-repeat center top;
}

#TBWrapper #section01 #erea_sec01{
margin:0 auto 0 auto;
min-width:1040px;
width:1040px;
height:650px;
}

#TBWrapper #section01 .sec01_capt01{
padding:30px 0px 0px 90px;
}

#TBWrapper #section01 .sec01_logo{
padding:30px 0px 0px 125px;
}

#TBWrapper #section01 .sec01_capt02{
padding:30px 0px 0px 105px;
}

#TBWrapper #section01 .sec01_btn01{
margin:10px 0px 0px 70px;
width:475px;
}

#TBWrapper #section01 .sec01_btn01 a{
width:475px;
background:url(../img/sec01_btn01_ov.png) no-repeat center;
display:inline-block;
}

#TBWrapper #section01 .sec01_copy{
padding:10px 0px 0px 200px;
}

/*事前登録ガチャ*/
#TBWrapper #section01 .sec01_notice{
padding:10px 0px 0px 105px;
}

#TBWrapper #gacha_erea01{
margin:30px auto 0px auto;
min-width:1040px;
height:202px;
}

#TBWrapper #gacha_erea01 .gacha_btn01{
margin:30px auto 0px auto;
text-align:center;
}

#TBWrapper #gacha_erea01 .gacha_btn01 a{
margin:30px auto 0px auto;
width:715px;
height:202px;
background:url(../img/gacha_btn_ov.png) no-repeat center;
display:block;
}




/*事前登録特典*/
#TBWrapper #secton_privilege {
	margin:80px auto 0 auto;
    min-width:1040px;
    height:1975px;
	background:url(../img/section_privilege_bg.png) no-repeat center top;
}


#TBWrapper #secton_privilege h2{
	padding:8px 0px 0px 0px;
	text-align:center;
}

#TBWrapper #secton_privilege .privilege_list01{
	margin:0 auto 0 auto;
	width:1075px;
	height:350px;
}

#TBWrapper #secton_privilege .privilege_list01 li:first-child{
	margin:60px 25px 0px 35px;
	display:inline-block;
}

#TBWrapper #secton_privilege .privilege_list01 li{
	margin:60px 25px 0px 0px;
	display:inline-block;
}

#TBWrapper #secton_privilege .privilege_list01 li:last-child{
	margin:60px 0px 0px 0px;
	display:inline-block;
}

#TBWrapper #secton_privilege .privilege_list02{
	margin:0 auto 0 auto;
	width:1075px;
	height:350px;
}

#TBWrapper #secton_privilege .privilege_list02 li:first-child{
	margin:100px 25px 0px 35px;
	display:inline-block;
}

#TBWrapper #secton_privilege .privilege_list02 li{
	margin:100px 25px 0px 0px;
	display:inline-block;
}

#TBWrapper #secton_privilege .privilege_list02 li:last-child{
	margin:100px 0px 0px 0px;
	display:inline-block;
}

#TBWrapper #secton_privilege .privilege_list03{
	margin:0 auto 0 auto;
	width:1075px;
	height:350px;
}

#TBWrapper #secton_privilege .privilege_list03 li:first-child{
	margin:145px 25px 0px 35px;
	display:inline-block;
}

#TBWrapper #secton_privilege .privilege_list03 li{
	margin:145px 25px 0px 0px;
	display:inline-block;
}

#TBWrapper #secton_privilege .privilege_list03 li:last-child{
	margin:145px 0px 0px 0px;
	display:inline-block;
}

#TBWrapper #secton_privilege .privilege_list04{
	margin:0 auto 0 auto;
	width:1075px;
	height:350px;
}

#TBWrapper #secton_privilege .privilege_list04 li:first-child{
	margin:190px 25px 0px 35px;
	display:inline-block;
}

#TBWrapper #secton_privilege .privilege_list04 li{
	margin:190px 25px 0px 10px;
	display:inline-block;
}

#TBWrapper #secton_privilege .privilege_list04 li:last-child{
	margin:190px 0px 0px 0px;
	display:inline-block;
}


#TBWrapper #secton_privilege .privilege_list05{
	margin:0 auto 0 auto;
	width:1075px;
	height:350px;
}

#TBWrapper #secton_privilege .privilege_list05 li{
	margin:230px 0px 0px 55px;
	display:inline-block;
}


/*事前登録ガチャ*/


#TBWrapper #gacha_erea02{
margin:0px auto 100px auto;
min-width:1040px;
height:202px;
}

#TBWrapper #gacha_erea02 .gacha_btn02{
margin:80px auto 0px auto;
text-align:center;
}

#TBWrapper #gacha_erea02 .gacha_btn02 a{
margin:80px auto 0px auto;
width:715px;
height:202px;
background:url(../img/gacha_btn_ov.png) no-repeat center;
display:block;
}




/*動画セクション*/

#TBWrapper #section02{
margin:100px auto 0px auto; 
min-width:1040px;
height:800px;
background:url(../img/sec02_bg.png) no-repeat center;
}

#TBWrapper #section02 .sec02_capt01{
margin:0px auto 0 auto;
padding:30px 0px 0px 0px;
text-align:center;
}

#TBWrapper #section02 #sec02_videoerea{
margin:45px auto 0px auto;
width:700px;
height:392px;
text-align:center;
display:block;
}

#TBWrapper #section02 .sec02_capt02{
margin:0 auto 0 auto;
padding:50px 0px 0px 0px;
text-align:center;
}

/*キャラクター紹介セクション*/

#TBWrapper #section03{
min-width:1040px;
height:600px;
background:#D8D8D8;
}

#TBWrapper #section03 li.slide01{
margin:0 auto 0 auto;
padding:0 0 0 0;
min-width:1040px;
height:600px;
background:url(../img/chara01.jpg) no-repeat center;
text-indent:-99999px;
}

#TBWrapper #section03 li.slide02{
margin:0 auto 0 auto;
padding:0 0 0 0;
min-width:1040px;
height:600px;
background:url(../img/chara02.jpg) no-repeat center;
text-indent:-9999px;
}

#TBWrapper #section03 li.slide03{
margin:0 auto 0 auto;
padding:0 0 0 0;
min-width:1040px;
height:600px;
background:url(../img/chara03.jpg) no-repeat center;
text-indent:-9999px;
}

#TBWrapper #section03 li.slide04{
margin:0 auto 0 auto;
padding:0 0 0 0;
min-width:1040px;
height:600px;
background:url(../img/chara04.jpg) no-repeat center;
text-indent:-9999px;
}

#TBWrapper #section03 li.slide05{
margin:0 auto 0 auto;
padding:0 0 0 0;
min-width:1040px;
height:600px;
background:url(../img/chara05.jpg) no-repeat center;
text-indent:-99999px;
}

#TBWrapper #section03 li.slide06{
margin:0 auto 0 auto;
padding:0 0 0 0;
min-width:1040px;
height:600px;
background:url(../img/chara06.jpg) no-repeat center;
text-indent:-99999px;
}

/*スライダーCSS*/

.bx-wrapper {
  position: relative;
  margin:0 auto 0 auto;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}


===================================*/
.bx-wrapper {
 margin:0px auto 0px auto;
  padding:0;
 height:494;
  min-width:1040px;
  background: #fff;
}

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url('../img/bx_loader.gif') center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: 0px;
  width: 100%;
  text-indent:-9999px;
}


/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 30px;
  width:66px;
  height:82px;
  background: url('../img/chara_btn_left.png') no-repeat center;
}

.bx-wrapper .bx-next {
  right: 40px;
   width:66px;
  height:82px;
  background: url('../img/chara_btn_right.png') no-repeat center;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 35%;
  margin-top: -16px;
  outline: 0;
  width:66px;
  height:82px;
  text-indent: -9999px;
  z-index: 9999;
}

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
}

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;;
}

/*ボタンエリア*/

#TBWrapper #btn_erea01{
margin:50px auto 0px auto;
min-width:1040px;
height:230px;
}

#TBWrapper #btn_erea01 .btn01{
margin:50px auto 0px auto;
text-align:center;
}

#TBWrapper #btn_erea01 .btn01 a{
margin:50px auto 0px auto;
width:475px;
background:url(../img/sec01_btn01_ov.png) no-repeat center;
display:inline-block;
}



/* ===== #ゲーム説明1 */

#TBWrapper #section04{
min-width:1040px;
height:637px;
background:url(../img/sec04_pic01.png) no-repeat center;
}

#TBWrapper #section04 .sec04_capt01{
padding:12px 0px 0px 0px;
text-align:center;
}

#TBWrapper #section04 .sec04_capt02{
margin:435px 0px 0px 0px; 
text-align:center;
}


/* ===== #ゲーム説明2 */

#TBWrapper  #section05{
margin:100px 0px 0px 0px;
min-width:1040px;
height:691px;
background:url(../img/sec05_pic01.png) no-repeat center;
}

#TBWrapper  #section05 .sec05_capt01{
padding:12px 0px 0px 0px;
text-align:center;
}

#TBWrapper  #section05 .sec05_capt02{
margin:485px 0px 0px 0px; 
text-align:center;
}

/* ===== #ゲーム説明3*/

#TBWrapper #section06{
margin:100px 0px 0px 0px;
min-width:1040px;
height:753px;
background:url(../img/sec06_pic01.png) no-repeat center;
}

#TBWrapper #section06 .sec06_capt01{
padding:12px 0px 0px 0px;
text-align:center;
}

#TBWrapper #section06 .sec06_capt02{
margin:535px 0px 0px 0px; 
text-align:center;
}


/*事前登録ガチャ*/


#TBWrapper #gacha_erea03{
margin:0px auto 100px auto;
min-width:1040px;
height:202px;
}

#TBWrapper #gacha_erea03 .gacha_btn03{
margin:100px auto 0px auto;
text-align:center;
}

#TBWrapper #gacha_erea03 .gacha_btn03 a{
margin:100px auto 0px auto;
width:715px;
height:202px;
background:url(../img/gacha_btn_ov.png) no-repeat center;
display:block;
}




/* ===== #btn_erea02 */

#TBWrapper #btn_erea02{
margin:100px 0px 0px 0px;
min-width:1040px;
height:450px;
background:url(../img/sec07_bg.png) no-repeat center;
}

#TBWrapper #btn_erea02 .btn_erea02_capt01{
padding:30px 0px 0px 0px;
text-align:center;
}


#TBWrapper #btn_erea02 .btn02{
margin:40px auto 0px auto;
}

#TBWrapper #btn_erea02 .btn02{
width:475px;
background:url(../img/sec01_btn01_ov.png) no-repeat center;
display:block;
}




#TBWrapper.page_sub {
  padding-top: 150px; }
  #TBWrapper.page_sub #globalHeader h1 {
    left: 20px;
    top: 72px;
    width: 180px; }
  #TBWrapper.page_sub #globalNav {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%; }
  #TBWrapper.page_sub #pageMainTitle {
    text-align: center;
    font-size: 3.6rem;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4), 0px 0px 5px rgba(0, 0, 0, 0.4);
    font-weight: 300;
    margin-bottom: 60px; }
  #TBWrapper.page_sub #mainColumn {
    text-align: left;
    font-size: 1.7rem; }
    #TBWrapper.page_sub #mainColumn .inner {
      background-color: rgba(0, 0, 0, 0.79);
      border-radius: 20px;
      padding: 48px 50px;
      margin-bottom: 68px; }
      #TBWrapper.page_sub #mainColumn .inner .articleBody {
        line-height: 1.8;
        font-size: 1.7rem;
        font-weight: 300; }
        #TBWrapper.page_sub #mainColumn .inner .articleBody a {
          text-decoration: underline;
          color: #7db8d7; }
          #TBWrapper.page_sub #mainColumn .inner .articleBody a:hover {
            text-decoration: none; }
        #TBWrapper.page_sub #mainColumn .inner .articleBody p, #TBWrapper.page_sub #mainColumn .inner .articleBody h2, #TBWrapper.page_sub #mainColumn .inner .articleBody ol, #TBWrapper.page_sub #mainColumn .inner .articleBody ul, #TBWrapper.page_sub #mainColumn .inner .articleBody img {
          margin-bottom: 1.2em; }
        #TBWrapper.page_sub #mainColumn .inner .articleBody h2 {
          font-weight: 600;
          padding-top: 1.6em;
          color: #5ca6cd; }
        #TBWrapper.page_sub #mainColumn .inner .articleBody ol > li, #TBWrapper.page_sub #mainColumn .inner .articleBody ul > li {
          list-style-position: outside;
          margin-left: 1em;
          margin-bottom: 0; }
          #TBWrapper.page_sub #mainColumn .inner .articleBody ol > li:last-child, #TBWrapper.page_sub #mainColumn .inner .articleBody ul > li:last-child {
            margin-bottom: 0; }
        #TBWrapper.page_sub #mainColumn .inner .articleBody ul > li {
          list-style-type: disc; }
        #TBWrapper.page_sub #mainColumn .inner .articleBody ol > li {
          list-style-type: decimal; }
        #TBWrapper.page_sub #mainColumn .inner .articleBody img {
          display: inline-block;
          max-width: 100%; }
        #TBWrapper.page_sub #mainColumn .inner .articleBody strong {
          font-weight: 600; }
        #TBWrapper.page_sub #mainColumn .inner .articleBody .text-right {
          text-align: right; }
#globalFooter{
  background:url(../img/globalfooter_bg.png) no-repeat center;
}

#globalFooter #officialAccounts {
  text-align: center;
  margin-bottom: 15px;
 }
  #globalFooter #officialAccounts h3 {
    font-size: 1.7rem; }
  #globalFooter #officialAccounts ul {
    margin-top: 10px;
    font-size: 0; }
    #globalFooter #officialAccounts ul li {
      display: inline-block;
      margin: 0 0.9375vw; }
      #globalFooter #officialAccounts ul li a {
        display: block;
        width: 25px;
        height: 25px;
        background: center bottom no-repeat; }
      #globalFooter #officialAccounts ul li.twitter a {
        background-image: url(../img/icon_twitter.png);
        background-size: 25px auto; }
      #globalFooter #officialAccounts ul li.facebook a {
        background-image: url(../img/icon_facebook.png);
        background-size: 21px 21px; }
      #globalFooter #officialAccounts ul li.instagram a {
        background-image: url(../img/icon_instagram.png);
        background-size: 22px 22px; }
      #globalFooter #officialAccounts ul li.youtube a {
        background-image: url(../img/icon_youtube.png);
        background-size: auto 25px; }

#globalFooter #spec {
  width: 100%;
  text-align: left;
  padding: 15px 0 30px;
  margin-bottom: 30px; }
  #globalFooter #spec .requirement {
    position: relative; }
    #globalFooter #spec .requirement:before {
      content: "";
      width: 1px;
      height: 100%;
      position: absolute;
      left: 50%;
      top: 0; }
    #globalFooter #spec .requirement > div {
      width: 50%;
      padding: 0 15px;
      line-height: 1.6; }
      #globalFooter #spec .requirement > div.basicInformation {
        padding-top: 3em; }
      #globalFooter #spec .requirement > div .title {
        margin-bottom: 20px; }

#globalFooter .section_copyright {
  text-align: center;
  background: rgba(0, 0, 0, 0.6);
  padding: 16px 0;
  font-size: 0;
  line-height: 1.6;
  white-space: nowrap; }
  #globalFooter .section_copyright > ul, #globalFooter .section_copyright > ul > li, #globalFooter .section_copyright .copy {
    font-size: 1.3rem;
    display: inline-block; }
    #globalFooter .section_copyright > ul a, #globalFooter .section_copyright > ul > li a, #globalFooter .section_copyright .copy a {
      color: #fff; }
      #globalFooter .section_copyright > ul a:hover, #globalFooter .section_copyright > ul > li a:hover, #globalFooter .section_copyright .copy a:hover {
        text-decoration: underline; }
  #globalFooter .section_copyright > ul {
    font-size: 0;
    margin-right: 1.875vw; }
    #globalFooter .section_copyright > ul > li {
      font-size: 1.3rem;
      padding-left: .3em; }
      #globalFooter .section_copyright > ul > li:after {
        content: "";
        display: inline-block;
        height: 1em;
        background-color: #fff;
        width: 1px;
        margin-left: .3em;
        vertical-align: middle; }
      #globalFooter .section_copyright > ul > li:last-child:after {
        content: none; }
      #globalFooter .section_copyright > ul > li:first-child {
        border-left: 0;
        padding-left: 0;
        margin-left: 0; }
  #globalFooter .section_copyright .copy {
    margin-left: 1.875vw; }


#TBWrapper.page_top #news {
  margin:30px auto 0px auto;
  min-width:1040px;
  padding: 25px 0 30px;
  text-align: left; }
  #TBWrapper.page_top #news .inner .flex .main {
    width: 700px; }
    #TBWrapper.page_top #news .inner .flex .main #newsListColumn {
      position: relative;
      background-color: rgba(0, 0, 0, 0.79);
      border-radius: 5px;
      padding: 24px; }
      #TBWrapper.page_top #news .inner .flex .main #newsListColumn .sectionTitle {
        padding-left: 5px; }
        #TBWrapper.page_top #news .inner .flex .main #newsListColumn .sectionTitle h2 {
          font-size: 4rem; }
          #TBWrapper.page_top #news .inner .flex .main #newsListColumn .sectionTitle h2:after {
            content: "お知らせ";
            font-size: 1.7rem;
            display: inline-block;
            margin-left: .5em; }
      #TBWrapper.page_top #news .inner .flex .main #newsListColumn #newsList {
        height: 335px;
        padding: 1em 20px 0 0; }
        #TBWrapper.page_top #news .inner .flex .main #newsListColumn #newsList ul li {
          margin-top: 1.25em;
          padding-top: 1.25em;
          border-top: 1px solid rgba(255, 255, 255, 0.2); }
          #TBWrapper.page_top #news .inner .flex .main #newsListColumn #newsList ul li .articleTitle {
            line-height: 1.6;
            margin-top: 5px;
            font-size: 1.7rem; }
            #TBWrapper.page_top #news .inner .flex .main #newsListColumn #newsList ul li .articleTitle .date {
              opacity: .6;
              font-size: 1.3rem; }
            #TBWrapper.page_top #news .inner .flex .main #newsListColumn #newsList ul li .articleTitle a {
              display: block; }
              #TBWrapper.page_top #news .inner .flex .main #newsListColumn #newsList ul li .articleTitle a:hover {
                text-decoration: underline; }
          #TBWrapper.page_top #news .inner .flex .main #newsListColumn #newsList ul li:first-child {
            margin-top: 0;
            padding-top: 0;
            border-top: 0; }
      #TBWrapper.page_top #news .inner .flex .main #newsListColumn .viewAll {
        text-align: right;
        position: absolute;
        right: 24px;
        top: 38px;
        z-index: 3;
        width: auto;
        height: auto; }
        #TBWrapper.page_top #news .inner .flex .main #newsListColumn .viewAll a {
          padding-right: 20px; }
          #TBWrapper.page_top #news .inner .flex .main #newsListColumn .viewAll a:hover {
            text-decoration: underline; }
          #TBWrapper.page_top #news .inner .flex .main #newsListColumn .viewAll a:after {
            content: "";
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 5px 0 5px 10px;
            border-color: transparent transparent transparent #ffffff; }
  #TBWrapper.page_top #news .inner .flex .sub1 {
    width: 300px;
	height:345px;
	background:#B5B5B5;
    margin-left: 15px; }
    #TBWrapper.page_top #news .inner .flex .sub1 .banner {
      margin-top: 15px; }
      #TBWrapper.page_top #news .inner .flex .sub1 .banner img {
        width: 100%; }
      #TBWrapper.page_top #news .inner .flex .sub1 .banner a {
        -webkit-transition: .12s ease-out;
        transition: .12s ease-out; }
        #TBWrapper.page_top #news .inner .flex .sub1 .banner a:hover {
          -webkit-filter: brightness(1.2);
          -moz-filter: brightness(1.2);
          -o-filter: brightness(1.2);
          -ms-filter: brightness(1.2);
          filter: brightness(1.2); }
	#TBWrapper.page_top #news .inner .flex .sub2 {
	margin:15px 0px 0px 0px;
    width: 300px;
	height:77px;
    margin-left: 15px;
	clear:both; }


#TBWrapper.page_sub.registerMessage {
  padding-top: 200px; }
  #TBWrapper.page_sub.registerMessage #mainColumn .inner {
    text-align: center; }
    #TBWrapper.page_sub.registerMessage #mainColumn .inner p {
      font-size: 2.3rem;
      line-height: 1.6;
      margin-bottom: 70px; }

#TBWrapper.page_sub.page_news.page_newsIndex #newsList {
  text-align: left; }
  #TBWrapper.page_sub.page_news.page_newsIndex #newsList > ul {
    margin-bottom: 2em; }
    #TBWrapper.page_sub.page_news.page_newsIndex #newsList > ul li {
      margin-top: 1.25em;
      padding-top: 1.25em;
      border-top: 1px solid rgba(255, 255, 255, 0.2); }
      #TBWrapper.page_sub.page_news.page_newsIndex #newsList > ul li .articleTitle {
        line-height: 1.6;
        margin-top: 5px;
        font-size: 1.7rem; }
        #TBWrapper.page_sub.page_news.page_newsIndex #newsList > ul li .articleTitle .date {
          opacity: .6;
          font-size: 1.3rem; }
        #TBWrapper.page_sub.page_news.page_newsIndex #newsList > ul li .articleTitle a {
          display: block; }
          #TBWrapper.page_sub.page_news.page_newsIndex #newsList > ul li .articleTitle a:hover {
            text-decoration: underline; }
      #TBWrapper.page_sub.page_news.page_newsIndex #newsList > ul li:first-child {
        margin-top: 0;
        padding-top: 0;
        border-top: 0; }
  #TBWrapper.page_sub.page_news.page_newsIndex #newsList .pageBrowser {
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-top: 1em; }
    #TBWrapper.page_sub.page_news.page_newsIndex #newsList .pageBrowser ul {
      font-size: 0; }
      #TBWrapper.page_sub.page_news.page_newsIndex #newsList .pageBrowser ul li {
        font-size: 1.7rem;
        display: inline-block; }
        #TBWrapper.page_sub.page_news.page_newsIndex #newsList .pageBrowser ul li a {
          display: block;
          padding: 1em 1.2em; }
          #TBWrapper.page_sub.page_news.page_newsIndex #newsList .pageBrowser ul li a:hover {
            text-decoration: underline; }

#TBWrapper.page_sub.page_news.page_newsDetail #mainColumn .inner .articleContents .articleHeader, #TBWrapper.page_sub.page_news.page_newsDetail #mainColumn .inner .articleContents .articleBody {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 1.25em;
  margin-bottom: 1.25em; }

#TBWrapper.page_sub.page_news.page_newsDetail #mainColumn .inner .articleContents .articleHeader .shareButtons {
  text-align: right;
  font-size: 0; }
  #TBWrapper.page_sub.page_news.page_newsDetail #mainColumn .inner .articleContents .articleHeader .shareButtons > div {
    display: inline-block;
    padding-left: 10px; }

#TBWrapper.page_sub.page_news.page_newsDetail #mainColumn .inner .articleContents .articleHeader .articleTitle {
  line-height: 1.6;
  font-size: 1.7rem;
  font-weight: 600;
  margin-top: 1.25em;
  padding-top: 1.25em;
  border-top: 1px solid rgba(255, 255, 255, 0.2); }
  #TBWrapper.page_sub.page_news.page_newsDetail #mainColumn .inner .articleContents .articleHeader .articleTitle .date {
    font-weight: 400;
    line-height: 1;
    opacity: .6;
    margin-bottom: 5px;
    font-size: 1.3rem; }

#TBWrapper.page_sub.page_faq #faqContents {
  margin-top: 2em; }
  #TBWrapper.page_sub.page_faq #faqContents #tabMenu {
    display: table;
    width: 100%;
    border-bottom: 1px solid #fff; }
    #TBWrapper.page_sub.page_faq #faqContents #tabMenu li {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
      background-color: #162039;
      height: 60px;
      line-height: 60px;
      cursor: pointer;
      -webkit-transition: .12s ease-out;
      transition: .12s ease-out;
      border-left: 1px solid #000; }
      #TBWrapper.page_sub.page_faq #faqContents #tabMenu li:first-child {
        border-left: 0; }
      #TBWrapper.page_sub.page_faq #faqContents #tabMenu li:hover {
        background-color: #2c395c; }
      #TBWrapper.page_sub.page_faq #faqContents #tabMenu li.active, #TBWrapper.page_sub.page_faq #faqContents #tabMenu li.active:hover {
        background-color: #fff;
        color: #141414; }
  #TBWrapper.page_sub.page_faq #faqContents #tabContents > div {
    display: none; }
  #TBWrapper.page_sub.page_faq #faqContents #tabContents > div.active {
    display: block; }
  #TBWrapper.page_sub.page_faq #faqContents #tabContents > div.contents {
    padding-top: 2em; }
    #TBWrapper.page_sub.page_faq #faqContents #tabContents > div.contents > h2 {
      font-size: 1.7rem;
      font-weight: 300;
      color: #5ca6cd; }
  #TBWrapper.page_sub.page_faq #faqContents #tabContents #qaContents > ul li {
    margin-top: 1em; }
    #TBWrapper.page_sub.page_faq #faqContents #tabContents #qaContents > ul li .qestionTitle {
      background-color: #162039;
      padding: 1em 15px;
      -webkit-transition: .12s ease-out;
      transition: .12s ease-out;
      cursor: pointer; }
      #TBWrapper.page_sub.page_faq #faqContents #tabContents #qaContents > ul li .qestionTitle:hover {
        background-color: #2c395c; }
      #TBWrapper.page_sub.page_faq #faqContents #tabContents #qaContents > ul li .qestionTitle.active {
        background-color: #2c395c;
        color: #fff; }
        #TBWrapper.page_sub.page_faq #faqContents #tabContents #qaContents > ul li .qestionTitle.active + .answerBody {
          line-height: 1.6;
          padding: 2em 1em;
          border: 1px solid #2c395c; }
  #TBWrapper.page_sub.page_faq #faqContents #qaContents .answerBody {
    height: 0;
    overflow: hidden; }
  #TBWrapper.page_sub.page_faq #faqContents #qaContents .qestionTitle.active + .answerBody {
    height: auto;
    overflow: visible; }

#TBWrapper.page_sub.page_faq #contact {
  font-size: 1.7rem; }
  #TBWrapper.page_sub.page_faq #contact .inner {
    background-color: rgba(0, 0, 0, 0.79);
    border-radius: 20px;
    padding: 48px 50px;
    margin-bottom: 68px; }
    #TBWrapper.page_sub.page_faq #contact .inner .sectionBody {
      padding: 0 15px; }
    #TBWrapper.page_sub.page_faq #contact .inner p {
      line-height: 1.6; }
    #TBWrapper.page_sub.page_faq #contact .inner .button {
      margin: 24px auto; }
      #TBWrapper.page_sub.page_faq #contact .inner .button:after {
        content: "（メーラーが立ち上がります）";
        display: block;
        font-size: 11px;
        margin-top: 10px;
        text-align: center;
        opacity: .7; }