@charset "UTF-8";

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

Page Common CSS
update:2019/09/26 12:30

================================================ */
/* Reset */
body {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
ul,
ol,
dl,
li,
dt,
dd,
form {
    margin: 0px;
    padding: 0px;
}

li,
dt,
dd {
    list-style: none;
}

img {
    border: none;
}

/* Utility */
.tL {
    text-align: left !important;
}

.tR {
    text-align: right !important;
}

.tC {
    text-align: center !important;
}

.fL {
    float: left !important;
}

.fR {
    float: right !important;
}

.mb00 {
    margin-bottom: 0 !important;
}

.mb05 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.fz10 {
    font-size: 10px !important;
}

.fz12 {
    font-size: 12px !important;
}

.fz14 {
    font-size: 14px !important;
}

.fz16 {
    font-size: 16px !important;
}

.fz18 {
    font-size: 18px !important;
}

.fwB {
    font-weight: bold !important;
}

.red {
    color: #d00 !important;
}

/* Link */
a:link {
    color: #0186c7;
    text-decoration: none;
}

a:visited {
    color: #0186c7;
}

a:hover {
    text-decoration: underline;
}

a:active {
    color: #d00;
}

/* Table */
table {
    border-collapse: collapse;
    text-align: center;
}

th,
td {
    border: 1px solid #3c3c3c;
}

th {
    padding: 8px;
    font-weight: normal;
}

td {
    padding: 10px;
}

/* Clearfix */
.clearfix {
    zoom: 100%;
}

.clearfix:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.note {
    font-size: 14px;
}

img {
    max-width: 100%;
}

.pc {
    display: block;
}

.smp {
    display: none;
}

body {
    color: #333;
    line-height: 1.7em;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    ;
}

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

.bg-blue {
    background: #31d4ff url("https://cdn.l-tike.com/hawks_nenkan_nippons/img2022/bg_contents01_pc.jpg") no-repeat center 288px;
    padding-bottom: 2.0em;
}

span.star {
    color: #d8006b;
}


/* ■ヘッダ */
header {
    text-align: center;
    margin-bottom: 2.0em;
}

header p.header-lead {
    background-color: #080403;
    padding: 25px 0 17px;
    line-height: 1.0em;
}

header p.logo img {
    vertical-align: top;
}




/* コンテンツ */
.contents {
    width: 1000px;
    margin: 0 auto;
}

section.contents-lead {
    margin-bottom: 1.5em;
}

section.contents-lead p.title {
    font-size: 46px;
    text-align: center;
    color: #c60000;
    line-height: 1.2em;
    font-weight: bold;
    margin-bottom: 0.5em;
}

section.contents-lead p {
    font-size: 21px;
    line-height: 1.4em;
}

/* 黒線フレーム */
.frame {
    border: 6px solid #000;
    border-radius: 5px;
    background-color: #fff;
    padding: 30px;
}

.contents h3 span {
    color: #fbca01;
}

/* ======== シーズンシート・Vシート 会員のお客様 ======== */
.vseat-member h2 {
    font-size: 48px;
    text-align: center;
    font-weight: normal;
    line-height: 0.9em;
    margin-bottom: 0.8em;
}

.vseat-member h2 span {
    font-size: 36px;
}

.vseat-member h3 {
    color: #fff;
    background-color: #080403;
    padding: 0.5em 0.8em;
    border-left: 8px solid #fbca01;
    font-weight: normal;
    margin-bottom: 1.0em;
}


/* 優先販売の対象日程 */
.vseat-member .target-seat ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.vseat-member .target-seat ul li {
    width: 49%;
    border-radius: 5px;
}

.vseat-member .target-seat ul > li {
    background-color: #bbf1fa;
}

.vseat-member .target-seat ul > li + li {
    background-color: #e6f8a2;
}

.vseat-member .target-seat dl {
    padding: 1.0em;
    text-align: center;
}

.vseat-member .target-seat dt {
    font-weight: bold;
    margin-bottom: 0.5em;
    font-size: 18px;
}

.vseat-member .target-seat dd {
    font-size: 18px;
}

article {
    margin-bottom: 3.0em;
}

article:last-child {
    margin-bottom: 0;
}

ul.note {
    font-size: 12px;
}

ul.note li {
    line-height: 1.5em;
    margin-bottom: 0.5em;
    text-indent: -1.0em;
    padding-left: 1.0em;
}

ul.note li:last-child {
    margin-bottom: 0;
}


/* ■試合日程 */
/* ファースト ステージ */
.game-schedule dl.first-stage {
    margin-bottom: 1.0em;
}

.game-schedule dl.first-stage dt {
    background: #32679c url("https://cdn.l-tike.com/hawks_nenkan_nippons/img2022/bg_icn_blue01.gif") repeat-y right top;
    cursor: pointer;
    padding-right: 8px;
}

.game-schedule dl.first-stage dt .stage-title {
    padding: 20px 0;
    color: #fff;
    text-align: center;
    font-size: 28px;
    line-height: 1.0em;
}

.game-schedule dl.first-stage dt span {
    margin-top: 0.5em;
    font-size: 16px;
    display: block;
}

.game-schedule dl.first-stage dt .stage-title {
    background: transparent url("https://cdn.l-tike.com/hawks_nenkan_nippons/img2022/icn_dwn_blue01.gif") no-repeat right center;
}

.game-schedule dl.first-stage dt.active .stage-title {
    background: transparent url("https://cdn.l-tike.com/hawks_nenkan_nippons/img2022/icn_up_blue01.gif") no-repeat right center;
}

dl.first-stage table thead th {
    background-color: #bbe6f3;
}

dl.first-stage table tbody td:last-child {
    font-size: 16px;
}

dl.final-stage table thead th {
    background-color: #ffffdd;
}

dl.final-stage table tbody td:last-child {
    font-size: 16px;
}

/* ファイナル ステージ */
.game-schedule dl.final-stage {
    margin-bottom: 1.5em;
}

.game-schedule dl.final-stage dt {
    background: #ff6600 url("https://cdn.l-tike.com/hawks_nenkan_nippons/img2022/bg_icn_orange01.gif") repeat-y right top;
    cursor: pointer;
    padding-right: 8px;
}

.game-schedule dl.final-stage dt .stage-title {
    padding: 20px 0;
    color: #fff;
    text-align: center;
    font-size: 28px;
    line-height: 1.0em;
}

.game-schedule dl.final-stage dt span {
    margin-top: 0.5em;
    font-size: 16px;
    display: block;
}

.game-schedule dl.final-stage dt .stage-title {
    background: transparent url("https://cdn.l-tike.com/hawks_nenkan_nippons/img2022/icn_dwn_orange01.gif") no-repeat right center;
}

.game-schedule dl.final-stage dt.active .stage-title {
    background: transparent url("https://cdn.l-tike.com/hawks_nenkan_nippons/img2022/icn_up_orange01.gif") no-repeat right center;
}

.game-schedule span.star {
    color: #d8006b;
}

/* 料金区分① */
.game-schedule dl.first-stage td.type_bronze,
.game-schedule dl.final-stage td.type_bronze {
    background-color: #d46966;
    color: #fff;
}

/* 料金区分② */
.game-schedule dl.first-stage td.type_silver,
.game-schedule dl.final-stage td.type_silver {
    background-color: #83bfd2;
    color: #fff;
}

/* 料金区分③ */
.game-schedule dl.first-stage td.type_gold,
.game-schedule dl.final-stage td.type_gold {
    background-color: #a4c553;
    color: #fff;
}

/* 料金区分④ */
.game-schedule dl.first-stage td.type_platinum,
.game-schedule dl.final-stage td.type_platinum {
    background-color: #b853c5;
    color: #fff;
}


/* ■販売券種 */
.ticket-type {
    margin-bottom: 0;
}

.ticket-type h3 {
    color: #fff;
    background: #080403 url("https://cdn.l-tike.com/hawks_nenkan_nippons/img2022/bg_icn_yellow01.gif") repeat-y right top;
    padding: 0.5em 8px 0.5em 0.8em;
    border-left: 8px solid #fbca01;
    font-weight: normal;
    margin-bottom: 1.5em;
    cursor: pointer;
}

.ticket-type h3 .icn-yellow {
    background: transparent url("https://cdn.l-tike.com/hawks_nenkan_nippons/img2022/icn_dwn_yellow01.gif") no-repeat right center;
}

.ticket-type h3.active .icn-yellow {
    background: transparent url("https://cdn.l-tike.com/hawks_nenkan_nippons/img2022/icn_up_yellow01.gif") no-repeat right center;
}

.ticket-type p.lead img {
    vertical-align: bottom;
}


/* table */
.ticket-type table.fee {
    margin-bottom: 1.0em;
}

/* col */
.ticket-type table.fee col.black {
    background-color: #080403;
    width: 33%;
}

.ticket-type table.fee col:nth-child(2n) {
    background-color: #ffffdd;
}

.ticket-type table.fee col:nth-child(3),
.ticket-type table.fee col:nth-child(7) {
    background-color: #f9f9f9;
}

/* 料金区分②と④をセル背景を灰色 01 */
.ticket-type table.fee col:nth-child(4),
.ticket-type table.fee col:nth-child(5),
.ticket-type table.fee col:nth-child(8),
.ticket-type table.fee col:nth-child(9) {
    background-color: #9e9e9e;
}


/* thead */
.ticket-type table.fee thead {
    font-size: 12px;
    line-height: 1.5em;
}

.ticket-type table.fee thead tr.stage th:first-child {
    color: #fff;
}

.ticket-type table.fee thead tr.stage th {
    font-size: 16px;
    background-color: #000;
    color: #fff;
}

.ticket-type table.fee tr.classification th {
    font-size: 16px;
}

.ticket-type table.fee tr.classification th span {
    font-size: 14px;
    padding-left: 0.2em;
}

/* 料金区分① */
.ticket-type table.fee tr.classification th:nth-child(2) {
    background-color: #d46966;
    color: #fff;
}

/* 料金区分② */
.ticket-type table.fee tr.classification th:nth-child(3) {
    background-color: #83bfd2;
    color: #fff;
}

/* 料金区分③ */
.ticket-type table.fee tr.classification th:nth-child(4) {
    background-color: #a4c553;
    color: #fff;
}

/* 料金区分④ */
.ticket-type table.fee tr.classification th:nth-child(5) {
    background-color: #b853c5;
    color: #fff;
}

.ticket-type table.fee tr.ow-general th:nth-child(2n-1) {
    background-color: #e6e6e6;
    font-weight: bold;
}

.ticket-type table.fee tr.ow-general th:first-child {
    background-color: #080403;
}

.ticket-type table.fee tr.ow-general th:nth-child(2),
.ticket-type table.fee tr.ow-general th:nth-child(4),
.ticket-type table.fee tr.ow-general th:nth-child(6),
.ticket-type table.fee tr.ow-general th:nth-child(8) {
    background-color: #fbca01;
}

/* 料金区分②と④をセル背景を灰色 02 */
.ticket-type table.fee tr.ow-general th:nth-child(4),
.ticket-type table.fee tr.ow-general th:nth-child(8) {
    background-color: #9e9e9e;
}

.ticket-type table.fee tr.ow-general th:nth-child(5),
.ticket-type table.fee tr.ow-general th:nth-child(9) {
    background-color: #9e9e9e;
}


.ticket-type table.fee tbody th {
    color: #fff;
    font-size: 16px;
    line-height: 1.5em;
    text-align: left;
    padding: 0.5em 1.0em;
    background-color: #080403;

}

.ticket-type table.fee tbody td {
    font-size: 16px;
    background-color: #f9f9f9;
}

.ticket-type table.fee tbody td:nth-of-type(2n-1) {
    font-size: 18px;
    font-weight: bold;
}

.ticket-type .ticket-note {
    font-size: 14px;
    background-color: #f9d8d3;
    border-radius: 5px;
    margin-top: 1.0em;
    padding: 1.0em;
    line-height: 1.4em;
    color: #d5021d;
}


/* ■チケットのご購入に関して */
.bg-gray {
    background-color: #f2f2f2;
}

.about-buy {
    padding: 40px 36px;
}

.about-buy h2 {
    font-size: 48px;
    text-align: center;
    font-weight: normal;
    line-height: 0.9em;
    margin-bottom: 0.8em;
}

.about-buy ul.about-btn {
    display: -webkit-flex;
    /* Safari */
    display: flex;
    -webkit-flex-wrap: wrap;
    /* Safari */
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    /* Safari */
    justify-content: space-between;
    margin-bottom: 1.0em;
}

.about-buy ul.about-btn li {
    display: inline-block;
}

.about-buy p.loppi-bnr {
    text-align: center;
    margin-bottom: 2.0em;
}

.about-buy .period li {
    text-indent: -5.5em;
    padding-left: 5.5em;
    margin-bottom: 0.3em;
}

.about-buy .period li:last-child {
    margin-bottom: 0;
}

.about-buy .period li span.close {
    display: inline-block;
    background-color: #d8d8d8;
    text-indent: 0em;
    padding: 0 1.0em;
    margin: 0 0.3em;
    border-radius: 5px;
}

.about-buy .period li span.recept {
    display: inline-block;
    background-color: #fbca01;
    color: #ac0000;
    text-indent: 0em;
    padding: 0 1.0em;
    margin: 0 0.3em;
    border-radius: 5px;
    font-weight: bold;
}


/*
.about-buy .period li:before {
	content:"●";
}
*/

/* ■お手続きが不要・必要なもの */
.procedure h3 {
    color: #fff;
    background: #080403 url("https://cdn.l-tike.com/hawks_nenkan_nippons/img2022/bg_icn_yellow01.gif") repeat-y right top;
    padding: 0.5em 8px 0.5em 0.8em;
    border-left: 8px solid #fbca01;
    font-weight: normal;
    margin-bottom: 1.0em;
    cursor: pointer;
}

.procedure h3 .icn-yellow {
    background: transparent url("https://cdn.l-tike.com/hawks_nenkan_nippons/img2022/icn_dwn_yellow01.gif") no-repeat right center;
}

.procedure h3.active .icn-yellow {
    background: transparent url("https://cdn.l-tike.com/hawks_nenkan_nippons/img2022/icn_up_yellow01.gif") no-repeat right center;
}

.procedure article {
    margin-bottom: 2.0em;
}

.procedure h4 img {
    vertical-align: bottom;
}

.procedure .inner {
    background-color: #fff;
    border-radius: 0 0 10px 10px;
    padding: 2.0em 20px 3.0em;
}

.procedure p.lead {
    font-size: 24px;
    margin-bottom: 0.5em;
    line-height: 1.4em;
}

/* リンクあり */
.procedure a.more {
    display: block;
    padding: 26px 0;
    margin: 0 1.0em;
    border-radius: 40px;
    font-size: 32px;
    text-align: center;
    color: #fff;
    background-color: #d8006b;
    text-decoration: none;
}

.procedure a.more:hover {
    opacity: 0.7;
}

/* リンクなしグレーアウト */
.procedure p.more {
    padding: 26px 0;
    margin: 0 1.0em;
    border-radius: 40px;
    font-size: 32px;
    text-align: center;
    color: #fff;
    background-color: #a6a6a6;
}

.procedure dl.date {
    margin-bottom: 0.5em;
}

.procedure dl.date dt {
    display: inline-block;
    color: #fff;
    background-color: #080403;
    border-radius: 5px;
    padding: 0.1em 1.0em;
    font-size: 16px;
    margin-right: 0.5em;
}

.procedure dl.date dd {
    display: inline-block;
    font-size: 24px;
    vertical-align: top;
}

/* ■払い戻し方法 */
.refund h3 {
    color: #fff;
    background: #080403 url("https://cdn.l-tike.com/hawks_nenkan_nippons/img2022/bg_icn_yellow01.gif") repeat-y right top;
    padding: 0.5em 8px 0.5em 0.8em;
    border-left: 8px solid #fbca01;
    font-weight: normal;
    margin-bottom: 1.0em;
    cursor: pointer;
}

.refund h3 .icn-yellow {
    background: transparent url("https://cdn.l-tike.com/hawks_nenkan_nippons/img2022/icn_dwn_yellow01.gif") no-repeat right center;
}

.refund h3.active .icn-yellow {
    background: transparent url("https://cdn.l-tike.com/hawks_nenkan_nippons/img2022/icn_up_yellow01.gif") no-repeat right center;
}

.refund p.lead {
    font-size: 42px;
    padding: 38px 20px 20px;
    line-height: 1.3em;
}

.refund table.refund-type {
    text-align: left;
    background-color: #fff;
}

.refund table.refund-type col:first-child {
    width: 35%;
}

.refund table.refund-type .note {
    margin-top: 0.5em;
}

.refund table.refund-type .note strong {
    color: #d8006b;
}

.refund table.refund-type th,
.refund table.refund-type td {
    padding: 1.0em;
}

.refund table.refund-type th {
    background-color: #fff7ce;
}

/* ■お問い合わせ */
.bg-black {
    background-color: #080403;
}

.contact {
    color: #fff;
    font-size: 1.0em;
    text-align: center;
    padding: 40px 36px;
}

.contact h2 {
    font-size: 1.3em;
    line-height: 1.3em;
    margin-bottom: 1.0em;
    font-weight: normal;
}

/* スポーツダイヤルインフォメーション */
.contact dl dt {
    font-size: 30px;
    margin-bottom: 1.0em;
}

.contact dl dd {
    font-size: 1.4em;
    color: #fbca01;
}

.contact dl dd span {
    font-size: 1.4em;
    color: #fff;
}

/* ローソンチケットインフォメーション */
.contact dl.ltike-info {
    border-top: 1px solid #fff;
    padding-top: 1.0em;
    margin-top: 1.0em;
    line-height: 1.4em;
}

.contact dl.ltike-info dt {
    margin-bottom: 0;
}

.contact dl.ltike-info dd {
    color: #fff;
}

.contact dl.ltike-info dt,
.contact dl.ltike-info dd,
.contact dl.ltike-info dd span {
    font-size: 1.2em;
}

.contact .note em {
    font-style: normal;
    font-size: 1.3em;
}


/* ======== 契約席を購入する際に枚数を減らして購入する方法 ======== */
.reduce header {
    margin-bottom: 0;
}

.reduce header h1 {
    background-color: #080403;
    font-size: 46px;
    color: #fff;
    line-height: 1.2em;
    padding: 0.5em 0;
}

/* TOPに戻る */
.reduce .gotop {
    padding: 0.5em 0.8em;
    background-color: #f9f9f9;
    margin-bottom: 4.0em;
    border: 1px solid #f2f2f2;
    font-size: 20px;
}

.reduce .gotop a:before {
    content: "< ";
}


.reduce .arrow-dwn {
    background: transparent url("https://cdn.l-tike.com/hawks_nenkan_nippons/img2022/icn_arrow_flow03.gif") no-repeat center bottom;
    padding-bottom: 120px;
    margin-bottom: 40px;
}

.reduce .arrow-dwn:last-child {
    background: none;
    padding-bottom: 3.0em;
    margin-bottom: 0;
}

.reduce .frame {
    overflow: hidden;
}

.reduce .frame .inner {
    overflow: hidden;
}

.reduce .frame h2 {
    text-align: center;
    font-size: 36px;
    line-height: 1.5em;
    margin-bottom: 1.0em;
    font-weight: normal;
}

.reduce .frame p.img {
    float: left;
    margin-right: 2.0em;
}

.reduce .frame p.text {
    padding-top: 1.0em;
    font-size: 14px;
    line-height: 1.5em;
}

/* .entry-flow1 */
.reduce .entry-flow1 p.text {
    padding-top: 1.0em;
    margin-bottom: 1.0em;
}

.reduce .entry-flow1 p.limit {
    background-color: #ffffdd;
    padding: 0.5em 0;
    text-align: center;
    font-size: 20px;
    margin-bottom: 1.0em;
}

.reduce .entry-flow1 ul.note {
    font-size: 18px;
    color: #d00;
}

/* .entry-flow2 */
.reduce .entry-flow2 p.text {
    margin-bottom: 1.0em;
    line-height: 1.5em;
    font-size: 14px;
}

.reduce .entry-flow2 ul.note em {
    color: #d00;
    font-style: normal;
}

/* .entry-flow3 */
.reduce .entry-flow3 {
    margin-bottom: 4.0em;
}

.reduce .entry-flow3 p.red {
    font-size: 20px;
    color: #d00;
}


/* こちらボタン */
ul.btn-more {
    padding-bottom: 4.0em;
}

ul.btn-more li {
    text-align: center;
    margin-bottom: 1.5em;
}

ul.btn-more li:last-child {
    margin-bottom: 0;
}

ul.btn-more li a {
    display: inline-block;
    text-align: center;
    font-size: 32px;
    border-radius: 50px;
    color: #fff;
    padding: 0.8em 0;
    width: 700px;
    text-decoration: none;
}

ul.btn-more li a:hover {
    opacity: 0.8;
}

ul.btn-more li a.pink {
    background-color: #d8006b;
}

ul.btn-more li a.blue {
    background-color: #006cb8;
}

ul.btn-more li p.gray {
    background-color: #a6a6a6;
    display: inline-block;
    text-align: center;
    font-size: 32px;
    border-radius: 50px;
    color: #fff;
    padding: 0.8em 0;
    width: 700px;
    text-decoration: none;
}


/* ======== 追加チケット購入方法 ======== */
.wrapper.addticket header {
    margin-bottom: 0;
}

.wrapper.addticket header h1 {
    background-color: #080403;
    font-size: 46px;
    color: #fff;
    line-height: 1.2em;
    padding: 0.5em 0;
}

/* TOPに戻る */
.addticket .gotop {
    padding: 0.5em 0.8em;
    background-color: #f9f9f9;
    margin-bottom: 4.0em;
    border: 1px solid #f2f2f2;
    font-size: 20px;
}

.addticket .gotop a:before {
    content: "< ";
}

.wrapper.addticket h3 {
    color: #fff;
    background-color: #080403;
    padding: 0.5em 8px 0.5em 0.8em;
    border-left: 8px solid #fbca01;
    font-weight: normal;
    margin-bottom: 0.5em;
}

.wrapper.addticket h3.js-accordionTrigger {
    margin-bottom: 1.5em;
}

.wrapper.addticket article p {
    padding: 0 20px;
}

.wrapper.addticket article.apply-flow p {
    padding: 0;
}

.wrapper.addticket article.ticket-type p {
    padding: 0;
}

.wrapper.addticket .frame {
    margin-bottom: 4.0em;
}



/* お申込方法 */
.apply-detail h3 {
    color: #fff;
    background: #080403 url("https://cdn.l-tike.com/hawks_nenkan_nippons/img2022/bg_icn_yellow01.gif") repeat-y right top;
    padding: 0.5em 8px 0.5em 0.8em;
    border-left: 8px solid #fbca01;
    font-weight: normal;
    margin-bottom: 1.0em;
    cursor: pointer;
}

.apply-detail h3 .icn-yellow {
    background: transparent url("https://cdn.l-tike.com/hawks_nenkan_nippons/img2022/icn_dwn_yellow01.gif") no-repeat right center;
}

.apply-detail h3.active .icn-yellow {
    background: transparent url("https://cdn.l-tike.com/hawks_nenkan_nippons/img2022/icn_up_yellow01.gif") no-repeat right center;
}

.apply-detail article {
    margin-bottom: 2.0em;
}

.apply-detail article.apply-point {
    padding: 0 20px;
}

.apply-detail article.apply-point .inner {
    padding: 20px 30px;
    background-color: #fff;
}

.apply-detail article.apply-point dl {
    font-size: 24px;
    line-height: 1.5em;
    margin-bottom: 0.8em;
}

.apply-detail article.apply-point dl dt:before {
    content: "●";
    color: #d8006b;
}

.apply-detail article.apply-point dl dd {
    text-indent: 1.0em;
}

.apply-detail article.apply-point dl dd.note {
    line-height: 1.3em;
}

/* 申し込みフロウ */
.apply-detail article.apply-flow ul {
    display: -webkit-flex;
    /* Safari */
    display: flex;
    -webkit-flex-wrap: wrap;
    /* Safari */
    flex-wrap: wrap;
}

.apply-detail article.apply-flow li {
    padding-right: 39px;
    background: transparent url("https://cdn.l-tike.com/hawks_nenkan_nippons/img2022/icn_arrow_flow01.gif") no-repeat 280px 88px;
    margin-bottom: 1.5em;
}

.apply-detail article.apply-flow li:last-child {
    background: none;
}

.apply-detail article.apply-flow li > div {
    width: 270px;
    font-size: 14px;
    line-height: 1.5em;
}

.apply-detail article.apply-flow li dl {
    margin-top: 0.5em;
}

.apply-detail article.apply-flow li dl dt {
    color: #fff;
    background-color: #080403;
    display: inline-block;
    padding: 0 1.2em;
    font-size: 12px;
    margin-bottom: 0.3em;
}

.apply-detail article.apply-flow li dl dd {
    margin-bottom: 0.5em;
}

.apply-detail article.apply-flow li dl dd:last-child {
    margin-bottom: 0;
}

.apply-detail article.apply-flow li dl dd span.red {
    color: #ee0000;
}

.apply-detail article.apply-flow li dl dd span.blue {
    color: #1a77c5;
}



/* ======== 店頭Loppiでの引取方法 ======== */
.loppi-trade header {
    margin-bottom: 0;
}

.loppi-trade h1 {
    background-color: #080403;
    font-size: 46px;
    color: #fff;
    line-height: 1.2em;
    padding: 0.5em 0;
}

/* TOPに戻る */
.loppi-trade .gotop {
    padding: 0.5em 0.8em;
    background-color: #f9f9f9;
    margin-bottom: 4.0em;
    border: 1px solid #f2f2f2;
    font-size: 20px;
}

.loppi-trade .gotop a:before {
    content: "< ";
}

.loppi-trade .lead {
    font-size: 21px;
    line-height: 1.5em;
}

.loppi-trade .lead p {
    margin-bottom: 0.3em;
}

/* 申し込みフロウ */
.loppi-trade .apply-detail article.apply-flow ul {
    margin-bottom: -1.5em;
}

.loppi-trade .apply-detail article.apply-flow li p:nth-child(n+2) {
    text-indent: -1.0em;
    padding-left: 1.0em;
}

.loppi-trade .bg-gray {
    padding-bottom: 6.0em;
}


/* ======== 契約席をほしい日程だけ購入する方法 ======== */
.date-seat header {
    background-color: #080403;
    padding-top: 2.0em;
    margin-bottom: 0;
}

.date-seat header .balloon {
    background: transparent url("https://cdn.l-tike.com/hawks_nenkan_nippons/img2022/icn_arrow_yellow01.gif") no-repeat center bottom;
    padding-bottom: 21px;
    width: 930px;
    margin: 0 auto;
}

.date-seat .frame.entry-flow2 h2 {
    margin-bottom: 0;
}

.date-seat header .balloon p {
    background-color: #fcc800;
    color: #dd0000;
    padding: 0.7em 2.0em;
    font-size: 42px;
    font-weight: bold;
    border-radius: 50px;
}

.date-seat header h1 {
    background-color: #080403;
    font-size: 50px;
    font-weight: normal;
    color: #fff;
    line-height: 1.2em;
    padding: 0.2em 0 0.5em;
}

/* TOPに戻る */
.date-seat .gotop {
    padding: 0.5em 0.8em;
    background-color: #f9f9f9;
    margin-bottom: 3.0em;
    border: 1px solid #f2f2f2;
    font-size: 20px;
}

.date-seat .gotop a:before {
    content: "< ";
}

.date-seat .arrow-dwn {
    background: transparent url("https://cdn.l-tike.com/hawks_nenkan_nippons/img2022/icn_arrow_flow03.gif") no-repeat center bottom;
    padding-bottom: 120px;
    margin-bottom: 40px;
}

.date-seat .arrow-dwn:last-child {
    background: none;
    padding-bottom: 3.0em;
    margin-bottom: 0;
}

.date-seat .frame {
    overflow: hidden;
}

.date-seat .frame .inner {
    overflow: hidden;
}

.date-seat .frame h2 {
    text-align: center;
    font-size: 36px;
    line-height: 1.5em;
    margin-bottom: 1.0em;
    font-weight: normal;
}

.date-seat .frame p.img {
    float: left;
    margin-right: 2.0em;
}

.date-seat .frame p.text:first-child {
    padding-top: 1.0em;
    font-size: 14px;
    line-height: 1.5em;
}

/* .entry-flow1 */
.date-seat .entry-flow1 p {
    margin-bottom: 1.0em;
}

.date-seat .entry-flow1 dl {
    margin-bottom: 1.0em;
}

.date-seat .entry-flow1 dl dt {
    font-size: 20px;
    border-bottom: 1px dotted #333;
    padding-bottom: 0.3em;
}

/* .entry-flow2 */
.date-seat .entry-flow2 p.text {
    padding-top: 0;
    margin-bottom: 1.0em;
}

.date-seat .entry-flow2 p.caution {
    color: #d00;
    font-size: 20px;
}

/* .entry-flow3 */
.date-seat .entry-flow3 {
    margin-bottom: 4.0em;
}

.date-seat .entry-flow3 p.text {
    font-size: 14px;
    line-height: 1.5em;
    margin-bottom: 0.5em;
}

.date-seat .entry-flow3 p.caution {
    font-size: 20px;
    line-height: 1.5em;
    color: #d00;
    margin-bottom: 0.5em;
}

.bg-white {
    background-color: #ffffff;
}

.bg-white .arrow-dwn {
    background: transparent url("https://cdn.l-tike.com/hawks_nenkan_nippons/img2022/icn_arrow_flow04.gif") no-repeat scroll center bottom;
    margin-bottom: 40px;
    padding-bottom: 120px;
}


/* ■ご契約席の確認方法 */
.entry-confirm .confirm-lead {
    padding: 3.0em 0;
}

.confirm-lead h2 {
    font-size: 46px;
    text-align: center;
    line-height: 1.5em;
    font-weight: normal;
    margin-bottom: 0.8em;
}

.confirm-lead p.lead {
    text-align: center;
    color: #d8006b;
    font-size: 36px;
    line-height: 1.5em;
}

.confirm-lead p.lead + p {
    font-size: 18px;
    margin-top: 1.0em;
    margin-bottom: 1.0em;
}

.confirm-lead p.btn {
    text-align: center;
}

.confirm-lead a.orange {
    font-size: 24px;
    background-color: #e79117;
    color: #fff;
    padding: 1.0em 2.0em;
    line-height: 1.0em;
    display: inline-block;
    border-radius: 40px;
    text-decoration: none;
}

.confirm-lead a.orange:hover {
    opacity: 0.8;
}

.confirm-lead span.gray {
    background-color: #a6a6a6;
    border-radius: 40px;
    color: #fff;
    font-size: 24px;
    padding: 1.0em 2.0em;
    display: inline-block;
}

.entry-confirm .entry-flow1 dl.example dt {
    display: inline-block;
    background-color: #080403;
    color: #fff;
    line-height: 1.0em;
    padding: 0.3em 1.2em;
    font-size: 14px;
    margin-bottom: 0.5em;
}

.entry-confirm .entry-flow1 dl.example dd {
    font-size: 18px;
}

.entry-confirm .entry-flow1 dl.example dd .red {
    color: #ee0000;
}

.entry-confirm .entry-flow1 dl.example dd .blue {
    color: #1a77c5;
}

.entry-confirm .entry-flow1 dl.example dd .number {
    font-size: 24px;
    font-weight: bold;
}

.entry-confirm ul.btn-more {
    margin-bottom: 1.0em;
    padding-bottom: 0;
}


/* ■フッタ */
footer {
    padding: 20px 0 30px;
    background-color: #fff;
    text-align: center;
    color: #080403;
    line-height: 1.3em;
}

footer p.logo {
    margin-bottom: 0.2em;
}

footer p.logo img {
    max-width: 8%;
}



/* ★★★ Media Queries 769px ★★★ */
@media screen and (max-width: 769px) {

    .pc {
        display: none;
    }

    .smp {
        display: block;
    }

    section h2 {
        margin-bottom: 25px;
        text-align: center;
    }

    a:hover {
        text-decoration: none !important;
    }


    /* ■ヘッダ */
    header {
        line-height: 1.0em;
        text-align: center;
        margin-bottom: 1.0em;
    }

    header p.header-lead {
        background-color: #080403;
        padding: 13px 0 12px;
        line-height: 1.0em;
    }


    .wrapper {
        width: auto;
    }

    .bg-blue {
        background: #31d4ff url("https://cdn.l-tike.com/hawks_nenkan_nippons/img2022/bg_contents01_sp.jpg") no-repeat center top;
    }

    .contents {
        width: auto;
    }

    section {
        font-size: 14px;
        line-height: 1.4em;
        padding: 0 20px;
    }

    section.contents-lead p.title {
        font-size: 24px;
    }

    section.contents-lead p {
        font-size: 16px;
    }

    .frame {
        border: 3px solid #000;
        border-radius: 5px;
        background-color: #fff;
        padding: 2.0em 10px;
        margin: 0 15px;
    }

    /* 優先販売の対象日程 */
    .vseat-member .target-seat ul {
        display: block;
    }

    .vseat-member .target-seat ul li {
        width: auto;
        margin-bottom: 1.0em;
    }

    .vseat-member .target-seat ul li:last-child {
        margin-bottom: 0;
    }

    .vseat-member .target-seat dt {
        font-size: 16px;
    }

    .vseat-member .target-seat dd {
        font-size: 16px;
    }

    /* ======== シーズンシート・Vシート 会員のお客様 ======== */
    .vseat-member h2 {
        font-size: 24px;
    }

    .vseat-member h2 span {
        font-size: 18px;
    }


    /* ■試合日程 */
    /* ファースト ステージ */
    .game-schedule dl.first-stage dt .stage-title {
        padding: 0.8em 40px 0.8em 0.8em;
        text-align: left;
        font-size: 16px;
        line-height: 1.0em;
    }

    .game-schedule dl.first-stage dt span {
        margin-top: 0.5em;
        line-height: 1.3em;
        font-size: 12px;
    }

    /* ファイナル ステージ */
    .game-schedule dl.final-stage dt .stage-title {
        padding: 0.8em 40px 0.8em 0.8em;
        text-align: left;
        font-size: 20px;
        line-height: 1.0em;
    }

    .game-schedule dl.final-stage dt span {
        margin-top: 0.5em;
        line-height: 1.3em;
        font-size: 12px;
    }

    /* table */
    .game-schedule dl table {
        width: 100%;
        margin-top: 0.5em;
    }

    .game-schedule dl table colgroup,
    .game-schedule dl table thead {
        display: none;
    }

    .game-schedule dl table th,
    .game-schedule dl table td {
        border: none;
    }

    .game-schedule dl table td {
        display: block;
        text-align: left;
        padding: 3px;
    }

    .game-schedule dl table tr > td:first-child {
        text-align: center;
        font-size: 18px;
        padding: 6px 0;
    }

    .game-schedule dl.first-stage table tr > td:first-child {
        background-color: #bbe6f3;
    }

    .game-schedule dl.final-stage table tr > td:first-child {
        background-color: #fcfebd;
    }

    .game-schedule dl table tr > td:nth-child(2):before {
        content: "[日程] ";
    }

    .game-schedule dl table tr > td:nth-child(3):before {
        content: "[対戦] ";
    }

    .game-schedule dl table tr > td:nth-child(4):before {
        content: "[試合開始] ";
    }

    .game-schedule dl table tr > td:nth-child(5):before {
        content: "[開場] ";
        font-size: 14px;
    }

    .game-schedule dl table tr > td:nth-child(6) {
        margin-bottom: 1.0em;
    }

    dl.first-stage table tbody td:last-child,
    dl.final-stage table tbody td:last-child {
        color: #333;
    }

    /* ■販売券種 */
    .ticket-type h3 {
        background-color: #080403;
        background-image: none;
        cursor: auto;
    }

    .ticket-type h3 .icn-yellow,
    .ticket-type h3.active .icn-yellow {
        background: none;
    }

    /*  料金区分・共通*/
    .ticket-type dl {
        margin-bottom: 1.0em;
    }

    .ticket-type dl dt {
        color: #fff;
        padding: 0.5em 8px 0.5em 0;
        cursor: pointer;
        text-align: center;
        font-size: 18px;
    }

    .ticket-type dl dt .icn-arrow {
        padding: 3px 0;
    }

    /* .ticket-type dl.fee-type01 table.fee tr.ow-general {} */
    .ticket-type table.fee tbody td:nth-of-type(2n-1) {
        font-size: 14px;
    }

    /* thead */
    .ticket-type table.fee thead tr.stage th:first-child {
        color: #fff;
        font-size: 12px;
    }

    .ticket-type table.fee thead tr.stage th {
        font-size: 14px;
    }

    .ticket-type table.fee tbody th,
    .ticket-type table.fee tbody td {
        padding: 5px;
        line-height: 1.5em;
    }

    .ticket-type table.fee tbody th {
        font-size: 12px;
    }

    /* 料金区分① */
    .ticket-type dl.fee-bronze01 dt {
        background: #d46966 url("https://cdn.l-tike.com/hawks_nenkan_nippons/img2022/bg_icn01.png") repeat-y right top;
        color: #fff;
    }

    .ticket-type dl.fee-bronze01 dt .icn-arrow {
        background: transparent url("https://cdn.l-tike.com/hawks_nenkan_nippons/img2022/icn_dwn01.png") no-repeat right center;
    }

    .ticket-type dl.fee-bronze01 dt.active .icn-arrow {
        background: transparent url("https://cdn.l-tike.com/hawks_nenkan_nippons/img2022/icn_up01.png") no-repeat right center;
    }

    /* 料金区分② */
    .ticket-type dl.fee-silver01 dt {
        background: #83bfd2 url("https://cdn.l-tike.com/hawks_nenkan_nippons/img2022/bg_icn01.png") repeat-y right top;
        color: #fff;
    }

    .ticket-type dl.fee-silver01 dt .icn-arrow {
        background: transparent url("https://cdn.l-tike.com/hawks_nenkan_nippons/img2022/icn_dwn01.png") no-repeat right center;
    }

    .ticket-type dl.fee-silver01 dt.active .icn-arrow {
        background: transparent url("https://cdn.l-tike.com/hawks_nenkan_nippons/img2022/icn_up01.png") no-repeat right center;
    }

    /* 料金区分③ */
    .ticket-type dl.fee-gold01 dt {
        background: #a4c553 url("https://cdn.l-tike.com/hawks_nenkan_nippons/img2022/bg_icn01.png") repeat-y right top;
        color: #fff;
    }

    .ticket-type dl.fee-gold01 dt .icn-arrow {
        background: transparent url("https://cdn.l-tike.com/hawks_nenkan_nippons/img2022/icn_dwn01.png") no-repeat right center;
    }

    .ticket-type dl.fee-gold01 dt.active .icn-arrow {
        background: transparent url("https://cdn.l-tike.com/hawks_nenkan_nippons/img2022/icn_up01.png") no-repeat right center;
    }

    /* 料金区分④ */
    .ticket-type dl.fee-platinum01 dt {
        background: #b853c5 url("https://cdn.l-tike.com/hawks_nenkan_nippons/img2022/bg_icn01.png") repeat-y right top;
        color: #fff;
    }

    .ticket-type dl.fee-platinum01 dt .icn-arrow {
        background: transparent url("https://cdn.l-tike.com/hawks_nenkan_nippons/img2022/icn_dwn01.png") no-repeat right center;
    }

    .ticket-type dl.fee-platinum01 dt.active .icn-arrow {
        background: transparent url("https://cdn.l-tike.com/hawks_nenkan_nippons/img2022/icn_up01.png") no-repeat right center;
    }

    .ticket-type table.fee {
        width: 100%;
    }

    .ticket-type table.fee tr.ow-general th:nth-child(2n-1) {
        background-color: #e6e6e6;
        font-weight: normal;
    }

    .ticket-type table.fee tr.ow-general th:nth-child(1) {
        background-color: inherit;
        font-weight: bold;
    }

    .ticket-type table.fee tr.ow-general th:nth-child(2) {
        background-color: #fbca01;
        font-weight: bold;
    }

    .ticket-type dl.fee-type01 table.fee tr.ow-general th:nth-child(3) {
        background-color: #e6e6e6;
    }

    .ticket-type dl.fee-type02 table.fee tr.ow-general th:nth-child(3) {
        background-color: #e6e6e6;
    }

    .ticket-type dl.fee-type02 table.fee col:nth-child(3) {
        background-color: #f9f9f9;
    }

    .ticket-type dl.fee-type03 table.fee tr.ow-general th:nth-child(3) {
        background-color: #e6e6e6;
    }

    .ticket-type dl.fee-type03 table.fee col:nth-child(3) {
        background-color: #f9f9f9;
    }

    /* 2018/10/02 17:33:32 gray overwrite ogata */
    /* .ticket-type dl.fee-silver01 table.fee tr.ow-general th:nth-child(2) {background-color:#e6e6e6;font-weight:bold;}
.ticket-type dl.fee-silver01 table.fee col:nth-child(2n) {background-color:#f9f9f9;}
.ticket-type dl.fee-platinum01 table.fee tr.ow-general th:nth-child(2) {background-color:#e6e6e6;font-weight:bold;}
.ticket-type dl.fee-platinum01 table.fee col:nth-child(2n) {background-color:#f9f9f9;} */

    /* ■チケットのご購入に関して */
    .about-buy {
        padding: 30px 15px;
    }

    .about-buy h2 {
        font-size: 24px;
        margin-bottom: 1.0em;
    }

    .about-buy ul.about-btn {
        display: block;
        margin-bottom: 0.3em;
        text-align: center;
    }

    .about-buy ul.about-btn li {
        display: block;
        margin-bottom: 0.3em;
    }

    .about-buy p.loppi-bnr {
        margin-bottom: 1.0em;
    }


    /* ■お手続きが不要・必要なもの */
    .procedure {
        margin-bottom: 1.0em;
    }

    .procedure h3 .icn-yellow {
        padding-right: 40px;
    }

    .procedure h4 {
        border-radius: 10px 10px 0 0;
        text-align: center;
        background-color: #fbca01;
    }

    .procedure .inner {
        background-color: #fff;
        border-radius: 0 0 10px 10px;
        padding: 1.0em 15px;
    }

    .procedure p.lead {
        font-size: 18px;
    }

    .procedure ul {
        font-size: 12px;
    }

    .procedure ul li {
        text-indent: -1.0em;
        padding-left: 1.0em;
    }

    .procedure a.more {
        padding: 1.0em 0;
        margin: 0;
        font-size: 18px;
    }

    .procedure p.more {
        padding: 1.0em 0;
        margin: 0;
        font-size: 20px;
    }

    .procedure dl.date {
        margin-bottom: 0.8em;
    }

    .procedure dl.date dt {
        border-radius: 5px;
        padding: 0.3em 0.5em;
        font-size: 16px;
        margin-right: 0;
        margin-bottom: 0.5em;
    }

    .procedure dl.date dd {
        display: block;
        font-size: 18px;
    }


    /* ■お買い求めいただいたチケット～ */
    .refund h3 {
        margin-bottom: 0;
    }

    .refund h3 .icn-yellow {
        padding-right: 40px;
    }

    .refund p.lead {
        font-size: 24px;
        padding: 1.0em;
        line-height: 1.3em;
    }

    .refund .refund-type {
        background-color: #ffffdd;
        padding: 1.0em;
    }

    .refund .refund-type p {
        font-size: 16px;
        text-align: center;
    }

    .refund .refund-type p.type {
        font-size: 16px;
        text-align: left;
        text-indent: -1.0em;
        padding-left: 1.0em;
    }

    .refund .refund-type p.and {
        padding: 0.5em 0;
    }

    .refund .refund-type p.note {
        font-size: 14px;
        text-align: left;
        margin-top: 1.0em;
    }

    .refund dl dt {
        font-size: 16px;
        padding: 0.5em;
    }

    .refund dl dd {
        padding: 0.5em;
    }


    /* ■お問い合わせ */
    .contact {
        padding: 40px 1.0em;
        text-align: center;
    }

    .contact h2 {
        font-size: 24px;
        line-height: 1.3em;
    }

    /* スポーツダイヤルインフォメーション */
    .contact dl dt {
        font-size: 20px;
    }

    .contact dl dd {
        font-size: 16px;

    }

    .contact dl dd span {
        font-size: 14px;
    }

    /* ローソンチケットインフォメーション */
    .contact dl.ltike-info {
        border-top: 1px solid #a6a6a6;
        margin-top: 1.0em;
        padding-top: 1.0em;
    }

    .contact dl.ltike-info dt {
        font-size: 20px;
        margin-bottom: 1.0em;
    }

    .contact dl.ltike-info dd {
        font-size: 36px;
        color: #fbca01;
    }



    /* ======== 契約席を購入する際に枚数を減らして購入する方法 ======== */
    .reduce header h1 {
        font-size: 20px;
        line-height: 1.5em;
        font-weight: normal;
    }

    /* TOPに戻る */
    .reduce .gotop {
        margin-bottom: 2.0em;
        font-size: 14px;
    }

    .reduce .arrow-dwn {
        background: transparent url("https://cdn.l-tike.com/hawks_nenkan_nippons/img2022/icn_arrow_flow03_sp.gif") no-repeat center bottom;
        padding-bottom: 40px;
        margin-bottom: 1.0em;
    }

    .reduce .arrow-dwn:last-child {
        padding-bottom: 40px;
    }

    .reduce .frame {
        padding: 1.0em 15px;
    }

    .reduce .frame h2 {
        text-align: left;
        font-size: 24px;
        line-height: 1.3em;
        margin-bottom: 0.5em;
        text-indent: -1.0em;
        padding-left: 1.0em;
    }

    .reduce .frame p.img {
        float: none;
        margin-right: 0;
    }

    /* .entry-flow1 */
    .reduce .entry-flow1 p.limit {
        font-size: 16px;
        line-height: 1.5em;
    }

    .reduce .entry-flow1 ul.note {
        font-size: 18px;
        color: #d00;
    }

    /* .entry-flow3 */
    .reduce .entry-flow3 {
        margin-bottom: 2.0em;
    }

    .reduce .entry-flow3 p.red {
        font-size: 18px;
        line-height: 1.4em;
    }

    /* こちらボタン */
    ul.btn-more {
        padding-bottom: 2.0em;
    }

    ul.btn-more li {
        text-align: center;
        margin-bottom: 0.5em;
    }

    ul.btn-more li:last-child {
        margin-bottom: 0;
    }

    ul.btn-more li a {
        display: block;
        text-align: center;
        font-size: 21px;
        border-radius: 50px;
        color: #fff;
        padding: 0.8em 0;
        width: auto;
        text-decoration: none;
        margin: 0 15px;
    }

    ul.btn-more li a:hover {
        opacity: 0.8;
    }

    ul.btn-more li p.gray {
        display: block;
        text-align: center;
        font-size: 21px;
        border-radius: 50px;
        color: #fff;
        padding: 0.8em 0;
        width: auto;
        text-decoration: none;
        margin: 0 15px;
    }

    /* ======== 追加チケット購入方法 ======== */
    .wrapper.addticket header h1 {
        font-size: 20px;
    }

    /* TOPに戻る */
    .addticket .gotop {
        margin-bottom: 2.0em;
        font-size: 14px;
    }

    .addticket .frame {
        padding: 1.0em 10px;

    }

    .addticket article {
        margin-bottom: 2.0em;
    }

    .wrapper.addticket h3 {
        margin-bottom: 0.5em;
    }

    .wrapper.addticket h3 .icn-yellow {
        padding: 0.2em 0;
    }

    .wrapper.addticket article p {
        padding: 0;
    }

    .wrapper.addticket .frame {
        margin-bottom: 2.0em;
    }

    /* お申込み方法 */
    .apply-detail article.apply-flow ul {
        display: block;
    }

    .apply-detail article.apply-flow li {
        padding: 0 10px 40px;
        background: transparent url("https://cdn.l-tike.com/hawks_nenkan_nippons/img2022/icn_arrow_flow02.gif") no-repeat center bottom;
        margin-bottom: 1.5em;
    }

    .apply-detail article.apply-flow li:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .apply-detail article.apply-flow li > div {
        width: auto;
    }

    .apply-detail article.apply-flow li > div > p {
        text-align: center;
        margin-bottom: 0.3em;
    }

    .apply-detail article.apply-flow li > div > p + p {
        text-align: left;
    }


    /* ======== 店頭Loppi での引取方法 ======== */
    .loppi-trade h1 {
        font-size: 20px;
    }

    /* TOPに戻る */
    .loppi-trade .gotop {
        margin-bottom: 2.0em;
        font-size: 14px;
    }

    .loppi-trade .bg-gray {
        padding-bottom: 3em;
    }

    .loppi-trade .lead {
        font-size: 14px;
        line-height: 1.5em;
    }

    .loppi-trade h3 .icn-yellow {
        padding: 0.2em 0;
    }


    /* ======== 契約席をほしい日程だけ購入する方法 ======== */
    .date-seat header .balloon {
        background: transparent url("https://cdn.l-tike.com/hawks_nenkan_nippons/img2022/icn_arrow_yellow01_sp.gif") no-repeat center bottom;
        padding-bottom: 11px;
        width: auto;
        margin: 0 1.0em;
    }

    .date-seat header .balloon p {
        padding: 0.7em 0.2em;
        font-size: 16px;
        font-weight: bold;
        border-radius: 30px;
        font-weight: normal;
    }

    .date-seat header h1 {
        font-size: 20px;
        font-weight: normal;
    }

    /* TOPに戻る */
    .date-seat .gotop {
        margin-bottom: 2.0em;
        font-size: 14px;
    }


    .date-seat .frame.entry-flow2 h2 {
        margin-bottom: 0.5em;
    }

    .date-seat .arrow-dwn {
        background: transparent url("https://cdn.l-tike.com/hawks_nenkan_nippons/img2022/icn_arrow_flow03_sp.gif") no-repeat center bottom;
        padding-bottom: 40px;
        margin-bottom: 1.0em;
    }

    .date-seat .frame {
        padding: 1.0em 15px;
    }

    .date-seat .frame h2 {
        text-align: left;
        font-size: 24px;
        line-height: 1.3em;
        margin-bottom: 0.5em;
        text-indent: -1.0em;
        padding-left: 1.0em;
    }

    .date-seat .frame p.img {
        float: none;
        margin-right: 0;
        margin-bottom: 0.5em;
    }

    /* .entry-flow1 */
    .date-seat .entry-flow1 dl dt {
        font-size: 18px;
        padding: 0.3em;
    }

    .date-seat .entry-flow1 dl dd {
        padding: 0.3em;
    }

    /* .entry-flow2 */
    .date-seat .frame p.text:first-child {
        padding-top: 0;
    }

    .date-seat .entry-flow2 p.caution {
        font-size: 16px;
        line-height: 1.5em;
    }

    /* .entry-flow3 */
    .date-seat .entry-flow3 {
        margin-bottom: 2.0em;
    }

    .date-seat .entry-flow3 p.caution {
        font-size: 16px;
    }

    .bg-white .arrow-dwn {
        background: transparent url("https://cdn.l-tike.com/hawks_nenkan_nippons/img2022/icn_arrow_flow04_sp.gif") no-repeat scroll center bottom;
        margin-bottom: 20px;
        padding-bottom: 40px;
    }

    .entry-confirm .confirm-lead {
        padding: 1.0em 15px;
        margin-bottom: 2.0em;
    }

    .confirm-lead h2 {
        padding-top: 0.5em;
        font-size: 24px;
    }

    .confirm-lead p.lead {
        font-size: 18px;
        margin: 1.0em;
        text-align: left;
    }

    .confirm-lead p.lead + p {
        font-size: 14px;
        margin: 1.0em;
    }

    .confirm-lead a.orange {
        font-size: 16px;
        padding: 1.0em 2.0em;
        border-radius: 30px;
    }

    .confirm-lead span.gray {
        font-size: 16px;
        padding: 1.0em 2.0em;
        border-radius: 30px;
    }

    .entry-confirm .entry-flow1 dl.example {
        margin-bottom: 0;
    }

    .entry-confirm .entry-flow1 dl.example dt {
        font-size: 12px;
        margin-bottom: 0.2em;
    }

    .entry-confirm .entry-flow1 dl.example dd {
        font-size: 14px;
        line-height: 1.5em;
    }

    .entry-confirm .entry-flow1 dl.example dd .number {
        font-size: 20px;
    }

    ul.btn-more + p.note {
        line-height: 1.4em;
        margin: 0 30px 2.0em;
        text-indent: -1.0em;
        padding-left: 1.0em;
    }



    /* ■フッタ */
    footer {
        padding: 15px 0;
        font-size: 10px;
    }

    footer p.logo img {
        max-width: 20%;
    }

    /* ★★★ Media Queries 769px ★★★ */
}