@import url(https://fonts.googleapis.com/css?family=Oswald:700);
@import url(https://fonts.googleapis.com/css?family=Fjalla+One);
/* -------------------------
	Common tips
------------------------- */
/*margin padding*/
.m00 {
  margin: 0px !important;
}
.m05 {
  margin: 5px !important;
}
.m10 {
  margin: 10px !important;
}
.m15 {
  margin: 15px !important;
}
.m20 {
  margin: 20px !important;
}
.m25 {
  margin: 25px !important;
}
.m30 {
  margin: 30px !important;
}
.mB00 {
  margin-bottom: 0px !important;
}
.mB05 {
  margin-bottom: 5px !important;
}
.mB10 {
  margin-bottom: 10px !important;
}
.mB15 {
  margin-bottom: 15px !important;
}
.mB20 {
  margin-bottom: 20px !important;
}
.mB25 {
  margin-bottom: 25px !important;
}
.mB30 {
  margin-bottom: 30px !important;
}
.mB00 {
  margin-bottom: 0px !important;
}

.mR20 {
  margin-right: 20px !important;
}

.p05 {
  padding: 5px !important;
}
.p10 {
  padding: 10px !important;
}
.p15 {
  padding: 15px !important;
}
.p20 {
  padding: 20px !important;
}
.p25 {
  padding: 25px !important;
}
.p30 {
  padding: 30px !important;
}
.pB00 {
  padding-bottom: 0px !important;
}
.pB05 {
  padding-bottom: 5px !important;
}
.pB10 {
  padding-bottom: 10px !important;
}
.pB15 {
  padding-bottom: 15px !important;
}
.pB20 {
  padding-bottom: 20px !important;
}
.pB25 {
  padding-bottom: 25px !important;
}
.pB30 {
  padding-bottom: 30px !important;
}
.pL00 {
  padding-left: 0px !important;
}
.pL05 {
  padding-left: 5px !important;
}
.pL10 {
  padding-left: 10px !important;
}
.pL15 {
  padding-left: 15px !important;
}
.pL20 {
  padding-left: 20px !important;
}
.pL25 {
  padding-left: 25px !important;
}
.pL30 {
  padding-left: 30px !important;
}
.pR00 {
  padding-right: 0px !important;
}
.pR05 {
  padding-right: 5px !important;
}
.pR10 {
  padding-right: 10px !important;
}
.pR15 {
  padding-right: 15px !important;
}
.pR20 {
  padding-right: 20px !important;
}
.pR25 {
  padding-right: 25px !important;
}
.pR30 {
  padding-right: 30px !important;
}

/* position */
.clearB {
  clear: both;
}
.ofh {
  overflow: hidden;
}
.fltR {
  float: right;
}
.fltL {
  float: left;
}
img.fltR {
  margin: 0 0 10px 10px;
}
img.fltL {
  margin: 0 10px 10px 0;
}
/*font*/
.txt10 {
  font-size: 10px;
}
.txt11 {
  font-size: 11px;
}
.txt12 {
  font-size: 12px;
}
.txt13 {
  font-size: 13px;
}
.txt14 {
  font-size: 14px;
}
.txt15 {
  font-size: 15px;
}
.txt16 {
  font-size: 16px;
}
.txt17 {
  font-size: 17px;
}
.txt18 {
  font-size: 18px;
}
.txt19 {
  font-size: 19px;
}
.txt20 {
  font-size: 20px;
}
.txt21 {
  font-size: 21px;
}
.txt22 {
  font-size: 22px;
}
.fwb {
  font-weight: bold;
}
.fwn {
  font-weight: normal !important;
}
.tac {
  text-align: center !important;
}
.tal {
  text-align: left !important;
}
.tar {
  text-align: right !important;
}
.b-color {
  color: #df0522;
}
/**/
.b-bg {
  background: #df0522;
}
.blu-bg {
  background: #0067b5;
}
.grn-bg {
  background: #6abb09;
}
.wht-bg {
  background: #fff;
}
.nvy-bg {
  background: #2b426a;
}
.brd-btm {
  border-bottom: 1px solid #ccc;
}
.brd-top {
  border-top: 1px solid #ccc;
}

.brd-red {
  border: 1px solid #df0522;
  padding: 5px;
}

a:link,
a:visited {
  color: #df0522;
}
a:hover {
}

a.btn:link,
a.btn:visited {
  color: #fff;
}
a.btn:hover {
}

.img-radius {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
}

@media print, screen and (min-width: 768px) {
  /*PAGE TOP*/
  /* ページトップへ戻る */
  .pageTop {
    display: none;
    position: relative;
    width: 90%;
    max-width: 900px;
    height: 0;
    margin: 0 auto;
  }
  .pageTop a {
    position: fixed;
    bottom: 0px;
    left: auto;
    display: block;
    width: 42px;
    height: 80px;
    margin-left: 960px;
    text-align: center;
    outline: none;
  }

  /* -------------------------
	tips
------------------------- */

  /* width */
  .w100 {
    width: 100px;
  }
  .w110 {
    width: 110px;
  }
  .w120 {
    width: 120px;
  }
  .w130 {
    width: 130px;
  }
  .w140 {
    width: 140px;
  }
  .w150 {
    width: 150px;
  }
  .w160 {
    width: 160px;
  }
  .w170 {
    width: 170px;
  }
  .w180 {
    width: 180px;
  }
  .w190 {
    width: 190px;
  }
  .w200 {
    width: 200px;
  }
  .w210 {
    width: 210px;
  }
  .w230 {
    width: 230px;
  }
  .w240 {
    width: 240px;
  }
  .w250 {
    width: 250px;
  }
  .w260 {
    width: 260px;
  }
  .w270 {
    width: 270px;
  }
  .w280 {
    width: 280px;
  }
  .w290 {
    width: 290px;
  }
  .w300 {
    width: 300px;
  }
  .w310 {
    width: 310px;
  }
  .w320 {
    width: 320px;
  }
  .w330 {
    width: 330px;
  }
  .w340 {
    width: 340px;
  }
  .w350 {
    width: 350px;
  }
  .w360 {
    width: 360px;
  }
  .w370 {
    width: 370px;
  }
  .w380 {
    width: 380px;
  }
  .w390 {
    width: 390px;
  }
  .w400 {
    width: 400px;
  }
  .w410 {
    width: 410px;
  }
  .w420 {
    width: 420px;
  }
  .w430 {
    width: 430px;
  }

  /* height */
  .h100 {
    height: 100px;
  }
  .h110 {
    height: 110px;
  }
  .h120 {
    height: 120px;
  }
  .h130 {
    height: 130px;
  }
  .h140 {
    height: 140px;
  }
  .h150 {
    height: 150px;
  }
  .h160 {
    height: 160px;
  }
  .h170 {
    height: 170px;
  }
  .h180 {
    height: 180px;
  }
  .h190 {
    height: 190px;
  }
  .h200 {
    height: 200px;
  }
  .h210 {
    height: 210px;
  }
  .h230 {
    height: 230px;
  }
  .h240 {
    height: 240px;
  }
  .h250 {
    height: 250px;
  }
  .h260 {
    height: 260px;
  }
  .h270 {
    height: 270px;
  }
  .h280 {
    height: 280px;
  }
  .h290 {
    height: 290px;
  }
  .h300 {
    height: 300px;
  }
  .h310 {
    height: 310px;
  }
  .h320 {
    height: 320px;
  }
  .h330 {
    height: 330px;
  }
  .h340 {
    height: 340px;
  }
  .h350 {
    height: 350px;
  }
  .h360 {
    height: 360px;
  }
  .h370 {
    height: 370px;
  }
  .h380 {
    height: 380px;
  }
  .h390 {
    height: 390px;
  }
  .h400 {
    height: 400px;
  }
  .h410 {
    height: 410px;
  }
  .h420 {
    height: 420px;
  }
  .h430 {
    height: 430px;
  }
  /* -------------------------
	common
------------------------- */
  .sp,
  .print {
    display: none !important;
  }
  body {
    /*font-family: 'lucida grande', tahoma, verdana, arial, "hiragino kaku gothic pro", meiryo, "ms pgothic", sans-serif;*/
    /*font-family:'lucida grande',tahoma,verdana,arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;*/
    /*font-family: Verdana,Helvetica,"メイリオ",Meiryo,"MS Pゴシック","MS P Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kakugo Pro W3",Osaka,sans-serif;*/
    /*font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
    color: #333;
    font-size: 14px;
    background: url(/common/img/background.png);
    overflow: visible;
    min-width: 1024px;
    -webkit-text-size-adjust: 100%;
  }
  a {
    text-decoration: none;
  }
  .content a:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80); /* ie 6 7 */
    -ms-filter: "alpha(opacity=80)"; /* ie 8 */
    zoom: 1; /* ie 7,8 */
  }
  .inner {
    margin: 0 auto;
    width: 1000px;
    overflow: hidden;
    zoom: 1;
  }
  pre {
    margin: 0 0 20px 0;
    color: #666;
    font-size: 11px;
    background: #fff;
  }
  area {
    border: none;
  }
  input[type="submit"] {
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    appearance: none;
    -webkit-appearance: none;
  }
  /* -------------------------
	header
------------------------- */
  .header {
    height: 105px;
    background: #df0522;
  }
  header .logo {
    float: left;
    width: 320px;
    padding: 35px 0 20px;
  }
  .header-nav {
    float: right;
    width: 680px;
  }
  .header-nav .company {
    overflow: hidden;
    zoom: 1;
    margin: 0 0 11px 0;
  }
  .header-nav .company p {
    float: right;
  }
  .header-nav .company p a {
    display: block;
    margin: -4px 0 0 0;
    padding: 14px 15px 8px;
    color: #df0522;
    font-size: 12px;
    font-weight: bold;
    background: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -mz-border-radius: 4px;
  }
  .header-nav .company li {
    padding: 10px 0;
    float: right;
    color: #fff;
    font-size: 12px;
  }
  .header-nav .company li a {
    padding: 0 15px;
    color: #fff;
  }
  .header-nav .global {
    overflow: hidden;
    zoom: 1;
  }
  .header-nav .global ul {
    overflow: hidden;
    zoom: 1;
    width: 700px;
  }
  .header-nav .global li {
    float: left;
    text-align: center;
  }
  .header-nav .global li a {
    display: block;
    color: #fff;
    height: 40px;
    font-size: 11px;
    text-align: center;
    padding: 0 12px 4px;
    margin: 0 2px;
  }
  .header-nav .global li a:hover,
  .header-nav .global li.selected a {
    border-bottom: 2px solid #fff;
  }
  /* 2nd level */
  .header-2lv {
    height: 100px;
    background: url(/common/img/bg-header-2lv.jpg) repeat-x center center;
  }
  .header-2lv-about {
    background: url(/common/img/bg-header-2lv-about.jpg) repeat-x center center;
    height: 100px;
  }
  .header-2lv-schedule {
    background: url(/common/img/bg-header-2lv-schedule.jpg) repeat-x center center;
    height: 100px;
  }
  .header-2lv-baseball {
    background: url(/common/img/bg-header-2lv-baseball.jpg) repeat-x center center;
    height: 100px;
  }
  .header-2lv-event {
    background: url(/common/img/bg-header-2lv-event.jpg) repeat-x center center;
    height: 100px;
  }
  .header-2lv-seat {
    background: url(/common/img/bg-header-2lv-seat.jpg) repeat-x center center;
    height: 100px;
  }
  .header-2lv-ticket {
    background: url(/common/img/bg-header-2lv-ticket.jpg) repeat-x center center;
    height: 100px;
  }
  .header-2lv-floor_guide {
    background: url(/common/img/bg-header-2lv-floor_guide.jpg) repeat-x center center;
    height: 100px;
  }
  .header-2lv-use_guide {
    background: url(/common/img/bg-header-2lv-use_guide.jpg) repeat-x center center;
    height: 100px;
  }
  .header-2lv-access {
    background: url(/common/img/bg-header-2lv-access.jpg) repeat-x center center;
    height: 100px;
  }
  .header-2lv-vista {
    background: url(/common/img/bg-header-2lv-vista.jpg) repeat-x center center;
    height: 100px;
  }
  .header-2lv-tour {
    background: url(/common/img/bg-header-2lv-tour.jpg) repeat-x center center;
    height: 100px;
  }

  .header-2lv h1,
  .header-2lv-about h1 {
    float: left;
    padding: 33px 0 0 0;
    color: #fff;
    font-size: 30px;
    font-family: "Fjalla One", sans-serif;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
  }
  .header-2lv h2,
  .header-2lv-about h2 {
    float: left;
    padding: 41px 0 0 8px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
  }
  /* -------------------------
	content
------------------------- */
  .content {
    margin: 10px 0 10px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
  .content .inner {
    zoom: 1;
    width: 998px;
    /* height:100%; */
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    overflow: hidden;
  }
  .content .left,
  .col-2.col-left .side {
    float: left;
    width: 228px;
    /* height:100%; */
    border-right: 1px solid #ccc;
  }
  .content .right,
  .col-2.col-right .side {
    float: right;
    height: 100%;
    width: 228px;
    border-left: 1px solid #ccc;
  }
  .col-2 .main {
    width: 769px;
  }
  .col-2.col-left .main {
    float: right;
  }
  /* 2column wide */
  .col-2.wide .side {
    width: 288px;
  }
  .col-2.wide .main {
    width: 709px;
    float: left;
  }
  .col-2.col-left.wide .main {
    padding: 0 0 0 289px;
  }
  .col-3 .main {
    float: left;
    width: 540px;
  }
  .content .box {
    overflow: hidden;
    zoom: 1;
    border-bottom: 1px solid #ccc;
  }
  .content .seat {
    background: url(/common/img/bg-side-seat.png) no-repeat right top;
  }
  .content .seat .hgroup {
    border-bottom: 1px solid #ccc;
  }
  .content .seat h1 {
    margin: -5px 0 0 0;
  }
  .content .seat h1 {
    display: block;
    height: 54px;
    color: #df0522;
    font-size: 42px;
    font-family: "Oswald", sans-serif;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
  }
  .content .seat h2 {
    color: #df0522;
    font-size: 20px;
    font-weight: bold;
  }
  .content .partner {
  }
  .ul-thumb {
    overflow: hidden;
    zoom: 1;
    font-size: 12px;
  }
  .ul-thumb li {
    margin: 0 0 10px;
  }
  .ul-thumb li a {
    display: block;
  }
  .ul-thumb li .date {
    font-weight: bold;
  }
  .schedule .baseball {
    margin: 0 0 10px 0;
    border-bottom: 1px solid #ccc;
  }
  .schedule .baseball ul {
    overflow: hidden;
    zoom: 1;
    width: 540px;
  }
  .schedule .baseball li {
    margin: 0 30px 10px 0;
    float: left;
    width: 225px;
  }
  .schedule .concert {
    float: left;
    width: 254px;
    height: 328px;
    padding: 0 2px 0 0;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
  .schedule .entertainment {
    float: left;
    padding: 0 0 0 10px;
    width: 253px;
    height: 328px;
    border-bottom: 1px solid #ccc;
  }
  .schedule .other {
    float: left;
    width: 254px;
    height: 322px;
    padding: 10px 2px 0 0;
    border-right: 1px solid #ccc;
  }
  .schedule .other-sports {
    float: left;
    padding: 10px 0 0 10px;
    width: 253px;
    height: 322px;
  }
  /* -------------------------
	footer
------------------------- */
  .footer {
    padding: 40px 0 0 0;
    background: url(/common/img/bg-footer-sitemap.png);
    margin: 10px 0 0 0;
  }
  .footer .sitemap ul {
    overflow: hidden;
    zoom: 1;
    margin: 0 0 40px 0;
    width: 100%;
    border-right: 1px dotted #000;
  }
  .footer .sitemap li {
    float: left;
    padding: 0 7px;
    width: 127.5px;
    min-height: 100px;
    font-size: 11px;
    border-left: 1px dotted #000;
  }
  .footer .sitemap a {
    display: block;
    color: #000;
    padding: 0 0 7px 10px;
    background: url(/common/img/icon-nav-arw-nvy.png) no-repeat left 3px;
  }
  .footer .sitemap dt {
    margin: 0 0 10px 0;
    font-weight: bold;
  }
  .footer .company {
    overflow: hidden;
    zoom: 1;
    padding: 5px 0;
    background: #282828;
  }
  .footer .company li {
    float: left;
  }
  .footer .company li a {
    margin: 0 10px 0 0;
    padding: 0 0 0 8px;
    font-size: 11px;
    color: #fff;
    background: url(/common/img/icon-nav-arw-wht.png) no-repeat left center;
  }
  .footer .company .sns-box li {
    float: right;
    margin: 0 0 0 10px;
    width: 100px;
  }
  .footer .logo {
    text-align: center;
    padding: 20px 0;
    background: #df0522;
  }
  /* -------------------------
	protocol
------------------------- */

  /* hgroup & h1 - h6 */

  .hgroup {
    overflow: hidden;
    zoom: 1;
    margin: 0 0 10px;
    padding: 0 0 5px;
    color: #df0522;
  }
  .h-left {
    float: left;
    padding: 0 5px 0 0;
    font-size: 21px;
    font-family: "Oswald", sans-serif;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
  }
  .h-right {
    float: left;
    line-height: 34px;
    font-size: 14px;
    font-weight: bold;
  }
  .hgroup.top {
    overflow: hidden;
    zoom: 1;
    margin: 0;
    padding: 0;
    color: #df0522;
    text-align: center;
  }
  .hgroup.top .h-left {
    float: inherit;
    padding: 0 5px 0 0;
    font-size: 32px;
    font-family: "Oswald", sans-serif;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
  }
  .hgroup.top .h-right {
    float: inherit;
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
  }
  .h-border {
    margin: 5px 0 6px;
    padding: 0 0 0 5px;
    border-left: 3px solid #df0522;
    color: #df0522;
    font-weight: bold;
  }
  .h-strong {
    margin: 0 0 5px 0;
    color: #df0522;
    font-weight: bold;
  }
  .h-middle {
    margin: 0 0 10px 0;
    padding: 10px 0;
    color: #df0522;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 3px solid #ccc;
  }
  .h-middle span {
    padding: 10px 30px 10px 5px;
    border-bottom: 3px solid #df0522;
  }

  /* Ul & DL */

  .dl-base a {
    color: #333;
  }
  .dl-base dt {
    font-weight: bold;
  }
  .dl-base dd {
    margin: 0 0 10px;
    padding: 0 0 2px;
  }
  .dl-dotted a {
    color: #333;
  }
  .dl-dotted dt {
    font-weight: bold;
    margin: 0 0 5px 0;
  }
  .dl-dotted dd {
    margin: 0 0 10px;
    padding: 0 0 2px;
    border-bottom: 1px dashed #ccc;
  }
  .dl-indent a {
    color: #333;
  }
  .dl-indent dt {
    margin: 0 0 3px 0;
    font-weight: bold;
  }
  .dl-indent dd {
    margin: 0 0 5px;
    padding: 0 0 2px 10px;
  }
  .accordion dt {
    position: relative;
  }
  .accordion dt .accordion-span {
    position: absolute;
    top: 50%;
    right: 15px;
    margin: -5px 0 0 0;
    width: 15px;
    height: 10px;
    background: url(/common/img/icon-cont-arw-top.png) no-repeat center center;
    transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -mz-transition: all 0.1s linear;
  }
  .accordion dt.show .accordion-span {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    background: url(/common/img/icon-cont-arw-btm.png) no-repeat center center \9;
  }
  .dl-gourmet {
    font-size: 12px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
  }
  .dl-gourmet dt {
    position: relative;
    overflow: hidden;
    zoom: 1;
    border-left: 6px solid #d11721;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    font-size: 120%;
    font-weight: bold;
    line-height: 60px;
    padding-left: 30px;
    cursor: pointer;
  }
  .dl-gourmet dd {
    border-bottom: 1px solid #ccc;
    background: #ececec;
    padding: 30px 30px 30px 30px;
  }
  .dl-gourmet dt .fltL {
    padding: 10px 0;
    width: 20%;
    text-align: center;
  }
  .dl-gourmet dt .fltR {
    padding: 24px 10% 10px 2%;
    width: 68%;
  }
  .dl-gourmet dt .fltR h4 {
    margin: 0 0 4px;
    font-size: 16px;
    font-weight: bold;
  }
  .dl-floor {
    font-size: 12px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
  }
  .dl-floor dt {
    position: relative;
    overflow: hidden;
    zoom: 1;
    min-height: 70px;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
  }
  .dl-floor dt .fltL {
    width: 20%;
    text-align: center;
  }
  .dl-floor dt .fltL img {
    padding: 10px 0 0 0;
  }
  .dl-floor dt .floor {
    float: left;
    width: 36px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    color: #fff;
    font-weight: bold;
  }
  .dl-floor.goods dt .floor {
    background: #0067b5;
  }
  .dl-floor.restaurant dt .floor {
    background: #f3b103;
  }
  .dl-floor.service dt .floor,
  .dl-floor.kioska dt .floor {
    background: #e2007e;
  }
  .dl-floor dt .fltR {
    padding: 16px 10% 10px 2%;
    width: 68%;
  }
  .dl-floor dt .fltR h4 {
    margin: 0 0 4px;
    font-size: 16px;
    font-weight: bold;
  }
  .dl-floor dd {
    padding: 10px 10px 10px 20px;
    border-bottom: 1px solid #ccc;
  }
  .dl-floor dd ul {
    overflow: hidden;
    zoom: 1;
  }
  .dl-floor dd li {
    float: left;
    padding: 0 10px;
  }
  .dl-floor dd li.photo {
    width: 140px;
    text-align: center;
    border-right: 1px solid #ccc;
  }
  .dl-floor dd li.date {
    width: 140px;
    border-right: 1px solid #ccc;
  }
  .dl-floor dd li.txt {
    width: 276px;
  }
  .dl-floor dd li.txt-wide {
    width: 470px;
  }
  .dl-floor dd li.txt .more-bottom {
    margin: 10px 0 0 0;
    text-align: left;
  }
  .ul-menu {
    border-top: 1px solid #ccc;
  }
  .ul-menu li {
    border-bottom: 1px solid #ccc;
  }
  .ul-menu a {
    display: block;
    padding: 8px 10px 8px 20px;
    color: #000;
    font-size: 13px;
    background: url(/common/img/icon-nav-arw-nvy.png) no-repeat 10px center;
  }
  .ul-menu a:hover,
  .ul-menu li.selected a {
    color: #fff;
    background: url(/common/img/icon-nav-arw-wht.png) no-repeat 10px center #df0522;
  }
  .ul-dotted {
    font-size: 12px;
  }
  .ul-dotted a {
    color: #333;
  }
  .ul-dotted li {
    border-bottom: 1px dashed #ccc;
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
  }
  .ul-dotted .parent {
    font-weight: bold;
    margin: 0 0 2px;
  }
  .ul-dotted .children {
    margin: 0;
    padding: 0;
  }
  .ul-photobox {
    overflow: hidden;
    zoom: 1;
    width: 1000px;
  }
  .ul-photobox li {
    float: left;
    margin: 0 25px 25px 0;
    width: 475px;
    font-size: 12px;
  }
  .ul-photobox li img {
    margin: 0 0 5px 0;
    width: 100%;
    height: auto;
  }
  .ul-photobox li a {
    overflow: hidden;
    display: block;
    height: 100%;
    color: #000;
    border: 1px solid #cccccc;
    background: rgba(124, 124, 124, 0.1);
    background: #e7e7e7 \9;
  }
  .ul-photobox li a:hover {
    background: rgba(124, 124, 124, 0.2);
  }
  /**/
  .photo-col3 {
    width: 990px;
  }
  .photo-col3 li {
    margin: 0 14.5px 14.5px 0;
    width: 233px;
  }

  .photo-col4 {
    width: 990px;
  }
  .photo-col4 li {
    margin: 0 12px 12px 0;
    width: 235px;
  }
  .photo-col3 {
    width: 990px;
    margin-left: 0px;
  }
  .photo-col3 li {
    margin: 0 12px 12px 0;
    width: 318px;
  }

  .banner-box {
    overflow: hidden;
    width: 990px;
  }
  .banner-box li {
    float: left;
    width: 235px;
    height: 78px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: solid 1px #ccc;
  }

  .ul-photobox-mini {
    overflow: hidden;
    zoom: 1;
    width: 694px;
    margin-left: 13px;
    margin-top: 13px;
  }
  .ul-photobox-mini li {
    float: left;
    margin: 0 13px 13px 0;
    width: 334px;
    font-size: 12px;
  }
  .ul-photobox-mini li img {
    margin: 0 0 5px 0;
  }
  .ul-photobox-mini li a {
    overflow: hidden;
    display: block;
    height: 100%;
    color: #000;
    border: 1px solid #cccccc;
    background: rgba(124, 124, 124, 0.1);
    background: #e7e7e7 \9;
  }
  .ul-photobox-mini li a:hover {
    background: rgba(124, 124, 124, 0.2);
  }
  .ul-photolink {
    overflow: hidden;
    zoom: 1;
    width: 1000px;
  }
  .ul-photolink li {
    float: left;
    margin: 0 25px 25px 0;
    width: 475px;
  }

  a.b-hover {
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
    position: relative;
  }
  a.b-hover:hover {
    border: 1px solid #df0522;
  }
  span.overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(/common/img/b-hover.png) no-repeat right top;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
    filter: alpha(opacity=0);
  }
  span.overlay:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    border: 1px solid #df0522;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  /* contact-box */

  .contact-box {
    margin: 0 auto;
    padding: 20px 0;
    width: 560px;
    text-align: center;
    font-size: 13px;
    background: #fff;
    border: 1px solid #ccc;
  }
  .contact-box h1 {
    margin: 0 0 10px 0;
    font-size: 16px;
    font-weight: bold;
  }
  .contact-box .dl-address {
    overflow: hidden;
    zoom: 1;
    margin: 0 auto 15px;
    width: 400px;
  }
  .contact-box .dl-address dt {
    float: left;
  }
  .contact-box .dl-tel dt,
  .contact-box .dl-tel dd {
    margin: 0 0 5px 0;
  }
  .contact-box .dl-tel .tel {
    font-size: 18px;
  }
  .contact-box .dl-tel dd a {
    width: 200px;
  }

  .ul-tab {
    font-size: 12px;
    overflow: hidden;
    padding: 0 0 0 10px;
  }
  .ul-tab li {
    float: left;
    margin-right: 1px;
    cursor: pointer;
  }
  .ul-tab li a {
    padding: 5px 25px;
    height: 20px;
    line-height: 20px;
    display: block;
    color: #000;
  }
  .ul-tab li.select {
    font-weight: bold;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #f5f5f5;
  }
  .ul-tab.img {
    font-size: 12px;
    overflow: hidden;
    padding: 0;
    width: 858px;
    margin: 0 auto;
  }
  .ul-tab.img li {
    cursor: pointer;
    padding: 0;
    margin: 0 6px 0 0;
  }
  .ul-tab.img li.none {
    margin-right: 0;
  }
  .ul-tab.img li.bs.select {
    background: url(../../about/tour/img/btn-tour-bs-on.png) no-repeat center top;
    vertical-align: top;
    height: 80px;
    width: 210px;
    padding: 0;
    border: 0;
  }
  .ul-tab.img li.ts.select {
    background: url(../../about/tour/img/btn-tour-ts-on.png) no-repeat center top;
    vertical-align: top;
    height: 80px;
    width: 210px;
    padding: 0;
    border: 0;
  }
  .ul-tab.img li.gs.select {
    background: url(../../about/tour/img/btn-tour-gs-on.png) no-repeat center top;
    vertical-align: top;
    height: 80px;
    width: 210px;
    padding: 0;
    border: 0;
  }
  .ul-tab.img li.other.select {
    background: url(../../about/tour/img/btn-tour-other-on.png) no-repeat center top;
    vertical-align: top;
    height: 80px;
    width: 210px;
    padding: 0;
    border: 0;
  }
  .ul-tab.img li.bs.select img,
  .ul-tab.img li.ts.select img,
  .ul-tab.img li.gs.select img,
  .ul-tab.img li.other.select img {
    display: none;
  }
  /*MAIN TAB COLMN-4*/

  .main-tab-col4 .ul-tab li {
    cursor: pointer;
    border: none;
    font-weight: bold;
    font-size: 120%;
  }
  .main-tab-col4 .ul-tab li a {
    padding: 5px 75px;
    height: 30px;
    line-height: 30px;
    display: block;
    color: #000;
    background: #ccc;
  }
  .main-tab-col4 .ul-tab li a:hover {
    color: #fff;
    background: rgb(223, 5, 34);
  }
  .main-tab-col4 .ul-tab li.select a {
    background: rgb(223, 5, 34);
    color: #fff;
  }
  .main-tab-col4 .ul-tab li.select a:hover {
    background: rgb(223, 5, 34);
  }
  /* main tab 4カラム*/
  .main-tab-col4 .ul-tab li,
  .main-tab-col4 .ul-tab li.select {
    margin-right: 29px;
    border: none;
  }
  .main-tab-col4 .ul-tab {
    margin-left: 29px;
  }

  .main-tab .ul-tab li {
    cursor: pointer;
    border: none;
    font-weight: bold;
    font-size: 120%;
  }
  .main-tab .ul-tab li a {
    height: 30px;
    line-height: 30px;
    display: block;
    color: #000;
    background: #ccc;
  }
  .main-tab .ul-tab li a:hover {
    color: #fff;
    background: rgb(223, 5, 34);
  }
  .main-tab .ul-tab li.select a {
    background: rgb(223, 5, 34);
    color: #fff;
  }
  .main-tab .ul-tab li.select a:hover {
    background: rgb(223, 5, 34);
  }
  /* main tab 4カラム*/
  .tab-col4 .ul-tab li,
  .tab-col4 .ul-tab li.select {
    margin-right: 29px;
    border: none;
  }
  .tab-col4 .ul-tab {
    margin-left: 29px;
  }
  .tab-col4 .ul-tab li a {
    padding: 5px 75px;
  }
  .tab-col4 .ul-tab li.west {
    margin-right: 0;
  }
  /* main tab 3カラム*/
  .tab-col3 .ul-tab li,
  .tab-col3 .ul-tab li.select {
    margin-right: 30px;
    border: none;
  }
  .tab-col3 .ul-tab {
    margin-left: 41px;
  }
  .tab-col3 .ul-tab li a {
    padding: 5px 114px;
  }

  #top #headerWrapper #headerBox #header #gNav ul .top {
    background: url(../img/nav_home_place.gif) no-repeat center top scroll transparent;
    vertical-align: top;
    height: 46px;
    width: 181px;
  }
  #company #headerWrapper #headerBox #header #gNav ul .company {
    background: url(../img/nav_company_place.gif) no-repeat center top scroll transparent;
    vertical-align: top;
    height: 46px;
    width: 192px;
  }
  #menu #headerWrapper #headerBox #header #gNav ul .menu {
    background: url(../img/nav_menu_place.gif) no-repeat center top scroll transparent;
    vertical-align: top;
    height: 46px;
    width: 193px;
  }
  .tab-content {
    margin: -1px 0 0 0;
    border-top: 1px solid #ccc;
  }
  .tab-content.img {
    margin: 0;
    border-top: none;
  }
  .tab-content li,
  .tab-content.img li {
    padding: 30px 0 0 0;
  }
  .hide {
    display: none;
  }
  .ol-number {
    padding: 0 0 0 20px;
    list-style-type: decimal;
  }
  .ol-number li {
    margin: 0 0 10px 0;
  }
  /* btn */
  input,
  button {
    font-family: "lucida grande", tahoma, verdana, arial, "hiragino kaku gothic pro", meiryo, "ms pgothic", sans-serif;
    border: none;
  }
  .btn {
    margin: 0 auto 10px;
    padding: 6px 0;
    width: 100%;
    color: #fff;
    font-size: 12px;
    text-align: center;
    display: block;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    text-decoration: none;
  }
  /* table */
  .tbl-base {
    width: 100%;
  }
  .tbl-base thead th {
    padding: 10px;
    color: #fff;
    font-weight: bold;
    background: #df0522;
    border-right: 1px dotted #999;
    border-left: 1px dotted #999;
  }

  .tbl-base tbody th {
    padding: 10px;
    font-weight: bold;
    text-align: center;
    background: rgba(0, 0, 0, 0.2);
    background: #e7e7e7 \9;
    white-space: nowrap;
    border-right: 1px dotted #999;
    border-left: 1px dotted #999;
  }
  .tbl-base tbody th.third {
    background: rgba(25, 25, 25, 0.1);
    background: #d9d9d9 \9;
  }
  .tbl-base td {
    padding: 10px;
    border-right: 1px dotted #999;
    border-left: 1px dotted #999;
    border-bottom: 1px dotted #999;
  }
  .tbl-base span.seat-color {
    padding: 4px;
    margin-right: 4px;
  }

  .tbl-base.vertical tbody th {
    border-bottom: 1px dotted #999;
  }
  .tbl-base.vertical tbody th.last {
    border-right: 1px dotted #999;
  }
  .tbl-dotted {
    width: 100%;
  }
  .tbl-dotted thead th {
    color: #df0522;
    font-size: 15px;
  }
  .tbl-dotted th {
    width: 20%;
    font-weight: bold;
    vertical-align: top;
  }
  .tbl-dotted th,
  .tbl-dotted td {
    padding: 10px 30px 10px 0;
    border-bottom: 1px dotted #ccc;
  }
  .tbl-dotted td {
    width: 80%;
  }

  .tbl-simple th {
    padding: 0 20px 20px 0;
    font-weight: bold;
    text-align: right;
    vertical-align: top;
  }
  .tbl-simple td {
    padding: 0 0 20px 0;
  }

  .tbl-simple th {
    padding: 0 10px 20px 0;
    font-weight: bold;
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
  }
  .tbl-simple td {
    padding: 0 0 20px 0;
  }
  /* Link */
  .more-top {
    line-height: 32px;
    font-size: 12px;
    text-align: right;
  }
  .more-top a {
    color: #df0522;
  }
  .more-top a span {
    padding: 0 0 0 10px;
    background: url(/common/img/icon-nav-arw-red.png) no-repeat left 44%;
  }
  .more-btm {
    font-size: 12px;
    text-align: right;
  }
  .more-btm a {
    color: #df0522;
  }
  .more-btm a span {
    padding: 0 0 0 10px;
    background: url(/common/img/icon-nav-arw-red.png) no-repeat left 44%;
  }
  /* other */
  img.catch-img {
    margin: 0 5px 0 0;
    vertical-align: middle;
  }
  .hr-base {
    border: none;
    border-bottom: 1px solid #ccc;
  }
  .attention {
    padding: 0 0 0 1em;
    text-indent: -1em;
  }
  .attention span {
    color: red;
  }
  .new-window {
    margin: 0 5px 0 0;
    width: 15px;
    height: auto;
  }
  .icon-pdf {
    padding: 0 0 0 5px;
    vertical-align: sub;
  }
  .catch-txt {
    font-size: 18px;
    font-weight: bold;
    color: #df0522;
    line-height: 1.9em;
  }
  /* -------------------------
	scroll bar
------------------------- */
  .mCustomScrollbar {
    margin: 0 0 10px 0;
  }
  .mCSB_container {
    width: auto;
    margin-right: 20px;
    overflow: hidden;
  }
  .mCustomScrollBox > .mCSB_scrollTools {
    position: relative;
    width: 16px;
    height: 100%;
    top: 0;
    right: 0;
  }
  .mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
    margin: 10px 0;
  }
  .mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 98%;
    height: 30px;
    margin: 0 auto;
    text-align: center;
  }
  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 3px;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    background: #999;
  }
  .mCSB_scrollTools .mCSB_draggerRail {
    position: absolute;
    left: 50%;
    width: 1px;
    height: 100%;
    margin: 0 0 0 -1px;
    background: #999;
  }
  .mCSB_scrollTools .mCSB_buttonUp,
  .mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    width: 14px;
    height: 4px;
    text-align: center;
    background: url(/common/img/icon-scrollbar-arw-up.png) no-repeat center center;
    cursor: pointer;
  }
  .mCSB_scrollTools .mCSB_buttonUp:hover,
  .mCSB_scrollTools .mCSB_buttonDown:hover {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
  }
  .mCSB_scrollTools .mCSB_buttonDown {
    position: absolute;
    top: 100%;
    margin: -4px 0 0 0;
    background: url(/common/img/icon-scrollbar-arw-btm.png) no-repeat center center;
  }
  /* -------------------------
	Mordal Window
------------------------- */
  /*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
  #colorbox,
  #cboxOverlay,
  #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: visible;
  }
  #cboxWrapper {
    max-width: none;
  }
  #cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
  }
  #cboxMiddleLeft,
  #cboxBottomLeft {
    clear: left;
  }
  #cboxContent {
    position: relative;
  }
  #cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  #cboxTitle {
    margin: 0;
  }
  #cboxLoadingOverlay,
  #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #cboxPrevious,
  #cboxNext,
  #cboxClose,
  #cboxSlideshow {
    cursor: pointer;
  }
  .cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
    -ms-interpolation-mode: bicubic;
  }
  .cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
  }
  #colorbox,
  #cboxContent,
  #cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
  }
  /*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
  #cboxOverlay {
    background: #fff;
  }
  #colorbox {
    outline: 0;
  }
  #cboxContent {
    margin-top: 32px;
    overflow: visible;
  }
  .cboxIframe {
    background: #fff;
  }
  #cboxError {
    padding: 50px;
    border: 1px solid #ccc;
  }
  #cboxLoadedContent {
    background: #fff;
    padding: 5px;
    box-shadow: 2px 2px 4px #c7c7c7;
  }
  #cboxLoadingGraphic {
    background: url(images/loading.gif) no-repeat center center;
  }
  #cboxLoadingOverlay {
    background: #000;
  }
  #cboxTitle {
    position: absolute;
    top: -22px;
    left: 0;
  }
  #cboxCurrent {
    position: absolute;
    top: -22px;
    right: 205px;
    text-indent: -9999px;
  }
  /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
  #cboxPrevious,
  #cboxNext,
  #cboxSlideshow,
  #cboxClose {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -20px;
    background: url(/app/src/img/icon-close.png) no-repeat 0 0;
  }
  #cboxPrevious {
    margin: -47px 0 0 0;
    width: 50px;
    height: 94px;
    top: 50%;
    left: -80px;
    background: url(/common/img/img-fancybox-arw-left.png) no-repeat 0 0;
  }
  #cboxNext {
    margin: -47px 0 0 0;
    width: 50px;
    height: 94px;
    top: 50%;
    background: url(/common/img/img-fancybox-arw-right.png) no-repeat 0 0;
    right: -80px;
  }
  /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
  #cboxPrevious:active,
  #cboxNext:active,
  #cboxSlideshow:active,
  #cboxClose:active {
    outline: 0;
  }
  #cboxPrevious {
    background-position: 0px 0px;
    right: 44px;
  }

  #cboxClose {
    width: 44px;
    height: 43px;
    top: 10px;
    background: url(/app/src/img/icon-close.png) no-repeat center top;
    background-size: 30px 30px;
    z-index: 100;
    right: 3px;
    opacity: 0.5;
  }
  #cboxClose:hover {
    opacity: 1;
  }
  .cboxSlideshow_on #cboxPrevious,
  .cboxSlideshow_off #cboxPrevious {
    right: 66px;
  }
  .cboxSlideshow_on #cboxSlideshow {
    background-position: -75px -25px;
    right: 44px;
  }
  .cboxSlideshow_on #cboxSlideshow:hover {
    background-position: -100px -25px;
  }
  .cboxSlideshow_off #cboxSlideshow {
    background-position: -100px 0px;
    right: 44px;
  }
  .cboxSlideshow_off #cboxSlideshow:hover {
    background-position: -75px -25px;
  }
  /* -------------------------
	Select Box
------------------------- */
  .seat #__UIView label {
    display: block;
    margin: 0 0 3px 0;
    font-size: 11px;
    font-weight: bold;
  }
  .seat #__UIView select {
    padding: 2px;
    width: 100%;
    font-size: 11px;
  }
  #__UIView input[type="submit"],
  #_mailView input[type="submit"] {
    margin: 10px auto 0;
    padding: 6px 0;
    width: 100%;
    color: #fff;
    font-size: 12px;
    text-align: center;
    display: block;
    border-radius: 3px;
    background: #df0522;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    text-decoration: none;
  }
  #_mailView {
    line-height: 2em;
  }
  #_mailView input[type="submit"] {
    margin: 20px auto 0;
    width: 200px;
  }
  #_mailView input {
    border: 1px solid #ccc;
  }
  /* Core CSS. Do not edit unless your sure */
  .easy-select-box {
    display: inline-block;
    position: relative;
  }
  .easy-select-box .esb-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99;
    display: none;
  }
  /* Default Presentation CSS. You can edit appearance here or create a custom class below */
  .easy-select-box {
    padding: 0px;
    width: 100%;
    text-align: left;
    font-size: 11px;
    color: #0c2245;
    background: #fff;
    border: 1px solid #ccc;
    margin: 0 0 8px 0;
  }
  .easy-select-box:hover {
    border: 1px solid #df0522;
  }
  .easy-select-box .esb-displayer {
    background: url(/common/img/icon-input-arw.png) no-repeat right 0;
    color: #0c2245;
    padding: 0 3px;
    height: 18px;
    line-height: 18px;
    cursor: pointer;
  }
  .easy-select-box:hover .esb-displayer {
    background: url(/common/img/icon-input-arw-hover.png) no-repeat right 0;
    text-decoration: none;
  }
  .easy-select-box.disabled .esb-displayer,
  .easy-select-box:hover.disabled .esb-displayer {
    background-position: 0 -36px;
  }
  .easy-select-box .esb-dropdown {
    border: 1px solid #cccccc;
    width: 116px;
    max-height: 200px;
    overflow: auto;
    background: #ffffff;
  }
  .easy-select-box .esb-dropdown .esb-item {
    padding: 3px;
    background: #ffffff;
    color: #0c2245;
    cursor: default;
  }
  .easy-select-box .esb-dropdown .esb-item:hover {
    background: #3399ff;
    color: #ffffff;
    text-decoration: none;
  }
  /* Custom Presentation CSS. You can edit appearance here */
  .easy-select-box-nice {
    text-align: left;
    color: #0c2245;
    min-width: 200px;
  }
  .easy-select-box-nice .esb-displayer {
    background: url(images/bg-select-2.png) no-repeat right 0;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    padding: 0 5px;
    height: 37px;
    line-height: 37px;
    cursor: default;
    border-radius: 10px;
  }
  .easy-select-box-nice:hover .esb-displayer {
    background-position: right -37px;
  }
  .easy-select-box-nice.disabled .esb-displayer,
  .easy-select-box-nice:hover.disabled .esb-displayer {
    background-position: right -74px;
    color: #ccc;
  }
  .easy-select-box-nice .esb-dropdown {
    border: 1px solid #cccccc;
    background: #ffffff;
  }
  .easy-select-box-nice .esb-dropdown .esb-item {
    padding: 3px 5px;
    cursor: default;
  }
  .easy-select-box-nice .esb-dropdown .esb-item:hover {
    background: #3399ff;
    color: #ffffff;
  }
  /* -------------------------
	Tool tips
------------------------- */

  .qtip {
    position: absolute;
    left: -28000px;
    top: -28000px;
    display: none;
    max-width: 280px;
    min-width: 50px;
    font-size: 10.5px;
    line-height: 12px;
    direction: ltr;
    box-shadow: none;
    padding: 0;
  }
  .qtip-content {
    position: relative;
    padding: 5px 9px;
    overflow: hidden;
    text-align: left;
    word-wrap: break-word;
  }
  .qtip-default {
    margin: -30px 0 0 0;
    background: #fff;
    color: #555;
  }
  /* -------------------------
	baseball
------------------------- */
  .topics-thumb .scrollbar {
    max-height: 410px;
  }
  .topics-thumb ul {
    width: 972px;
  }
  .topics-thumb li {
    float: left;
    margin: 0 18px 18px 0;
    width: 304px;
  }
  .sub-schedule .detail .month-select {
    margin: 30px 0 5px 0;
  }
  .sub-schedule .month-list {
    margin: -25px auto 0;
    width: 600px;
  }
  .sub-schedule .month-list li {
    margin: 0 22px 0 0;
  }
  .sub-schedule .detail .month-select .prev a,
  .sub-schedule .detail .month-select .next a {
    margin: 40px 0 0 0;
  }
  .sub-schedule .event-box {
    padding: 0 0 10px 0;
  }
  .sub-schedule .event-box .fltL {
    margin: 0 10px 0 0;
    width: 233px;
  }
  .sub-schedule .event-box .fltR {
    position: relative;
    width: 500px;
    font-size: 12px;
  }
  .sub-schedule .event-box .fltR h2 {
    color: #df0522;
    padding: 0 150px 0 0;
    font-size: 20px;
    line-height: 1.4em;
    font-weight: bold;
  }
  .sub-schedule .event-box a {
    color: #df0522;
  }
  .sub-schedule .event-box a:hover {
    text-decoration: underline;
  }
  .sub-schedule .event-box .fltR span {
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px 0;
    width: 120px;
    color: #fff;
    font-size: 11px;
    text-align: center;
    background: #df0522;
  }
  .sub-schedule .event-box .date {
    width: 30%;
  }
  .sub-schedule .event-box ul {
    overflow: hidden;
    zoom: 1;
  }
  .sub-schedule .event-box li {
    float: left;
    margin: 0 2% -1000px 0;
    padding: 0 2% 1000px 0;
    width: 43%;
  }
  .sub-schedule .event-box li.price {
    border-right: 1px dotted #ccc;
    width: 30%;
  }
  .sub-schedule .event-box li.contact {
    width: 60%;
  }
  .sub-schedule .event-box p {
    float: left;
  }
  /*side banner*/

  .side-banner li {
    border: solid 1px #ccc;
    margin-bottom: 10px;
    width: 258px;
    height: 78px;
    overflow: hidden;
  }
  .side-banner li img {
    width: 100%;
    height: auto;
  }
  /*　横幅指定なし　中央寄せ　*/
  .centered {
    position: relative;
    overflow: hidden;
  }

  .centered ul {
    position: relative;
    left: 50%;
    float: left;
  }

  .centered ul li {
    position: relative;
    left: -50%;
    float: left;
  }

  .bg-white {
    margin: 0 auto;
    padding: 20px;
    text-align: left;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(204, 204, 204);
    overflow: hidden;
    zoom: 1;
  }

  /* Form & input */
  .tbl-request th {
    padding: 14px 10px 14px 0;
    width: 30%;
  }
  .tbl-request td {
    padding: 14px 0;
  }

  input.m-size {
    width: 25%;
  }
  input.l-size {
    width: 40%;
  }

  form.form-wrap textarea {
    width: 40%;
    height: 100px;
    border: 1px solid #999;
  }
  form.form-wrap input[type="text"],
  form.form-wrap input[type="email"] {
    padding: 6px;
    border: 1px solid #999;
  }
  form.form-wrap textarea:hover,
  form.form-wrap input[type="text"]:hover,
  form.form-wrap input[type="email"]:hover {
    border: 1px solid #333;
  }
  form.form-wrap .radio {
    display: block;
    padding: 5px;
    cursor: pointer;
  }
  form.form-wrap .radio input {
    margin: 0 4px 0 0;
    vertical-align: middle;
    cursor: pointer;
  }
  form.form-wrap input[type="submit"] {
    padding: 12px 25px;
    color: #fff;
    background: #df0522;
    cursor: pointer;
  }
  .submit-wrap {
    text-align: center;
  }
  .submit-wrap form {
    display: inline;
    zoom: 1;
  }
  input[type="submit"]:hover {
    background: #f90a2a;
  }

  .note-form {
    margin: 20px 0 0 0;
    padding: 10px;
    border: 4px solid #ccc;
  }
  .note-form strong {
    font-weight: bold;
    color: #df0522;
  }
  .dl_error01 {
    color: #f00;
    line-height: 1.6em;
    font-size: 18px;
    text-align: center;
  }
  .dl_error01 dt {
    text-decoration: underline;
  }
  .dl_error01 dd {
    font-size: 14px;
  }

  /* confirm */
  .confirm table {
    margin: 0 0 50px 0;
  }
  .confirm th {
    font-weight: bold;
    padding: 40px 30px 14px 0;
    width: 25%;
    border-bottom: 1px solid #ccc;
  }
  .confirm td {
    padding: 40px 0 14px;
    border-bottom: 1px solid #ccc;
  }

  /*--Floor_guideに店舗情報bnr追加--*/
  .fl-bnr-box {
    display: flex;
    justify-content: space-between;
  }

  .fl-bnr-box p {
    width: 49%;
  }

  .fl-bnr-box p img {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .imgW20 {
    width: 20px;
    height: auto;
  }
  .imgW40 {
    width: 40px;
    height: auto;
  }
  .imgW60 {
    width: 60px;
    height: auto;
  }
  .imgW80 {
    width: 80px;
    height: auto;
  }
  .imgW100 {
    width: 100px;
    height: auto;
  }
  .imgW120 {
    width: 120px;
    height: auto;
  }
  .imgW140 {
    width: 140px;
    height: auto;
  }
  .imgW160 {
    width: 160px;
    height: auto;
  }
  .imgW180 {
    width: 180px;
    height: auto;
  }
  .imgW200 {
    width: 200px;
    height: auto;
  }
  .pc,
  .print {
    display: none !important;
  }
  body {
    font-family: "lucida grande", tahoma, verdana, arial, "hiragino kaku gothic pro", meiryo, "ms pgothic", sans-serif;
    color: #333;
    font-size: 14px;
    background: url(/common/img/background.png);
    overflow: visible;
    -webkit-text-size-adjust: 100%;
  }
  select {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
  }
  /* -------------------------
	reset
------------------------- */
  input[type="submit"] {
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    appearance: none;
    -webkit-appearance: none;
  }
  /* -------------------------
	header
------------------------- */

  .header {
    overflow: hidden;
    position: relative;
    width: 100%;
    background: #df0522;
  }
  .header h1 {
    float: left;
    width: 200px;
    padding: 20px 0px 20px 12px;
  }
  .header h1 img {
    width: 130px;
    height: auto;
  }
  .header .company {
    display: none;
  }
  /* global nav */
  .header-nav {
    float: right;
    width: 50px;
    height: 70px;
  }
  #toggle span {
    /*display: block;
	position: relative;
	padding: 12px 0 10px;
	color: #fff;
	text-align: center;
	text-decoration: none;*/
  }
  #build-menu-button {
    display: block;
    position: relative;
    top: 21px;
    left: 0;
    width: 40px;
    height: 40px;
  }
  #build-menu-button:before {
    display: block;
    content: "";
    position: absolute;
    top: 14px;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
  }
  #build-menu-button:after {
    display: block;
    content: "";
    position: absolute;
    top: 8px;
    left: 10px;
    width: 20px;
    height: 4px;
    border-top: 12px double #df0522;
  }

  #menu {
    display: none;
  }
  .scrollbar {
    margin: 0 0 15px 0;
  }
  .scrollbar .ul-thumb {
    text-align: center;
    font-size: 12px !important;
  }
  .scrollbar .ul-thumb a {
    display: block;
    color: #000;
    text-decoration: none;
    font-size: 10px !important;
  }
  .scrollbar .bx-pager {
    display: none;
  }
  .bx-prev {
    position: absolute;
    top: 28%;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 12px 10px 0;
    border-color: transparent #ccc transparent transparent;
  }
  .bx-next {
    position: absolute;
    top: 28%;
    right: 0;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 0 10px 12px;
    border-color: transparent transparent transparent #cccccc;
  }
  /* 2nd level */
  .header-2lv {
    height: 70px;
    background: url(/common/img/bg-header-2lv.jpg) repeat-x center center;
    background-size: 1400px;
  }
  .header-2lv-about {
    background: url(/common/img/bg-header-2lv-about.jpg) repeat-x center center;
  }
  .header-2lv-schedule {
    background: url(/common/img/bg-header-2lv-schedule.jpg) repeat-x center center;
  }
  .header-2lv-baseball {
    background: url(/common/img/bg-header-2lv-baseball.jpg) repeat-x center center;
  }
  .header-2lv-event {
    background: url(/common/img/bg-header-2lv-event.jpg) repeat-x center center;
  }
  .header-2lv-seat {
    background: url(/common/img/bg-header-2lv-seat.jpg) repeat-x center center;
  }
  .header-2lv-ticket {
    background: url(/common/img/bg-header-2lv-ticket.jpg) repeat-x center center;
  }
  .header-2lv-floor_guide {
    background: url(/common/img/bg-header-2lv-floor_guide.jpg) repeat-x center center;
  }
  .header-2lv-use_guide {
    background: url(/common/img/bg-header-2lv-use_guide.jpg) repeat-x center center;
  }
  .header-2lv-access {
    background: url(/common/img/bg-header-2lv-access.jpg) repeat-x center center;
  }
  .header-2lv-vista {
    background: url(/common/img/bg-header-2lv-vista.jpg) repeat-x center center;
  }
  .header-2lv-tour {
    background: url(/common/img/bg-header-2lv-tour.jpg) repeat-x center center;
  }

  .header-2lv h1 {
    padding: 10px 0 0 10px;
    color: #fff;
    font-size: 30px;
    font-family: "Fjalla One", sans-serif;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
  }
  .header-2lv h2 {
    margin: -5px 0 0 0;
    padding: 0px 0 0 10px;
    color: #fff;
    font-size: 12px;
  }
  /* -------------------------
	Contents
------------------------- */

  /* seat */

  .content .box {
    overflow: hidden;
    zoom: 1;
    border-bottom: 1px solid #ccc;
  }
  .content .seat {
    border-top: 1px solid #ccc;
    background: url(/common/img/bg-seat-sp.png) no-repeat center top;
    background-size: 230px 100px;
  }
  .content .seat h1 {
    margin: -5px 0 0 0;
  }
  .content .seat h1 {
    display: block;
    height: 54px;
    color: #df0522;
    font-size: 42px;
    font-family: "Oswald", sans-serif;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
  }
  .content .seat h2 {
    color: #df0522;
    font-size: 20px;
    font-weight: bold;
  }
  .content .seat .hgroup p {
    text-align: left;
    color: #333;
  }
  .content .seat .hgroup {
    margin: 0 0 10px 0;
  }
  /* contents */
  .concert .ul-dotted,
  .topics .ul-dotted {
    font-size: 12px;
  }
  .baseball,
  .concert,
  .entertainment,
  .other,
  .other-sports {
    border-bottom: 1px solid #ccc;
    margin: 0 0 15px;
  }
  /* -------------------------
	Seat Search
------------------------- */

  ._selectorWrap {
    margin: 0 2% 20px;
    width: 96%;
    box-shadow: rgba(179, 179, 179, 0.498039) 0px 0px 6px 3px;
    -webkit-box-shadow: rgba(179, 179, 179, 0.498039) 0px 0px 6px 3px;
    -moz-box-shadow: rgba(179, 179, 179, 0.498039) 0px 0px 6px 3px;
  }
  ._selectorWrap li {
    overflow: hidden;
    zoom: 1;
  }
  ._selectorWrap li label {
    clear: both;
    display: block;
    float: left;
    width: 35%;
    height: 40px;
    line-height: 40px;
    font-size: 10px;
    background: #f0f0f0;
    border-bottom: 1px solid #cccccc;
  }
  ._selectorWrap li select {
    position: relative;
    height: 41px;
    width: 65%;
    background: url(/common/img/img-seat-arw-btm-sp.png) no-repeat 98% center #fff;
    background-size: 11px;
    border: none;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    border-bottom: 1px solid #cccccc;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
  }
  input._submitBtn {
    margin: 0 auto 10px;
    padding: 10px 0;
    width: 100%;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    background: #df0522;
  }
  /* -------------------------
	protocol
------------------------- */

  /* hgroup & h1 - h6 */
  .hgroup {
    color: #df0522;
    text-align: center;
  }
  .h-left {
    margin: 0;
    line-height: 1em;
    font-size: 30px;
    font-family: "Oswald", sans-serif;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
  }
  .h-right {
    margin: 0 0 10px 0;
    line-height: 20px;
    font-size: 16px;
    font-weight: bold;
  }
  .h-border {
    margin: 10px 0 15px;
    padding: 0 0 0 5px;
    border-left: 3px solid #df0522;
    color: #df0522;
    font-size: 14px;
    font-weight: bold;
  }
  .h-strong {
    margin: 0 0 5px 0;
    color: #df0522;
    font-weight: bold;
  }
  .h-middle {
    position: relative;
    padding: 5px 0;
    color: #df0522;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 3px solid #ccc;
    margin-bottom: 10px;
  }
  .h-middle:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 200px;
    border-bottom: 3px solid #df0522;
  }
  /* Ul & DL */
  .dl-base {
    font-size: 12px;
  }
  .dl-base a {
    color: #333;
  }
  .dl-base dt {
    font-weight: bold;
  }
  .dl-base dd {
    margin: 0 0 10px;
    padding: 0 0 2px;
  }
  .dl-dotted {
    font-size: 12px;
  }
  .dl-dotted a {
    color: #333;
  }
  .dl-dotted dt {
    font-weight: bold;
  }
  .dl-dotted dd {
    margin: 0 0 10px;
    padding: 0 0 2px;
    border-bottom: 1px dashed #ccc;
  }
  .dl-indent {
    font-size: 12px;
  }
  .dl-indent a {
    color: #333;
  }
  .dl-indent dt {
    margin: 0 0 3px 0;
    font-weight: bold;
  }
  .dl-indent dd {
    margin: 0 0 5px;
    padding: 0 0 2px 10px;
  }
  .accordion dt {
    position: relative;
  }
  .accordion dt .accordion-span {
    position: absolute;
    top: 50%;
    right: 15px;
    margin: -5px 0 0 0;
    width: 15px;
    height: 10px;
    background: url(/common/img/icon-cont-arw-top.png) no-repeat center center;
    transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -mz-transition: all 0.1s linear;
  }
  .accordion dt.show .accordion-span {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    background: url(/common/img/icon-cont-arw-btm.png) no-repeat center center \9;
  }
  .dl-gourmet {
    font-size: 12px;
    background: #fff;
    box-shadow: rgba(179, 179, 179, 0.498039) 0px 0px 6px 3px;
    -webkit-box-shadow: rgba(179, 179, 179, 0.498039) 0px 0px 6px 3px;
    -moz-box-shadow: rgba(179, 179, 179, 0.498039) 0px 0px 6px 3px;
  }
  .dl-gourmet dt {
    position: relative;
    overflow: hidden;
    zoom: 1;
    border-bottom: 1px solid #ccc;
  }
  .dl-gourmet dd {
    padding: 10px;
    border-bottom: 1px solid #ccc;
  }
  .dl-gourmet dt .fltL {
    margin: 0 2% 0 0;
    padding: 10px 0;
    width: 18%;
    text-align: center;
  }
  .dl-gourmet dt .fltL img {
    width: 80%;
    height: auto;
  }
  .dl-gourmet dt .fltR {
    padding: 3% 0 0 0;
    width: 80%;
    font-size: 10px;
  }
  .accordion dt .fltR {
    padding: 3% 12% 0 0;
    width: 68%;
    font-size: 10px;
  }
  .dl-gourmet dt .fltR h4 {
    margin: 0 0 4px;
    padding: 5px 0 0 0;
    font-size: 13px;
    font-weight: bold;
  }
  .dl-indent {
    font-size: 12px;
  }
  .dl-indent a {
    color: #333;
  }
  .dl-indent dt {
    margin: 0 0 3px 0;
    font-weight: bold;
  }
  .dl-indent dd {
    margin: 0 0 10px;
    padding: 0 0 2px 10px;
  }
  .dl-floor {
    font-size: 12px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
  }
  .dl-floor dt {
    position: relative;
    overflow: hidden;
    zoom: 1;
    border-bottom: 1px solid #ccc;
  }
  .dl-floor dt .fltL {
    width: 30%;
    text-align: center;
  }
  .dl-floor dt .fltL img {
    padding: 10px 5%;
    width: 35px;
    height: auto;
    text-align: center;
  }
  .dl-floor dt .floor {
    float: left;
    width: 24px;
    /* height: 100%; */
    line-height: 65px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    margin: 0 0 -1000px 0;
    padding: 0 0 1000px 0;
  }
  .dl-floor.goods dt .floor {
    background: #0067b5;
  }
  .dl-floor.restaurant dt .floor {
    background: #f3b103;
  }
  .dl-floor.service dt .floor,
  .dl-floor.kioska dt .floor {
    background: #e2007e;
  }
  .dl-floor dt .fltR {
    width: 58%;
    padding: 10px 12% 0 0;
    font-size: 12px;
  }
  .dl-floor dt .fltR h4 {
    margin: 0 0 4px;
    font-size: 14px;
    font-weight: bold;
  }
  .dl-floor dd {
    padding: 5px;
    border-bottom: 1px solid #ccc;
  }
  .dl-floor dd ul {
    overflow: hidden;
    zoom: 1;
  }
  .dl-floor dd li {
    float: left;
    padding: 0;
  }
  .dl-floor dd li.photo {
    margin: 0 2% 0 0;
    width: 30%;
    text-align: center;
  }
  .dl-floor dd li.photo img {
    width: 100%;
    height: auto;
  }
  .dl-floor dd li.date {
    width: 68%;
  }
  .dl-floor dd li.txt {
    margin: 0 0 10px 0;
  }
  .dl-floor dd li.txt .more-bottom {
    margin: 10px 0 0 0;
    text-align: left;
  }
  .ul-dotted {
    background: #fff;
    box-shadow: rgba(179, 179, 179, 0.498039) 0px 0px 6px 3px;
    -webkit-box-shadow: rgba(179, 179, 179, 0.498039) 0px 0px 6px 3px;
    -moz-box-shadow: rgba(179, 179, 179, 0.498039) 0px 0px 6px 3px;
  }
  .ul-dotted .parent {
    padding: 6px 20px 4px 6px;
    color: #df0522;
    font-weight: bold;
  }
  .ul-dotted .children {
    position: relative;
    padding: 0px 20px 6px 6px;
  }
  .ul-dotted li span {
    position: absolute;
    right: 2%;
    top: -28px;
    width: 20px;
    height: 40px;
    background: url(/common/img/img-seat-arw-right-sp.png) no-repeat 97% 19px;
    background-size: 10px;
  }
  .ul-dotted a {
    color: #333;
    text-decoration: none;
  }
  .ul-dotted li:nth-child(2n) {
    background: #f0f0f0;
  }
  .ul-photobox li,
  .ul-photobox-mini li {
    margin: 0 0 20px 0;
    width: 100%;
    font-size: 12px;
  }
  .ul-photobox li img,
  .ul-photobox-mini li img {
    width: 100%;
    height: auto;
  }
  .ul-photobox li a,
  .ul-photobox-mini li a {
    overflow: hidden;
    display: block;
    color: #000;
    text-decoration: none;
    border: 1px solid #cccccc;
    background: rgba(124, 124, 124, 0.1);
    background: #e7e7e7 \9;
  }
  .ul-photobox li a div,
  .ul-photobox-mini li a div {
    height: auto !important;
  }
  .ul-photobox li a:hover,
  .ul-photobox-mini li a:hover {
    background: rgba(124, 124, 124, 0.2);
  }
  .ul-photolink li {
    margin: 0 0px 20px 0;
  }
  .ul-photolink li img {
    width: 100%;
    height: auto;
  }
  .ol-number {
    padding: 0 0 0 20px;
    list-style-type: decimal;
  }
  .ol-number li {
    margin: 0 0 10px 0;
  }
  /* btn */
  .btn {
    margin: 0 auto 10px;
    padding: 10px 0;
    width: 100%;
    color: #fff;
    text-align: center;
    display: block;
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    text-decoration: none !important;
  }
  /* table */
  .tbl-base {
    width: 100%;
    font-size: 10px;
  }
  .tbl-base thead th {
    padding: 5px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    background: #df0522;
  }

  .tbl-base tbody th {
    padding: 5px;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    background: rgba(0, 0, 0, 0.1);
    background: #e7e7e7 \9;
    border-right: 1px dashed #999;
    border-bottom: 1px dashed #999;
  }
  .tbl-base tbody th.third {
    background: rgba(25, 25, 25, 0.1);
    background: #d9d9d9 \9;
  }
  .tbl-base td {
    padding: 5px;
    border-right: 1px dashed #999;
    border-bottom: 1px dashed #999;
  }
  .tbl-base tbody th.last,
  .tbl-base td.last {
    border-right: none;
  }

  .tbl-base span.seat-color {
    padding: 4px;
    margin-right: 4px;
  }
  .tbl-base.vertical tbody th {
    border-bottom: 1px dashed #999;
  }
  .tbl-base.vertical tbody th.last {
    border-right: 1px dashed #999;
  }
  .tbl-dotted {
    width: 100%;
  }
  .tbl-dotted thead th {
    color: #df0522;
    font-size: 15px;
  }
  .tbl-dotted th {
    font-weight: bold;
  }
  .tbl-dotted th,
  .tbl-dotted td {
    padding: 6px 8px 6px 0;
    border-bottom: 1px dotted #ccc;
  }

  .tbl-simple th {
    padding: 0 10px 20px 0;
    font-weight: bold;
    text-align: right;
    font-size: 11px;
    vertical-align: top;
    white-space: nowrap;
  }
  .tbl-simple td {
    padding: 0 0 20px 0;
    font-size: 11px;
    vertical-align: top;
  }
  /* Link */
  .more-top {
    font-size: 12px;
    text-align: right;
  }
  .more-top a {
    color: #df0522;
  }
  .more-top a span:before {
    content: " ";
    display: inline-block;
    margin: 0 3px 0 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    border-color: transparent transparent transparent #df0522;
  }
  .more-btm {
    font-size: 12px;
    text-align: right;
  }
  .more-btm a {
    color: #df0522;
  }
  .more-btm a span:before {
    content: " ";
    display: inline-block;
    margin: 0 3px 0 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    border-color: transparent transparent transparent #df0522;
  }
  /* other */
  img.catch-img {
    width: 15px;
    height: auto;
    margin: 0 5px 0 0;
    vertical-align: middle;
  }
  .hr-base {
    border: none;
    border-bottom: 1px solid #ccc;
  }
  .attention {
    padding: 0 0 0 1em;
    text-indent: -1em;
  }
  .attention span {
    color: red;
  }
  .new-window {
    margin: 0 5px 0 0;
    width: 15px;
    height: auto;
  }

  .glassa {
    margin: 0 3px 0 0;
    width: 15px !important;
    height: auto;
  }

  .icon-pdf {
    padding: 0 0 0 5px;
    width: 24px;
    vertical-align: sub;
  }
  .catch-txt {
    font-size: 16px;
    font-weight: bold;
    color: #df0522;
  }
  /* input */
  .fs-sp {
    position: relative;
    margin: 10px 0;
    padding: 5px;
    width: 100%;
    color: #df0522;
    text-align: center;
    border: 1px solid #df0522;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    background: url(/floor_guide/img/btn-floorselect-arw.png) no-repeat 98% center;
    background-size: 20px;
  }
  /* -------------------------
	banners
------------------------- */
  .bnr-sp-vista {
    width: 97%;
    margin: 0 auto;
    display: block;
    margin-bottom: 3px;
  }
  .banners ul,
  .banner-box,
  .side-banner {
    overflow: hidden;
    zoom: 1;
  }
  .banners:nth-child(2) .box {
    background: rgba(51, 51, 51, 0.1);
  }
  .banners li,
  .banner-box li,
  .side-banner li {
    float: left;
    width: 50%;
    text-align: center;
  }
  .banners li img,
  .banner-box li img,
  .side-banner li img {
    width: 94%;
  }

  .banner-box li:nth-child(2n + 1) {
    clear: both;
  }
  /* -------------------------
	footer
------------------------- */
  .footer .sitemap {
    display: none;
  }
  .footer {
    background: #282828;
  }
  .footer .company ul {
    overflow: hidden;
    zoom: 1;
  }
  .footer .company li {
    margin: 0 4px 4px 0;
    float: left;
  }
  .footer .company nav {
    padding: 5px 10px;
  }
  .footer .company li a {
    padding: 0 0 0 8px;
    font-size: 11px;
    text-decoration: none;
    color: #fff;
    background: url(/common/img/icon-nav-arw-wht.png) no-repeat left center;
  }
  .footer .sns-box {
    background: #df0522;
  }
  .footer .sns-box ul {
    display: block;
    margin: 0 auto;
    padding: 15px 0 0 0;
    width: 220px;
  }
  .footer .sns-box li {
    display: inline-block;
    width: 106px;
  }
  .footer .logo {
    padding: 10px 0;
    text-align: center;
    background: #df0522;
  }
  .footer .logo img {
    width: 80%;
  }

  /* contact-box */

  .contact-box {
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    font-size: 13px;
    background: #fff;
    border: 1px solid #ccc;
  }
  .contact-box h1 {
    margin: 0 0 10px 0;
    font-size: 16px;
    font-weight: bold;
  }
  .contact-box .dl-address {
    margin: 0 auto 15px;
  }
  .contact-box dt,
  .contact-box dd {
    margin: 0 0 5px 0;
  }
  .contact-box .dl-tel .tel {
    font-size: 18px;
  }
  .contact-box .dl-tel dd a {
    width: 200px;
  }

  /*tab 処理*/
  /* facility guide */
  ul.ul-tab {
    overflow: hidden;
    zoom: 1;
    margin: 0 0 20px 0;
  }

  ul.ul-tab li {
    float: left;
    margin: 0;
    width: 50%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    line-height: 40px;
    text-decoration: none;
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
  }
  ul.ul-tab li a {
    color: #000;
  }
  ul.ul-tab li.select {
    background: rgb(223, 5, 34);
    color: #fff;
  }
  ul.ul-tab li.select a {
    color: #fff;
  }
  ul.ul-tab li:nth-child(2),
  ul.ul-tab li:nth-child(4),
  ul.ul-tab li:nth-child(6),
  ul.ul-tab li:nth-child(8) {
    border-right: none;
  }

  /*　横幅指定なし　中央寄せ　*/
  .centered {
    position: relative;
    overflow: hidden;
    width: 100%;
  }

  .centered ul {
  }

  .centered ul li {
    float: left;
    margin: 0;
    width: 50%;
    text-align: center;
    padding: 0 !important;
  }
  .centered li img {
    width: 96%;
    height: auto;
  }

  .bg-white {
    margin: 0 auto;
    padding: 10px;
    text-align: left;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(204, 204, 204);
    overflow: hidden;
    zoom: 1;
  }
  .guide-slide {
    margin: 0 0 5px;
    padding: 6px;
    font-size: 10px;
    text-align: center;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
  }

  /* img width100% */
  img.img-max {
    width: 100%;
    height: auto;
  }
  img.img-half {
    width: 50%;
    height: auto;
  }
  /* -------------------------
	Mordal Window
------------------------- */
  /*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
  #colorbox,
  #cboxOverlay,
  #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
  }
  #cboxWrapper {
    max-width: none;
  }
  #cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
  }
  #cboxMiddleLeft,
  #cboxBottomLeft {
    clear: left;
  }
  #cboxContent {
    position: relative;
  }
  #cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  #cboxTitle {
    margin: 0;
  }
  #cboxLoadingOverlay,
  #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #cboxPrevious,
  #cboxNext,
  #cboxClose,
  #cboxSlideshow {
    cursor: pointer;
  }
  .cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
    -ms-interpolation-mode: bicubic;
  }
  .cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
  }
  #colorbox,
  #cboxContent,
  #cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
  }
  /*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
  #cboxOverlay {
    background: #fff;
  }
  #colorbox {
    outline: 0;
  }
  #cboxContent {
    margin-top: 32px;
    overflow: visible;
    background: #000;
  }
  .cboxIframe {
    background: #fff;
  }
  #cboxError {
    padding: 50px;
    border: 1px solid #ccc;
  }
  #cboxLoadedContent {
    background: #000;
    padding: 1px;
  }
  #cboxLoadingGraphic {
    background: url(images/loading.gif) no-repeat center center;
  }
  #cboxLoadingOverlay {
    background: #000;
  }
  #cboxTitle {
    position: absolute;
    top: -22px;
    left: 0;
    color: #000;
  }
  #cboxCurrent {
    position: absolute;
    top: -22px;
    right: 205px;
    text-indent: -9999px;
  }
  /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
  #cboxPrevious,
  #cboxNext,
  #cboxSlideshow,
  #cboxClose {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -20px;
    background: url(images/controls.png) no-repeat 0 0;
  }
  /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
  #cboxPrevious:active,
  #cboxNext:active,
  #cboxSlideshow:active,
  #cboxClose:active {
    outline: 0;
  }
  #cboxPrevious {
    background-position: 0px 0px;
    right: 44px;
  }
  #cboxPrevious:hover {
    background-position: 0px -25px;
  }
  #cboxNext {
    background-position: -25px 0px;
    right: 22px;
  }
  #cboxNext:hover {
    background-position: -25px -25px;
  }
  #cboxClose {
    background-position: -50px 0px;
    right: 0;
  }
  #cboxClose:hover {
    background-position: -50px -25px;
  }
  .cboxSlideshow_on #cboxPrevious,
  .cboxSlideshow_off #cboxPrevious {
    right: 66px;
  }
  .cboxSlideshow_on #cboxSlideshow {
    background-position: -75px -25px;
    right: 44px;
  }
  .cboxSlideshow_on #cboxSlideshow:hover {
    background-position: -100px -25px;
  }
  .cboxSlideshow_off #cboxSlideshow {
    background-position: -100px 0px;
    right: 44px;
  }
  .cboxSlideshow_off #cboxSlideshow:hover {
    background-position: -75px -25px;
  }
  /* drwaer */
  #build-menu-page {
    left: 0;
    position: relative;
    background: url(/common/img/background.png);
  }

  #build-menu {
    float: right;
    visibility: visible;
    z-index: 0;
    opacity: 1;
    -webkit-transform: none;
    display: none;
    width: 200px;
    padding: 0;
    position: static;
    z-index: 0;
    top: 0;
    /*height: 100%;*/
    overflow-y: auto;
    left: 0;
  }

  .build-menu-animating #build-menu-page {
    position: fixed;
    overflow: hidden;
    width: 100%;
    top: 0;
    bottom: 0;
  }

  .build-menu-animating.build-menu-close #build-menu-page,
  .build-menu-animating.build-menu-open #build-menu-page {
    -webkit-transition: -webkit-transform 250ms;
  }

  .build-menu-animating.build-menu-open #build-menu-page {
    -webkit-transform: translate3d(0, 0, 0);
  }

  .build-menu-animating #build-menu {
    display: block;
  }

  .build-menu-open #build-menu {
    display: block;
    -webkit-transition-delay: 0ms, 0ms, 0ms;
  }

  .build-menu-open #build-menu,
  .build-menu-close #build-menu {
    -webkit-transition: -webkit-transform 250ms, opacity 250ms, visibility 0ms 250ms;
  }

  #build-menu {
    background: #b7010d;
  }
  .mobile-nav-0 a {
    position: relative;
    display: block;
    padding: 10px 5px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    border-bottom: 1px solid #a5010a;
  }
  .mobile-nav-0 a:before {
    content: "";
    display: block;
    position: absolute;
    top: 14px;
    right: 10px;
    width: 12px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    border-top: 3px solid #fff;
  }
  .mobile-nav-0 a:after {
    content: "";
    display: block;
    position: absolute;
    top: 21px;
    right: 10px;
    width: 12px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    border-top: 3px solid #fff;
  }
  .mobile-nav-1 {
    background: #2b426a !important;
  }
  .mobile-nav-1 a {
    position: relative;
    display: block;
    padding: 10px 5px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    border-bottom: 1px solid #273c61;
  }
  .mobile-nav-1 a:before {
    content: "";
    display: block;
    position: absolute;
    top: 14px;
    right: 10px;
    width: 12px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    border-top: 3px solid #fff;
  }
  .mobile-nav-1 a:after {
    content: "";
    display: block;
    position: absolute;
    top: 21px;
    right: 10px;
    width: 12px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    border-top: 3px solid #fff;
  }
  .mobile-nav-2 {
    background: #282828;
  }
  .mobile-nav-2 a {
    position: relative;
    display: block;
    padding: 10px 5px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    border-bottom: 1px solid #1e1e1e;
  }
  .mobile-nav-2 a:before {
    content: "";
    display: block;
    position: absolute;
    top: 14px;
    right: 10px;
    width: 12px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    border-top: 3px solid #fff;
  }
  .mobile-nav-2 a:after {
    content: "";
    display: block;
    position: absolute;
    top: 21px;
    right: 10px;
    width: 12px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    border-top: 3px solid #fff;
  }
  .mobile-nav-1 li span {
    display: none;
  }
  #build-menu #menu,
  .mobile-nav-2 {
    display: block !important;
  }
  /* Form & input */
  .tbl-request th {
    display: block;
    width: 100%;
    padding: 0 0 5px 0;
    font-weight: bold;
  }
  .tbl-request td {
    display: block;
    width: 100%;
    padding: 0 0 30px 0;
  }

  input.m-size {
    width: 65%;
  }
  input.l-size {
    width: 95%;
  }

  form.form-wrap textarea {
    width: 100%;
    height: 100px;
    border: 1px solid #e7e7e7;
  }
  form.form-wrap input[type="text"],
  form.form-wrap input[type="email"]{
      padding:6px;
      border:1px solid #e7e7e7;
  }
  form.form-wrap textarea:hover,
  form.form-wrap input[type="text"]:hover,
  form.form-wrap input[type="email"]:hover{
      border:1px solid #ccc;
      cursor:pointer;
  }
  form.form-wrap .radio {
    display: block;
    padding: 5px;
    cursor: pointer;
  }
  form.form-wrap .radio input {
    margin: 0 4px 0 0;
    vertical-align: middle;
  }
  form.form-wrap input[type="submit"] {
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 12px 25px;
    color: #fff;
    background: #df0522;
    cursor: pointer;
  }
  .submit-wrap {
    text-align: center;
  }
  .submit-wrap form {
    display: inline-block;
  }
  .note-form {
    margin: 20px 0 0 0;
    padding: 10px;
    border: 4px solid #ccc;
  }
  .note-form strong {
    font-weight: bold;
    color: #df0522;
  }
  .dl_error01 {
    color: #f00;
    line-height: 1.6em;
    font-size: 18px;
    text-align: center;
  }
  .dl_error01 dt {
    text-decoration: underline;
  }
  .dl_error01 dd {
    font-size: 14px;
  }

  /* confirm */
  .confirm table {
    width: 100%;
    margin: 0 0 50px 0;
  }
  .confirm th {
    font-weight: bold;
    padding: 30px 0 14px 0;
  }
  .confirm td {
    padding: 0px 0 14px;
    border-bottom: 1px solid #ccc;
  }

  /*--Floor_guideに店舗情報bnr追加--*/

  .fl-bnr-box p img {
    width: 100%;
  }
}


form.form-wrap.disabled{
  opacity: 0.7;
}

.form-confirm-modal-wrap{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: all 0.6s;
  opacity: 0;
}
.form-confirm-modal-wrap.show{
  z-index: 1;
  opacity: 1;

}
.form-confirm-modal-wrap .modal-inner{
  background: rgba(0, 0, 0, .3);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.form-confirm-modal-wrap .modal-inner .modal-content{
  position: relative;
  width: 90vw;
  height: 90vh;
  margin: 5vh auto;
  background:#fff;
  padding: 20px;
  box-sizing: border-box;
  overflow-y: scroll;
}
.form-confirm-modal-wrap .modal-inner .modal-content .modal-close{
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 1;
  cursor: pointer;
  transform-origin: center center;
  width: 30px;
  height: 30px;

}
.form-confirm-modal-wrap .modal-inner .modal-content .modal-close::before,
.form-confirm-modal-wrap .modal-inner .modal-content .modal-close::after{
  content: '';
  width: 20px;
  height: 1px;
  background: #333;
  position: absolute;
  right: 4px;
  top: 15px;
}
.form-confirm-modal-wrap .modal-inner .modal-content .modal-close::before{
  transform: rotate(45deg);
}
.form-confirm-modal-wrap .modal-inner .modal-content .modal-close::after{
  transform: rotate(-45deg);

}

.form-confirm-modal-wrap .modal-inner .modal-content .modal-header h2{
  font-weight: bold;
  margin-bottom: 5px;
  text-align: center;
  color: #DF0522;
  font-size: 110%;
}


.form-confirm-modal-wrap .modal-inner .modal-content .modal-body .form-wrap table{
  width: 100%;
  margin-bottom: 30px;

}
.form-confirm-modal-wrap.disabled .modal-inner .modal-content .modal-body .form-wrap table{
  opacity: 0.8;
}
.form-confirm-modal-wrap .modal-inner .modal-content .modal-body .form-wrap table tr{
  border-bottom: 1px solid #ccc;
}
.form-confirm-modal-wrap .modal-inner .modal-content .modal-body .form-wrap table tr th{
  padding: 10px;
}
.form-confirm-modal-wrap .modal-inner .modal-content .modal-body .form-wrap table tr th em {
  font-weight: bold;

}
.form-confirm-modal-wrap .modal-inner .modal-content .modal-body .form-wrap table tr td{
  padding: 10px;
}

.form-error-detail{
  color: red;
  font-weight: bold;
  text-align: center;
  margin-bottom: 3rem;
}
.form-error-detail h2{
  font-size: 140%;
  font-weight: bold;
  margin:0 auto 1rem;
  text-align: center;
  border-bottom: 1px solid currentColor;
  width: fit-content;
  padding: 0 1rem;
}
.form-error-detail p{
  text-align: center;
}