@charset "UTF-8";
/* ---------------------------------------
  TITLE : HANSHIN Tigers
  URI : hanshintigers.jp
  (C) HANSHIN Tigers.
--------------------------------------- */
@import "format.css";
@import "layout.css";
@import "common.css";
@import url('https://fonts.googleapis.com/css?family=M+PLUS+1p:400,500,700,800,900&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=Arimo:400,400i,700,700i');

/* STRUCTURES
--------------------------------------- */
.cancell {
    text-decoration: line-through;
}

.u_line {
    text-decoration: underline;
}

.hide_pc {
    display: none !important;
}

table,
th,
td {
    border-collapse: collapse;
    border-spacing: 0;
}

#ln {
    background: url(/img/ticket/bg_ct.jpg) 0 0 no-repeat;
}

.ctop #ln,
.list #ln,
.price #ln {
    background: none;
    padding-top: 0;
}

h2.ct {
    background: url(/img/ticket/ct_ticket.jpg) 0 0 no-repeat;
}

a.link {
    padding: 1px 0 1px 25px;
    background: url(/img/arrow_others_normal.gif) center left no-repeat;
}

p.link a {
    padding-left: 25px;
    margin: 0;
    background: url(/img/arrow_others_normal.gif) center left no-repeat;
}

p.link a:hover {
    background: url(/img/arrow_others_normal_o.gif) center left no-repeat;
}

a.link {
    padding: 1px 0 1px 25px;
    background: url(/img/arrow_others_normal.gif) center left no-repeat;
}

p.link.right {
    text-align: right;
}

p.end {
    margin: 0 auto 20px auto;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #CC0000;
}

p.img-c,
p.img-c-nb {
    text-align: center;
}

#section {
    margin: 0 30px;
    width: 720px;
}

#section .unit,
#section .vacant-unit {
    margin: 0 10px;
    width: 700px;
}

#section .unit_2 {
    margin: 20px 0;
}

#section .unit_2 table {
    margin: 0 auto;
}

#section .unit_2 td {
    padding: 0 10px;
    text-align: center;
    line-height: 1.5;
}

#section h5.pt3 {
    margin: 0 0 20px 0;
}

#section h5.it {
    margin: 20px 0 10px 0;
}

#section h5.info {
    background: url(/ticket/event/img/ichihaya/bg_h5_introduction.gif) 0 0 no-repeat;
    line-height: 28px;
    font-weight: bold;
    font-size: 14px;
    padding-left: 13px;
}

#section h5.ticket_ttl {
    background: url(/ticket/event/img/ichihaya/bg_h5_ticket.gif) 0 0 no-repeat;
    line-height: 50px;
    font-weight: bold;
    font-size: 23px;
    padding-left: 65px;
}

#section h6 {
    margin: 10px 0;
    padding-left: 15px;
    background: url(/img/bg_its.gif) 0 0 no-repeat;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
}

#section h6.st2 {
    font-size: 16px;
    line-height: 26px;
}

#section h6.st3 {
    margin-top: 30px;
    font-weight: bold;
}

#section p {
    margin: 10px 0;
    line-height: 1.8;
}

#section p.lead {
    margin: 0 0 20px 0;
}

#section p.center {
    text-align: center;
}

#section .txt2 {
    font-size: 14px;
}

#section p.seat-chart {
    margin-top: 20px;
    text-align: center;
}

#section p.last-update {
    text-align: right;
    color: #CC0000;
    font-size: 16px;
    font-weight: bold;
}

#section p#today-comment {
    padding: 10px;
    background: #E7E7E7;
    text-align: left;
    line-height: 1.5;
    color: #000000;
    font-weight: bold;
}

#section p.pagetop {
    margin: 10px 0 20px 0;
    text-align: right;
    line-height: normal;
}

#section p.vacant-finish {
    font-size: 16px;
    font-weight: bold;
    color: #CC0000;
    text-align: center;
}

#article .unit-pt-way {
    padding: 22px 48px 30px 0;
    height: 34px;
}

#article .unit-pt-way p {
    float: left;
}

#article .unit-pt-way ul {
    padding-top: 9px;
    float: right;
}

#article .unit-pt-way li {
    padding-left: 10px;
    float: left;
}

#section .unit-st-way {
    margin-bottom: 30px;
    height: 40px;
}

#section .unit-st-way p {
    margin: 0;
    float: left;
}

#section .unit-st-way ul {
    float: right;
}

#section .unit-st-way li {
    float: left;
    padding-left: 7px;
}

#section .att-unit ul {
    height: 34px;
    background: url(/ticket/img/bg_att-unit.gif) 0 0 repeat-x;
}

#section .att-unit li {
    float: left;
}

#section .att-unit .att-unit-box {
    padding: 20px;
    border: 1px solid #646568;
    border-top: none;
}

#section .att-unit dl dt {
    padding-bottom: 10px;
    font-weight: bold;
}

#section .att-unit dl dd {
    line-height: 1.5;
}

#section .att-unit table {
    margin-top: 10px;
}

#section .att-unit table th,
#section .att-unit table td {
    text-align: center;
}

#article ul.supplement {
    margin: 20px 0;
    border-top: 1px dotted #B3B3B3;
}

#article ul.supplement2 {
    border-top: 1px dotted #B3B3B3;
}

#article ul.supplement li,
#article ul.supplement2 li {
    padding: 5px 10px;
    border-bottom: 1px dotted #B3B3B3;
    line-height: 1.5;
}

#article ul.supplement3 li {
    line-height: 1.5;
}

#article ul.supplement li.even,
#article ul.supplement2 li.even {
    background: #F6F6F6;
}

#article ul.indent {
    margin-top: 10px;
}

#article ul.indent li {
    padding-left: 1em;
    text-indent: -1em;
}

#article .stadium-linkWp {
    width: 720px;
    margin: 30px auto 0;
    padding-top: 5px;
    background: url(/ticket/img/bg_ft_top.gif) no-repeat 0 0;
}

#article .stadium-link {
    width: 720px;
    padding-bottom: 5px;
    background: url(/ticket/img/bg_ft_bottom.gif) no-repeat left bottom;
}

#article .stadium-link ul {
    width: 711px;
    padding: 4px 0 4px 9px;
    background: #f2f1e5;
}

#article .stadium-link ul li {
    width: 228px;
    float: left;
    margin-right: 9px;
}

#article table.price {
    width: 100%;
}

#article table.price th,
#article table.price td {
    padding: 7px 10px;
    border: 1px solid #D9D9D9;
    text-align: center;
    line-height: 1.5;
}

#article table.price thead th {
    background: #F4F4F4;
    font-weight: normal;
    white-space: nowrap;
}

#article table.price tbody th {
    background: #F0FBFF;
    font-weight: normal;
    white-space: nowrap;
}

#article table.price tbody th.sat {
    color: #0000CC;
}

#article table.price tbody th.sun {
    color: #CC0000;
}

#article table.price2 caption {
    text-align: right;
}

#article table.summary {
    width: 100%;
}

#article table.summary th,
#article table.summary td {
    padding: 7px 10px;
    border: 1px solid #D9D9D9;
    line-height: 1.5;
}

#article table.summary th {
    background: #F4F4F4;
    font-weight: normal;
    white-space: nowrap;
    width: 20%;
    text-align: center;
}

#article table.center th {
    text-align: center;
}

#article table.store {
    width: 100%;
}

#article table.store caption {
    padding-bottom: 5px;
    line-height: 1.5;
}

#article table.store th,
#article table.store td {
    padding: 8px;
    border: 1px solid #D9D9D9;
    line-height: 1.8;
}

#article table.store th {
    text-align: center;
}

#article table.store thead th {
    background: #F4F4F4;
}

#article table.store tbody th {
    background: #F0FBFF;
    font-weight: normal;
}

#article table.howto {
    width: 100%;
}

#article table.howto caption {
    padding-bottom: 5px;
    line-height: 1.8;
}

#article table.howto th,
#article table.howto td {
    border: 1px solid #D9D9D9;
    padding: 8px;
    line-height: 1.8;
}

#article table.howto th {
    width: 130px;
    background: #F4F4F4;
    font-weight: bold;
    white-space: nowrap;
}

#article table.howto p.code,
#article table.event-howto p.code,
#article table.howto dd.code,
#article table.summary .code {
    margin: 0 0 10px 0;
    color: #193D84;
    font-weight: bold;
}

#article table.howto dd.code,
#article table.summary .code {
    margin: 0;
}

#article table.howto dd {
    margin-left: 1em;
}

.mt10 {
    margin-top: 10px;
}

.mt30 {
    margin-top: 30px;
}

/* STADIUM 球場案内
--------------------------------------- */
.stadium #main {
    background: url(/img/ticket/pt_stadium.gif) 0 0 no-repeat;
}

.stadium .c-top ul li {
    margin-bottom: 20px;
}

.stadium #article h4 {
    margin-bottom: 20px;
}

.stadium #article .inner {
    margin: 0 0 30px 20px;
}

.stadium #article .inner#kihon {
    margin: 0 10px 30px 10px;
}

.stadium #article .inner .btn {
    text-align: center;
}

.stadium h6 {
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0;
    padding: 4px 8px;
    background: #E5E5E5;
}

.stadium #article h5.it {
    font-size: 15px;
    font-weight: bold;
    margin: 20px 0 10px 0;
    border-left: 4px solid #000;
    padding: 4px 8px;
    background: #ffe000;
}

.stadium #article h5.it+p {
    font-size: 14px;
}

.stadium .red {
    color: #cc0000;
}

.stadium #article table {
    width: 100%;
    margin-bottom: 20px;
}

.stadium #article table.center th,
.stadium #article table.center td {
    text-align: center;
}

.stadium #article th,
.stadium #article td {
    padding: 2px 10px;
    border: 1px solid #bbb;
    line-height: 1.5;
}

.stadium #article th {
    width: 130px;
    background: #f5f5f5;
    font-weight: normal;
    text-align: center;
    vertical-align: top;
}

.stadium #article .inner p {
    padding-bottom: 10px;
}

.stadium #article .inner ul {
    overflow: hidden;
    _zoom: 1;
}

.stadium #article .inner li {
    width: 325px;
    float: left;
    margin-right: 10px;
}

.stadium #article .inner ul.indent li {
    width: auto;
    float: none;
    margin-right: 0;
}

.stadium #article .inner dt {
    float: left;
    width: 240px;
    clear: both;
}

.stadium #article .inner dd {
    margin: 0 0 0 257px;
    line-height: 1.8;
}

.stadium #article .inner dd p {
    margin: 10px 0 20px 0;
}

.stadium #article span.tell {
    color: #0c6666;
    font-size: 14px;
    font-weight: bold;
}

.stadium #article .inner .stadiumMap {
    text-align: center;
    margin: 20px 0;
}

.stadium #article .inner #map_canvas,
.stadium #article #accessMap p {
    margin-bottom: 30px;
}

.stadium #article .inner #gourmetText {
    line-height: 1.8;
    margin-top: 20px;
}

/* TICKET 2CULUMN
--------------------------------------- */
#ticket.event #article,
#ticket.kyocera #article,
#ticket.koshien #article,
#ticket.kurashiki #article,
#ticket.hottomotto #article {
    margin: 0;
}

#ticket #article h4.pt2 {
    background: url(/img/ticket/bg_ticket_2019.jpg) no-repeat 0 0;
    width: 780px;
    height: 156px;
    text-align: right;
}

#ticket #article h4.pt2 img {
    padding: 40px 48px 0 0;
}

#ticket #article .p_link {
    margin-top: -70px;
}

#ticket #article .p_link li {
    text-align: right;
}

#ticket #article .p_link li a {
    background: url(/img/arrow_others_normal.gif) no-repeat right center;
    padding-right: 27px;
}

#ticket #article .p_link li a:hover {
    background: url(/img/arrow_others_normal_o.gif) no-repeat right center;
}

#ticket .game_stop {
    text-decoration: line-through;
}

/* 虎チケ
--------------------------------------- */
.tt #main {
    background: url(/img/ticket/pt_tt.gif) 0 0 no-repeat;
}

.tt h5.vt {
    padding: 5px 8px;
    margin: 10px 0;
    border-bottom: 1px solid #000000;
    border-left: 7px solid #000000;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    background: #FFDD00;
}

.tt h6 {
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0;
    padding: 4px 8px;
    background: #E5E5E5;
}

.tt p img {
    padding: 10px 0;
}

.tt .howto {
    background: #ffffcc;
    border: 2px solid #ffd148;
    padding: 20px;
    border-radius: 20px;
    margin: 40px 20px;
}

.tt .howto th,
.tt .howto td {
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 400;
}

.tt .howto th small {
    font-size: 14px;
}

.tt .howto td {
    text-align: center;
}

.tt .howto td span.tel {
    font-weight: bold;
    font-family: "Arimo";
    letter-spacing: 0.03em;
    font-size: 30px;
}

.tt .howto td span.url {
    background: -moz-linear-gradient(top, #FFFFFF, #eeeeee);
    background: -webkit-linear-gradient(top, #FFFFFF, #eeeeee);
    background: linear-gradient(to bottom, #FFFFFF, #eeeeee);
    border-radius: 10px;
    text-align: center;
    padding: 10px;
    display: block;
    border: 1px solid #eeeeee;
}

.tt .howto td span.url a {
    font-weight: bold;
    color: #cc0000;
    display: block;
    text-decoration: none;
}

/* RAKUTEN_ID
--------------------------------------- */
#ticket .rakuten_id .logo_rakuten {
    font-size: 30px;
    font-weight: bold;
}

#ticket .rakuten_id .logo_rakuten img {
    vertical-align: middle;
}

#ticket .rakuten_id p input,
#ticket .rakuten_id li input {
    padding: 0 5px;
    display: inline-block;
}

#ticket .rakuten_id ul.indent+.unit {
    padding-top: 20px;
}

#ticket .rakuten_id form table {
    width: 100%;
}

/* EVENT 限定企画 いちはや
--------------------------------------- */
.event #main {
    background: url(/ticket/img/pt_event.gif) 0 0 no-repeat;
}

.event #section h5#tokutoku,
.event #section h5#holiday,
.event #section h5#kyocera_season {
    margin: 50px 0 20px 0;
}

.event #section .unit {
    margin: 0px 10px 20px 10px;
}

.event .unit .b-yellow {
    border: 1px solid #ffca28;
    padding: 10px;
}

.event .unit .b-red {
    padding: 10px;
    background: #ffefef;
    color: #CC0000;
}

.event td .cp_bnr {
    float: right;
    display: block;
}

.event td .cp_bnr img {
    width: 240px;
    height: auto;
}

.event div.cp_bnr {
    text-align: center;
}

.event div.cp_bnr img {
    width: 400px;
    height: auto;
}

.event #section .tel {
    font-size: 18px;
    font-weight: bold;
}

.event #section .int {
    font-size: 18px;
    font-weight: bold;
    color: #0066CC;
}

.event #section .int a {
    color: #0066CC;
}

.event #section table.ticket-howto {
    width: 100%;
}

.event #section table.ticket-howto th {
    width: 20%;
    text-align: center;
}

.event #section p.catch {
    font-weight: bold;
    font-size: 14px;
}

.event #section span.underline {
    font-weight: bold;
    text-decoration: underline;
}

.event #section.sec_b {
    margin-top: 31px;
}

.event #p_navWp ul li {
    float: right;
    margin-right: 0;
}

.event #section p.lead {
    margin: 0 0 10px 0;
}

.event #section .ivy3-store table {
    margin: 10px auto;
}

.event #section .ivy3-store th,
.event #section .ivy3-store td {
    padding: 0 10px;
    text-align: center;
    vertical-align: top;
}

.event #section .ivy3-store th {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
}

.event #section table.pizza td {
    vertical-align: bottom;
}

.event #section table.pizza td.middle {
    vertical-align: middle;
}

.event .unit div.even {
    margin-left: 9px;
}

.event .unit div.last {
    margin-bottom: 0;
}

.event .unit dd {
    height: 8em;
    margin-top: 10px;
    font-size: 10px;
    line-height: 1.5;
}

.event .unit .short dd {
    width: 200px;
}

.event .unit p.detail {
    margin-top: 10px;
    text-align: right;
}

.event .unit p.finish {
    height: 16px;
    text-align: right;
    color: #CC0000;
}

.event .unit p.finish a {
    color: #CC0000;
}

.event .unit p.photo {
    position: absolute;
    top: 15px;
    right: 10px;
}

.event .unit-limit {
    border-top: 5px solid #fdd803;
    margin-bottom: 20px;
}

.event #section .unit-limit p.photo {
    width: 306px;
    float: left;
    margin: 0;
    background: #f2f1e5;
}

.event .unit-limit .detail {
    margin-left: 306px;
    background: #fff8c4;
}

.event #section .unit-limit .detail p.tit {
    background: none;
    margin: 0;
}

.event #section .unit-limit .detail p.lead {
    padding: 15px 15px 0;
    margin: 0;
}

.event .unit-limit .detail dl {
    padding: 15px;
    width: 384px;
}

.event .unit-limit .detail dl.padT-0 {
    padding-top: 0px;
}

.event .unit-limit .detail dl.padB-0 {
    padding-bottom: 0px;
}

.event .unit-limit .detail dd {
    background: #FFFFFF;
    padding: 10px;
    line-height: 1.5;
}

.event .unit-limit .detail dd.price {
    padding: 5px 10px;
    background: #f2f1e5;
    border-bottom: dotted 1px #989898;
    font-weight: bold;
    line-height: 1;
}

.event .unit-limit .detail dd.price span {
    padding-right: 15px;
    font-size: 24px;
    color: #CC0000;
    font-weight: normal;
}

.event .unit-limit .detail dd.price span.red {
    padding-right: 0;
    font-size: 12px;
    font-weight: bold;
}

.event #player .detail {
    height: 195px;
}

.event #pizza .detail {
    height: 237px;
}

.event #beer .detail {
    height: 200px;
}

.event #kfc .detail {
    height: 195px;
}

.event #young .detail {
    height: 285px;
}

.event #happy .detail {
    height: 281px;
}

.event #seven .detail {
    height: 434px;
}

.event #tue .detail {
    height: 105px;
}

.event #wed .detail,
.event #thu .detail,
.event #fri .detail {
    height: 147px;
}

.event .btn-area {
    margin-top: 30px;
}

.event .btn-area p {
    width: 312px;
    height: 55px;
    margin: 0 auto !important;
}

.event .btn-area p a {
    display: block;
    width: 312px;
    height: 55px;
    background: url(/ticket/event/img/btn_all.gif) no-repeat 0 0;
    text-indent: -9999px;
}

.event .btn-area p a:hover {
    background-position: 0 -55px;
}

.event .unit-point {
    margin: 20px 30px;
    height: 80px;
}

.event .unit-point li {
    float: left;
    padding: 0 10px;
    width: 200px;
}

.redL {
    color: #CC0000 !important;
    font-size: 20px !important;
    font-weight: bold !important;
}

.event .p-l {
    float: left;
}

.event .p-r {
    float: right;
}

/*------------------------------------------
いち早リニューアル追加CSS
-------------------------------------------*/
.event div.read_text {
    font: 12px;
    line-height: 1.5em;
}

.event div.read_text p.term {
    font-size: 13px;
}

.event div.read_text p.term span,
.ichihaya_detail span.term {
    font-size: 16px;
    font-weight: bold;
    color: #2693FF;
}

.event div.btn_area {
    width: 430px;
    height: 70px;
    float: none;
    margin: 30px auto 10px auto;
}

.event div.btn_area img {
    margin: 0 10px 10px;
    float: left;
}

.event a:hover {
    opacity: 0.7;
}

.ichihaya_detail .subttl {
    font-size: 16px;
    font-weight: bold;
    border-bottom: 2px #000000 solid;
}

.ichihaya_detail .unit p {
    font-size: 14px;
}

.ichihaya_detail .unit p span {
    font-size: 13px;
}

.ichihaya_detail .detail_purchase {
    margin: 0 10px 20px;
}

.ichihaya_detail .detail_purchase dl {
    margin: 10px 0;
    line-height: 1.6em;
    font-size: 12px;
}

.ichihaya_detail .detail_purchase dt {
    font-size: 14px;
    font-weight: bold;
    line-height: 2em;
    margin-top: 1em;
}

.ichihaya_detail .detail_purchase dt span {
    font-weight: normal;
    font-size: 12px;
}

.ichihaya_detail .btn_area_c {
    text-align: center;
    margin: 30px 0;
}

.ichihaya_detail .btn_area_c img {
    margin-right: 20px;
}

.ichihaya_detail ul.btn_area_h {
    margin: 30px 40px;
}

.ichihaya_detail ul.btn_area_h li {
    float: left;
    margin-left: 20px;
}

.ichihaya_detail .b-gray {
    padding: 10px 0;
    background: #D6D6D6;
}

/*アコーディオン*/
.cp_actab {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 10px auto;
    color: #000000;
    font-size: 16px;
}

.cp_actab input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.cp_actab label {
    font-weight: bold;
    line-height: 3;
    position: relative;
    display: block;
    padding: 0 0 0 1em;
    cursor: pointer;
    margin: 0 0 1px 0;
    background: #ededed;
}

.cp_actab .cp_actab-content {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height 0.35s;
    transition: max-height 0.35s;
    font-size: 14px;
}

.cp_actab .cp_actab-content p {
    margin: 1em;
}

.cp_actab .cp_actab-content ul,
.cp_actab .cp_actab-content table {
    font-size: 12px;
}

/* :checked */
.cp_actab input:checked~.cp_actab-content {
    max-height: 100em;
}

/* Icon */
.cp_actab label::after {
    line-height: 3;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 3em;
    height: 3em;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    text-align: center;
}

.cp_actab input[type=checkbox]+label::after {
    content: '+';
}

.cp_actab input[type=checkbox]:checked+label::after {
    transform: rotate(315deg);
}

/*------------------------------------------
  RRENEWAL 1COLUMN
-------------------------------------------*/
#tp.ticket {
    background: #D4D4CD url(/img/ticket/pt_ticket.gif) 0 0 no-repeat;
}

#tp.preseason {
    background: #D4D4CD url(/img/ticket/pt_preseason.gif) 0 0 no-repeat;
}

#tp.koshien {
    background: #D4D4CD url(/img/ticket/pt_koshien.gif) 0 0 no-repeat;
}

#tp.kyocera {
    background: #D4D4CD url(/img/ticket/pt_kyocera.gif) 0 0 no-repeat;
}

#tp.kurashiki {
    background: #D4D4CD url(/img/ticket/pt_kurashiki.gif) 0 0 no-repeat;
}

#tp.hottomotto {
    background: #D4D4CD url(/img/ticket/pt_hottomotto.gif) 0 0 no-repeat;
}

#tp.visitor {
    background: #D4D4CD url(/img/ticket/pt_visitor.gif) 0 0 no-repeat;
}

#tp.event {
    background: #D4D4CD url(/img/ticket/pt_event.gif) 0 0 no-repeat;
}

#tp.group {
    background: #D4D4CD url(/img/ticket/pt_group.gif) 0 0 no-repeat;
}

#tp.none {
    background: #D4D4CD;
}

.c-top h4.st,
.summary h4.st,
.overview h4.st,
.vacantseat h4.st {
    /*height: 35px;*/
    line-height: 35px;
    padding-left: 10px;
    margin-bottom: 15px;
    letter-spacing: 0.03em;
    background: #363636;
    font-weight: 700;
    font-size: 18px;
    color: #FFFFFF;
}

.overview h4.st span.normal{
	font-weight: normal;
}


.overview h3.st {
    background: #ffffcc;
    border-bottom: #ffcc00 2px solid;
    border-top: #ffcc00 2px solid;
    padding: 14px;
    text-align: center;
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 20px;
}

.c-top h4.st.red,
.summary h4.st.red,
.overview h4.st.red,
.vacantseat h4.st.red {
    height: 35px;
    line-height: 35px;
    padding-left: 10px;
    margin-bottom: 15px;
    letter-spacing: 0.03em;
    background: #cc0000;
    font-weight: 700;
    font-size: 18px;
    color: #FFFFFF;
}

h4#kyocera-visitor {
    margin-top: 20px;
}

.caution {
    border: 2px solid #CC0000;
    color: #CC0000;
    padding: 10px;
    font-weight: bold;
    font-size: 16px !important;
    margin: 10px 0;
    text-align: center;
    line-height: 1.7em;
}

.caution_l {
    color: #CC0000;
    font-weight: bold;
    margin-top: 10px;
    text-align: left;
    font-size: 15px;
}

a.off {
    pointer-events: none;
    color: #909090;
}

.lead,
.lead_wide {
    font-size: 14px !important;
}

.section .lead {
    margin-bottom: 20px;
}

p.borderbox {
    width: 600px;
    padding: 10px 30px;
    border: 2px solid #000;
    text-align: center;
    margin: 0 auto;
}

#others .unit ul {
    width: 980px;
}

#others {
    margin-top: 18px;
}

#others .unit {
    padding: 10px 10px 0 10px;
}

#others ul.c-list {
    float: none;
}

#others ul.c-left {
    float: left;
    width: 450px;
}

#others ul.c-right {
    float: right;
    width: 450px;
}

#others li {
    padding: 10px 0 11px 0;
    background: url(/img/line_1.gif) bottom left repeat-x;
}

#others ul.c-list li {
    padding: 10px 0 11px 0;
    background: url(/img/line_1.gif) bottom left repeat-x;
    float: left;
    width: 450px;
}

#others ul.c-list li:nth-child(2n) {
    margin-left: 20px;
}

#others li.off {
    color: #848484;
}

#others li a {
    display: inline-block;
    padding-left: 27px;
    height: 16px;
    line-height: 16px;
    font-weight: bold;
    background: url(/img/arrow_others_normal.gif) 0 0 no-repeat;
}

#f_nav {
    padding: 20px;
}

#f_nav .btn_flex li {
    width: 49%;
}

/*------------------------------------------
  TOP
-------------------------------------------*/
#ticket.ctop #container #main,
#ticket.price #container #main,
#ticket.list #container #main,
#ticket.vacantseat #container #main {
    float: right;
    width: 780px;
    padding: 0;
}

#ticket.ctop #container #side {
    float: left;
    padding: 0;
}

.ctop h3.pt {
    background: #D4D4CD url(/img/ticket/pt_ticket.gif) 0 0 no-repeat;
}

.ctop #main h4.st {
    margin: 30px 0 20px 0;
    background: #363636;
    font-size: 18px;
}

#main h5.it,
#f_nav h5.it,
.vacantseat #main #f_nav h5.it {
    text-align: center;
    color: #000000;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 2px solid #000000;
    margin: 20px 0 0 0;
    border-left: none;
    padding: 0 0 5px 0;
    background: none;
}

#main p.season_ends {
    line-height: 1.8em;
    font-size: 16px;
    margin: 30px 0 60px;
    text-align: center;
}

.ctop .title_wp {
    background: url(/img/ticket/top/bg_ticket_top.jpg) 0 0 no-repeat;
    width: 980px;
    height: 110px;
    position: relative;
}

.ctop .title_wp .title {
    font-size: 26px;
    font-weight: bold;
    line-height: 110px;
    padding-left: 20px;
    color: #000000;
    text-shadow: none;
}

.ctop .title_wp .fanclub {
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.1);
    height: 90px;
    padding: 20px 60px 0 60px;
}

.ctop .title_wp .fanclub span {
    display: block;
    padding-top: 5px;
}

.ctop .title_wp .fanclub a {
    color: #000000;
}

.ctop .btn_wp {
    overflow: hidden;
    text-align: center;
    border-bottom: 10px solid #ffe100;
}

.ctop .btn_wp li {
    width: 460px;
    display: inline-block;
    background: #8b8133;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 15px 0;
    margin: 0 5px;
    line-height: 1;
}

.ctop .btn_wp li.active {
    background: #ffe100;
    color: #000000;
}

.ctop .panel_wp {
    padding: 8px 5px 0 5px;
    background: #4c4c4c;
}

.ctop .panel_wp .tab_panel {
    display: none;
}

.ctop .panel_wp .tab_panel ul {
    overflow: hidden;
    text-align: center;
}

.ctop .panel_wp .tab_panel ul li {
    display: inline-block;
    padding-bottom: 5px;
}

.ctop #ticket-news {
    overflow: hidden;
}

.ctop #ticket-news #news-list {
    width: 740px;
}

.ctop #ticket-news #news-list .news-inner table:nth-child(n + 7) {
    display: none;
}

.ctop #ticket-news #news-list .link {
    text-align: right;
    padding-top: 10px;
}

.ctop #sp-banner-area {
    width: 200px;
    float: right;
}

.ctop #ticket-schedule {
    margin: 0 20px;
}

.ctop #ticket-schedule .inner {
    background: #000000;
    padding: 30px 20px 10px 20px;
}

.ctop #ticket-schedule .sch_btn_wp {
    text-align: center;
    margin-bottom: 20px;
}

.ctop #ticket-schedule .sch_btn_wp li.sch_btn {
    display: inline-block;
    text-align: center;
    background: #8b8133;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    width: 288px;
    padding: 15px 0;
    margin: 0 4px;
    line-height: 1;
}

.ctop #ticket-schedule .sch_btn_wp li.sch_btn.active {
    background: #ffe100;
    color: #000000;
}

.ctop #ticket-schedule .sch_panel {
    display: none;
}

.ctop #ticket-schedule .sch_panel ul {
    overflow: hidden;
    text-align: center;
    padding-bottom: 20px;
    letter-spacing: -0.4em;
}

.ctop #ticket-schedule .sch_panel ul li {
    display: inline-block;
    background: #f7f5e8;
    width: 296px;
    text-align: center;
    letter-spacing: normal;
    border-right: 1px solid #999999;
}

.ctop #ticket-schedule .sch_panel ul li:last-child {
    border-right: none;
}

.ctop #ticket-schedule .sch_panel ul li .day {
    background: #ffe100;
    font-size: 16px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.ctop #ticket-schedule .sch_panel ul li .team,
.ctop #ticket-schedule .sch_panel ul li .info {
    display: inline-block;
    vertical-align: middle;
    padding: 10px 5px;
}

.ctop #ticket-schedule .sch_panel ul li .info span {
    display: block;
    text-align: center;
}

.ctop #ticket-schedule .sch_panel ul li .btn {
    text-align: center;
    width: 140px;
    margin: 5px auto 15px auto;
}

.ctop #ticket-schedule .sch_panel ul li .btn a {
    display: block;
    background: #000000;
    color: #FFFFFF;
    padding: 8px 0;
    text-decoration: none;
}

.ctop #ticket-schedule .sch_panel ul li .btn a:hover {
    background: #ffe100;
    color: #000000;
    font-weight: bold;
}

.ctop #vacantseat,
.ctop #bnr_area,
.ctop #studium,
.ctop #others,
.ctop .sell_schedule,
.ctop .advance_sale,
.ctop .general_sale,
.ctop .official_pre_sale,
.ctop .news_list,
.ctop #ticket_design,
.ctop #about_ticket_refund {
    margin-bottom: 30px;
}

.ctop .bnr_flex li a:hover {
    opacity: 0.7;
}

.btn_flex,
.ctop .bnr_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.btn_flex.center,
.ctop .bnr_flex.center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.ctop .btn_flex#guide li {
    margin-top: 0;
}

.ctop .bnr_flex li {
    width: 360px;
}

.ctop .bnr_flex li img {
    width: 100%;
    height: auto;
}

.btn_flex li {
    width: 360px;
    margin-top: 20px;
}

.btn_flex li.wide {
    width: 100%;
}

.btn_flex li.semi_wide {
    width: 70%;
    margin: auto;
}

.btn_flex li a {
    text-align: center;
    display: block;
    color: #FFF;
    font-size: 14px;
    background: #d5b200;
    padding: 20px 10px;
    text-decoration: none;
    font-weight: bold;
    position: relative;
}

.btn_flex li a::after {
    content: "";
    display: block;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 12px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #FFF;
    border-right: 2px solid #FFF;
    transform: rotate(45deg);
}

.btn_flex li a small,
.btn_flex li span small {
    display: block;
    font-size: 12px;
    text-align: center;
    font-weight: normal;
}

.btn_flex li span {
    padding: 25px 10px;
    text-decoration: none;
    font-weight: bold;
    background: #ccc;
    display: block;
    text-align: center;
    color: #666;
    font-size: 14px;
}

.btn_flex li a:hover {
    opacity: 0.7;
}

#main .unit .btn_flex li a.l2 {
    padding: 15px 10px;
}

.btn_flex li a.postseason {
    padding: 25px 10px;
    background: #01AF84;
}

.btn_flex li a.preseason_koshien {
    padding: 25px 10px;
    background: #32947c;
}

.btn_flex li a.preseason_kyocera {
    padding: 25px 10px;
    background: #25a5da;
}

.btn_flex li a.regular_koshien {
    padding: 25px 10px;
    background: #006835;
}

.btn_flex li a.regular_koshien_event {
    padding: 25px 10px;
    background: #FFFFFF;
    color: #006835;
}

.btn_flex li a.regular_koshien_event::after {
    border-top: 2px solid #006835;
    border-right: 2px solid #006835;
}

.btn_flex li a.regular_kyocera {
    padding: 25px 10px;
    background: #0057ad;
}

.btn_flex li a.regular_kyocera_event {
    padding: 25px 10px;
    background: #FFFFFF;
    color: #0057ad;
}

.btn_flex li a.regular_kyocera_event::after {
    border-top: 2px solid #0057ad;
    border-right: 2px solid #0057ad;
}

.btn_flex li a.regular_kurashiki {
    padding: 25px 10px;
    background: #adc104;
}

.btn_flex li a.kotick {
    padding: 25px 10px;
    background: #00656d;
}

.btn_flex li a.lawson {
    padding: 25px 10px;
    background: #0074BF;
}

.btn_flex li a.tora {
    padding: 25px 10px;
    background: #FFED01;
    color: #000;
}


.btn_flex li a.light_blue {
    padding: 25px 10px;
    background: #e5eef7;
	color: #000;
}

.btn_flex li a.light_green {
    padding: 25px 10px;
    background: #e6f4eb;
	color: #000;
}
.btn_flex li a.light_red {
    padding: 25px 10px;
    background: #ffeded;
	color: #CC0000;
}
.btn_flex li a.light_green_border{
	padding: 25px 10px;
	background:none;
	border:solid 2px #e6f4eb;
	color: #000;
}

.btn_flex li a.tora::after,
.btn_flex li a.light_blue::after,
.btn_flex li a.light_green::after,
.btn_flex li a.light_green_border::after
{
    border-top: 2px solid #000;
    border-right: 2px solid #000;
}

.btn_flex li a.light_red::after
{
    border-top: 2px solid #CC0000;
    border-right: 2px solid #CC0000;
}


.btn_flex li a.light_green_border::after{
  transform:rotate(135deg);
}

.btn_flex li a.pia {
    padding: 25px 10px;
    background: #3367CD;
}

.btn_flex li a.eplus {
    padding: 25px 10px;
    background: #f16baa;
}




.ctop .btn_wide {
    margin-top: 20px;
}

.ctop .btn_wide a {
    text-align: center;
    display: block;
    color: #000;
    font-size: 14px;
    padding: 20px 10px;
    text-decoration: none;
    font-weight: bold;
    position: relative;
    border: 2px solid #000000;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
}

.ctop .btn_wide a::after {
    content: "";
    display: block;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 12px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(45deg);
}

.ctop .btn_wide a:hover {
    background: #FFE100;
}

.ctop .btn_wide a.season_kyocera {
    border: 2px solid #0057ad;
    color: #0057ad;
}

.ctop .btn_wide a.season_kyocera::after {
    border-top: 2px solid #0057ad;
    border-right: 2px solid #0057ad;
}

.ctop .btn_wide a.rescheduled {
    background: #ffeded;
    color: #CC0000;
	border: 2px solid #ffeded;
}

.ctop .btn_wide a.rescheduled::after {
    border-top: 2px solid #CC0000;
    border-right: 2px solid #CC0000;
}

.ctop .btn_wide a.rescheduled:hover{
	opacity: 0.7;
}

.ctop .btn_wide .ctop #others h4.st {
    margin-bottom: 0;
}

.ctop #others ul {
    width: 720px;
    margin: -10px 0 30px 0;
    overflow: hidden;
}

.ctop #others ul li {
    width: 350px;
    height: 18px;
}

.ctop #ticket_area {
    margin-bottom: 40px;
}

.ctop #ticket_area #schedule_list {
    margin-bottom: 10px;
}

.ctop #ticket_area #schedule_list .item {

    margin-top: -1px;
    display: flex;
    height: 47px;
    width: 740px;
    flex-wrap: nowrap;
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid #dddddd;
    transition: background-color, height 0.2s ease-out;
}
.ctop #ticket_area #schedule_list .item.is-link{
    cursor: pointer;
    background: url(/ticket/img/top2025/schedule_arrow.gif) right 10px center no-repeat;
}
.ctop #ticket_area #schedule_list .item.is-link:hover{
    background-color: #fffdd5;
}
.ctop #ticket_area #schedule_list .item.nolink {
    cursor: inherit;
    background: none;
}

.ctop #ticket_area #schedule_list .item.hide {
    height: 0;
    margin: 0;
    border-top: none;
    border-bottom: none;
}


.ctop #ticket_area #schedule_list .item.nolink:hover {
    background-color: transparent;
}

.ctop #ticket_area #schedule_list .item div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ctop #ticket_area #schedule_list .item .status {
    width: 55px;
}

.ctop #ticket_area #schedule_list .item .status1 {
    background: url(/ticket/img/top2025/status_1.gif) no-repeat center center;
}

.ctop #ticket_area #schedule_list .item .status2 {
    background: url(/ticket/img/top2025/status_2.gif) no-repeat center center;
}

.ctop #ticket_area #schedule_list .item .status0 {
    background: url(/ticket/img/top2025/status_3.gif) no-repeat center center;
}

.ctop #ticket_area #schedule_list .item .date {
    position: relative;
    justify-content: flex-start;
    width: 180px;
    font-size: 16px;
    font-weight: bold;
    padding-right: 20px;
}

.ctop #ticket_area #schedule_list .item.holiday .date {
    color: #cc3333;
}

.ctop #ticket_area #schedule_list .item.saturday .date {
    color: #3333cc;
}

.ctop #ticket_area #schedule_list .openGame .date::after,
.ctop #ticket_area #schedule_list .kara .date::after,
.ctop #ticket_area #schedule_list .coin .date::after,
.ctop #ticket_area #schedule_list .cap .date::after,
.ctop #ticket_area #schedule_list .torafes .date::after,
.ctop #ticket_area #schedule_list .child .date::after,
.ctop #ticket_area #schedule_list .trad .date::after,
.ctop #ticket_area #schedule_list .toraco .date::after,
.ctop #ticket_area #schedule_list .torafes .date::after,
.ctop #ticket_area #schedule_list .kids .date::after,
.ctop #ticket_area #schedule_list .ultra .date::after,
.ctop #ticket_area #schedule_list .fwtd .date::after,
.ctop #ticket_area #schedule_list .guts .date::after,
.ctop #ticket_area #schedule_list .tld .date::after,
.ctop #ticket_area #schedule_list .tbds .date::after {
    content: "";
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.ctop #ticket_area #schedule_list .kids.tbds .date::before {
    content: "";
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    right: 26px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(/ticket/img/top2025/icon_event_kids.png) no-repeat center center;
    background-size: 30px 30px;
}
.ctop #ticket_area #schedule_list .kids.tbds .date::after{
    right: 0;
}

.ctop #ticket_area #schedule_list .openGame .date::after {
    background: url(/ticket/img/top2025/icon_event_open.png) no-repeat center center;
    background-size: 30px 30px;
}

.ctop #ticket_area #schedule_list .coin .date::after {
    background: url(/ticket/img/top2025/icon_event_coin.png) no-repeat center center;
    background-size: 30px 30px;
}

.ctop #ticket_area #schedule_list .cap .date::after {
    background: url(/ticket/img/top2025/icon_event_cap.png) no-repeat center center;
    background-size: 30px 30px;
}

.ctop #ticket_area #schedule_list .ultra .date::after {
    background: url(/ticket/img/top2025/icon_event_ultra.png) no-repeat center center;
    background-size: 30px 30px;
}

.ctop #ticket_area #schedule_list .kids .date::after {
    background: url(/ticket/img/top2025/icon_event_kids.png) no-repeat center center;
    background-size: 30px 30px;
}

.ctop #ticket_area #schedule_list .child .date::after {
    background: url(/ticket/img/top2025/icon_event_child.png) no-repeat center center;
    background-size: 30px 30px;
}

.ctop #ticket_area #schedule_list .toraco .date::after {
    background: url(/ticket/img/top2025/icon_event_toraco.png) no-repeat center center;
    background-size: 30px 30px;
}

.ctop #ticket_area #schedule_list .trad .date::after {
    background: url(/ticket/img/top2025/icon_event_trad.png) no-repeat center center;
    background-size: 30px 30px;
}

.ctop #ticket_area #schedule_list .torafes .date::after {
    background: url(/ticket/img/top2025/icon_event_trafes.png) no-repeat center center;
    background-size: 30px 30px;
}

.ctop #ticket_area #schedule_list .fwtd .date::after {
    background: url(/ticket/img/top2025/icon_event_fwtd.png) no-repeat center center;
    background-size: 30px 30px;
}

.ctop #ticket_area #schedule_list .tld .date::after {
    background: url(/ticket/img/top2025/icon_event_tld.png) no-repeat center center;
    background-size: 30px 30px;
}
.ctop #ticket_area #schedule_list .tbds .date::after {
    background: url(/ticket/img/top2025/icon_event_tbds.png) no-repeat center center;
    background-size: 30px 30px;
}

.ctop #ticket_area #schedule_list .item .time {
    position: absolute;
    right: 60px;
}

.ctop #ticket_area #schedule_list .item .price {
    background: rgba(0, 0, 0, 0.1);
    font-size: 14px;
    font-weight: bold;
    padding: 0 20px;
}

.ctop #ticket_area #schedule_list .item .game {
    width: 180px;
    background: rgba(0, 0, 0, 0.05);
    font-size: 13px;
}

.ctop #ticket_area #schedule_list .item .game img {
    width: 35px;
    height: 35px;
    margin-right: 10px;
}

.ctop #ticket_area #schedule_list .item .btn_area {
    flex-grow: 1;
}

.ctop #ticket_area #schedule_list .item .btn_buy {
    display: inline-block;
    width: 140px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    background: #0088ba;
    border-radius: 5px;
    transition: opacity 0.2s ease-out;
    text-decoration: none;
}

.ctop #ticket_area #schedule_list .item .btn_buy.wait {
    background-color: #dddddd;
    cursor: default;
}

.ctop #ticket_area #schedule_list .item .btn_buy.wait:hover {
    text-decoration: none;
    opacity: 1;
}

.ctop #ticket_area #schedule_list .item .btn_buy:hover {
    text-decoration: none;
    opacity: 0.6;
}

#filter_container {
    margin-bottom: 30px;
}

#filter_container #btn_filter {
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
    width: 100%;
    height: 48px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 48px;
    border-bottom: none;
    background: #FFE100;
    margin: 20px auto 0;
    border-radius: 10px 10px 0 0;
}

#filter_container #btn_filter::after {
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    border-top: 2px solid #000000;
    border-right: 2px solid #000000;
    transform: rotate(135deg);
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: transform 0.2s ease-out;
}

#filter_container #btn_filter:hover::after {
    transform: translate(0, 3px) rotate(135deg);
}

#filter_container #btn_filter.active:hover::after,
#filter_container #btn_filter.active::after {
    transform: translate(0, 5px) rotate(315deg);
}

#filter_container #btn_filter:hover {
    opacity: 0.6;
}

#filter_container #filter_list {
    font-size: 0;
    line-height: 0;
    padding: 5px 10px;
    background: #c8c8c8;
}

#filter_container #filter_list:empty {
    padding: 1px;
}

#filter_container #filter_list li {
    position: relative;
    cursor: pointer;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    background: #ffffff;
    color: #333333;
    font-size: 14px;
    border-radius: 14px;
    padding: 0 28px 0 10px;
    margin: 5px 8px 5px 0;
}

#filter_container #filter_list li::after {
    display: flex;
    content: "×";
    position: absolute;
    margin-left: 5px;
    width: 20px;
    height: 20px;
    justify-content: center;
    align-items: center;
    top: 4px;
    right: 4px;
}

#filter_container #filter_list li:hover::after {
    border-radius: 100%;
    background: #333333;
    color: #ffffff;
    font-weight: bold;
}

#filter_container #filters {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    transition: height 0.2s ease-out;
}

#filter_container #filters dt {
    display: flex;
    align-items: center;
    width: 17%;
    padding: 5px 15px;
    border: 1px solid #dddddd;
    border-top: none;
    background: #f4f4f4;
    font-size: 16px;
    font-weight: bold;
}

#filter_container #filters dd {
    width: 65%;
    flex-grow: 1;
    padding: 10px 15px;
    border: 1px solid #dddddd;
    border-top: none;
    font-size: 14px;
}

#filter_container #filters dd div {
    font-size: 0;
}

#filter_container #filters dd label {
    cursor: pointer;
    position: relative;
    display: inline-block;
    padding-left: 18px;
    margin-right: 20px;
}

#filter_container #filters dd label input {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

#filter_container #filters dd.event label img {
    width: 30px;
    height: auto;
    vertical-align: middle;
}

.event_link {
    font-size: 12px;
    display: block;
    margin: 10px 0 0;
}

/*------------------------------------------
  チケット一覧
-------------------------------------------*/
.list #main .unit,
.price #main .unit {
    padding: 20px;
}

#main .unit .inner {
    background: #FFFFFF;
    padding: 20px;
    margin-top: 20px;
}

#main .unit .inner h6 {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

#main .unit .inner .btn_flex li {
    width: 340px;
}

#main .unit .inner .btn_flex li.wide {
    width: 100%;
}

#main .unit#postseason_koshien {
    background: #E5F9F4;
    padding-top: 1px;
}

#main .unit#postseason_koshien h5.it {
    color: #01AF84;
    border-color: #01AF84;
}

#main .unit#preseason_koshien {
    background: #e6f4eb;
}

#main .unit#preseason_koshien h5.it {
    color: #32947c;
    border-color: #32947c;
    margin-top: 0;
}

#main .unit#preseason_koshien h6 {
    color: #32947c;
}

#main .unit#preseason_kyocera {
    background: #e5eef7;
}

#main .unit#preseason_kyocera h5.it {
    color: #25a5da;
    border-color: #25a5da;
    margin-top: 0;
}

#main .unit#preseason_kyocera h6 {
    color: #25a5da;
}

#main .unit#regular_koshien {
    background: #e6f4eb;
}

#main .unit#regular_koshien h5.it {
    color: #006835;
    border-color: #006835;
    margin-top: 0;
}

#main .unit#regular_koshien h6 {
    color: #006835;
}

#main .unit#regular_koshien .inner.event {
    background: #006835;
}

#main .unit#regular_koshien .inner.event h6 {
    color: #FFFFFF;
}

#main .unit#regular_kyocera {
    background: #e5eef7;
}

#main .unit#regular_kyocera h5.it {
    color: #0057ad;
    border-color: #0057ad;
    margin-top: 0;
}

#main .unit#regular_kyocera h6 {
    color: #0057ad;
}

#main .unit#regular_kyocera .inner.event {
    background: #0057ad;
}

#main .unit#regular_kyocera .inner.event h6 {
    color: #FFFFFF;
}


#main .unit#regular_kurashiki {
    background: #f6f8e2;
}

#main .unit#regular_kurashiki h5.it {
    color: #a1b402;
    border-color: #a1b402;
    margin-top: 0;
}

#main .unit#regular_kurashiki h6 {
    color: #a1b402;
}


#main .unit .seat {
    text-align: center;
    position: relative;
    width: auto;
    float: none;
}

#main .unit .seat img,
#main .unit .seat svg {
    width: 320px;
    height: auto;
}

#main .unit .seat .btn_block {
    position: absolute;
    bottom: 0;
    right: 0;
}

#main .unit .seat .btn_block a {
    width: 150px;
}

#main .unit .btn_block a {
    display: inline-block;
    padding: 10px;
    text-align: center;
    background: #000000;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    border-radius: 30px;
    text-decoration: none;
}

#main .unit .btn_block a:hover {
    opacity: 0.7;
}

/*------------------------------------------
  料金表
-------------------------------------------*/
.price #main .unit .seat_price table {
    width: 100%;
    background: #FFF;
}

.price #main .unit p.note {
    margin: 5px 0 0 1em;
    text-indent: -1em;
    font-size: 12px;
}

.price #main .unit .seat_price table+table {
    margin-top: 15px;
}

.price #main .unit .seat_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.price #main .unit .seat_flex table+table {
    margin: 0 0 0 15px;
}

.price #main .unit .seat_price table th {
    white-space: nowrap;
    background: #F4F4F4;
}

.price #main .unit .seat_price table td,
.price #main .unit .seat_price table th {
    font-size: 12px;
    padding: 5px;
    font-weight: normal;
    border: 1px solid #D9D9D9;
}

.price #main .unit .seat_price table.tight td,
.price #main .unit .seat_price table.tight th {
    font-size: 11px;
    padding: 4px;
    font-weight: normal;
    border: 1px solid #D9D9D9;
}

.price #main .unit .seat_price table td.price,
.price #main .unit .seat_price table td.fc-price,
.price #main .unit .seat_price table td.price {
    text-align: right;
}

.price #main .unit .seat_price table td.fc-price {
    background: #fffb93;
}

.price #main .unit .seat_price table thead th {
    text-align: center;
}

.price #main .unit .seat_price table th.tl,
.target_table th.tl{
    text-align: center;
}

.price #main .unit .seat_price table th.tl span,
.target_table th.tl span{
    display: inline-block;
    width: 24px;
    height: 12px;
}


/*------------------------------------------
  席図色対応表
-------------------------------------------*/
.unit .seat_color_list dl{
    display: flex;
    flex-wrap: wrap;
    width: 400px;
    font-size: 14px;
} 

.unit .seat_color_list dt {
    width: 30px;
    padding: 4px 0;

}
.unit .seat_color_list dt span{
	display: block;
	width: 24px;
	height: 12px;
}
.unit .seat_color_list dd {
    width: 370px;
	margin-bottom: 2px;
}


/*------------------------------------------*/
.title_wp {
    position: relative;
}

.title_wp.koshien {
    background: url(/img/ticket/koshien/bg_koshien.jpg) 0 0 no-repeat;
    width: 980px;
    height: 160px;
    display: table;
}

.title_wp.kyocera {
    background: url(/img/ticket/kyocera/bg_kyocera.jpg) 0 0 no-repeat;
    width: 980px;
    height: 160px;
    display: table;
}

.title_wp.kyocera_pre {
    background: url(/img/ticket/kyocera/bg_kyocera_pre.gif) 0 0 no-repeat;
    width: 980px;
    height: 160px;
    display: table;
}

.title_wp.koshien_pre {
    background: url(/img/ticket/koshien/bg_koshien_pre.gif) 0 0 no-repeat;
    width: 980px;
    height: 160px;
    display: table;
}

.title_wp.kyocera_reg {
    background: url(/img/ticket/kyocera/bg_kyocera_reg.gif) 0 0 no-repeat;
    width: 980px;
    height: 160px;
    display: table;
}

.title_wp.koshien_reg {
    background: url(/img/ticket/koshien/bg_koshien_reg.gif) 0 0 no-repeat;
    width: 980px;
    height: 160px;
    display: table;
}

.title_wp.kurashiki_reg {
    background: url(/img/ticket/kurashiki/bg_kurashiki_reg.gif) 0 0 no-repeat;
    width: 980px;
    height: 160px;
    display: table;
}

.title_wp.kurashiki {
    background: url(/img/ticket/kurashiki/bg_kurashiki.jpg) 0 0 no-repeat;
    width: 980px;
    height: 160px;
    display: table;
}

.title_wp.overview {
    background: url(/img/ticket/koshien/bg_overview.jpg) 0 0 no-repeat;
    width: 980px;
    height: 160px;
    display: table;
}

.title_wp.hottomotto {
    background: url(/img/ticket/hottomotto/bg_hottomotto.jpg) 0 0 no-repeat;
    width: 980px;
    height: 160px;
    display: table;
}

.title_wp.ticket_refund {
    background: url(/img/ticket/refund/bg_refund.jpg) 0 0 no-repeat;
    width: 980px;
    height: 160px;
    display: table;
}



.title_wp .title {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    font-size: 30px;
    color: #FFFFFF;
    font-weight: bold;
}

.title_wp .title br {
    display: none;
}

.title_wp .title br.show {
    display: inline;
}

.title_wp .title span {
    font-size: 20px;
    display: block;
    text-align: center;
    font-weight: 500;
}

.title_wp .title small {
    font-size: 14px;
    display: block;
    text-align: center;
    font-weight: 500;
}

.summary #p_nav {
    overflow: hidden;
    text-align: center;
    margin: 22px;
}

.summary #p_nav li {
    display: inline-block;
    width: 300px;
    text-align: center;
    margin: 0 4px;
}

.summary #p_nav li.off {
    display: inline-block;
    background: #bababa;
    color: #f2f2f2;
    width: 300px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
}

.summary #p_nav li a {
    display: block;
    background: #000000;
    color: #ffe100;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
}

.summary #p_nav li a:hover {
    background: #ffe100;
    color: #000000;
}

.summary #banner,
.summary #container .unit {
    margin: 20px 20px 0 20px;
}

.summary #banner li,
.summary #container .unit li {
    background: #000000;
}

.summary ul.nav3,
.summary ul.nav2 {
    overflow: hidden;
    letter-spacing: -0.4em;
    text-align: center;
}

.summary #general .nav1 {
    margin-bottom: 20px;
    position: relative;
    background: #000000;
}

.summary ul.nav3 li {
    width: 300px;
    float: left;
    margin: 0 20px 20px 0;
    letter-spacing: normal;
    position: relative;
}

.summary ul.nav3 li:nth-child(3n) {
    margin-right: 0;
}

.summary ul.nav3 li img {
    width: 100%;
    height: auto;
}

.summary ul.nav2 li {
    width: 460px;
    float: left;
    margin: 0 20px 20px 0;
    letter-spacing: normal;
    position: relative;
}

.summary ul.nav2 li:last-child {
    margin-right: 0;
}

.summary .nav3 li a,
.summary .nav2 li a,
.summary .nav1 a,
#progressive .link-block a {
    color: #000000;
    text-decoration: none;
    display: block;
}

.summary .nav3 li a:hover,
.summary .nav2 li a:hover,
.summary .nav1 a:hover,
#progressive .link-block a:hover {
    opacity: 0.7;
}

.summary .nav3 li.off,
.summary .nav2 li.off {
    background: #000;
}

.summary .nav2 li.off span,
.summary .nav3 li.off span {
    opacity: 0.7;
}

.summary .ticket-name {
    width: 100%;
    background: #ffe100;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    display: block;
    padding: 10px 0;
    line-height: 1;
    position: absolute;
    top: 0;
}

.summary .link-block {
    position: relative;
}

.summary .link-block span {
    width: 9999px;
    border: 2px solid #FFE100;
    background: #ffe100;
    background: -moz-linear-gradient(top, #ffe100 0%, #ffc300 100%);
    background: -webkit-linear-gradient(top, #ffe100 0%, #ffc300 100%);
    background: linear-gradient(to bottom, #ffe100 0%, #ffc300 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe100', endColorstr='#ffc300', GradientType=0);
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    height: 196px;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.2;
}

.ticket-name small,
.link-block small {
    display: block;
    text-align: center;
    line-height: 1.2;
}

.summary .link-block span.end {
    position: absolute;
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    bottom: 0;
    border: none;
    color: #FFF;
    font-size: 15px;
    font-weight: normal;
    background: #cc0000;
}

#progressive .link-block {
    background: #000;
}

#progressive .link-block span {
    width: 9999px;
    border: 2px solid #CC0000;
    background: #e81717;
    background: -moz-linear-gradient(top, #e81717 0%, #c40303 100%);
    background: -webkit-linear-gradient(top, #e81717 0%, #c40303 100%);
    background: linear-gradient(to bottom, #e81717 0%, #c40303 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e81717', endColorstr='#c40303', GradientType=0);
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    height: 100px;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.2;
}

#progressive .link-block a {
    color: #FFF;
}

/*------------------------------------------
  チケット概要
-------------------------------------------*/
.overview .ticket_img {
    overflow: hidden;
    margin: 10px 20px;
}

.overview .ticket_img li {
    float: left;
    width: 430px;
    text-align: center;
}

.overview .ticket_img li:nth-child(2n) {
    float: right;
}

.overview #p_nav {
    overflow: hidden;
    text-align: center;
    margin: 20px;
}

.overview #p_nav li {
    display: inline-block;
    text-align: center;
    margin: 0 2px;
    vertical-align: bottom;
}

.overview #p_nav li.off {
    display: inline-block;
    background: #bababa;
    color: #f2f2f2;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    padding: 0 10px;
}

.overview #p_nav li a {
    display: block;
    background: #000000;
    color: #ffe100;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    padding: 0 10px;
}

.overview #p_nav li.off span,
.overview #p_nav li a span {
    font-size: 15px;
}

.overview #p_nav li a:hover {
    background: #ffe100;
    color: #000000;
}

.overview .section {
    margin: 20px;
}

.overview .section p {
    font-size: 13px;
    line-height: 1.4;
}

.overview .section .howtolist dl {
    font-size: 13px;
    line-height: 1.4;
    margin: 10px 0;
    color: #000;
}

.overview .section .howtolist dt {
    font-weight: bold;
    margin: 5px 0;
}

.overview .section .howtolist dd {
    font-weight: normal;
}

.overview p.em {
    font-size: 16px;
    font-weight: bold;
}

.overview span.label {
    display: inline-block;
    color: #cc0000;
    font-size: 16px;
    font-weight: bold;
    margin-top: 5px;
}

.overview .kurashiki_cont .section h5 {
    font-size: 16px;
    font-weight: bold;
    margin: 20px 0 10px 0;
    padding: 6px 8px;
    background: #f6f8e2;
}

.overview .kurashiki_cont .section h5:first-child {
    margin-top: 0;
}

.overview .kurashiki_cont .section h6 {
    font-size: 15px;
    color: #a1b402;
    font-weight: bold;
    margin: 10px 0;
    padding: 4px 0;
    background-color: #fff;
    border-bottom: 2px #a1b402 solid;
}

.overview .kurashiki_cont .section h6 span{
	font-size: 25px;
	vertical-align:bottom;
	line-height: 1.9em;
	
	}

.overview .kurashiki_cont div.mini_ttl {
    color: #a1b402;
    font-size: 13px;
    font-weight: bold;
    border-bottom: dotted #a1b402 1px;
    padding: 7px 0;
    margin: 20px 0;
}

/*------------------------------------------
  京セラチケット専用
-------------------------------------------*/
.overview .kyocera_cont .section h5 {
    font-size: 16px;
    font-weight: bold;
    margin: 20px 0 10px 0;
    padding: 6px 8px;
    background: #e5eef7;
}

.overview .kyocera_cont .section h5:first-child {
    margin-top: 0;
}

.overview .kyocera_cont .section h6 {
    font-size: 15px;
    color: #0057ae;
    font-weight: bold;
    margin: 10px 0;
    padding: 4px 0;
    background-color: #fff;
    border-bottom: 2px #0057ae solid;
}

.overview .kyocera_cont div.mini_ttl {
    color: #0057ae;
    font-size: 13px;
    font-weight: bold;
    border-bottom: dotted #0057ae 1px;
    padding: 7px 0;
    margin: 20px 0;
}

.overview .kyocera_cont .unit .howtolist dd.release_date {
    color: #0057ae;
	font-weight: bold;
	font-size: 15px;
}
.overview .kyocera_cont .unit .note_box{
	background: #e5eef7;
	padding: 10px;
}

.overview .kyocera_cont .unit .note_box_border{
	border:3px #e5eef7 solid;
	padding: 10px;
}

/*------------------------------------------
  甲子園チケット専用
-------------------------------------------*/
.overview .koshien_cont .section h5 {
    font-size: 16px;
    font-weight: bold;
    margin: 20px 0 10px 0;
    padding: 6px 8px;
    background: #e6f4eb;
}

.overview .koshien_cont .section h5:first-child {
    margin-top: 0;
}

.overview .koshien_cont .section h6 {
    font-size: 15px;
    color: #006835;
    font-weight: bold;
    margin: 10px 0;
    padding: 4px 0;
    background-color: #fff;
    border-bottom: 2px #006835 solid;
}

.overview .koshien_cont div.mini_ttl {
    color: #006835;
    font-size: 13px;
    font-weight: bold;
    border-bottom: dotted #006835 2px;
    padding: 6px 0;
    margin: 20px 0;
}

.overview .koshien_cont div.qr_area {
    background: #e6f3f4;
    padding: 10px 10px 20px 10px;
    margin-top: 20px;
}

.overview .koshien_cont div.qr_area .mini_ttl {
    color: #00656e;
    text-align: center;
    font-size: 16px;
    border: none;
    margin: 0;

}

.overview .koshien_cont .unit .howtolist dd.release_date {
    color: #006835;
	font-weight: bold;
	font-size: 15px;
}
.overview .koshien_cont .unit .note_box{
	background: #e6f4eb;
	padding: 10px;
}

.overview .koshien_cont .unit .note_box_border{
	border:3px #e6f4eb solid;
	padding: 10px;
	margin-top:30px; 
}

.overview .koshien_cont .unit .note_box_border div.mini_ttl{
	border: none;
	margin: 0;
	/*color: #00656e;*/
}

/*------------------------------------------
  払い戻しページ用
-------------------------------------------*/

.overview .refund_cont .section h5 {
    font-size: 16px;
    font-weight: bold;
    margin: 20px 0 10px 0;
    padding: 6px 8px;
    background: #eef2f3;
}

.overview .refund_cont .section h5:first-child {
    margin-top: 0;
}

.overview .refund_cont .section h6 {
    font-size: 15px;
    color: #417988;
    font-weight: bold;
    margin: 10px 0;
    padding: 4px 0;
    background-color: #fff;
    border-bottom: 2px #417988 solid;
}

.overview .refund_cont div.mini_ttl {
    color: #417988;
    font-size: 13px;
    font-weight: bold;
    border-bottom: dotted #417988 1px;
    padding: 7px 0;
    margin: 20px 0;
}

.overview .refund_cont .unit .note_box{
	background: #eef2f3;
	padding: 10px;
}


/*---------------------------------------*/

.overview .note_icon,
.overview .note_icon_red{
  display:flex;
  flex-wrap:wrap;
  margin-bottom:5px;
}
.overview .note_icon li{
  padding:5px 10px;
  font-size:12px;
  margin:0 5px 5px 0;
  border-radius:100vh;
  color:#fff;
  background:#417988;
}

.overview .note_icon_red li{
  padding:5px 10px;
  font-size:12px;
  margin:0 5px 5px 0;
  border-radius:100vh;
  color:#fff;
  background:#cc0000;
}

.overview .note_icon li:last-of-type{
  margin-right:0;
}


.overview .note_box .note_icon_red{
	justify-content: center;
} 

/*---------------------------------------*/
.overview div.btn_area {
    width: 80%;
    margin: 30px auto 10px auto;
}

.overview div.btn_area_event{
	background: #006835;
	padding:20px 60px;
}
.overview div.btn_area_event p{
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	font-size: 18px;
}

.overview .section h5.bg_gray {
    font-size: 15px;
    font-weight: bold;
    margin: 20px 0 10px 0;
    border-left: 4px solid #000;
    padding: 4px 8px;
    background: #ffe000;
}

.overview .section h5:first-child {
    margin-top: 0;
}

.overview .section h5.bg_red {
    border-left: 4px solid #eb9f9f;
    background: #CC0000;
    color: #fff;
}

.overview .section h6 {
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0;
    padding: 4px 8px;
    background: #E5E5E5;
}

.overview .section td h6 {
    background: #e9f1fb;
    font-size: 13px;
}

.overview .section td h6:first-child {
    margin-top: 0;
}

.overview .unit {
    overflow: hidden;
}

.overview .indent+h6 {
    margin-top: 20px;
}

.overview table {
    width: 100%;
}

.overview .half {
    overflow: hidden;
    margin-bottom: 10px;
}

.overview .half table:first-child {
    width: 49%;
    float: left;
}

.overview .half table:last-child {
    width: 49%;
    float: right;
}

.overview .half+h5,
.overview .half+ul.indent {
    clear: both;
}

.overview table th,
.overview table td {
    padding: 8px 10px;
    border: 1px solid #D9D9D9;
    font-size: 13px;
    line-height: 1.4;
}

.overview table.no_border th,
.overview table.no_border td {
    padding: 5px;
    border: none;
    font-size: 13px;
    line-height: 1.4;
}

.overview table.no_border th img,
.overview table.no_border td img {
    margin-bottom: 5px;
}

.overview table thead th,
.overview table tbody th {
    background: #F4F4F4;
    font-weight: normal;
}


.overview table.center th,
.overview table.center td {
    text-align: center;
}

.overview span.em {
    font-weight: bold;
}

.overview div.indent,
.overview ul.indent li {
    text-indent: -1em;
    margin-left: 1em;
}

.overview .att_box {
    margin: 20px 0 0 0;
    padding: 10px;
    font-size: 12px;
    border: 1px solid #ffe000;
}

.overview .att_box p {
    font-size: 12px;
}

.overview .att_box p.indent {
    text-indent: -1em;
    margin-left: 1em;
}

.overview .inner-wp {
    overflow: hidden;
}

.overview .seat {
    width: 300px;
    float: left;
}

.overview .seat.center {
    float: none;
    margin: 0 auto;
}

.overview table.wide {
    float: none;
    width: 100% !important;
}

.overview .seat+table.center {
    width: 600px;
    float: right;
    margin-top: 80px;
}

.overview .seat+table.center+ul.indent {
    width: 600px;
    float: right;
}

.overview .seat-wide {
    width: 620px;
    float: left;
}

.overview .seat-l {
    width: 550px !important;
    float: left;
    margin-bottom: 10px;
}

.overview .seat-r {
    width: 380px !important;
    float: right;
}

.overview .seat-l td.price,
.overview .seat-l td.fc-price {
    width: auto !important;
}

.overview .inner-wp {
    position: relative;
}

.overview .inner-wp .icon-box {
    position: absolute;
    bottom: 30px;
    left: 0;
}

.overview .icon-box span {
    display: inline-block;
    font-size: 13px;
    padding: 2px;
    vertical-align: middle;
    line-height: 15px;
}

.overview .icon-box li {
    margin-top: 5px;
    font-size: 13px;
}

.overview .seat img,
.overview .seat-wide img {
    width: 100%;
    height: auto;
}

.overview p.normal {
    font-size: 15px;
    padding: 5px 10px;
}

.overview #target.section {
    margin-top: 20px;
}

.overview #target table tbody th {
    text-align: center;
}

.overview #period table td small {
    font-size: 12px;
}

.overview #price .inner-wp {
    padding-bottom: 10px;
}

.overview #price .inner-wp.kurashiki {
    width: 620px;
    margin: 0 auto;
}

.overview #price .inner-wp .fl {
    width: 310px;
    float: left;
}

.overview #price .inner-wp .fl table {
    float: none;
    margin-left: 0;
}

.overview #price .inner-wp .fl p {
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    margin-top: 10px;
}

.overview #price .inner-wp table {
    width: 310px;
    float: left;
    margin-left: 10px;
}

.overview #price .inner-wp table.w2 {
    width: 620px;
    margin-top: 100px;
}

.overview #price .inner-wp table.regular {
    width: 620px;
    float: right;
    margin-bottom: 10px;
}

.overview #price .inner-wp table.regular tbody th {
    white-space: nowrap;
}

.overview #price table td,
.overview #price table th {
    font-size: 12px;
    padding: 5px;
}

.overview #price table th:nth-child(3) {
    white-space: nowrap;
}

.overview #price td.price,
.overview #price td.fc-price,
.overview #wheelchair td.price {
    text-align: right;
    width: 25%;
}

.overview #price .seat+table td.price,
.overview #price .seat+table td.fc-price {
    width: 20%;
}

.overview #price td.fc-price {
    background: #fffb93;
}

.overview #price table thead th {
    text-align: center;
}

.overview #price th.tl {
    text-align: center;
}

.overview #price th.tl span {
    display: inline-block;
    width: 24px;
    height: 12px;
}

.overview img.qr {
    display: block;
    width: 120px;
    height: auto;
    margin: 0 auto;
}

span.special-center {
    background: #6eb92b;
}

span.special-free {
    background: #ab951c;
}

span.outfield-free{
    background: #ec6d74;
}


span.green {
    background: #92a424;
}

span.green-low {
    background: #288e3a;
}

span.green-up {
    background: #00442e;
}

span.ivy {
    background: #C3D82E;
}



span.mitsuya-cider {
    background: #22B6BB;
}

span.twin-triple {
    background: #E96A00;
}

span.smbc-relax {
    background: #41096A;
}

span.panorama {
    background: #4B3711;
}

span.toshiba {
    background: #E50010;
}

span.smbc {
    background: #F8BD00;
}

span.alps-1st {
    background: #A05C97;
}

span.alps-3rd {
    background: #175BA4;
}

span.outfield-right {
    background: #1F8ECE;
}

span.outfield-left {
    background: #77BFE3;
}

span.left-visitpr-palepink {
    background: #f9dbe8;
}

span.visitor {
    background: #E4007F;
}

span.breeze {
    background: #6FBA2C;
}

span.breeze-pair {
    background: #C01920;
}

span.spbox {
    background: #804f21;
}

span.alps-wingview {
    background: #FFC690;
}

span.left-skyview {
    background: #FE01EB;
}

span.docomolounge {
    background: #F9F992;
    border: 1px solid #ccc;
}

span.green-luxury {
    background: #ceff00;
    border: 1px solid #666;
}

span.breeze-resort {
    background: #ba9314;
}

span.docomo_lounge {
    background: #f9f992;
}

span.visitor {
    background: #f7dce3;
    border: 1px solid #666;
}

span.visitor-a {
    background: #F20072;
    color: #FFFFFF;
    text-align: center;
    width: 15px !important;
    height: 15px !important;
}

span.visitor-b {
    background: #AA035A;
    color: #FFFFFF;
    text-align: center;
    width: 15px !important;
    height: 15px !important;
}

span.visitor-c {
    background: #FCAAD3;
    text-align: center;
    width: 15px !important;
    height: 15px !important;
}

span.visitor-d {
    background: #f7dce3;
    text-align: center;
    width: 15px !important;
    height: 15px !important;
}

span.visitor-e {
    background: #F40986;
    color: #FFFFFF;
    text-align: center;
    width: 15px !important;
    height: 15px !important;
}

span.visitor-f {
    background: #FEE7BC;
    text-align: center;
    width: 15px !important;
    height: 15px !important;
}

span.visitor-g {
    background: #f8c8c9;
    text-align: center;
    width: 15px !important;
    height: 15px !important;
}

span.visitor-h {
    background: #ef9f95;
    text-align: center;
    width: 15px !important;
    height: 15px !important;
}

span.lawson {
    background: #F4E82C;
}

span.ivy_seat_farm {
    background: #fff100;
}

/*-----ほっともっと用-----*/
.excellent_hm {
    background: #f08200;
}

.executive_hm {
    background: #e4007f;
}

.net_back_hm {
    background: #8da3c4;
}

.live_hm {
    background: #87caac;
}

.a_reserved_hm {
    background: #f7c8dc;
}

.circle_number {
    width: 1.5em;
    height: 1.5em;
    padding-top: 0.05em;
    border: 1px solid black;
    border-radius: 50%;
    text-align: center;
    box-sizing: border-box;
    background-color: #fff;
    margin: 0 auto;
}

/*-----2020_0120add-----*/
.overview table.other_t {
    width: 600px;
    table-layout: fixed;
}

.overview table.other_t2 {
    width: 300px;
    table-layout: fixed;
}

.overview #price .inner-wp .seat_price {
    float: left;
    width: 310px;
    margin-left: 10px;
}

.overview #price .inner-wp .seat_price table,
.overview #price .inner-wp .seat_price_r table {
    float: none;
    margin: 0;
}

.overview #price .inner-wp .seat_price_r {
    float: left;
    width: 3620px;
    margin-left: 10px;
}

.overview .seat_flex {
    display: flex;
    justify-content: space-between;
}

.overview .seat_flex_img{
	display: flex;
    justify-content: space-between;
	padding:0 20px;
	align-items: center;
} 

.overview .middle {
    align-items: center;
}

.overview .seat_flex .seat {
    float: none;
}

.overview .seat_flex table.half {
    width: 310px;
}

.overview .e_seat_detail {
    width: 600px;
}

.overview .e_seat_detail table {
    width: 100%;
}

.overview table.tb_fix {
    table-layout: fixed;
}

.overview #seat_other dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding-bottom: 15px;
}

.overview #seat_other dt {
    width: 300px;
    margin-right: 15px;
}

.overview #seat_other dd li {
    font-size: 13px;
}

.overview #seat_other dd span {
    display: inline-block;
    font-size: 13px;
}

.overview #price .inner-wp #seat_other+table.new_regular,
.overview #price .inner-wp table.new_regular {
    width: 100%;
    margin-left: 0;
    float: none;
}

.overview #price .new_regular td.price,
.overview #price .new_regular td.fc-price {
    width: auto !important;
}

#seat_other {
    position: relative;
}

#seat_other .cat_btn {
    position: absolute;
    right: 0;
    bottom: 5px;
}

#seat_other .other_cat_box {
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
    align-items: flex-end;
}

#seat_other .other_cat_box .cat_btn {
    position: static;
    display: inline-block;
}

#seat_other .cat_btn a {
    display: block;
    font-size: 16px;
    font-weight: bold;
    padding: 8px 15px;
    color: #333;
    background: #f1f1f1;
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #f1f1f1 50%, #f1f1f1 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 50%, #f1f1f1 50%, #f1f1f1 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #f1f1f1 50%, #f1f1f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1', GradientType=0);
    box-sizing: border-box;
    border: solid 1px #666666;
    border-radius: 5px;
    transition: all .3s;
}

#seat_other .cat_btn a:hover {
    text-decoration: none;
    background: #000;
    color: #fff;
}

/*-----2020_0624add-----*/
.overview .ask_visitors {
    background: #ffeded;
    margin-top: 20px;
}

.overview .ask_visitors_inner {
    padding: 0 10px 10px;
}

.section.box_red .box_inner {
    padding: 15px;
}

.blue {
    color: #0068D0;
}

.yellow {
    color: #ffe000;
}

.section.box_red {
    background: #ffeded;
}

.section.box_red h4.st {
    background: #cc0000;
    margin-bottom: 0;
}

.section.box_guideline {
    background: #daebf9;
}

.section.box_guideline h4.st {
    background: #0066CC;
    margin-bottom: 0;
    border-top: none;
}

.section.box_guideline p {
    font-size: 14px;
    line-height: 1.5;
    color: #0D5EAE;
}

.section.box_guideline div.link_block {
    width: 500px;
    margin: 15px auto;
}

.section.box_guideline div.link_block a {
    display: block;
    color: #0066CC;
    background: #ffe000;
    border: 2px solid #0066CC;
    border-radius: 10px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    padding: 10px;
    text-decoration: none;
    position: relative;
}

.section.box_guideline div.link_block a::after {
    content: "";
    display: inline-block;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 15px;
    width: 10px;
    height: 10px;
    border-top: 4px solid #0066CC;
    border-right: 4px solid #0066CC;
    transform: rotate(45deg);
}

.section.box_guideline .box_inner,
.section.box_red .box_inner,
.section.box_border .box_inner {
    padding: 15px;
}

.section.box_border {
    border: 2px solid #363636;
    border-top: none;
}

.section.box_border h4.st {
    margin-bottom: 0;
    font-size: 16px;
	line-height: 1.2em;
    padding: 10px;
}

.section.box_border .box_inner h6 {
    margin: 0;
}

.section.box_border p.em {
    font-size: 15px;
}

.section.box_border p.em.center {
    text-align: center;
    margin: 10px 0;
}

.box_border_red {
    border: 2px solid #cc0000;
    padding: 15px;
    background: #ffeded;
}

.box_border_red p.em {
    text-align: center;
}

.box_border_red ul.indent li,
.box_border_red p.txt {
    font-size: 13px;
    margin-top: 3px;
}

.box_pink {
    padding: 15px;
    background: #ffeded;
}

.box_pink p.em {
    text-align: center;
}

.box_pink ul.indent li,
.box_pink p.txt {
    font-size: 13px;
    margin-top: 3px;
}

.red_box {
    border: 1px solid #cc0000;
    padding: 10px;
}

/*kyocera*/
span.loyal {
    background: #e50012;
}



span.field-a {
    background: #784d26;
}

span.field-b {
    background: #c9a063;
}

span.net-back {
    background: #f19a96;
}

span.special-a {
    background: #45b035;
}

span.special-b {
    background: #fdd23e;
}

span.dugout-view {
    background: #8be0cc;
}

span.special-reserved {
    background: #865ba3;
}

span.infield-reserved {
    background: #00357f;
}

span.panorama-seat {
    background: #f39800;
}

span.infield-reserved-up {
    background: #fff697;
}

span.outfield-reserved {
    background: #eb6ea5;
}

span.outfield-reserved-right {
    background: #933481;
}

span.outfield-reserved-left {
    background: #ea5514;
}


span.outfield-reserved-right-up {
    background: #00a6e9;
}

span.outfield-reserved-left-up {
    background: #006a2c;
}

span.left-visitor-up {
    background: #c4d700;
}


/*kurashiki*/
span.infield_sp {
    background: #e60012;
}

span.infield_a {
    background: #0068b7;
}

span.infield_b_1st {
    background: #14a83b;
}

span.infield_b_3rd {
    background: #beac42;
}

span.infield_c_1st{
	    background: #990066;
}

span.infield_c_3rd{
	    background: #cc6699;
}

span.infield_b_3rd_opponent {
    background: #a9cf52;
}

span.infield_b_free {
    background: #cae5cd;
}

span.infield_c_free {
    background: #c490bf;
}

span.outfield_r_free {
    background: #f39938;
}

span.left_visitor {
    background: #00b4ed;
}

span.outfield_l_free {
    background: #e95098;
}

.overview #infomation {
    overflow: hidden;
}

.overview #infomation .lead,
.overview #special .lead {
    width: 600px;
    float: left;
    line-height: 1.6;
}

.overview #infomation .img-box,
.overview #special .img-box {
    float: right;
}

.overview #special .img-box {
    padding-bottom: 20px;
}

.overview #special .img-box .overview #special .img-box strong {
    display: block;
    text-align: center;
    font-size: 14px;
}

.overview #infomation .img-box span,
.overview #special .img-box span {
    display: block;
    padding: 5px 0;
    font-size: 12px;
    text-align: center;
}

.overview #special .img-box+h5 {
    clear: both;
}

.overview #special .img-box+ul.indent {
    width: 600px;
    float: left;
}

.overview #release_date table th,
.overview #period table th,
.overview #howto table th,
.overview #wheelchair table th, 
.overview #target_match table th{
    text-align: center;
}

.overview #howto table th img {
    height: 50px;
    width: auto;
}

.overview #period table tbody th,
.overview #howto table tbody th {
    width: 30%;
}

.overview #howto table tbody.thin th {
    width: 20%;
}

.overview #howto span.tel,
.overview #howto span.url,
.overview #other span.url,
.overview #wheelchair span.url,
.section td span.url {
    font-weight: bold;
    font-family: "Arimo";
    letter-spacing: 0.03em;
    display: block;
}

.overview #howto span.url,
.overview #other span.url,
.overview #wheelchair span.url,
.section td span.url {
    font-size: 16px;
}

.overview #howto span.shop {
    font-size: 15px;
}

.overview p.shop {
    padding: 5px 0 0 10px;
    font-size: 15px;
}

.overview p.shop span {
    font-weight: bold;
    font-size: 13px;
}

.overview #release_date ul.indent,
.overview #howto ul.indent,
.overview #period ul.indent {
    margin-top: 10px;
}

.overview table+ul.indent {
    margin-top: 10px;
}

.overview #special .img_box {
    text-align: center;
    width: 400px;
    margin: 10px auto;
}

.overview #special .img_box_w1 {
    text-align: center;
    width: 600px;
    margin: 10px auto;
}

.overview #special .img_box_w2 {
    text-align: center;
    width: 800px;
    margin: 10px auto;
}

.overview #special .img_box_table {
    display: table;
    width: 500px;
    margin: 0 auto;
}

.overview #special .img_box_table span,
.overview #special .img_box_table img {
    display: table-cell;
    vertical-align: middle;
}

.overview #special .img_box_s {
    text-align: center;
    width: 240px;
    margin: 10px auto;
}

.overview #special .img_box_wp {
    text-align: center;
    margin: 10px auto;
}

.overview #special .img_box_wp li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
}

.overview #special .img_box+ul.indent {
    clear: both;
}

.overview .img_seat {
    text-align: center;
    width: 500px;
    margin: 10px auto;
}

.overview #special .img_box_wp img,
.overview #special .img_box_s img,
.overview #special .img_box img,
.overview #special .img_box_w2 img,
.overview .img_seat img {
    width: 100%;
    height: auto;
    margin-bottom: 5px;
}

.overview #special .img_box_wp li span,
.overview #special .img_box span,
.overview .img_seat {
    display: block;
    text-align: center;
    font-size: 13px;
}

.overview .flow_box ul li {
    font-size: 13px;
    padding: 5px 10px;
    background: #F4F4F4;
    margin-bottom: 15px;
    border: 1px solid #e5e5e5;
}

.overview #special .food_wp {
    overflow: hidden;
    margin-bottom: 20px;
}

.overview #special .food_wp dl {
    width: 208px;
    float: left;
    margin: 20px 20px 0 0;
    border: 1px solid #e5e5e5;
    padding: 5px;
}

.overview #special .food_wp dl:nth-child(4n) {
    margin-right: 0;
}

.overview #special .food_wp dl img {
    width: 100%;
    height: auto;
}

.overview #special .food_wp dl dd.menu {
    height: 5em;
    padding: 10px 5px;
    line-height: 1.3;
}

.overview #special .goods_wp {
    overflow: hidden;
    text-align: center;
}

.overview #special .goods_wp dl {
    width: 350px;
    display: inline-block;
    margin: 20px 10px;
    border: 1px solid #e5e5e5;
    padding: 5px;
    vertical-align: top;
}

.overview #special .goods_wp dl dt {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0;
    text-align: center;
}

.overview #special .goods_wp dl dd {
    text-align: center;
    padding: 10px 5px;
}

.overview #special .goods_wp dl dd.comment {
    text-align: left;
}

.overview #special .goods_wp dl img {
    width: 240px;
    height: auto;
}

.overview .howto_wp {
    display: table;
}

.overview .howto_wp dl {
    display: table-cell;
    padding: 0 5px;
}

.overview .howto_wp dl dt {
    margin-left: 1.5em;
    text-indent: -1.5em;
    padding-bottom: 10px;
}

.overview .howto_wp dl dd {
    text-align: center;
}

.overview .howto_wp dl dd img {
    vertical-align: middle;
}

.overview .happi_wp {
    overflow: hidden;
    text-align: center;
}

.overview .happi_wp.wp2 {
    width: 750px;
    margin: 0 auto;
}

.overview .happi_wp dl {
    float: left;
    margin: 15px 5px;
}

.overview .happi_wp dt {
    text-align: center;
    font-size: 13px;
}

.overview .happi_wp dd {
    width: 240px;
    text-align: center;
    display: inline-block;
}

.overview .happi_wp dd.front {
    width: 180px;
}

.overview .happi_wp dd img {
    width: 100%;
    height: auto;
}

.overview .happi_flex {
    display: flex;
    justify-content: center;
    margin: 10px 0;
}

.overview .happi_flex dd {
    text-align: center;
}

.overview table.ex {
    margin: 10px 0;
}

.overview #attention table th {
    width: 30%;
    text-align: center;
}

.overview div.flex {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 10px 0;
}

/* VACANTSEAT 空席情報
--------------------------------------- */
.vacantseat #ln {
    padding-top: 0;
}

.vacantseat p#tp {
    background: #D4D4CD url(/img/ticket/pt_vacantseat.gif) 0 0 no-repeat;
}

.vacantseat .section {
    margin: 20px;
}

.vacantseat #main h5.it {
    font-size: 15px;
    font-weight: bold;
    margin: 10px 0;
    border-left: 4px solid #000;
    padding: 4px 8px;
    background: #ffe000;
    border-bottom: none;
    text-align: left;
}

.vacantseat .links {
    margin: 10px 0 20px 0;
    text-align: center;
}

.vacantseat .links a {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 20px 10px 10px;
    border-radius: 5px;
    line-height: 1;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    position: relative;
}

.vacantseat .links a::after {
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-top: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    transform: rotate(45deg);
}

.vacantseat .links a.m-tora::after {
    border-top: 2px solid #000000;
    border-right: 2px solid #000000;
}

.vacantseat .m-ko {
    background: #006166;
    color: #FFF;
}

.vacantseat .m-tora {
    background: #fed500;
    color: #000;
}

.vacantseat .m-lawson {
    background: #0068b7;
    color: #FFF;
}

.vacantseat .m-pia {
    background: #4261CA;
    color: #FFF;
}

.vacantseat .m-maru,
.vacantseat .m-sankaku,
.vacantseat .m-batsu {
    font-size: 16px;
}

.vacantseat ul.update {
    overflow: hidden;
    text-align: right;
    padding-bottom: 7px;
}

.vacantseat ul.update li {
    text-align: right;
    display: block;
    font-size: 12px;
}

.vacantseat .bnr {
    margin: 30px 20px;
    text-align: center;
}

.vacantseat .bnr img {
    vertical-align: middle;
}

.vacantseat .bnr a {
    display: block;
    text-decoration: none;
}

.vacantseat #type ul {
    overflow: hidden;
    padding-bottom: 10px;
}

.vacantseat #type ul li {
    font-size: 14px;
    display: inline-block;
    padding-right: 30px;
}

.vacantseat #notes .indent {
    text-indent: -1em;
    margin-left: 1em;
}

.vacantseat #notes p {
    font-size: 14px;
}

.vacantseat #notes .btn_wheelchair {
    background: #000;
    width: 360px;
    margin: 25px auto;
}

.vacantseat #notes .btn_wheelchair a {
    display: block;
    background: #006f7c;
    color: #FFF;
    font-size: 22px;
    font-weight: bold;
    padding: 30px 0;
    text-align: center;
    text-decoration: none;
}

.vacantseat #notes .btn_wheelchair a:hover {
    opacity: 0.7;
}

.vacantseat #schedule {
    background: #373737;
    padding: 20px;
}

.vacantseat #schedule ul.month {
    overflow: hidden;
    text-align: center;
    margin-bottom: 15px;
}

.vacantseat #schedule ul.month li {
    display: inline-block;
    width: 98px;
    margin: 0 5px;
}

.vacantseat #schedule ul.month li a {
    display: block;
    background: #ffe100;
    text-align: center;
    padding: 6px;
    font-size: 18px;
    color: #000;
    font-weight: bold;
    border-radius: 5px;
    text-decoration: none;
}

.vacantseat #schedule ul.month li a:hover {
    background: #006f7c;
    color: #FFF;
}

.vacantseat #schedule p {
    color: #FFF;
    text-align: right;
    font-size: 14px;
}

.vacantseat #schedule .ac_wp {
    background: #f7f5e8;
    margin-top: 10px;
}

.vacantseat #schedule .ac_wp p {
    color: #000;
}

.vacantseat #schedule .ac_menu {
    background: #ffe100;
    font-size: 22px;
    font-weight: bold;
    height: 58px;
    line-height: 58px;
    padding: 0 10px;
}

.vacantseat #schedule .ac_menu img {
    width: 42px;
    height: auto;
    padding: 0 10px;
    vertical-align: middle;
}

.vacantseat #schedule .ac_box {
    padding: 10px 20px;
}

.vacantseat #schedule .ac_box table {
    width: 100%;
    margin-bottom: 20px;
}

.vacantseat #schedule .ac_box th,
.vacantseat #schedule .ac_box td {
    border: 1px solid #000;
    padding: 5px 5px;
    font-weight: normal;
    font-size: 12px;
}

.vacantseat #schedule .ac_box thead th {
    background: #dcdacf;
    text-align: center;
}

.vacantseat #schedule .ac_box thead th span {
    margin-right: 5px;
}

.vacantseat #schedule .ac_box tbody th {
    background: #f3f3f3;
    width: 20%;
}

.vacantseat #schedule .ac_box tbody td {
    background: #FFF;
    text-align: center;
    width: 15%;
}

.vacantseat #f_nav ul.nav3 li {
    width: 230px;
    margin: 0 25px 20px 0;
}

.vacantseat #f_nav ul.nav3 li:last-child {
    margin-right: 0;
}

.vacantseat #schedule .btn_back {
    display: block;
    width: 240px;
    padding: 15px;
    background: #FFE000;
    color: #333333;
    font-size: 24px;
    font-weight: bold;
    margin: 20px auto 0;
    text-align: center;
}

.vacantseat #schedule .ac_box .btn_tora_ticket,
.vacantseat #schedule .ac_box .btn_lawson,
.vacantseat #schedule .ac_box .btn_pia,
.vacantseat #schedule .ac_box .btn_ko {
    padding-bottom: 10px;
}

.vacantseat #schedule .ac_box .btn_tora_ticket a:hover,
.vacantseat #schedule .ac_box .btn_lawson a:hover,
.vacantseat #schedule .ac_box .btn_pia a:hover,
.vacantseat #schedule .ac_box .btn_ko a:hover {
    text-decoration: none;
    opacity: 0.6;
}

.vacantseat #schedule .ac_box .btn_ko a {
    text-decoration: none;
    background: #006E7F;
    color: #fff;
    display: block;
    padding: 10px 10px;
    border-radius: 5px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.vacantseat #schedule .ac_box .btn_pia a {
    text-decoration: none;
    background: #3367CD;
    color: #fff;
    display: block;
    padding: 10px 10px;
    border-radius: 5px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.vacantseat #schedule .ac_box .btn_lawson a {
    text-decoration: none;
    background: #0074BF;
    color: #fff;
    display: block;
    padding: 10px 10px;
    border-radius: 5px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.vacantseat #schedule .ac_box .btn_tora_ticket a {
    text-decoration: none;
    background: #FFED01;
    color: #000;
    display: block;
    padding: 10px 10px;
    border-radius: 5px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

/* VACANT_OLD 空席情報
--------------------------------------- */
.vacant #main {
    background: url(/img/ticket/pt_vacantseat.gif) 0 0 no-repeat;
}

.vacant #main.today {
    background: url(/img/ticket/pt_today.gif) 0 0 no-repeat;
}

.vacant #article {
    margin: 0 auto 30px auto;
    width: auto;
}

.vacant h4.pt2 {
    position: relative;
}

.vacant .MarkMaru {
    color: #0061ff !important;
}

.vacant .MarkSankaku {
    color: #1D782B !important;
}

.vacant .MarkBatu {
    color: #FF0000 !important;
}

.vacant dl.note {
    display: table;
    width: 100%;
    margin-bottom: 20px;
}

.vacant dl.note dt,
.vacant dl.note dd {
    display: table-cell;
    padding: 10px;
}

.vacant dl.note dt {
    text-align: center;
    border-top: 1px solid #D9D9D9;
    border-left: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
    background: #F4F4F4;
}

.vacant dl.note dd {
    border: 1px solid #D9D9D9;
}

.vacant h4.st {
    height: 35px;
    line-height: 35px;
    padding-left: 10px;
    margin-bottom: 15px;
    letter-spacing: 0.03em;
    background: #323232;
    /* Old browsers */
    background: -moz-linear-gradient(top, #323232 0%, #4c4c4c 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #323232 0%, #4c4c4c 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #323232 0%, #4c4c4c 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#323232', endColorstr='#4c4c4c', GradientType=0);
    /* IE6-9 */
    border-top: 1px solid #606060;
    font-family: 'メイリオ', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #FFFFFF;
}

.vacant table {
    width: 100%
}

.vacant th,
.vacant td {
    text-align: center;
    border: 1px solid #D9D9D9;
    padding: 5px;
}

.vacant td.ot1 {
    padding-left: 100px;
    padding-right: 0;
    text-align: left;
    width: 260px;
}

.vacant th {
    font-weight: normal;
    background: #F4F4F4;
    line-height: 1.2;
}

.vacant th.sub {
    background: #F0FBFF;
    font-weight: bold;
    width: 100px;
}

.vacant table.info {
    margin-bottom: 20px;
}

.vacant table.info th,
.vacant table.info td {
    line-height: 1.6;
    padding: 10px 5px;
}

.vacant h5.vt {
    padding: 5px 8px;
    margin: 10px 0;
    border-bottom: 1px solid #000000;
    border-left: 7px solid #000000;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    background: #FFDD00;
}

.vacant p.last-update,
.vacant .updateTime {
    text-align: right;
    color: #CC0000;
    font-size: 12px !important;
    font-weight: bold;
}

.vacant #vacant-group table tr td:last-child {
    white-space: nowrap;
}

.vacant #vacant-group p strong {
    padding: 5px 8px;
    margin: 10px 0;
    border-bottom: 1px solid #000000;
    border-left: 7px solid #000000;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    background: #FFDD00;
    display: block;
}

.vacant .vacant-unit p.em {
    color: #cc0000;
    font-size: 14px;
    font-weight: bold;
}

.vacant .vacant-table+p {
    line-height: 1.4 !important;
}

.vacant #p_nav {
    overflow: hidden;
    text-align: center;
    margin: 0 0 30px 0;
}

.vacant #p_nav li {
    display: inline-block;
    width: 220px;
    text-align: center;
    margin: 0 4px;
}

.vacant #p_nav li a {
    display: block;
    background: #000000;
    color: #ffe100;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
}

.vacant #p_nav li a:hover {
    background: #ffe100;
    color: #000000;
}

table.vacant-table tr.royal th,
table.vacant-table tr.royal td {
    background: #C8C8FF;
}

table.vacant-table tr.special-a th,
table.vacant-table tr.special-a td {
    background: #DFDFFF;
}

table.vacant-table tr.special-b th,
table.vacant-table tr.special-b td {
    background: #FFCEDF;
}

table.vacant-table tr.sp-reserved th,
table.vacant-table tr.sp-reserved td {
    background: #FFE6E6;
}

tr.infield-reserved th,
tr.infield-reserved td {
    background: #e8f1ff;
}

table.vacant-table tr.infield-reserved-up th,
table.vacant-table tr.infield-reserved-up td {
    background: #FFFF99;
}

table.vacant-table tr.infield-free-up3 th,
table.vacant-table tr.infield-free-up3 td {
    background: #FFE7CE;
}

table.vacant-table tr.outfield-reserved th,
table.vacant-table tr.outfield-reserved td {
    background: #D2EFFF;
}

table.vacant-table tr.outfield-reserved-up th,
table.vacant-table tr.outfield-reserved-up td {
    background: #F0FAFF;
}

.vacant .red-box {
    border: 2px solid #CC0000;
    padding: 5px 15px;
    margin-bottom: 20px;
    background: #FFF4F2;
}

.vacant .red-box p {
    font-weight: bold;
    color: #CC0000;
}

/*甲子園*/
.vacant #koshien-vacantseat {
    margin-top: 20px;
}

.vacant #koshien-vacantseat table {
    margin: 0 auto;
}

.vacant #koshien-vacantseat table table {
    width: 100%;
    margin: 0;
}

.vacant #koshien-vacantseat hr {
    display: block;
}

.vacant #koshien-vacantseat th,
.vacant #koshien-vacantseat td {
    border: 1px solid #FFFFFF;
}

.vacant #koshien-vacantseat td.TicketHeadCap {
    border-top: none;
    border-bottom: none;
}

.vacant #koshien-vacantseat td p.update {
    background: #cc0000;
    color: #FFF;
    font-weight: bold;
    padding: 0 5px;
    text-align: center;
}

.vacant #koshien-vacantseat td.TicketHeadCap:first-child {
    border-left: none;
}

.vacant #koshien-vacantseat td.TicketHeadCap:last-child {
    border-right: none;
}

.vacant #koshien-vacantseat tr.TicketHead td[rowspan="2"] {
    padding: 0;
    margin: 0;
}

.vacant #koshien-vacantseat tr.TicketHead td {
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    background-color: #003720;
    padding: 7px 1px;
}

.vacant #koshien-vacantseat tr.TicketHead td.TicketUpdate {
    padding: 10px;
    font-size: 12px;
    font-weight: normal;
    line-height: 130%;
    color: #000000;
    background-color: #FFFFFF;
    text-align: left;
    vertical-align: top;
    border: 2px solid #003720;
    height: 155px;
}

.vacant #koshien-vacantseat tr.PlayguideBG th {
    background-color: #E3E3E3;
    text-align: center;
    padding: 5px 0px;
    font-size: 11px;
    font-weight: normal;
}

.vacant #koshien-vacantseat tr.PlayguideBG2 th {
    background-color: #EEEEEE;
    text-align: center;
    padding: 5px 0px;
    font-size: 11px;
    font-weight: normal;
}

.vacant #koshien-vacantseat tr.PlayguideBG td,
.vacant #koshien-vacantseat tr.PlayguideBG2 td {
    background-color: #CCCCFF;
    text-align: center;
    padding: 5px 0px;
    font-size: 11px;
    font-weight: normal;
}

.vacant #koshien-vacantseat tr.LowsonBG td {
    background-color: #FFFF99;
    text-align: center;
    padding: 5px 0px;
    font-size: 11px;
}

.vacant #koshien-vacantseat tr.PiaBG td {
    background-color: #FFCC99;
    text-align: center;
    padding: 5px 0px;
    font-size: 11px;
}

.vacant #koshien-vacantseat tr.EplusBG td {
    background-color: #F0FAFF;
    text-align: center;
    padding: 5px 0px;
    font-size: 11px;
}

.vacant #koshien-vacantseat tr.OtherStadium th {
    background-color: #E3E3E3;
    text-align: center;
    font-size: 11px;
    font-weight: normal;
}

.vacant #koshien-vacantseat tr.OtherStadium2 th {
    background-color: #EEEEEE;
    text-align: center;
    font-size: 11px;
    font-weight: normal;
}

.vacant #koshien-vacantseat tr.OtherStadium td,
.vacant #koshien-vacantseat tr.OtherStadium2 td {
    background-color: #EEEECC;
    text-align: center;
    font-size: 11px;
    line-height: 120%;
    padding: 15px 0px;
}

.vacant #koshien-vacantseat tr.PlayguideBG td.NON,
.vacant #koshien-vacantseat tr.PlayguideBG2 td.NON,
.vacant #koshien-vacantseat tr.LowsonBG td.NON,
.vacant #koshien-vacantseat tr.PiaBG td.NON,
.vacant #koshien-vacantseat tr.EplusBG td.NON {
    background-color: #EEEECC;
    text-align: center;
    font-size: 10px;
    padding: 5px 0px;
    line-height: 1.1;
}

.vacant .month-nav {
    background: #EFEFEF;
    padding: 10px;
    margin: 20px 0;
}

.vacant .month-nav ul {
    text-align: center;
}

.vacant .month-nav ul li {
    display: inline-block;
}

.vacant .month-nav ul li a {
    display: block;
    background: #FFF;
    border-radius: 5px;
    width: 80px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    text-align: center;
    text-decoration: none;
}

.vacant .month-nav ul li a:hover {
    background: #FFDD00;
}

.vacant table.summary {
    margin: 20px 0;
}

/* 20200702 チケットまとめ
--------------------------------------- */
.ctop h5.sub_tit {
    font-size: 15px;
    font-weight: bold;
    margin: 15px 0 10px 0;
    border-left: 4px solid #000;
    padding: 4px 8px;
    background: #ffe000;
}

.ctop #about_ticket_sales li {
    padding-bottom: 2px;
    margin-bottom: 5px;
    border-bottom: solid 1px #ccc;
}

.ctop #about_ticket_sales li:last-child {
    margin-bottom: 0;
}

.ctop #about_ticket_sales li a {
    padding-left: 25px;
    line-height: 1.8;
    font-size: 13px;
    color: #333;
    background: url(/img/arrow_others_normal.gif) center left no-repeat;
}

.ctop #about_ticket_sales li a.off {
    pointer-events: none;
    opacity: 0.3;
}

.ctop #about_ticket_sales li a span {
    margin-left: 2em;
}

.ctop #ticket_design .t_img {
    overflow: hidden;
    margin-top: 10px;
}

.ctop #ticket_design .t_img li {
    float: left;
    text-align: center;
}

.ctop #ticket_design .t_img li:nth-child(2n) {
    float: right;
}

.ctop #about_ticket_refund .refund_detail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 15px;
}

.ctop #about_ticket_refund .refund_detail li {
    width: 240px;
    margin-bottom: 15px;
}

.ctop #about_ticket_refund .refund_detail a,
.ctop #about_ticket_refund .refund_detail span {
    background: #ffe000;
    display: flex;
    height: 100%;
    min-height: 80px;
    align-items: center;
    padding: 10px 20px 10px 10px;
    box-sizing: border-box;
    justify-content: center;
    font-size: 15px;
    font-weight: bold;
    color: #000;
    transition: opacity .3s;
    position: relative;
    border-radius: 10px;
}

.ctop #about_ticket_refund .refund_detail span {
    background: #9e9e9e;
    color: #fff;
}

.ctop #about_ticket_refund .refund_detail a::after {
    content: "\025b6\00a0";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 3px;
}

.ctop #about_ticket_refund .refund_detail a:hover {
    text-decoration: none;
    opacity: 0.6;
}

/*==2020add_ticket===*/
.fl_cont {
    overflow: hidden;
}

.fl_cont .t_cont {
    width: 600px;
    float: left;
}

.fl_cont .i_cont {
    float: right;
}

.fl_cont .i_cont span {
    display: block;
    padding: 5px 0;
    font-size: 12px;
    text-align: center;
}

.caution_add {
    border: 1px solid #CC0000;
    color: #CC0000;
    padding: 10px 20px;
    font-size: 13px !important;
    margin: 10px 0;
}

.l_link li {
    margin-top: 5px;
}

.l_link li a {
    text-decoration: underline;
    font-size: 1.1em;
}

.overview table.h_center th {
    text-align: center;
}

.overview .detail_link li a {
    padding-left: 25px;
    line-height: 1.8;
    font-size: 13px;
    color: #333;
    background: url(/img/arrow_others_normal.gif) center left no-repeat;
}

.overview .detail_date dl {
    padding: 10px 0 20px 0;
}

.overview .detail_date dt,
.overview .detail_date dd {
    font-size: 14px;
}

.overview .detail_date dt {
    font-weight: bold;
    padding-top: 0.7em;
}

.overview .detail_date dd {
    margin-left: 3em;
}



/*---------------------------------
    svg
----------------------------------*/
.seat svg {
    max-width: 100%;
    height: auto;
}

.seat-svg svg path,
.seat-svg svg polygon,
.seat-svg svg rect {
    fill: #FFFFFF;
}

.seat-svg svg #line path {
    fill: transparent;
}

.seat-svg-regular svg #toshiba,
.seat-svg-regular svg #green,
.seat-svg-regular svg #green-up,
.seat-svg-regular svg #green-low,
.seat-svg-regular svg #smbc-relax,
.seat-svg-regular svg #smbc path,
.seat-svg-regular svg #smbc polygon,
.seat-svg-regular svg #smbc-relax,
.seat-svg-regular svg #panorama-box,
.seat-svg-regular svg #green-luxury,
.seat-svg-regular svg #breeze-resort {
    fill: #FFFFFF;
}

.seat-svg-open svg#svg-kyocera #left-visitor {
    display: none;
}



.seat-svg-new svg#svg-koshien #visitor-a,
.seat-svg-new svg#svg-koshien #visitor-b,
.seat-svg-new svg#svg-koshien #visitor-c,
.seat-svg-new svg#svg-koshien #visitor-d,
.seat-svg-new svg#svg-koshien #visitor-e,
.seat-svg-new svg#svg-koshien #text-a,
.seat-svg-new svg#svg-koshien #text-b,
.seat-svg-new svg#svg-koshien #text-c,
.seat-svg-new svg#svg-koshien #text-d,
.seat-svg-new svg#svg-koshien #text-e {
    display: none;
}

.seat-svg-smbc svg#svg-koshien #smbc{
    display: none;
}
.seat-alps-wingview svg#svg-koshien #alps-wingview polygon{
    fill:#ee86b4;
}