@charset "utf-8";

/* --------------
 reset
-------------- */
input,
select,
textarea {
  max-width: 95% !important;
}
h1,
h2,
h3,
h4 {
  font-size: 100%;
}

/* --------------
 base
-------------- */
html {
  -webkit-text-size-adjust: none;
}
/*body {font-size: 15px;}*/
.ifpc {
  display: none;
}
@media screen and (min-width: 501px) {
  /*以上の時*/
  br.ifsp {
    display: none;
  }
}

@media screen and (max-width: 500px) {
  /*以下の時*/

  #home .inContent.oya #finished p {
    transform: rotate(-5deg) translateY(250%) !important;
    -webkit-transform: rotate(-5deg) translateY(250%) !important;
  }

  #home .inContent.oya.special #finished p {
    transform: rotate(-5deg) translateY(350%) !important;
    -webkit-transform: rotate(-5deg) translateY(350%) !important;
  }

  #ticket .inContent.oya .ulNotice #finished p {
    transform: rotate(-5deg) translateY(20%) !important;
    -webkit-transform: rotate(-5deg) translateY(20%) !important;
  }
  #ticket .inContent.tubutike #finished p {
    transform: rotate(-5deg) translateY(200%) !important;
    -webkit-transform: rotate(-5deg) translateY(200%) !important;
  }

  .overGgoods.oya #finished p,
  #okayamaGoods.oya #finished p {
    font-size: 1.2em;
    transform: rotate(-5deg) translateY(250%);
    -webkit-transform: rotate(-5deg) translateY(250%);
  }
}

@media screen and (max-width: 320px) {
  /*以下の時*/
  #home .inContent.oya #finished p {
    transform: rotate(-5deg) translateY(285%) !important;
    -webkit-transform: rotate(-5deg) translateY(285%) !important;
  }

  #ticket .inContent.oya .ulNotice #finished p {
    transform: rotate(-5deg) translateY(40%) !important;
    -webkit-transform: rotate(-5deg) translateY(40%) !important;
  }

  #ticket .inContent.tubutike #finished p {
    transform: rotate(-5deg) translateY(200%) !important;
    -webkit-transform: rotate(-5deg) translateY(200%) !important;
  }
}
@media screen and (min-width: 321px) {
  /*以上の時*/

  /*#ticket .inContent.tubutike #finished p {
	transform: rotate(-5deg) translateY(180%)!important;
	-webkit- transform: translateY(180%)!important;
	}*/
}

/* --------------
 modules css
-------------- */
/* ---------- font size */
.fs01 {
  font-size: 0.64em;
}
.fs02 {
  font-size: 0.68em;
}
.fs03 {
  font-size: 0.72em;
}
.fs04 {
  font-size: 0.76em;
}
.fs05 {
  font-size: 0.8em;
}
.fs06 {
  font-size: 0.84em;
}
.fs07 {
  font-size: 0.88em;
}
.fs08 {
  font-size: 0.92em;
}
.fs09 {
  font-size: 0.96em;
}
.fs10 {
  font-size: 1em;
}
.fs11 {
  font-size: 1.04em;
}
.fs12 {
  font-size: 1.08em;
}
.fs13 {
  font-size: 1.12em;
}
.fs14 {
  font-size: 1.16em;
}
.fs15 {
  font-size: 1.2em;
}
.fs16 {
  font-size: 1.24em;
}
.fs17 {
  font-size: 1.28em;
}
.fs18 {
  font-size: 1.32em;
}
.fs19 {
  font-size: 1.36em;
}
.fs20 {
  font-size: 1.4em;
}
.fs21 {
  font-size: 1.44em;
}
.fs22 {
  font-size: 1.48em;
}
.fs23 {
  font-size: 1.52em;
}
.fs24 {
  font-size: 1.56em;
}
.fs25 {
  font-size: 1.6em;
}
.fs30 {
  font-size: 1.64em;
}

.fsspB {
  font-size: 1.35em;
}

/* ---------- margin,padding */
.mb35 {
  margin-bottom: 35px !important;
}
.mb40 {
  margin-bottom: 35px !important;
}
.mb45 {
  margin-bottom: 35px !important;
}
.mb50 {
  margin-bottom: 40px !important;
}
.mb55 {
  margin-bottom: 40px !important;
}
.mb60 {
  margin-bottom: 40px !important;
}
.mb70 {
  margin-bottom: 45px !important;
}
.mb80 {
  margin-bottom: 45px !important;
}
.mb90 {
  margin-bottom: 45px !important;
}
.mb100 {
  margin-bottom: 50px !important;
}

/* ----- text */
.txtClrRP {
  margin: 0 auto 0 0;
  padding-left: 0.2em;
}

/* ----- base width */
#siteHeader,
.in,
.contents,
#siteFooter {
  width: 95%;
  margin: 0 auto;
}
@media only screen and (orientation: landscape) {
  /*横向きの際に適用*/
  #siteHeader,
  .in,
  .contents,
  #siteFooter {
    max-width: 500px;
  }
}
/* ---------- align */
.alcSP {
  text-align: center !important;
}
.alrSP {
  text-align: right !important;
}
.allSP {
  text-align: left !important;
}

.HL2 {
  font-size: 2.2em;
}

.ulKome li {
  text-align: left !important;
}
/* --------------
 common
-------------- */
.loadTxt {
  font-size: 2.2em;
}

/* =header
-------------------------------------------------------------- **/

/* =siteHeader
---------------------------------------------------- */
/*#home #siteHeader h1 {
	display: none;
}*/
#siteHeader h1 {
  margin: 5px 0;
}
/*#siteHeader h1 img {
	width: 200px;
}*/

/* =globalNav
---------------------------------------------------- */

/* =container
-------------------------------------------------------------- */
.mainBg {
  display: none;
}
.contents {
  margin-top: 64px;
}
.contents:first-of-type {
  margin-top: 30px;
}
.inContent {
  margin-bottom: 30px;
}
.inContent:last-child {
  margin-bottom: 0;
}
/* =breadcrumb
---------------------------------------------------- */

/* =headline / titles
---------------------------------------------------- */

/* =sidebar
---------------------------------------------------- */
/* =aside
------------------------------------------ */

/* =footer
-------------------------------------------------------------- **/

/* =siteFooter
---------------------------------------------------- */

/* =copyright
---------------------------------------------------- */

/* =pageTop
-------------------------------------------------------------- **/
#pageTop {
  right: 5px;
  bottom: 60px;
  background: rgba(255, 255, 255, 0.7);
}

#pageTop a {
  width: 30px;
  height: 30px;
  background-size: 30px;
}
#pageTop a::after {
  width: 5px;
  height: 5px;
  border: 3px solid;
  border-color: #000 #000 transparent transparent !important;
}

/* --------------
 home contents
-------------- */
/* =visual
---------------------------------------------------- */

@media screen and (min-width: 501px) {
  /*以上の時*/
  .infoDtlTxt {
    text-align: center;
  }
}

/* =homeNews
---------------------------------------------------- */
#homeNews .newsList {
  height: 8.5em;
}
#homeNews .newsList li {
  flex-wrap: wrap;
}
#homeNews .newsList li {
  padding: 8px 0;
}
#homeNews .newsList li span,
#homeNews .newsList li time {
  width: 100%;
}

/* =homeCast
---------------------------------------------------- */
.flxLi {
  flex-wrap: wrap;
  justify-content: center;
}
.flxLi li {
  /*border: 1px solid #fff;*/
  width: 48%;
  font-size: 0.9em;
  margin-right: 4%;
  margin-bottom: 8px;
}
.flxLi li:nth-child(even) {
  margin-right: 0;
}
.castCont.flxLi li {
  width: 48%;
  margin-right: 4%;
  margin-bottom: 8px;
}
/* .charaCont .flxLi li {
	width: 100%;
} */
.charaCont {
  padding: 0 1.6em;
  font-size: 15px;
}
/* --------------
 subpages contents
-------------- */
.subpage .HL2 {
  font-size: 1.6em;
}
/* =home
---------------------------------------------------- */
.homeCap {
  font-size: 15px;
  padding: 0 1.6em;
}
/* =page ticket
---------------------------------------------------- */

#Nav {
  margin-top: 16px;
}
#mainNav {
  flex-wrap: wrap;
}
#mainNav li {
  width: 50%;
  margin-bottom: 0;
  border-top: 1px solid #22c6fe;
  border-bottom: 1px solid #22c6fe;
  border-right: 1px solid #22c6fe;
  box-shadow: 0 0 10px #22c6fe;
}
#mainNav li a {
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 0.4em 0;
  font-size: 1.4em;
}
#mainNav li:nth-child(1),
#mainNav li:nth-child(2) {
  border-bottom: none;
}
#mainNav li:nth-child(even) {
  border-right: none;
}
.youtube {
  width: 100%;
  padding-top: 56%;
}
.inContent #finished p {
  transform: rotate(-5deg) translateY(300%);
  -webkit-transform: rotate(-5deg) translateY(300%);
}
.inContent.special #finished p {
  transform: rotate(-5deg) translateY(550%);
  -webkit-transform: rotate(-5deg) translateY(550%);
}
.subTicket.tokyo .inContent #finished {
  top: 58% !important;
}
.inContent.tokyo #finished p {
  transform: rotate(-5deg) translateY(10%);
  -webkit-transform: rotate(-5deg) translateY(10%);
}
.ticketStage p {
  width: 48%;
}
.parentA > div:first-of-type {
  border-bottom: none;
}
.parentA div.parentL {
  border-top: double #fff !important;
  border-bottom: none !important;
}
.childBox > p:first-of-type {
  border-bottom: 1px solid #fff;
}
.childBox div {
  border-bottom: double #fff !important;
}
.childBox p {
  padding: 0.2em;
}
.childBox > div > p {
  padding-left: 1.5em;
}
.childBox p.alcSP {
  padding: 0.5em;
  border-bottom: double #fff;
}

/*.childList p:last-of-type {
	border-top: dashed 1px #fff;
}*/

.childBox .childO {
  border-top: none !important;
}
.specialTicketFOS.oya #finished p {
  font-size: 1.2em;
  transform: rotate(-5deg) translateY(700%);
  -webkit-transform: rotate(-5deg) translateY(700%);
}
.childBox .childO {
  text-align: left;
}
.warning2 a,
.warning a {
  top: 0.2em;
}

/* -----------------------------------sukagawa */
.HL2 .date_dtl {
  font-size: 18px;
}
.import_dtl {
  font-size: 14px;
}
.sp_fsize {
  font-size: 14px;
}
.brSp{
	display: block;
}
.ticket_general_wp{
	margin: 60px 0 20px;
}