@charset "UTF-8";
/*=========================================================================
MODULE
=========================================================================*/
.d_none {
  display: none !important;
}

@media (min-width: 769px) {
  .for_sp {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .for_pc {
    display: none !important;
  }
}
/* ----------------------------------------------------------- */
/* ----------------------------------------------------------------- */
/*=================================================================
MAIN CONTENTS
=================================================================*/
#contents_headlineBox {
  margin: 0 auto;
}

#contents_headlineBox, #contents_headlineBox p {
  line-height: 180% !important;
}

#contents_headlineBox p:last-of-type {
  margin-bottom: 0;
}

/*--------------------------------------------------------------------------------------- */
p#Caption {
  font-weight: 600;
  color: #f33;
}

/*--------------------------------------------------------------------------------------- */
#Coming {
  color: #999;
  font-weight: 600;
  font-family: "futura", HelveticaNeue, Helvetica, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif !important;
  text-align: center;
}

/*=================================================================

ANCHOR NAVI

=================================================================*/
ul#anchorNavi:first-child {
  margin-top: 0;
}

ul#anchorNavi {
  list-style-type: none;
  letter-spacing: -0.4em;
  text-align: center;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin: 0px auto;
}

/*--------------------------------------------------------------------------------------- */
ul#anchorNavi li {
  display: inline-block;
  font-family: "HelveticaNeueCondensedBold", HelveticaNeue, Helvetica, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  vertical-align: middle;
  letter-spacing: 0;
}

/*--------------------------------------------------------------------------------------- */
ul#anchorNavi li.anc_oasis a {
  color: #0068bb;
}

ul#anchorNavi li.anc_massive a {
  color: #868474;
}

ul#anchorNavi li.anc_ocean a {
  color: #67b2d3;
}

ul#anchorNavi li.anc_sonic a {
  color: #d99f2c;
}

ul#anchorNavi li.anc_mountain a {
  color: #63aeab;
}

ul#anchorNavi li a {
  line-height: 100%;
  text-decoration: none;
  color: #444;
  position: relative;
  display: block;
}

ul#anchorNavi li a:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

ul#anchorNavi li img {
  width: 18px !important;
  height: auto;
  position: absolute;
  left: 0;
  top: 45%;
  margin: auto;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
}

/*--------------------------------------------------------------------------------------- */
ul#anchorNavi.sec_one {
  border-bottom-color: transparent !important;
  border-top-color: #22c0e7;
}

ul#anchorNavi.sec_two {
  border-bottom-color: transparent !important;
  border-top-color: #e14a9c;
}

/*=================================================================

MAIN CONTENTS：FOODS

=================================================================*/
#foodMaps, #foodMaps img, #foodMaps a {
  width: 100%;
  height: auto;
  display: block;
}

#foodMaps {
  margin: 0 auto;
  position: relative;
  text-align: center;
}

#foodMaps a {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

#foodMaps a:hover {
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}

/*--------------------------------------------------------------------------------------- */
#boothTitle {
  display: block;
  font-weight: 700;
  color: #fff !important;
  line-height: 120%;
  font-family: "futura", HelveticaNeue, Helvetica, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

#boothTitle.oasis {
  background: #0068bb;
}

#boothTitle.massive {
  background: #868474;
}

#boothTitle.ocean {
  background: #15d0ff;
}

#boothTitle.sonic {
  background: #ffb155;
}

#boothTitle.mountain {
  background: #00b1aa;
}

/*--------------------------------------------------------------------------------------- */
ul#shopList {
  width: 100%;
  position: relative;
  list-style-type: none;
  letter-spacing: -0.4em;
  display: -webkit-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

ul#shopList:last-child {
  margin-bottom: 0;
}

/*--------------------------------------------------------------------------------------- */
ul#shopList li {
  letter-spacing: 0;
  display: inline-block;
  height: auto;
  vertical-align: top;
  line-height: 140%;
  font-family: "futura", HelveticaNeue, Helvetica, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

/*--------------------------------------------------------------------------------------- */
ul#shopList li p {
  font-weight: 300;
  color: #666;
}

ul#shopList li p:last-child {
  margin-bottom: 0;
}

/*--------------------------------------------------------------------------------------- */
#shopPic, #shopPic img {
  width: 100%;
  height: auto;
  display: block;
}

#shopPic {
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

/*--------------------------------------------------------------------------------------- */
#shopName {
  line-height: 120%;
  font-weight: 400;
}

/*#shopName span {font-weight:700; display: block !important;}*/
/*--------------------------------------------------------------------------------------- */
#officialBar {
  position: relative;
  height: auto;
  width: 100%;
  margin: 0 auto;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  border: 2px solid;
  font-family: "futura", HelveticaNeue, Helvetica, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

#officialBar:last-child {
  margin-bottom: 0;
}

/*--------------------------------------------------------------------------------------- */
#officialBar.oasis {
  color: #0068bb;
  border-color: #0068bd; /*background:#0068bb;*/
}

#officialBar.massive {
  color: #868474;
  border-color: #868474; /*background:#868474;*/
}

#officialBar.ocean {
  color: #15d0ff;
  border-color: #15d0ff; /*background:#15d0ff;*/
}

#officialBar.sonic {
  color: #ffb155;
  border-color: #ffb155; /*background:#ffb155;*/
}

#officialBar.mountain {
  color: #00b1aa;
  border-color: #00b1aa; /*background:#00b1aa;*/
}

/*--------------------------------------------------------------------------------------- */
#stageName {
  height: auto;
  border: 2px solid;
  border-radius: 6px;
}

#stageName img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 400px;
}

section#oasis #stageName {
  border-color: #0068bb;
}

section#massive #stageName {
  border-color: #868474;
}

section#ocean #stageName {
  border-color: #15d0ff;
}

section#sonic #stageName {
  border-color: #ffb155;
}

section#mountain #stageName {
  border-color: #00b1aa;
}

/*--------------------------------------------------------------------------------------- */
#stageName.of_bar,
#stageName.p_lounge {
  max-width: inherit;
  border: 0 !important;
}

#stageName.p_lounge img {
  max-width: 300px;
}

#stageName.of_bar img {
  max-width: 237px;
}

/*--------------------------------------------------------------------------------------- */
#barName {
  text-align: center;
  font-weight: 700;
  line-height: 100%;
}

#barName img {
  width: 100%;
  height: auto;
  display: block;
  max-width: inherit !important;
}

/*--------------------------------------------------------------------------------------- */
article #barName p {
  line-height: 100%;
  font-weight: 700;
}

/*--------------------------------------------------------------------------------------- */
#ofbar_menuBox {
  letter-spacing: 0;
  height: auto;
}

/*--------------------------------------------------------------------------------------- */
article #ofbar_menuBox p {
  line-height: 160%;
  font-weight: 700;
}

/*--------------------------------------------------------------------------------------- */
article p#offbarCap {
  color: #15d0ff;
}

/*=================================================================

 BASIC 19/07/25

=================================================================*/
/*.box_section:last-of-type {margin-bottom: 0;}*/
#iconCap {
  position: relative;
  padding-left: 70px;
  line-height: 120%;
  font-weight: 600;
}

#iconCap:before {
  content: "";
  width: 60px;
  height: 60px;
  position: absolute;
  left: 0;
  top: 50%;
  border: 1px solid #ddd;
  background-image: url(../sonimeshi/img/icon_pay.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin: auto;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
}

/*=================================================================
 MESHI BASIC 19/07/25
=================================================================*/
#shopPic {
  position: relative;
}

/*---------------------------------------------------------------------------------------------*/
ul#shopList li.e_money #shopPic:before {
  content: "";
  width: 20%;
  height: 28%;
  position: absolute;
  right: 0;
  top: 0;
  background-image: url(../sonimeshi/img/icon_pay.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 2;
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}

/*---------------------------------------------------------------------------------------------*/
dl#shop_nameBox {
  letter-spacing: -0.4em;
}

dl#shop_nameBox dt, dl#shop_nameBox dd {
  display: inline-block;
  letter-spacing: 0;
  vertical-align: 0;
  height: auto;
  line-height: 140%;
}

dl#shop_nameBox dt {
  color: #fff;
  border-radius: 30px;
  margin-right: 2%;
  font-weight: 600;
}

section#oasis dl#shop_nameBox dt {
  background: #0068bb;
}

section#massive dl#shop_nameBox dt {
  background: #868474;
}

section#ocean dl#shop_nameBox dt {
  background: #15d0ff;
}

section#sonic dl#shop_nameBox dt {
  background: #ffb155;
}

section#mountain dl#shop_nameBox dt {
  background: #00b1aa;
}

/*---------------------------------------------------------------------------------------------*/
section#oasis dl#shop_nameBox dd {
  color: #0068bb;
}

section#massive dl#shop_nameBox dd {
  color: #868474;
}

section#ocean dl#shop_nameBox dd {
  color: #15d0ff;
}

section#sonic dl#shop_nameBox dd {
  color: #ffb155;
}

section#mountain dl#shop_nameBox dd {
  color: #00b1aa;
}

/*---------------------------------------------------------------------------------------------*/
ul#menuList {
  list-style-type: none;
  width: 98%;
  margin: 0 auto;
}

ul#menuList li {
  border-bottom: 1px solid #ccc;
  width: 100%;
  display: block;
  letter-spacing: -4em;
}

ul#menuList li span {
  display: inline-block;
  letter-spacing: 0;
  vertical-align: bottom;
}

ul#menuList li span#foodPrice {
  text-align: right;
}

/*---------------------------------------------------------------------------------------------*/
#officialBar:before {
  content: "";
  width: 14%;
  height: 24%;
  position: absolute;
  right: 2px;
  top: 10px;
  background-image: url(../sonimeshi/img/icon_pay.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  margin: auto;
  z-index: 3;
}

/*=================================================================
SONICART
=================================================================*/
#sonicart_creatorBox:last-of-type {
  margin-bottom: 0;
}

/*-------------------------------------------------------*/
ul#creatorList, ul#creator_snsList {
  list-style-type: none;
  letter-spacing: -0.4em;
}

ul#creatorList {
  display: -webkit-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

ul#creatorList li, ul#creator_snsList li {
  display: inline-block;
  letter-spacing: 0;
  height: auto;
}

ul#creatorList li {
  vertical-align: top;
}

ul#creator_snsList li {
  vertical-align: middle;
}

/*---------------------------------------------------------------------------------------------*/
#creatorPic, #creatorPic img,
ul#creator_snsList li a, ul#creator_snsList li img {
  width: 100%;
  height: auto;
  display: block;
}

/*---------------------------------------------------------------------------------------------*/
#creatorPic {
  margin-bottom: 10px;
}

/*---------------------------------------------------------------------------------------------*/
#creatorData {
  letter-spacing: -0.4em;
}

/*---------------------------------------------------------------------------------------------*/
#creatorName, ul#creator_snsList {
  display: inline-block;
  letter-spacing: 0;
}

/*---------------------------------------------------------------------------------------------*/
#creatorName {
  line-height: 180%;
  color: #050505;
  font-weight: 600;
  font-family: "futura", HelveticaNeue, Helvetica, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

/*---------------------------------------------------------------------------------------------*/
ul#creator_snsList {
  text-align: right;
}

ul#creator_snsList li:last-of-type {
  margin-right: 0;
}

ul#creator_snsList li a:hover {
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}

/*=================================================================

MAIN CONTENTS：PUBLIC

=================================================================*/
#articleMain {
  word-break: break-all;
}

#contents_headlineBox {
  line-height: 180%;
  word-break: break-all;
}

/*---------------------------------------------------------------------------------------------*/
#mainHeadline {
  color: #e14a9c;
  line-height: 140%;
  font-weight: 600;
}

#attractionsHeadline {
  font-weight: 400;
  color: #2ca90f;
}

#attractionNotes {
  line-height: 140%;
  color: #f33;
  font-weight: 600;
}

/*---------------------------------------------------------------------------------------------*/
#linkMap, #linkMap a, #linkMap img {
  width: 100%;
  height: auto;
  display: block;
}

#linkMap {
  margin: 0 auto;
}

#linkMap a:hover {
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}

/*=================================================================

SONIC PLUS

=================================================================*/
ul#boothList {
  list-style-type: none;
}

ul#boothList li {
  height: auto;
}

/*---------------------------------------------------------------------------------------------*/
#commonPic, #commonPic img {
  width: 100%;
  height: auto;
  display: block;
}

#commonPic {
  position: relative;
}

/*---------------------------------------------------------------------------------------------*/
#boothCaption {
  line-height: 140%;
  color: #e14a9c;
  font-weight: 600;
  text-align: center !important;
}

/*---------------------------------------------------------------------------------------------*/
#commonPic:after {
  content: "";
  margin: auto;
  position: absolute;
  right: -5px;
  top: -20px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

#commonPic.ladies:after {
  background-image: url(../sonicplus/img/mark_ladies.png);
}

#commonPic.kids:after {
  background-image: url(../sonicplus/img/mark_kids.png);
}

/*=================================================================

FREEDOM HILLS

=================================================================*/
#common_notesHeadline {
  font-weight: 600;
  text-align: center;
  color: #f33;
  font-family: "futura", HelveticaNeue, Helvetica, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

#freedomhills01.bloc_basic {
  border: 1px solid #009fe6;
  margin: 0 auto;
}

#freedomTime,
#freedomTime span {
  line-height: 140%;
  color: #009fe6;
  font-weight: 600;
  text-align: center;
  border-bottom: 1px solid #009fe6;
  font-family: "futura", HelveticaNeue, Helvetica, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

#freedomTime span {
  display: block;
  border-bottom: 0;
}

/*---------------------------------------------------------------------------------------------*/
ul#notesList {
  list-style-type: none;
  font-family: "futura", HelveticaNeue, Helvetica, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

ul#notesList li {
  line-height: 160%;
  text-indent: -0.6em;
  padding-left: 0.6em;
  word-break: break-all;
}

ul#notesList li:last-of-type {
  margin-bottom: 0;
}

ul#notesList li a {
  text-decoration: underline;
  color: #050505;
}

ul#notesList li a:hover {
  color: #f33;
}

/*=======================================================================

ARTICLE SNS BUTTON (2019/08/15)

=======================================================================*/
.newsItem .youtube {
  padding: 45px 0 0 !important;
  height: 120px !important;
  width: 100%;
}

.newsItem .youtube iframe {
  height: 120px !important;
}

#snsBody {
  margin: 0 auto;
  height: auto;
  width: 100%;
}

ul#article_snsList {
  list-style-type: none;
  letter-spacing: -0.4em;
  width: 100%;
  height: auto;
  max-height: 120px;
  text-align: center;
}

ul#article_snsList li {
  letter-spacing: 0;
  vertical-align: top;
  display: inline-block;
  height: auto;
  max-width: 60px;
}

ul#article_snsList li:last-child {
  margin-right: 0;
}

ul#article_snsList li a, ul#article_snsList li img {
  width: 100%;
  height: auto;
  display: block;
}

#osaka_snsHeadline {
  font-weight: 400;
  line-height: 120%;
  color: #555;
  text-align: center;
  font-family: "futura", HelveticaNeue, Helvetica, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

/*=========================================================================================
HEADER
=========================================================================================*/
#Header {
  width: 100%;
  height: auto;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background-image: url("../img/main_sonicart.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* -------------------------------------------------------------------------------- */
.header_inner {
  width: 88%;
  margin: 0 auto;
  max-width: 1000px;
}

/* -------------------------------------------------------------------------------- */
#siteTitle {
  font-weight: 600;
  line-height: 120%;
  color: #333;
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 0;
}

#siteTitle p {
  line-height: 140%;
  color: #333;
}

#siteTitle.section_headline {
  color: #333;
}

/* -------------------------------------------------------------------------------- */
img#bgHead {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

/* -------------------------------------------------------------------------------- */
#formHeadline img {
  display: block;
  width: 100%;
  height: auto;
}

#formHeadline {
  position: absolute;
  left: 50%;
  top: 60%;
  width: 50%;
  height: 100%;
  max-width: 360px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/*=========================================================================================
MAIN CONTENTS
=========================================================================================*/
body#page-Form {
  background: #fff;
}

/* -------------------------------------------------------------------------------- */
#mainContents {
  margin: 0 auto;
  max-width: 1000px;
  width: 88%;
  display: block;
}

/* -------------------------------------------------------------------------------- */
.one_period, .one_period p {
  line-height: 200%;
}

.one_period span {
  line-height: 160% !important;
}

.one_period p:last-of-type {
  margin-bottom: 0;
}

/* -------------------------------------------------------------------------------- */
.pickup {
  font-weight: 600;
  font-size: 130% !important;
}

/* -------------------------------------------------------------------------------- */
.small {
  font-size: 80% !important;
}

/* -------------------------------------------------------------------------------- */
#inBox {
  max-width: 1000px;
  margin: 0 auto;
  color: #121212;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fff;
  -ms-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0px 6px rgba(0, 0, 0, 0.2);
}

/* -------------------------------------------------------------------------------- */
.red03 {
  color: #F85375 !important;
}

/* -------------------------------------------------------------------------------- */
.form_headline {
  font-weight: 600;
  color: #ff1f49;
  display: block;
}

/* -------------------------------------------------------------------------------- */
#photoCover {
  overflow: hidden;
  margin: 3% auto;
}

ul#title_subPhotoList {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: hidden;
  margin-bottom: 0;
}

ul#title_subPhotoList li {
  width: 16.6666666667%;
}

ul#title_subPhotoList li:last-of-type {
  margin-right: 0;
}

ul#title_subPhotoList li img {
  width: 100%;
  height: auto;
  display: block;
}

/*=========================================================================================
FORM
=========================================================================================*/
#formBody {
  border-top: 1px solid #ddd;
}

#formBody input[type=text],
#formBody input[type=email],
#formBody button,
#formBody textarea,
#formBody select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  color: #666;
}

#formBody input[type=text],
#formBody input[type=email],
#formBody select {
  width: 100%;
  height: auto;
  border: 1px solid #ccc;
  padding: 12px 0 10px;
  line-height: 100%;
  text-indent: 15px;
  border-radius: 3px;
}

#formBody textarea {
  width: 100%;
  height: auto;
  border: 1px solid #ccc;
  padding: 12px 10px 10px;
  line-height: 100%;
  border-radius: 3px;
}

.mwform-zip-field, .mwform-tel-field {
  letter-spacing: -0.4em;
}

#formBody .mwform-zip-field input[type=text],
#formBody .mwform-tel-field input[type=text] {
  letter-spacing: 0;
}

#formBody input[type=text]:focus,
#formBody input[type=email]:focus,
#formBody textarea:focus,
#formBody select:focus {
  -webkit-box-shadow: 0 0 0px;
          box-shadow: 0 0 0px;
  border: 1px solid #ff4200;
}

#formBody::-webkit-input-placeholder {
  color: #666;
}

#formBody::-moz-placeholder {
  color: #666;
}

#formBody::-ms-input-placeholder {
  color: #666;
}

#formBody input[type=radio],
#formBody input[type=checkbox] {
  margin: 0 5px 0 0;
  padding: 0;
  width: 15px;
  height: 15px;
  background: none;
  border: 1px solid #666 !important;
  border-radius: 6px;
  display: inline-block;
  line-height: 100%;
  vertical-align: top;
}

#formBody label {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  padding: 1px 3px 1px 0px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  margin-right: 15px;
  line-height: 100%;
  vertical-align: top;
  white-space: nowrap;
  width: auto;
}

#agreementNotes02 {
  color: #f20;
  margin-top: 15px;
  line-height: 140%;
}

span.error {
  padding-top: 1.5%;
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------- */
dl#form_inputList dt, dl#form_inputList dd {
  line-height: 180%;
  height: auto;
  font-weight: 600;
  word-break: break-all;
}

dl#form_inputList dt p {
  font-size: 90%;
  font-weight: 400;
  line-height: 140%;
}

span.error {
  color: #f20;
  display: block !important;
  line-height: 120% !important;
}

.cnt_form_required {
  display: inline-block;
  color: #f20;
  font-weight: 600;
  line-height: 120%;
  padding-left: 5px;
  font-size: 80%;
}

dl#form_inputList dd {
  margin: 0 auto;
}

input.form_box {
  width: 100%;
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------- */
ul#form_buttonList, #form_buttonList {
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
  text-align: center !important;
  -webkit-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  list-style-type: none;
}

ul#form_buttonList li,
#form_buttonList input {
  display: inline-block;
  width: 48%;
  margin-right: 4%;
  height: auto;
}

ul#form_buttonList.full {
  margin-top: 6%;
}

ul#form_buttonList.full li {
  width: 100%;
  margin: 0 auto;
}

ul#form_buttonList li:last-of-type,
#form_buttonList input:last-of-type {
  margin-right: 0;
}

ul#form_buttonList li a {
  text-decoration: none;
}

ul#form_buttonList li a,
#formBody input[type=submit],
#form_buttonList input[type=submit],
#form_buttonList input.Agree,
#form_buttonList input.Disagree,
#form_buttonList button.Agree,
#form_buttonList button.Disagree {
  height: auto;
  cursor: pointer;
  color: #121212;
  border: 1px solid transparent;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-weight: 900;
  position: relative;
  z-index: 1;
  width: 40%;
  margin-right: 10%;
  -ms-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

ul#form_buttonList li a,
ul#form_buttonList li#Agree input[type=submit],
#form_buttonList input.Agree,
#form_buttonList button.Agree {
  background: #ff1f49;
  border-color: #ff1f49;
  color: #fff;
}

ul#form_buttonList li a:hover,
ul#form_buttonList li#Agree input[type=submit]:hover,
#form_buttonList input.Agree:hover,
#form_buttonList button.Agree:hover {
  color: #ff1f49;
  border: 1px solid #ff1f49;
  background: inherit;
}

ul#form_buttonList li#Disagree input[type=submit],
#form_buttonList input.Disagree,
#form_buttonList button.Disagree {
  background: #eee;
  border-color: #666;
  color: #666;
}

ul#form_buttonList li#Disagree input[type=submit]:hover,
#form_buttonList input.Disagree:hover,
#form_buttonList button.Disagree:hover {
  background: inherit;
  border-color: #777;
  color: #777 !important;
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------- */
#agreeMessage {
  text-align: center;
  line-height: 160%;
}

#agreeHeadline {
  font-weight: 900;
  color: #f20;
}

/* -------------------------------------------------------------------------------- */
ul#inputList {
  list-style-type: none;
}

ul#inputList li {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

ul#inputList li:last-of-type {
  margin-bottom: 0;
}

/* -------------------------------------------------------------------------------- */
#inBox.privacy_box {
  overflow-x: hidden;
  overflow-y: scroll;
  width: 100%;
  border-radius: 3px;
  max-width: inherit;
}

#inBox.privacy_box p {
  font-weight: 400;
  line-height: 140%;
}

/*=========================================================================================
FOOTER
=========================================================================================*/
#Footer {
  text-align: center;
}

/* -------------------------------------------------------------------------------- */
.footer_credit {
  line-height: 120%;
  color: #333;
  text-align: center;
}

/*=========================================================================================
CUSTOM
=========================================================================================*/
#period_headlineBox, #period_headlineBox p {
  line-height: 160%;
}

.pickup {
  color: #F85375;
  font-size: 150%;
}

/*=========================================================================================
SUMMER SONIC OSAKA 2024
=========================================================================================*/
body.style2024 #period_headlineBox .pickup {
  line-height: 200%;
  color: #2fc4da;
}

body.style2024 .form_headline {
  position: relative;
  z-index: 1;
  display: inline-block;
  margin-bottom: 1em;
}

body.style2024 .form_headline:before {
  content: "";
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 2px;
  background: #F85375;
  position: absolute;
}

/* -------------------------------------------------------------------------------- */
.one_box {
  margin-bottom: 1.5em;
  padding-bottom: 1.5em;
  border-bottom: 1px solid #dedede;
}

.one_box:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}

/*=========================================================================================
SUMMER SONIC OSAKA 2026
=========================================================================================*/
body.style2026 #period_headlineBox.pickup {
  line-height: 200%;
  color: #2fc4da;
}
body.style2026 .form_headline {
  position: relative;
  z-index: 1;
  display: inline-block;
  margin-bottom: 1em;
}
body.style2026 .form_headline:before {
  content: "";
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 2px;
  background: #F85375;
  position: absolute;
}
body.style2026 #formBody {
  max-width: 800px;
  margin: 0 auto;
}
body.style2026 #formBody [type=text].small {
  width: 40%;
}
body.style2026 #formBody select {
  padding: 12px 40px 10px 1rem;
}
body.style2026 #formBody textarea {
  min-height: 2rem !important;
}
body.style2026 .select_cover {
  position: relative;
  z-index: 1;
  display: block;
  width: 40%;
}
body.style2026 .select_cover:after {
  content: "";
  position: absolute;
  z-index: 1;
  right: 10px;
  top: 60%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
  font-size: 10px;
  border-top: 0.6rem solid #121212;
  border-right: 0.35rem solid transparent;
  border-bottom: 0.6rem solid transparent;
  border-left: 0.35rem solid transparent;
}
body.style2026 ul#title_subPhotoList li {
  width: 12.5%;
}
body.style2026 #photoCover {
  margin-top: 0;
}

/* -------------------------------------------------------------------------------- */
.one_box {
  margin-bottom: 1.5em;
  padding-bottom: 1.5em;
  border-bottom: 1px solid #dedede;
}
.one_box:last-of-type {
  margin-bottom: 0;
  border-bottom: 0;
}

.radio_centerbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.radio_centerbox label {
  margin-right: 1.5rem;
}
.radio_centerbox label:last-of-type {
  margin-right: 0;
}

/* -------------------------------------------------------------------------------- */
#Header {
  position: relative;
  z-index: 1;
  background: none !important;
}

#firstviewBody {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

ul#firstviewList {
  list-style-type: none;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
ul#firstviewList li {
  width: 100%;
  height: auto;
  display: block;
}
ul#firstviewList li img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom center;
     object-position: bottom center;
}

#title-sonicArt {
  position: absolute;
  z-index: 1;
  width: 40%;
  max-width: 400px;
  height: auto;
  margin: 0;
  padding: 0;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#title-sonicArt img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}