/***************************************************************************
*
* TICKET STYLE
*
***************************************************************************/
body { background: url(../../images/armor/common/main_bg.jpg) no-repeat center top 70px, #000; }

.area_title { text-align: center; }

#content { margin-top: 180px; }

.bigInner { width: 1200px; margin: 0 auto; }

.labelWhite { font-size: 13px; background: #fff; writing-mode: tb-rl; color: #000; font-weight: bold; height: 170px; padding: 20px 15px 0 15px; }

.attention { text-align: center;color: #fff;margin-bottom: 60px;padding: 15px;background: rgba(230,0,18,0.4);}
.attention .ttl { font-weight: bold;}
.attention .txt { margin-top: 15px;}
.attention a  { display: inline-block;color: #fff;text-decoration: underline;margin-top: 15px;}

.areaStory .story { margin-bottom: 120px; }
.areaStory .story .area_title { margin-bottom: 130px; }
.areaStory .story .dateTitle { font-size: 36px; text-align: center; font-weight: normal; margin-bottom: 30px; letter-spacing: 3.8px; }
.areaStory .story .dateTitle .minText { font-size: 26px; }
.areaStory .story .map { text-align: center; font-size: 16px; margin-bottom: 50px; }
.areaStory .story .map a { color: #49a6ec; }
.areaStory .story .btnDetail { text-align: center; }
.areaStory .story .btnDetail a { width: 187px; padding: 8px 5px 6px; background: url(../../images/armor/ticket/btn.png) no-repeat center center/100% 100%; letter-spacing: 4px; }
.areaStory .story .btnDetail a:hover { background: url(../../images/armor/ticket/btn_hover.png) no-repeat center center/100% 100%; }
.areaStory .day { background: url(../../images/armor/ticket/border.png) no-repeat center top 20px, url(../../images/armor/ticket/border.png) no-repeat center bottom; padding-bottom: 140px; }
.areaStory .day .datePhoto { text-align: center; margin: -35px 0 15px 10px; }
.areaStory .day .text { text-align: center; font-size: 16px; }
.areaStory .day .text br + .dots { margin-left: 40px;}

.areaTicket { padding-top: 140px; }
.areaTicket .ticket { padding-bottom: 120px; }
.areaTicket .ticket .area_title { margin-bottom: 120px; }
.areaTicket .ticket .boxGeneral { margin-bottom: 80px; margin-left: 53px; }
.areaTicket .ticket .boxGeneral .textGene { font-size: 28px; line-height: 1.7; }
.areaTicket .ticket .boxGeneral .textGene .txtLeft { width: 265px; display: inline-block; }
.areaTicket .ticket .boxGeneral .textGene .txtRight { display: inline-block; }
.areaTicket .ticket .boxGeneral .textGene .txtRight .minText { font-size: 22px; }
.areaTicket .ticket .boxContact { text-align: center; border: 1px solid #fff; padding: 50px 0; }
.areaTicket .ticket .boxContact .contactTitle { font-size: 28px; font-weight: 500; margin-bottom: 20px; }
.areaTicket .ticket .boxContact .textInfo { font-size: 18px; line-height: 2.5; letter-spacing: -0.9px; word-wrap: break-word; }
.areaTicket .ticket .boxContact .textInfo a.url { color: #49a6ec; }

.areaTicket .prereq { padding-bottom: 80px; }
.areaTicket .prereq a { color: #49a6ec; }
.areaTicket .prereq p { font-size: 16px; }
.areaTicket .prereq p + .prereqAttention { margin-top: 30px; }
.areaTicket .prereq hr { border: 0; height: 1px; background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 1) 50%, hsla(0, 0%, 100%, 0) 100%); margin: 60px 20% 60px; }
.areaTicket .prereq .prereqTitle { text-align: center; }
.areaTicket .prereq .prereqTitle p { display: inline-block; vertical-align: middle; font-size: 26px; margin: 0 auto 60px; padding: 15px 40px 12px; border: 1px solid #fff; }
.areaTicket .prereq .prereqInfo_01 { text-align: center; font-size: 22px; padding-bottom: 60px; }
.areaTicket .prereq .prereqAttention { font-size: 16px; }
.areaTicket .prereq .prereqAttention li + li { margin-top: 10px; }
.areaTicket .prereq .prereqAttention li span.kome { display: inline-block; width: 20px; vertical-align: top; }
.areaTicket .prereq .prereqAttention li span.text { display: inline-block; width: calc(100% - 26px); vertical-align: top; letter-spacing: -0.1px; }
.areaTicket .prereq .block { margin-top: 40px;}
.areaTicket .prereq .block .block_ttl { }
.areaTicket .prereq .block h3 { text-align: center; font-size: 20px; margin-bottom: 20px; }
.areaTicket .prereq .block h4 { font-weight: bold; font-size: 17px; margin-bottom: 10px;}
.areaTicket .prereq .block .strong { font-size: 17px; font-weight: bold;}

.areaTicket .guide { padding-bottom: 80px; }
.areaTicket .guide .boxGuide { width: 895px; margin: -15px auto 0; }
.areaTicket .guide .boxGuide .guideContent { /*display: inline-block;*/ text-align: center; vertical-align: top; position: relative; margin-bottom: 40px; }
/*.areaTicket .guide .boxGuide .guideContent.left { width: 510px; }
.areaTicket .guide .boxGuide .guideContent.left:after { content: ""; position: absolute; border-right: 1px solid #4d4d4d; width: 1px; height: 130px; top: 10px; right: 0; }
.areaTicket .guide .boxGuide .guideContent.right { margin-left: 50px; }*/
.areaTicket .guide .boxGuide .guideContent .guideTitle { font-size: 22px; margin-bottom: 20px; }
.areaTicket .guide .boxGuide .guideContent .guideLink a { font-size: 16px; color: #49a6ec; }
.areaTicket .guide .boxGuide .guideContent .guideText { font-size: 16px; line-height: 2.5; }
.areaTicket .guide .boxGuide .guideContent .guideText a { color: #fff; }
.areaTicket .guide .boxGuide .notice { word-wrap: break-word; }
.areaTicket .guide .boxGuide .notice a { color: #49a6ec; }
.areaTicket .areaPrecau { padding-bottom: 100px; }
.areaTicket .areaPrecau .boxText { margin-top: -15px; }
.areaTicket .areaPrecau .boxText .precauText { font-size: 16px; width: 100%; margin-bottom: 15px; }
.areaTicket .areaPrecau .boxText .precauText .dots { display: inline-block; width: 20px; vertical-align: top; }
.areaTicket .areaPrecau .boxText .precauText .text { display: inline-block; width: calc(100% - 26px); vertical-align: top; letter-spacing: -0.1px; }
.areaTicket .areaImport { padding-bottom: 75px; }
.areaTicket .areaImport .boxText { margin-top: -15px; }
.areaTicket .areaImport .boxText .importext { font-size: 16px; letter-spacing: -0.1px; }
.areaTicket .genborder { background: url(../../images/armor/ticket/border.png) no-repeat center top 20px; }

.areaTicket .areaResale { padding-bottom: 100px; }
.areaTicket .areaResale hr { border: 0; height: 1px; background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 1) 50%, hsla(0, 0%, 100%, 0) 100%); margin: 60px 20% 60px; }
.areaTicket .areaResale .boxText { font-size: 16px; letter-spacing: -0.1px; margin-top: -15px; }
.areaTicket .areaResale .boxText a { color: #49a6ec; }
.areaTicket .areaResale .boxText .areaTtl { text-align: center; font-size: 22px; font-weight: bold; margin-bottom: 20px; }
.areaTicket .areaResale .boxText .tiketore { margin-top: 20px;}
.areaTicket .areaResale .boxText .tiketore li { word-wrap: break-word; }
.areaTicket .areaResale .boxText .detail { }
.areaTicket .areaResale .boxText .detail .head { display: inline-block; width: 6.5em;}
.areaTicket .areaResale .boxText .detail .ttl span { font-size: 18px; font-weight: bold;}
.areaTicket .areaResale .boxText .detail ul + p, .areaTicket .areaResale .boxText .detail ul + ul { margin-top: 20px;}
.areaTicket .areaResale .boxText .contact { word-wrap: break-word; margin-top: 20px;}
.areaTicket .areaResale .boxText .contact + .caution { margin-top: 40px;}
.areaTicket .areaResale .boxText .caution li { text-indent: -1em; padding-left: 1em; }
.areaTicket .areaResale .boxText .caution li + li { margin-top: 10px;}

@media (max-width: 768px) { body { background: url(../../images/armor/common/main_bg_sp.jpg) no-repeat center top, #000; background-size: 100%; }
  #content { margin-top: 81px; }
  .area_title { width: 41%; margin: 0 auto; }
  .labelWhite { font-size: 14px; padding: 10px 3px 0 2px; letter-spacing: 3px; height: 160px; }
  .bigInner { width: 100%; padding: 0 5.33%; }
  .attention .txt { text-align: left;}
  .attention .txt br { display: none;}

  .areaStory .story { margin-bottom: 25px; }
  .areaStory .story .area_title { margin-bottom: 45px; }
  .areaStory .story .dateTitle { font-size: 18px; letter-spacing: 1.7px; margin-bottom: 10px; }
  .areaStory .story .dateTitle .minText { font-size: 14px; }
  .areaStory .story .map { margin-bottom: 27px; letter-spacing: -0.1px; font-size: 15px; }
  .areaStory .story .btnDetail a { width: 83%; max-width: 326px; padding: 9px 5px 7px; background: url(../../images/armor/common/btn.png) no-repeat center center/100% 100%; font-size: 14px; }
  .areaStory .story .btnDetail a:hover { background: url(../../images/armor/common/btn_hover.png) no-repeat center center/100% 100%; }
  .areaStory .day { background: url(../../images/armor/ticket/border.png) no-repeat center top 11px, url(../../images/armor/ticket/border.png) no-repeat center bottom; padding-bottom: 45px; }
  /*.areaStory .day .datePhoto { margin: -90px 15px 15px 15px; }*/
  .areaStory .day .datePhoto { margin: -90px 0 15px 15px; }
  .areaStory .day .text { text-align: left; font-size: 12px; }
  .areaStory .day .text .dots { display: inline-block; width: 18px; vertical-align: top; }
  .areaStory .day .text .txt { display: inline-block; width: calc(100% - 26px); vertical-align: top; }
  .areaStory .day .text br + .dots { margin-left: 0;}
  .areaTicket { padding-top: 35px; }
  .areaTicket .ticket { padding-bottom: 30px; }
  .areaTicket .ticket .area_title { margin-bottom: 45px; }
  .areaTicket .ticket .boxGeneral { margin-left: 0; margin-bottom: 50px; }
  .areaTicket .ticket .boxGeneral .textGene { font-size: 18px; line-height: 1.6; }
  .areaTicket .ticket .boxGeneral .textGene:first-child { margin-bottom: 12px; }
  .areaTicket .ticket .boxGeneral .textGene .txtRight .minText { font-size: 15px; }
  .areaTicket .ticket .boxContact { padding: 20px 10px 15px; }
  .areaTicket .ticket .boxContact .textInfo { font-size: 15px; text-align: left; letter-spacing: 0px; line-height: inherit; }
  .areaTicket .ticket .boxContact .textInfo a { color: #fff; }
  .areaTicket .ticket .boxContact .textInfo a.url { color: #49a6ec; }
  .areaTicket .ticket .boxContact .contactTitle { font-size: 18px; }

  .areaTicket .prereq { padding-bottom: 50px; display: none; }
  .areaTicket .prereq p { text-align: left; font-size: 14px; }
  .areaTicket .prereq p + .prereqAttention { margin-top: 20px; }
  .areaTicket .prereq hr { margin: 30px 20% 30px; }
  .areaTicket .prereq .prereqTitle p { font-size: 20px; margin: 0 auto 30px; padding: 9px 22px 5px; }
  .areaTicket .prereq .prereqInfo_01 { text-align: left; font-size: 16px; padding-bottom: 30px; }
  .areaTicket .prereq .prereqAttention { font-size: 14px; }
  .areaTicket .prereq .prereqAttention li + li { margin-top: 7px; }
  .areaTicket .prereq .prereqAttention li span.kome { display: inline-block; width: auto; }
  .areaTicket .prereq .block { margin-top: 20px;}
  .areaTicket .prereq .block h3 { font-size: 18px; margin-bottom: 10px; }
  .areaTicket .prereq .block h4 { font-size: 15px;}
  .areaTicket .prereq .block .strong { font-size: 15px;}


  .areaTicket .guide { padding-bottom: 25px; }
  .areaTicket .guide .boxGuide { width: 100%; padding-left: 11%; margin-top: -96px; }
  .areaTicket .guide .boxGuide .guideContent { position: relative; margin-bottom: 30px; }
  .areaTicket .guide .boxGuide .guideContent:before { content: ""; position: absolute; width: 155px; border-bottom: 1px solid #4d4d4d; height: 1px; right: 0; bottom: -14px; left: 0; margin: auto; }
  .areaTicket .guide .boxGuide .guideContent:last-child { margin-bottom: 0; }
  .areaTicket .guide .boxGuide .guideContent:last-child:before { content: ""; display: none; }
  .areaTicket .guide .boxGuide .guideContent.left { width: 100%; }
  .areaTicket .guide .boxGuide .guideContent.left:after { content: ""; display: none; }
  .areaTicket .guide .boxGuide .guideContent.right { margin-left: 0; }
  .areaTicket .guide .boxGuide .guideContent .guideTitle { font-size: 18px; margin-bottom: 10px; }
  .areaTicket .guide .boxGuide .guideContent .guideText { line-height: 1.7; font-size: 14px; }
  .areaTicket .guide .boxGuide .guideContent .guideLink a { font-size: 15px; letter-spacing: -0.2px; }
  .areaTicket .areaPrecau { padding-bottom: 20px; }
  .areaTicket .areaPrecau .boxText { padding-left: 8%; text-align: justify; margin-top: -95px; }
  .areaTicket .areaPrecau .boxText .precauText { font-size: 14px; margin-bottom: 7px; }
  .areaTicket .areaImport { padding-bottom: 25px; }
  .areaTicket .areaImport .boxText { padding-left: 8.5%; margin-top: -95px; }
  .areaTicket .areaImport .boxText .importext { font-size: 14px; letter-spacing: 1px; }
  .areaTicket .genborder { background: url(../../images/armor/ticket/border.png) no-repeat center top 11px; }

  .areaTicket .areaResale { padding-bottom: 0; }
  .areaTicket .areaResale hr { margin: 30px 20% 30px; }
  .areaTicket .areaResale .boxText { font-size: 14px; letter-spacing: 1px; padding-left: 8.5%; margin-top: -95px;}
  .areaTicket .areaResale .boxText .areaTtl { font-size: 18px; margin-bottom: 10px; }
  .areaTicket .areaResale .boxText .detail .ttl span { font-size: 16px;}
  .areaTicket .areaResale .boxText .detail .head { width: auto;}

  #footer { padding-top: 45px; } }

@media (max-width: 374px) {
  .areaStory .story .dateTitle { font-size: 16px; } }

/*# sourceMappingURL=ticket.css.map */