@charset "UTF-8";
/*
$base_size: 100%;
$navi_size: 0.86rem;
$small_size: 0.83rem;
$small_size02: 0.90rem;
$large_size: 1rem;
$large_size02: 1.1rem;
*/
/*
$box_title_size: 1.5rem;
$con_title_size: 1.3rem;
$con_title_size_xs: 1.15rem;
*/
html, body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}

body {
  background: url(../images/bg_comingsoon.png) no-repeat right top;
  background-size: 50%;
}

@media only screen and (max-width: 767px) {
  body {
    background-size: 90%;
  }
}

div.wrap {
  width: 100%;
  height: 98vh;
  position: relative;
  overflow: hidden;
}

@media only screen and (min-width: 768px) {
  div.wrap div.h_title {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 40%;
    height: 70%;
  }
  div.wrap div.h_title h1 {
    text-align: center;
  }
  div.wrap div.h_title h1 img {
    max-width: 80%;
  }
  div.wrap div.h_title h2 {
    text-align: center;
    color: #111;
    font-size: 160%;
    font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
    font-weight: normal;
  }
}

@media only screen and (max-width: 767px) {
  div.wrap div.h_title {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 90%;
    height: 50%;
  }
  div.wrap div.h_title h1 {
    text-align: center;
  }
  div.wrap div.h_title h1 img {
    max-width: 85%;
  }
  div.wrap div.h_title h2 {
    text-align: center;
  }
  div.wrap div.h_title h2 img {
    max-width: 50%;
  }
}

div.wrap p#copyright {
  position: absolute;
  bottom: 2%;
  text-align: center;
  width: 100%;
  color: #111;
  font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
}

@media only screen and (max-width: 767px) {
  div.wrap p#copyright {
    font-size: 13px;
  }
}

/* text-align
-------------------- */
.align_center {
  text-align: center;
}

.align_right {
  text-align: right;
}

.align_left {
  text-align: left;
}

/* font-color
-------------------- */
.colors_f09 {
  color: #ff0099 !important;
}

.colors_f60 {
  color: #ff6600 !important;
}

.colors_a90 {
  color: #a90000 !important;
}

/* font-siz
-------------------- */
.font_wb {
  font-weight: bold !important;
}

.font_nm {
  font-weight: normal !important;
}

/* font-size
-------------------- */
.font_size12 {
  font-size: 12px !important;
}

.font_size13 {
  font-size: 13px !important;
}

.font_size14 {
  font-size: 14px !important;
}

.font_size15 {
  font-size: 15px !important;
}

.font_size16 {
  font-size: 16px !important;
}

/* letter-spacing
-------------------- */
.les-2p {
  letter-spacing: 2px;
}

.les-1p {
  letter-spacing: 1px;
}

.les_0p {
  letter-spacing: 0px;
}

.les_1p {
  letter-spacing: -1px;
}

.les_2p {
  letter-spacing: -2px;
}

/* padding
-------------------- */
.pt10 {
  padding-top: 10px;
}

.pt15 {
  padding-top: 15px;
}

.pt20 {
  padding-top: 20px;
}

.pt25 {
  padding-top: 25px;
}

.pt30 {
  padding-top: 30px;
}

.pr10 {
  padding-right: 10px;
}

.pr15 {
  padding-right: 15px;
}

.pr20 {
  padding-right: 20px;
}

.pr25 {
  padding-right: 25px;
}

.pr30 {
  padding-right: 30px;
}

.pm10 {
  padding-bottom: 10px;
}

.pm15 {
  padding-bottom: 15px;
}

.pm20 {
  padding-bottom: 20px;
}

.pm25 {
  padding-bottom: 25px;
}

.pm30 {
  padding-bottom: 30px;
}

.pm35 {
  padding-bottom: 35px;
}

.pm40 {
  padding-bottom: 40px;
}

.pl10 {
  padding-left: 10px;
}

.pl15 {
  padding-left: 15px;
}

.pl20 {
  padding-left: 20px;
}

.pl25 {
  padding-left: 25px;
}

.pl30 {
  padding-left: 30px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-60 {
  margin-bottom: 60px;
}

/* float
-------------------- */
.fl_right {
  float: right;
}

.fl_left {
  float: left;
}

.fl_none {
  float: none;
}

.fl_cl {
  clear: both;
}

.ov_hid {
  overflow: hidden;
}

/* display
-------------------- */
.display_none, body.md .md_none, body.xs .xs_none {
  display: none;
}

.display_block {
  display: block;
}

.display_table {
  display: table;
}

/* list_style
-------------------- */
ul.list_disc {
  margin-left: 1.2em;
}

ul.list_disc li {
  list-style-type: disc !important;
}