ul,
ol { margin: 0; padding: 0;}
ul li { list-style-type: none;}
body{ margin: 0;}
img{ max-width: 100%; height: auto;}
button:focus {outline: none; box-shadow: none; }


/*-- FONT --*/
@font-face {
    font-family: MotoGPDisplay;
    src: url(../../../motogp/assets/fonts/MotoGPDisplayWeb-Bold.woff2) format("woff2"),url(../../../motogp/assets/fonts/MotoGPDisplayWeb-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: MotoGPDisplayLight;
    src: url(../../../motogp/assets/fonts/MotoGPDisplayWeb-Light.woff2) format("woff2"),url(../../../motogp/assets/fonts/MotoGPDisplayWeb-Light.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: MotoGPTextBold;
    src: url(../../../motogp/assets/fonts/MotoGPTextWeb-Bold.woff2) format("woff2"),url(../../../motogp/assets/fonts/MotoGPTextWeb-Bold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: MotoGPTextMedium;
    src: url(../../../motogp/assets/fonts/MotoGPTextWeb-Medium.woff2) format("woff2"),url(../../../motogp/assets/fonts/MotoGPTextWeb-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: MotoGPTextRegular;
    src: url(../../../motogp/assets/fonts/MotoGPTextWeb-Regular.woff2) format("woff2"),url(../../../motogp/assets/fonts/MotoGPTextWeb-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: MotoGPTextLight;
    src: url(../../../motogp/assets/fonts/MotoGPTextWeb-Light.woff2) format("woff2"),url(../../../motogp/assets/fonts/MotoGPTextWeb-Light.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: MotoGPTextItalic;
    src: url(../../../motogp/assets/fonts/MotoGPTextWeb-Italic.woff2) format("woff2"),url(../../../motogp/assets/fonts/MotoGPTextWeb-Italic.woff) format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: MotoGPTextMediumItalic;
    src: url(../../../motogp/assets/fonts/MotoGPTextWeb-MediumItalic.woff2) format("woff2"),url(../../../motogp/assets/fonts/MotoGPTextWeb-MediumItalic.woff) format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: MotoGPTextLightItalic;
    src: url(../../../motogp/assets/fonts/MotoGPTextWeb-LightItalic.woff2) format("woff2"),url(../../../motogp/assets/fonts/MotoGPTextWeb-LightItalic.woff) format("woff");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}


:root{
    /*-- color --*/
    --motogp-black: #000;
    --motogp-darkgray: #1a1a1a;
    --motogp-lightgray: #666666;
    --motogp-lightgray2: #999999;
    --motogp-headerbg: #000;
    --motogp-red: #E63736;
    --motogp-pink: #B7005C;
    --motogp-purple: #6B00B2;
    --motogp-lightpurple: #625EA9;
    --motogp-orange: #E55C00;
    --motogp-turquoise: #01948A;
    --motogp-blue: #429CB2;

    /*-- width --*/
    --motogp-content-width: 1000px;
    
    /*-- font --*/
    --base-font: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3","メイリオ", sans-serif;
    --g-typography-display: MotoGPDisplay, "ヒラギノ角ゴ Pro", "メイリオ", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "-apple-system", "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, sans-serif;
    --g-typography-text-bold: MotoGPTextBold, "ヒラギノ角ゴ Pro", "メイリオ", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "-apple-system", "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, sans-serif;
    --g-typography-text-medium: MotoGPTextMedium, "ヒラギノ角ゴ Pro", "メイリオ", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "-apple-system", "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, sans-serif;
    --g-typography-text-regular: MotoGPTextRegular, "ヒラギノ角ゴ Pro", "メイリオ", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "-apple-system", "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, sans-serif;
    --g-typography-text-light: MotoGPTextLight, "ヒラギノ角ゴ Pro", "メイリオ", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "-apple-system", "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, sans-serif;
}


/*----------------------------------------
  SITE COMMON
----------------------------------------*/
body .trmWrapper:not(.client-content) {
    position: static !important;
    overflow: visible !important;
}

#motogpContainer{
    font-family: var(--base-font);
    min-width: 1300px;
}

#innerMotogpContainer{
    padding-top: 70px;
}

#motogpContent > section{
    padding: 60px 0 100px;
}

#motogpContent > section:nth-child(odd),
#motogpContent.second > section:nth-child(even){
    background-color: var(--motogp-darkgray);
}

#motogpContent > section:nth-child(even),
#motogpContent.second > section:nth-child(odd){
    background-color: var(--motogp-black);
}

.innerMotogpSection{
    width: var(--motogp-content-width);
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

/*-- HEADING --*/
.sectionTtlType01{
    width: var(--motogp-content-width);
    color: #fff;
    font-family: var(--g-typography-display);
    font-size: 72px;
    line-height: 1.2;
    margin: 0 auto ;
    box-sizing: border-box;
    padding: 20px 0 30px 40px;
    position: relative;
}

.sectionTtlType01.small{
    font-size: 60px;
}

.sectionTtlType01 span{
    display: inline;
    position: relative;

}

.sectionTtlType01::before{
    content: "";
    display: block;
    pointer-events: none;
    border-radius: 10px 0 0 0;
    width: 300px;
    height: 300px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background-image: linear-gradient(135deg, rgb(230 55 54 / 1) 0%, rgb(230 55 54 / 0) 30%, rgb(230 55 54 / 0) 100%);
}

.sectionTtlType01-02{
    width: var(--motogp-content-width);
    color: #fff;
    font-family: var(--g-typography-display);
    font-size: 72px;
    line-height: 1.2;
    margin: 0 auto ;
    box-sizing: border-box;
    padding: 15px 0 30px 40px;
    position: relative;
}

.sectionTtlType01-02.bdr{
    border-bottom: 1px solid var(--motogp-lightgray);
    margin-bottom: 90px;
}

.sectionTtlType01-02.small{
    font-size: 60px;
}

.sectionTtlType01-02 span{
    display: inline;
    position: relative;

}

.sectionTtlType01-02::before{
    content: "";
    display: block;
    pointer-events: none;
    border-radius: 10px 0 0 0;
    width: 300px;
    height: 300px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background-image: linear-gradient(135deg, rgb(230 55 54 / 1) 0%, rgb(230 55 54 / 0) 30%, rgb(230 55 54 / 0) 100%);
}

.sectionTtlType02{
    color: var(--motogp-red);
    margin: 60px auto 15px;
    font-size: 28px;
    font-weight: bold;
    line-height: 1.6;
}

.sectionTtlType02.white{
    color: #fff;
}

.sectionTtlType02:first-child{
    margin-top: 0;
}

.sectionTtlType02:last-child{
    margin-bottom: 0;
}

.sectionTtlType03{
    color: #fff;
    margin: 50px auto 18px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.53;
}

.sectionTtlType03:first-child{
    margin-top: 0;
}

.sectionTtlType03:last-child{
    margin-bottom: 0;
}

.sectionTtlType04{
    color: #fff;
    margin: 50px auto 18px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.75;
    text-align: center;
}

.sectionTtlType04:first-child{
    margin-top: 0;
}

.sectionTtlType04:last-child{
    margin-bottom: 0;
}

.sectionTtlType05{
    color: #fff;
    margin: 80px auto 35px;
    font-size: 32px;
    font-weight: bold;
    line-height: 1.71875;
    text-align: center;
}

.sectionTtlType05:first-child{
    margin-top: 0;
}

.sectionTtlType05:last-child{
    margin-bottom: 0;
}

.gradationTtl{
    font-size: 28px;
    line-height: 1.75;
    text-align: center;
    width: 100%;
    max-width: var(--motogp-content-width);
    margin: 70px auto 35px;
    padding: 6px;
    box-sizing: border-box;
}

.gradationTtl:first-child{
    margin-top: 0;
}

.gradationTtl.purple{
    background-image: linear-gradient(-45deg, rgb(107 0 178 / 0) 0%, rgb(107 0 178 / 0.25) 15%,  rgb(168 27 116 / 1) 50%, rgb(230 55 54 / 0.25) 85%, rgb(230 55 54 / 0) 100%);
}

.gradationTtl.red{
    background-image: linear-gradient(-45deg, rgb(183 0 92 / 0) 0%, rgb(183 0 92 / 0.25) 15%,  rgb(206 46 46 / 1) 50%, rgb(229 92 0 / 0.25) 85%, rgb(229 92 0 / 0) 100%);
}

.gradationTtl + p{
    margin-top: 40px !important;
}

.gradationTextTtl{
    margin: 50px auto 20px;
}

.gradationTextTtl:first-child{
    margin-top: 0;
}

.gradationTextTtl:last-child{
    margin-bottom: 0;
}

.gradationTextTtl > span{
    font-size: 28px;
    font-weight: bold;
    background: linear-gradient(45deg, rgb(183 0 92 / 1) 0%, rgb(229 92 0 / 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px transparent;
    line-height: 1.428571428;
    display: inline-block;
}

.gradationTextTtl .small{
    font-size: 20px;
}

.squareTtl{
    margin: 60px auto 15px;
    position: relative;
    font-size: 20px;
    color: #fff;
    box-sizing: border-box;
    line-height: 1.75;
}

.squareTtl:first-child{
    margin-top: 0;
}

.squareTtl:last-child{
    margin-bottom: 0;
}

.squareTtl::before{
    content: "\25A0";
    margin-right: 0.3em;
}

.squareTtl.red::before{
    color: var(--motogp-red);
}

.bdrTtlBox{
    padding-left: 40px;
    box-sizing: border-box;
    width: var(--motogp-content-width);
    margin: 95px auto 50px;
    position: relative;
}

.bdrTtlBox:first-child{
    margin-top: 0;
}

.bdrTtlBox:last-child{
    margin-bottom: 0;
}

.bdrTtlBox::before{
    content: "";
    display: block;
    width: 8px;
    height: calc(100% - 20px);
    position: absolute;
    top: 12px;
    left: 0;
    background-color: var(--motogp-red);
}

.bdrTtlBox > .bdrTtl{
    margin: 0 auto 10px;
    line-height: 1.6;
    font-size: 32px;
    font-weight: bold;
    color: #fff;
}

.bdrTtlBox > .bdrTtl:last-child{
    margin-bottom: 0;
}

.bdrTtlBox > .catch{
    font-size: 20px;
    line-height: 1.8;
    color: #fff;
    margin: 0;
}

.centerTtl01{
    text-align: center;
    font-size: 28px;
    margin: 60px auto 30px;
    line-height: 1.428;
}

.centerTtl01:first-child{
    margin-top: 0;
}

.centerTtl01:last-child{
    margin-bottom: 0;
}

.iconTtlBox{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    color: #fff;
    margin: 95px auto 55px;
}

.iconTtlBox:first-child{
    margin-top: 0;
}

.iconTtlBox[id]:first-child{
    margin-top: -71px;
}

.iconTtlBox[id]{
    margin-top: calc(95px - 71px);
    padding-top: 71px;
    pointer-events: none;
}

.motogpcContentSection + .iconTtlBox[id]{
    margin-top: calc(95px - 71px - 50px);
}

.iconTtlBox > .icon{
    width: 85px;
    height: 85px;
    background-color: var(--motogp-red);
    margin: 0;
    pointer-events: all;
}

.iconTtlBox > .icon.car{
    background-image: url(../images/access/icon-car.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

.iconTtlBox > .icon.bus{
    background-color: var(--motogp-red);
    background-image: url(../images/access/icon-bus.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

.iconTtlBox > .icon.ticket{
    background-color: var(--motogp-red);
    background-image: url(../images/faq/icon-ticket.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

.iconTtlBox > .icon.access{
    background-color: var(--motogp-red);
    background-image: url(../images/faq/icon-access.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

.iconTtlBox > .icon.race{
    background-color: var(--motogp-red);
    background-image: url(../images/faq/icon-race.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

.iconTtlBox > .icon.stay{
    background-color: var(--motogp-red);
    background-image: url(../images/faq/icon-stay.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

.iconTtlBox > .icon.event{
    background-color: var(--motogp-red);
    background-image: url(../images/faq/icon-event.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

.iconTtlBox > .icon.others{
    background-color: var(--motogp-red);
    background-image: url(../images/faq/icon-others.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

.innerIconTtlBox{
    width: calc(100% - 85px - 30px);
    pointer-events: all;
}

.innerIconTtlBox .iconTtl{
    font-size: 32px;
    line-height: 1.4;
    margin: 0;
    pointer-events: all;
}

.innerIconTtlBox .catch{
    font-size: 20px;
    margin: 15px auto 0;
    pointer-events: all;
    line-height: 1.75;
}

/*-- LEAD and CATCH --*/
.motogpPageCatch{
    width: var(--motogp-content-width);
    margin: 0 auto 50px;
    font-size: 20px;
    box-sizing: border-box;
    padding: 0 40px;
    color: #fff;
    line-height: 1.8;
}

/*-- BOX --*/
.spScrollBox .spScrollIcon{
    display: none;
    margin: 0 !important;
    pointer-events: none;
}

.redBdrBox{
    width: 100%;
    max-width: var(--motogp-content-width);
    padding: calc(30px - 2px) calc(40px - 2px);
    border: 2px solid var(--motogp-red);
    box-sizing: border-box;
}

/*-- LIST --*/
.newsList{
    overflow-y: auto;
    max-height: 210px;
}

#motogp-rss.newsList{
    max-height: none;
}

.newsList li{
    border-bottom: 1px solid var(--motogp-lightgray);
    font-size: 16px;
}

.newsList li:first-child{
    border-top: 1px solid var(--motogp-lightgray);
    line-height: 1.8;
}

.newsList li a{
    display: block;
    padding: 20px 30px 20px 40px;
    box-sizing: border-box;
    color: #fff;
    text-decoration: none;
    position: relative;
    font-size: 16px;
    transition: color 0.3s ease;
}

.newsList li .noLink{
    display: block;
    padding: 20px 30px 20px 40px;
    box-sizing: border-box;
    color: #fff;
    text-decoration: none;
    position: relative;
    font-size: 16px;
}

.newsList li a::after{
    content: "";
    display: block;
    width: 20px;
    height: 2px;
    background-color: var(--motogp-red);
    position: absolute;
    top: calc(20px + 0.7em);
    left: 0;
}

.newsList li .noLink::after{
    content: "";
    display: block;
    width: 20px;
    height: 2px;
    background-color: var(--motogp-lightgray);
    position: absolute;
    top: calc(20px + 0.7em);
    left: 0;
}

.newsList li a dl,
.newsList li .noLink dl{
    display: flex;
    gap: 40px;
    margin: 0;
}

.newsList li a dl dt,
.newsList li .noLink dl dt{
    display: block;
    margin: 0;
}

.newsList li a dl dd,
.newsList li .noLink dl dd{
    display: block;
    margin: 0;
}

.pickupList{
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 40px;
}

.pickupList li{
    width: 400px;
}

.pickupList.split02{
    column-gap: 20px;
    row-gap: 40px;
}

.pickupList.split02 li{
    width: 600px;
}

.pickupList li > a,
.pickupList li > .noLink{
    display: block;
    background-color: var(--motogp-black);
    height: 100%;
    text-decoration: none;
    color: #fff;
    position: relative;
}

#motogpContent > section:nth-child(even) .pickupList li > a,
#motogpContent > section:nth-child(even) .pickupList li > .noLink{
    background-color: var(--motogp-darkgray);
}

#motogpContent.second > section:nth-child(even) .pickupList li > a,
#motogpContent.second > section:nth-child(even) .pickupList li > .noLink{
    background-color: var(--motogp-black);
}

#motogpContent.second > section:nth-child(odd) .pickupList li > a,
#motogpContent.second > section:nth-child(odd) .pickupList li > .noLink{
    background-color: var(--motogp-darkgray);
}

.pickupList li > a .imgBox,
.pickupList li > .noLink .imgBox{
    width: 100%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.pickupList li > a .imgBox .img img,
.pickupList li > .noLink .imgBox .img img{
    display: block;
    width: 100%;
    height: auto;
    transform: scale(1);
    transition: transform 0.5s ease;
}

.pickupList li > a .textBox,
.pickupList li > .noLink .textBox{
    box-sizing: border-box;
    padding: 30px 30px 80px;
    overflow: hidden;
    position: relative;
}

.pickupList li > a .textBox .ttl,
.pickupList li > .noLink .textBox .ttl{
    font-size: 24px;
    margin: 0 auto 10px;
    line-height: 1.6;
    transition: color 0.3s ease;
}

.pickupList li > a .textBox .text,
.pickupList li > .noLink .textBox .text{
    font-size: 16px;
    line-height: 1.8;
    margin: 0 auto;
    transition: color 0.3s ease;
}

.pickupList li > a .deco,
.pickupList li > .noLink .deco{
    display: block;
    width: 80px;
    height: 2px;
    position: absolute;
    bottom: 40px;
    right: 0;
    margin: 0;
    overflow: hidden;
}

.pickupList li > a .deco::before,
.pickupList li > .noLink .deco::before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--motogp-lightgray);
    position: absolute;
    top: 0;
    right: 0;
}

.pickupList li > a .deco::after{
    content: "";
    display: block;
    width: 300%;
    height: 100%;
    background-image: linear-gradient(90deg, rgb(230 55 54 / 1) 0%, rgb(230 55 54 / 1) calc(100% / 3), rgb(230 55 54 / 0) calc(100% / 3), rgb(230 55 54 / 0) calc(100% / 3 * 2), rgb(230 55 54 / 1) calc(100% / 3 * 2), rgb(230 55 54 / 1) 100%);
    position: absolute;
    top: 0;
    left: -200%;
    transform: scale(1, 1);
}

.pagerList{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.pagerList > li{
    min-height: 60px;
}

.pagerList.split02 > li{
    width: calc((100% - (10px * 1)) / 2);
}

.pagerList.split03 > li{
    width: calc((100% - (10px * 2)) / 3);
}

.pagerList.split04 > li{
    width: calc((100% - (10px * 3)) / 4);
}

.pagerList.split05 > li{
    width: calc((100% - (10px * 4)) / 5);
}

.pagerList > li a{
    box-sizing: border-box;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 10px;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 18px;
    min-height: 100%;
    font-weight: bold;
    transition: background-color 0.3s ease;
    letter-spacing: -0.05em;
    line-height: 1.4;
}

#motogpContent > section:nth-child(odd) .pagerList > li a,
#motogpContent.second > section:nth-child(even) .pagerList > li a{
    background-color: var(--motogp-black);
}

#motogpContent > section:nth-child(even) .pagerList > li a,
#motogpContent.second > section:nth-child(odd) .pagerList > li a{
    background-color: var(--motogp-darkgray);
}

.pagerList > li.active a{
    background-color: var(--motogp-red) !important;
}

.pagerList.icon > li a{
    align-items: center;
    justify-content: flex-start;
    padding: 12px 10px;
    gap: 25px;
    font-size: 20px;
}

.pagerList.split02.icon > li a{
    padding: 12px 35px;
}

.pagerList.split03.icon > li a{
    padding: 12px 35px;
}

.pagerList.icon > li a .icon{
    display: block;
    width: 60px;
    height: 60px;
}

.pagerList.icon > li.car a .icon{
    background-image: url(../images/access/icon-car.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

.pagerList.icon > li.bus a .icon{
    background-image: url(../images/access/icon-bus.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

.pagerList.icon > li.ticket a .icon{
    background-image: url(../images/faq/icon-ticket.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

.pagerList.icon > li.access a .icon{
    background-image: url(../images/faq/icon-access.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

.pagerList.icon > li.race a .icon{
    background-image: url(../images/faq/icon-race.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

.pagerList.icon > li.stay a .icon{
    background-image: url(../images/faq/icon-stay.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

.pagerList.icon > li.event a .icon{
    background-image: url(../images/faq/icon-event.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

.pagerList.icon > li.others a .icon{
    background-image: url(../images/faq/icon-others.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

.contentSectionOl{
    width: 100%;
    max-width: var(--motogp-content-width);
    margin: 35px auto;
    border-top: 1px solid var(--motogp-lightgray);
    list-style: none;
    counter-reset: contentSectionOl;
    padding: 0;
}

.contentSectionOl:first-child{
    margin-top: 0;
}

.contentSectionOl:last-child{
    margin-bottom: 0;
}

.contentSectionOl > li{
    padding: 35px 0;
    border-bottom: 1px solid var(--motogp-lightgray);
}

.contentSectionOl > li .numttl{
    font-size: 20px;
    margin: 0 auto 15px;
    padding-left: 40px;
    box-sizing: border-box;
    position: relative;
    line-height: 1.8;
}

.contentSectionOl > li .numttl::before{
    content: counter(contentSectionOl);
    counter-increment: contentSectionOl;
    font-size: 20px;
    font-family: var(--g-typography-display);
    display: block;
    width: 25px;
    height: 25px;
    line-height: 1;
    background-color: var(--motogp-red);
    text-align: center;
    position: absolute;
    top: 0.3em;
    left: 0;
}

.contentSectionOl > li p:first-of-type{
    margin-top: 0;
}

.contentSectionOl2{
    width: 100%;
    max-width: var(--motogp-content-width);
    margin: 35px auto;
    list-style: none;
    counter-reset: contentSectionOl;
    padding: 0;
}

.contentSectionOl2:first-child{
    margin-top: 0;
}

.contentSectionOl2:last-child{
    margin-bottom: 0;
}

.contentSectionOl2 > li{
    font-size: 20px;
    padding-left: 40px;
    box-sizing: border-box;
    position: relative;
    line-height: 1.8;
    font-weight: bold;
}

.contentSectionOl2 > li:not(:last-child){
    margin-bottom: 15px;
}

.contentSectionOl2 > li::before{
    content: counter(contentSectionOl);
    counter-increment: contentSectionOl;
    font-size: 20px;
    font-family: var(--g-typography-display);
    display: block;
    width: 25px;
    height: 25px;
    line-height: 1;
    background-color: var(--motogp-red);
    text-align: center;
    position: absolute;
    top: 0.3em;
    left: 0;
}

.contentSectionOl2 > li p:first-of-type{
    margin-top: 0;
}

.questionList{
    width: 100%;
    max-width: var(--motogp-content-width);
    margin: 35px auto;
    border-top: 1px solid var(--motogp-lightgray);
    list-style: none;
    padding: 0;
}

.questionList > li{
    padding: 35px 0;
    border-bottom: 1px solid var(--motogp-lightgray);
}

.questionList > li .questionttl{
    font-size: 20px;
    margin: 0 auto 15px;
    padding-left: 40px;
    box-sizing: border-box;
    position: relative;
    line-height: 1.8;
}

.questionList > li .questionttl::before{
    content: "?";
    font-size: 20px;
    font-family: var(--g-typography-display);
    display: block;
    width: 25px;
    height: 25px;
    line-height: 1;
    text-align: center;
    position: absolute;
    top: 0.3em;
    left: 0;
    color: var(--motogp-black);
}

.questionList > li p a{
    color: #fff !important;
}

.questionList > li.grill .questionttl::before{
    background-color: #55FF36;
}

.questionList > li.katarai .questionttl::before{
    background-color: #5FCED8;
}

.questionList > li.rest .questionttl::before{
    background-color: #2F7A8F;
}

.questionList > li.bus .questionttl::before{
    background-color: #FF9A00;
}

.motogpEventTimeList{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 1em;
    font-size: 16px;
    list-style: none;
    line-height: 1.875;
    margin: 0;
}

.motogpEventTimeList dt{
    width: 7.5em;
    padding: 0;
    margin: 0;
}

.motogpEventTimeList dd{
    box-sizing: border-box;
    width: calc(100% - 8.5em);
    padding: 0;
    margin: 0;
}

.motogpEventTimeList dd + dd{
    width: 100%;
    padding-left: 8.5em;
}

.squareList{
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    font-size: 16px;
    line-height: 1.8;
    color: #fff;
}

.squareList.noText{
    gap: 0;
}

.squareList li{
    width: 100%;
}

.squareList li p{
    margin: 0;    
}

.squareList li .ttl::before{
    content: "\25A0";
    margin-right: 0.5em;
    color: var(--motogp-red);
}

.imgFlexList{
    display: flex;
    width: 100%;
    max-width: 1220px;
    margin: 40px auto 20px;
}

.imgFlexList:first-child{
    margin-top: 0;
}

.imgFlexList:last-child{
    margin-bottom: 0;
}

.imgFlexList.split02 li{
    width: calc(100% / 2);
}

.imgFlexList.split05 li{
    width: calc(100% / 5);
}

.imgFlexList li img{
    display: block;
}

/*-- TABLE --*/
.tableType01{
    width: 100%;
    color: #fff;
    border-top: 1px solid var(--motogp-lightgray);
    font-size: 16px;
    line-height: 1.875;
}

.tableType01 a{
    color: var(--motogp-red);
    text-decoration: underline;
}

.tableType01 th,
.tableType01 td{
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid var(--motogp-lightgray);
}

.tableType01 th{
    width: 170px;
    padding: 18px 20px 18px 40px; 
}

.tableType01 td{
    padding: 20px 40px 20px 0;
}

.tableType01 td > img,
.tableType01 td > p > img{
    max-width: 100%;
    display: block;
}

.tableType01 td .eventSubBox{
    margin: 30px auto;
}

.tableType01 td .eventSubBox:last-child{
    margin-bottom: 10px;
}

.tableType02{
    width: 100%;
    color: #fff;
    border: 1px solid var(--motogp-black);
    border-collapse: collapse;
}

.tableType02.white{
    background-color: #fff;
    color: var(--motogp-black);
}

.tableType02 p{
    margin: 0 !important;
}

.tableType02 p.small{
    font-size: 14px !important;
}

.tableType02 a{
    color: var(--motogp-red);
    text-decoration: underline;
}

.tableType02 th,
.tableType02 td{
    text-align: left;
    border: 1px solid var(--motogp-lightgray);
    padding: 15px 20px;
    vertical-align: middle;
    font-size: 16px !important;
    line-height: 1.5625 !important;
    vertical-align: middle;
}

.tableType02 th.btn,
.tableType02 td.btn{
    padding: 20px 20px;
}

.tableType02 th p,
.tableType02 td p{
    margin: 0;
    line-height: 1.5625 !important;
}

.tableType02 th.price,
.tableType02 td.price{
    width: 20.1754385%;
}

.tableType02 th.contact,
.tableType02 td.contact{
    width: 16.666666666666%;
}

.tableType02 th.reservation,
.tableType02 td.reservation{
    width: 19.2982456%;
}

.tableType02 th{
    background-color: var(--motogp-darkgray);
    font-weight: bold;
}

.tableType02.white th{
    background-color: #E5E5E5
}

.tableType02 .redBtn{
    margin: 0;
    display: block;
}

.tableType02 .redBtn a{
    min-width: 180px;
    font-size: 16px;
    padding: 5px 10px;
    margin: 0;
}

/*-- BUTTON --*/
.redBtn{
    margin: 40px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.redBtn a{
    width: auto;
    min-width: 400px;
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    text-align: center;
    color: #fff !important;
    line-height: 1.6;
    font-size: 18px;
    font-weight: bold;
    padding: 15px 15px;
    box-sizing: border-box;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    text-decoration: none !important;
}

.redBtn a span{
    position: relative;
    z-index: 2;
    display: block;
}

.redBtn a::after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    background-image: linear-gradient(90deg, var(--motogp-red) 0%, var(--motogp-red) 50%, rgb(230 55 54 / 0.5) 100%);
    z-index: 1;
    transition: transform 0.3s ease;
}

.btnList{
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
    gap: 40px;
}

.btnList li{
    width: 400px;
    margin: 0 !important;
}

/*-- ACCORDION --*/
.accordionBox .accordionBtn{
    padding: 40px 0 0;
    margin: 0;
}

.accordionBox .accordionBtn button{
    color: #fff;
    font-size: 24px;
    line-height: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    margin: 0 auto;
    font-family: var(--base-font);
}

.accordionBox .accordionBtn button .icon{
    display: block;
    width: 22px;
    height: 22px;
    position: relative;
    transition: transform 0.3s ease;
}

.accordionBox .accordionBtn button .icon::before{
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: var(--motogp-red);
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
}

.accordionBox .accordionBtn button .icon::before,
.accordionBox .accordionBtn button .icon::after{
    content: "";
    display: block;
    background-color: var(--motogp-red);
    position: absolute;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.accordionBox .accordionBtn button .icon::before{
    width: 100%;
    height: 2px;
    top: calc(50% - 1px);
    left: 0;
}

.accordionBox .accordionBtn button .icon::after{
    height: 100%;
    width: 2px;
    top: 0;
    left: calc(50% - 1px);
}

.accordionBox .accordionBtn.active button .icon{
    transform: rotate(180deg);
}

.accordionBox .accordionBtn.active button .icon::after{
    transform: scaleY(0);
    opacity: 0;
}

/*-- SLIDER --*/
.eventSlider{
    width: 100%;
    position: relative;
    box-sizing: border-box;
    padding: 0;
}

.eventSlider.wide:last-child{
    margin-bottom: 0;
}

.eventSlider .slider{
    margin: 0 auto;
}

.eventSlider.single .pagination{
    display: none;
}

.eventSlider .pagination{
    width: 100%;
    display: flex;
    gap: 15px;
    justify-content: center;
    align-items: center;
    margin: 25px auto 0;
}

.eventSlider .slick-dots,
.eventSlider .slick-prev,
.eventSlider .slick-next{
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
}

.eventSlider .slick-dots{
    order: 2;
    width: auto;
    display: flex;
    gap: 10px;
}

.eventSlider .slick-dots li{
    margin: 0;
    height: 2px;
    width: 50px;
}

.eventSlider .slick-dots li:only-child{
    display: none
}

.eventSlider .slick-dots li button{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

.eventSlider .slick-dots li button:before{
    width: 100%;
    height: 100%;
    border-radius: 0;
    background-color: var(--motogp-lightgray);
    opacity: 1;
    transition: all 0.3s ease;
}

.eventSlider .slick-dots li.slick-active button:before{
    background-color: var(--motogp-red);
}


.eventSlider .slick-prev,
.eventSlider .slick-next{
    position: relative;
    width: 14px;
    height: 14px;
}

.eventSlider .slick-prev{
    order: 1;
    transform: rotate(-45deg);
}

.eventSlider .slick-prev:before,
.eventSlider .slick-prev:after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--motogp-lightgray);
    opacity: 1;
    transition: all 0.3s ease;
}

.eventSlider .slick-prev:before{
    height: 2px ;
    width: 100%;
}

.eventSlider .slick-prev:after{
    height: 100%;
    width: 2px;
}

.eventSlider .slick-next{
    order: 3;
    transform: rotate(45deg);
}

.eventSlider .slick-next:before,
.eventSlider .slick-next:after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--motogp-lightgray);
    opacity: 1;
    transition: all 0.3s ease;
}

.eventSlider .slick-next:before{
    height: 2px ;
    width: 100%;
}

.eventSlider .slick-next:after{
    height: 100%;
    width: 2px;
}

.thumbSlider{
    width: 100%;
    position: relative;
    box-sizing: border-box;
    padding: 0;
}

.thumbSlider.wide:last-child{
    margin-bottom: 0;
}

.thumbSlider .slider{
    margin: 0 auto;
}

.thumbSlider.single .pagination{
    display: none;
}

.thumbSlider .pagination{
    width: 100%;
    display: flex;
    gap: 15px;
    justify-content: center;
    align-items: center;
    margin: 25px auto 0;
}

.thumbSlider .slick-dots,
.thumbSlider .slick-prev,
.thumbSlider .slick-next{
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
}

.thumbSlider .slick-dots{
    order: 2;
    width: auto;
    display: flex;
    gap: 10px;
}

.thumbSlider .slick-dots li{
    margin: 0;
    height: auto;
    width: 60px;
}

.thumbSlider .slick-dots li button{
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    transition: opacity 0.3s ease;
}

.thumbSlider .slick-dots li button:before{
    content: none;
}

.thumbSlider .slick-dots li img{
    display: block;
}

.thumbSlider .slick-prev,
.thumbSlider .slick-next{
    position: relative;
    width: 14px;
    height: 14px;
}

.thumbSlider .slick-prev{
    order: 1;
    transform: rotate(-45deg);
}

.thumbSlider .slick-prev:before,
.thumbSlider .slick-prev:after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--motogp-lightgray);
    opacity: 1;
    transition: all 0.3s ease;
}

.thumbSlider .slick-prev:before{
    height: 2px ;
    width: 100%;
}

.thumbSlider .slick-prev:after{
    height: 100%;
    width: 2px;
}

.thumbSlider .slick-next{
    order: 3;
    transform: rotate(45deg);
}

.thumbSlider .slick-next:before,
.thumbSlider .slick-next:after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--motogp-lightgray);
    opacity: 1;
    transition: all 0.3s ease;
}

.thumbSlider .slick-next:before{
    height: 2px ;
    width: 100%;
}

.thumbSlider .slick-next:after{
    height: 100%;
    width: 2px;
}

/*-- MOVIE --*/
.youtubeBox{
    max-width: 800px;
    margin: 0 auto;
}

.innerYoutube{
    width: 100%;
    padding-top: 56.25%;
    height: 0;
    position: relative;
}

.innerYoutube iframe{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/*-- TO TOP --*/
#page-top{
    display:none;
    position:fixed;
    z-index: 99;
    right: 20px;
    bottom: 30px;
    width: 60px;
    height: 60px;
}
#page-top .inner{
    display: block;
    width: 100%;
    height: 100%;
}

#page-top .totopBtn{
    margin: 0;
    padding:0;
    width: 100%;
    height: 100%;
}

#page-top .totopBtn a{
    display: block;
    width: 100%;
    height: 100%;
    background-color: #333;
    position: relative;
    transition: background-color 0.3s ease;
}

#move-page-top{
    text-decoration:none;
    display:block;
    cursor:pointer;
    transition: opacity 0.5s;
}

#page-top .totopBtn a span{
    display: block;
    width: 14px;
    height: 14px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    position: absolute;
    top: calc(50% - 7px);
    left: calc(50% - 7px);
    transform: rotate(-45deg);
}

/*-- TRANSLATE --*/
.noTranslate[title]::before{
    content: attr(title) !important;
 }

/*-- MARGIN --*/
/*top*/
.mt100{ margin-top: 100px !important;}
.mt90{ margin-top: 90px !important;}
.mt80{ margin-top: 80px !important;}
.mt70{ margin-top: 70px !important;}
.mt60{ margin-top: 60px !important;}
.mt50{ margin-top: 50px !important;}
.mt40{ margin-top: 40px !important;}
.mt30{ margin-top: 30px !important;}
.mt20{ margin-top: 20px !important;}
.mt10{ margin-top: 10px !important;}
.mt00{ margin-top: 00px !important;}

/*bottom*/
.mb100{ margin-bottom: 100px !important;}
.mb90{ margin-bottom: 90px !important;}
.mb80{ margin-bottom: 80px !important;}
.mb70{ margin-bottom: 70px !important;}
.mb60{ margin-bottom: 60px !important;}
.mb50{ margin-bottom: 50px !important;}
.mb40{ margin-bottom: 40px !important;}
.mb30{ margin-bottom: 30px !important;}
.mb20{ margin-bottom: 20px !important;}
.mb10{ margin-bottom: 10px !important;}
.mb00{ margin-bottom: 00px !important;}

/*left*/
.ml100{ margin-left: 100px !important;}
.ml90{ margin-left: 90px !important;}
.ml80{ margin-left: 80px !important;}
.ml70{ margin-left: 70px !important;}
.ml60{ margin-left: 60px !important;}
.ml50{ margin-left: 50px !important;}
.ml40{ margin-left: 40px !important;}
.ml30{ margin-left: 30px !important;}
.ml20{ margin-left: 20px !important;}
.ml10{ margin-left: 10px !important;}
.ml00{ margin-left: 00px !important;}

/*right*/
.mr100{ margin-right: 100px !important;}
.mr90{ margin-right: 90px !important;}
.mr80{ margin-right: 80px !important;}
.mr70{ margin-right: 70px !important;}
.mr60{ margin-right: 60px !important;}
.mr50{ margin-right: 50px !important;}
.mr40{ margin-right: 40px !important;}
.mr30{ margin-right: 30px !important;}
.mr20{ margin-right: 20px !important;}
.mr10{ margin-right: 10px !important;}
.mr00{ margin-right: 00px !important;}

/*----------------------------------------
  NAVI
----------------------------------------*/
#motogpNavi{
    height: 0;
    width: 100%;
    position: sticky;
    top: -1px;
    left: 0;
    z-index: 100;
}

#motogpHamburger{
    display: none;
}

#motogpNaviContainer{
    display: contents;
}
#motogpNaviContainer .innerMotogpNaviContainer{
    display: contents;
}

#motogpNaviLink{
    background: var(--motogp-black);
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 101;
}

#motogpNaviLink h1{
    display: none;
}

#motogpNaviLink ul{
    font-family: var(--g-typography-text-regular);
    letter-spacing: 0.05em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
    height: 70px;
    border-bottom: 1px solid var(--motogp-lightgray);
}

#motogpNaviLink ul li a{ 
    color: #fff;
    font-size: 20px;
    text-decoration: none;
    display: block;
    position: relative;
    transition: all 0.3s ease;
}

#motogpNaviLink ul li a::after{ 
    content: "";
    background-color: var(--motogp-red);
    width: 0;
    height: 2px;
    position: absolute;
    bottom: -3px;
    left: 50%;
    opacity: 0;
    transition: all 0.3s ease;
}

#motogpNaviLink ul li span{ 
    color: #fff;
    font-size: 20px;
    text-decoration: none;
    display: block;
    position: relative;
    opacity: 0.3;
}

#motogpNaviBtn{
    position: absolute;
    top: calc(71px + 20px);
    right: 20px;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    z-index: 10000;
}

#mailMagazine,
#Instagram{
    margin: 0;
    display: block;
    box-sizing: border-box;
    border-radius: 5px;
    background-color: var(--motogp-black);
}

#mailMagazine a,
#Instagram a{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    box-sizing: border-box;
    text-decoration: none;
    color: #fff;
    line-height: 1.4;
    font-weight: bold;
    font-size: 16px;
    height: 60px;
    border-radius: 5px;
    transition: all 0.3s ease;
}

#mailMagazine a{
    background: var(--motogp-turquoise);
    padding: 0 14px;
    border: 1px solid var(--motogp-turquoise);
}

#Instagram a{
    background: var(--motogp-red);
    padding: 0;
    width: 60px;
    border: 1px solid var(--motogp-red);
}

#mailMagazine a .icon,
#Instagram a .icon{
    width: 40px;
    height: 40px;
}

#mailMagazine a .icon{
    mask-image: url("../images/icon-mail.svg");
    mask-size: contain;
    background-color: #fff;
}

#Instagram a .icon{
    mask-image: url("../images/icon-instagram.svg");
    mask-size: contain;
    background-color: #fff;
}

#Instagram a .text{
    display: none;
}

/*----------------------------------------
  HEADER
----------------------------------------*/
#motogpHeader{
    background: var(--motogp-headerbg);
    padding: 40px 0 20px;
}

#motogpHeader h1{
    width: 800px;
    margin: 0 auto;
}

#motogpHeader h1 a{ 
    display: block;
}

#motogpHeader h1 span{ 
    display: block;
}

#motogpHeader h1 span img{ 
    display: block;
}

#motogpHeader h1 .logo{ 
    margin-bottom: 20px;
}

#motogpHeader h1 .date{ 
    width: 487.8164px;
    margin: 0 auto;
}

/*----------------------------------------
  BREADCRUNB
----------------------------------------*/
#motogpBreadcrumb{
    background-color: var(--motogp-black);
    padding: 15px 0;
}

#motogpBreadcrumb ol{
    width: var(--motogp-content-width);
    margin: 0 auto;
}

#motogpBreadcrumb ol li{
    display: inline;
    position: relative;
    color: #fff;
    font-size: 14px;
}

#motogpBreadcrumb ol li:not(:last-child)::after{
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg) translateY(-2px);
    margin: 0 15px 0 15px;
}

#motogpBreadcrumb ol li a{
    color: #fff;
    text-decoration: none;
    transition: color 0.3s ease;
}

/*----------------------------------------
  FOOTER CAUTION
----------------------------------------*/
.motogpCaution{
    margin: 100px auto 0;
    width: var(--motogp-content-width);
    color: #fff;
    font-size: 14px;
    line-height: 1.8;
}

/*----------------------------------------
  TOP
----------------------------------------*/
/*-- TOP SLIDE --*/
#topSlide{
    width: 100%;
}

#topSlide .slick-slide{
    position: relative;
}

#topSlide .slick-track{
    background-color: var(--motogp-black);
}

#topSlide .slick-slide a{
    color: #fff;

}

#topSlide .slick-slide .img{
    width: 100%;
    margin: 0;
}

#topSlide .slick-slide .img img{
    width: 100%;
    height: auto;
    display: block;
}

#topSlide .slick-slide .text{
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    background-color: rgb(0 0 0 / 0.7);
    margin: 0;
    width: 100%;
}

#topSlide .slick-slide .text > p{
    width: var(--motogp-content-width);
    margin: 0 auto;
    padding: 20px 0 15px;
    box-sizing: border-box;
    min-height: 110px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

#topSlide .slick-slide .text > p .innerText{
    display: flex;
    align-items: center;
    gap: 20px;
}

#topSlide .slick-slide .text > p .innerText .category{
    color: var(--motogp-red);
    font-family: var(--g-typography-display);
    font-size: 40px;
    line-height: 1;
    display: block;
    padding-bottom: 8px;
}

#topSlide .slick-slide .text > p .innerText .title{
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    line-height: 1.4;
    display: block;
}

#topSlide .slick-slide .text > p .btn{
    min-width: 200px;
    max-width: 300px;
    background-color: var(--motogp-red);
    border-radius: 5px;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--motogp-red);
    transition: all 0.3s ease;
}

#topSlide .slick-dotted.slick-slider{
    margin: 0 auto;
}

#topSlide .slick-dots{
    position: absolute;
    bottom: -22px;
    display: flex;
    gap: 10px;
    justify-content: center;
}

#topSlide .slick-dots li{
    margin: 0;
    height: 2px;
    width: 50px;
}

#topSlide .slick-dots li:only-child{
    display: none
}

#topSlide .slick-dots li button{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

#topSlide .slick-dots li button:before{
    width: 100%;
    height: 100%;
    border-radius: 0;
    background-color: var(--motogp-lightgray);
    opacity: 1;
    transition: all 0.3s ease;
}

#topSlide .slick-dots li.slick-active button:before{
    background-color: var(--motogp-red);
}

/*-- TOP MENU --*/
#motogpContent #topNavi{
    padding-top: 100px;
}

.topLinkList{
    font-family: var(--g-typography-display);
    letter-spacing: -.02em;
    font-size: 40px;
    font-weight: bold;
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 10px;
}

.topLinkList li{
    width: 600px;
}

.topLinkList li a{
    min-height: 100%;
    width: 100%;
    display: flex;
    background-color: var(--motogp-black);
    color: #fff;
    text-decoration: none;
    padding: 20px 30px;
    box-sizing: border-box;
    border-radius: 10px;
    position: relative;
    align-items: center;
    gap: 30px;
    transition: all 0.3s ease;
}

.topLinkList li > .noLink{
    min-height: 100%;
    width: 100%;
    display: flex;
    background-color: var(--motogp-black);
    color: #4f4f4f;
    text-decoration: none;
    padding: 20px 30px;
    box-sizing: border-box;
    border-radius: 10px;
    position: relative;
    align-items: center;
    gap: 30px;
}

.topLinkList li a .icon,
.topLinkList li .noLink .icon{
    width: 70px;
    height: 70px;
}

.topLinkList li a .icon.ticket,
.topLinkList li .noLink .icon.ticket{
    mask-image: url(../images/top/icon-ticket.svg);
}

.topLinkList li a .icon.timetable,
.topLinkList li .noLink .icon.timetable{
    mask-image: url(../images/top/icon-timetable.svg);
}

.topLinkList li a .icon.event,
.topLinkList li .noLink .icon.event{
    mask-image: url(../images/top/icon-event.svg);
}

.topLinkList li a .icon.navi,
.topLinkList li .noLink .icon.navi{
    mask-image: url(../images/top/icon-spectator-navi.svg);
}

.topLinkList li a .icon.fg,
.topLinkList li .noLink .icon.fg{
    mask-image: url(../images/top/icon-foods-goods.svg);
}

.topLinkList li a .icon.faq,
.topLinkList li .noLink .icon.faq{
    mask-image: url(../images/top/icon-faq.svg);
}

.topLinkList li a .icon.info,
.topLinkList li .noLink .icon.info{
    mask-image: url(../images/top/icon-information.svg);
}

.topLinkList li a .icon.access,
.topLinkList li .noLink .icon.access{
    mask-image: url(../images/top/icon-access.svg);
}

.topLinkList li a .icon{
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: #fff;
    display: inline-block;
    aspect-ratio: 1/1;
    transition: all 0.3s ease;
}

.topLinkList li .noLink .icon{
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: #4f4f4f;
    display: inline-block;
    aspect-ratio: 1/1;
    transition: all 0.3s ease;
}

.topLinkList li a .text,
.topLinkList li .noLink .text{
    padding-bottom: 7px;
}

.topLinkList li a .small,
.topLinkList li .noLink .small{
    font-size: 31px;
}

.topLinkList li a::after,
.topLinkList li .noLink::after{
    content: "";
    width: 90px;
    height: 90px;
    display: block;
    pointer-events: none;
    position: absolute;
    bottom: 10px;
    right: 10px;
    background-image: linear-gradient(-45deg, rgb(230 55 54 / 1) 0%, rgb(230 55 54 / 0) 30%, rgb(230 55 54 / 0) 100%);
    border-radius: 0 0 5px 0;
}

.topLinkList li a::after{
    background-image: linear-gradient(-45deg, rgb(230 55 54 / 1) 0%, rgb(230 55 54 / 0) 30%, rgb(230 55 54 / 0) 100%);
}

.topLinkList li .noLink::after{
    background-image: linear-gradient(-45deg, rgb(79 79 79 / 1) 0%, rgb(79 79 79 / 0) 30%, rgb(79 79 79 / 0) 100%);
}

/*-- PICK UP --*/
.topPickupList{
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 40px;
}

.topPickupList li{
    width: 400px;

}

.topPickupList li > a,
.topPickupList li > .noLink{
    display: block;
    background-color: var(--motogp-black);
    height: 100%;
    text-decoration: none;
    color: #fff;
    position: relative;
}

#motogpContent > section:nth-child(even) .topPickupList li > a,
#motogpContent > section:nth-child(even) .topPickupList li > .noLink{
    background-color: var(--motogp-darkgray);
}

.topPickupList li > a .imgBox,
.topPickupList li > .noLink .imgBox{
    width: 100%;
    height: 320px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.topPickupList li > a .imgBox .cate,
.topPickupList li > .noLink .imgBox .cate{
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    box-sizing: border-box;
    padding: 8px 35px 10px 20px;
    max-width: 100%;
    z-index: 1;
    line-height: 1;
}

.topPickupList li > a .imgBox .cate::before,
.topPickupList li > .noLink .imgBox .cate::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
}

.topPickupList li > a .imgBox .cate.event::before,
.topPickupList li > .noLink .imgBox .cate.event::before{
    background-color: var(--motogp-pink);
}

.topPickupList li > a .imgBox .cate.ticket::before,
.topPickupList li > .noLink .imgBox .cate.ticket::before{
    background-color: var(--motogp-purple);
}

.topPickupList li > a .imgBox .cate.race::before,
.topPickupList li > .noLink .imgBox .cate.race::before{
    background-color: var(--motogp-red);
}

.topPickupList li > a .imgBox .cate.other::before,
.topPickupList li > .noLink .imgBox .cate.other::before{
    background-color: var(--motogp-orange);
}

.topPickupList li > a .imgBox .cate > span,
.topPickupList li > .noLink .imgBox .cate > span{
    color: #fff;
    position: relative;
    font-size: 24px;
    font-family: var(--g-typography-display);

}

.topPickupList li > a .imgBox .img img,
.topPickupList li > .noLink .imgBox .img img{
    display: block;
    width: 100%;
    height: auto;
    transform: scale(1);
    transition: transform 0.5s ease;
}

.topPickupList li > a .textBox,
.topPickupList li > .noLink .textBox{
    box-sizing: border-box;
    padding: 30px 30px 80px;
    overflow: hidden;
    position: relative;
}

.topPickupList li > a .textBox .ttl,
.topPickupList li > .noLink .textBox .ttl{
    font-size: 24px;
    margin: 0 auto 15px;
    line-height: 1.8;
    transition: color 0.3s ease;
}

.topPickupList li > a .textBox .text,
.topPickupList li > .noLink .textBox .text{
    font-size: 16px;
    line-height: 1.8;
    margin: 0 auto;
    transition: color 0.3s ease;
}

.topPickupList li > a .deco,
.topPickupList li > .noLink .deco{
    display: block;
    width: 80px;
    height: 2px;
    position: absolute;
    bottom: 40px;
    right: 0;
    margin: 0;
    overflow: hidden;
}

.topPickupList li > a .deco::before,
.topPickupList li > .noLink .deco::before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--motogp-lightgray);
    position: absolute;
    top: 0;
    right: 0;
}

.topPickupList li > a .deco::after{
    content: "";
    display: block;
    width: 300%;
    height: 100%;
    background-image: linear-gradient(90deg, rgb(230 55 54 / 1) 0%, rgb(230 55 54 / 1) calc(100% / 3), rgb(230 55 54 / 0) calc(100% / 3), rgb(230 55 54 / 0) calc(100% / 3 * 2), rgb(230 55 54 / 1) calc(100% / 3 * 2), rgb(230 55 54 / 1) 100%);
    position: absolute;
    top: 0;
    left: -200%;
    transform: scale(1, 1);
}

/*-- LINK --*/
#motogpContent #topLink{
    padding-bottom: 120px;
}

.wideBnrList{
    width: 1020px;
    margin: 0 auto;
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
}

.wideBnrList:not(:last-child){
    margin-bottom: 40px;
}

.wideBnrList li{
    width: 100%;
}

.wideBnrList li a{
    display: block;
    transition: opacity 0.3s ease;
}

.splitBnrList{
    width: 1020px;
    margin: 0 auto;
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
}

.splitBnrList li{
    width: 490px;
}

.splitBnrList li a{
    display: block;
    height: 100%;
    width: 100%;
    transition: all 0.3s ease;
}

.splitBnrList li.iconbnr a{
    display: flex;
    align-items: center;
    gap: 30px;
    overflow: hidden;
    position: relative;
    min-height: 120px;
    box-sizing: border-box;
    padding: 20px 30px;
    text-decoration: none;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
}

.splitBnrList li.iconbnr a::before{
    content: "";
    display: block;
    pointer-events: none;
    width: 200%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -100%;
    transition: left 0.3s ease;
}

.splitBnrList li.iconbnr.mailMagazine a::before{
    background-image: linear-gradient(90deg, rgb(1 148 138 / 0.1) 0%, rgb(1 148 138 / 1) 50%, rgb(1 148 138 / 0.1) 100%);
}

.splitBnrList li.iconbnr.insta a::before{
    background-image: linear-gradient(90deg, rgb(230 55 54 / 0.1) 0%, rgb(230 55 54 / 1) 50%, rgb(230 55 54 / 0.1) 100%);
}

.splitBnrList li.iconbnr a .icon{
    position: relative;
}

.splitBnrList li.iconbnr.mailMagazine a .icon{
    width: 70px;
    height: 65px;
    background: url("../images/icon-mail.svg") no-repeat center center;
    background-size: contain;
}

.splitBnrList li.iconbnr.insta a .icon{
    width: 60px;
    height: 60px;
    background: url("../images/icon-instagram.svg") no-repeat center center;
    background-size: contain;
}

.splitBnrList li.iconbnr a .text{
    position: relative;
}

/*-- RSS --*/
.rssTitleBox{
    width: var(--motogp-content-width);
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin: 0 auto;
}

.rssTitleBox .rssBtn{
    margin: 0;
    width: 170px;
    padding-bottom: 40px;
}

.rssTitleBox .rssBtn a,
.rssTitleBox .rssBtn img{
    display: block;
}

/*----------------------------------------
  SECOND
----------------------------------------*/
.motogpcContentSection{
    margin: 50px auto;
}

.pagerList + .motogpcContentSection{
    margin-top: 100px;
}

.motogpPageCatch + .motogpcContentSection{
    margin-top: 90px;
}

#motogpContent > section:nth-child(even) .motogpcContentSection,
#motogpContent.second > section:nth-child(odd) .motogpcContentSection{
    background-color: var(--motogp-black);
}

#motogpContent > section:nth-child(odd) .motogpcContentSection,
#motogpContent.second > section:nth-child(even) .motogpcContentSection{
    background-color: var(--motogp-black);
}

.motogpcContentSection .innerMotogpcContentSection{
    margin: 95px auto;
}

.motogpcContentSection .innerMotogpcContentSection:first-child{
    margin-top: 0;
}

.motogpcContentSection .innerMotogpcContentSection:last-child{
    margin-bottom: 0;
}

.motogpcContentSection .innerMotogpcContentSection[id]{
    margin-top: calc(95px - 70px);
    padding-top: 70px;
}

.innerMotogpcContentSection + .innerMotogpcContentSection[id]{
    margin-top: -70px;
}

.motogpcContentSection .imgBox{
    width: 100%;
    margin: 0 auto 45px;
    position: relative;
}

.motogpcContentSection .imgBox p{
    margin: 0 auto;
}

.motogpcContentSection .imgBox p img{
    display: block;
}

.motogpcContentSection > .textBox{
    padding: 0 40px 45px;
    color: #fff;
}

.motogpcContentSection > .textBox:first-child{
    padding-top: 45px;
}

.motogpcContentSection > .textBox p{ 
    font-size: 16px;
    margin: 1.2em auto;
    line-height: 1.875;
}

.motogpcContentSection > .textBox p .small{ 
    font-size: 14px;
}

.motogpcContentSection > .textBox p.img img{ 
    display: block;
}

.motogpcContentSection > .textBox p.fpuls2{ 
    font-size: 18px;
    line-height: 1.75;
}

.motogpcContentSection > .textBox p.fpuls4{ 
    font-size: 20px;
    line-height: 1.75;
}

.motogpcContentSection > .textBox p .spBrBox{
    display: inline;
    margin-right: 1em;;
}

.motogpcContentSection > .textBox p.center{ 
    text-align: center;
}

.motogpcContentSection > .textBox p:first-of-type{ 
    margin-top: 0;
}

.motogpcContentSection > .textBox p:first-child{ 
    margin-top: 0;
}

.motogpcContentSection > .textBox p:last-child{ 
    margin-bottom: 0;
}

.motogpcContentSection .eventSubBox.flex + p.center{
    margin-top: 45px !important;
}

.motogpcContentSection > .textBox p.caution{
    font-size: 14px;
}

.motogpcContentSection > .textBox p a{
    color: var(--motogp-red);
    text-decoration: underline;
}

.motogpcContentSection .tableType01 th{
    width: 170px;
    font-weight: bold;
    padding-left: 0;
}

.motogpcContentSection .tableType01 td{
    padding-right: 0;
}

.motogpcContentSection .tableType01 td .small{
    font-size: 14px;
}

.motogpcContentSection .eventSubBox{
    box-sizing: border-box;
    padding: 30px;
    width: 100%;
    margin: 40px auto 0;
}

.motogpcContentSection .eventSubBox.flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 40px 30px;
    margin-top: 50px;
}

.motogpcContentSection .eventSubBox.flex .eventSlider{
    width: 400px;
}

.motogpcContentSection .eventSubBox.flex .imgBox{
    width: 400px;
    margin: 0;
}

.motogpcContentSection .eventSubBox.flex .imgBox img{
    display: block;
}

.motogpcContentSection .eventSubBox.flex .textBox{
    width: 640px;
}

.motogpcContentSection .eventSubBox.flex .imgFlexList.wide{
    margin-bottom: 0;
}

.motogpcContentSection .eventSubBox.flex .eventSlider.wide + .textBox{
    width: 100%;
    margin-top: 35px;
}

.motogpcContentSection .eventSubBox.flex .imgFlexList.wide + .textBox{
    width: 100%;
    margin-top: 35px;
}

.motogpcContentSection .eventSubBox.flex .textBox a{
    color: #fff;
}

.motogpcContentSection .eventSubBox.flex .textBox p + .tableType01{
    margin-top: 35px;
}

.motogpcContentSection .eventSubBox.flex .textBox .tableType01 th{
    width: calc(130px - 20px);
}

.motogpcContentSection .eventSubBox.flex .textBox .catch{
    font-size: 20px;
    line-height: 1.75;
    font-weight: bold;
    margin: 0 auto 15px;
}

.motogpcContentSection .eventSubBox.flex .eventCaution{
    margin: 35px auto 0;
    color: #fff;
    font-size: 14px !important;
    line-height: 1.8;
}

.motogpcContentSection .eventSubBox.flex .eventCaution + .redBtn{
    margin-top: 40px;
}

.motogpcContentSection .eventSubBox p{
    color: #fff;
    line-height: 1.875;
    font-size: 16px;
}

.motogpcContentSection .eventSubBox p:first-child{
    margin-top: 0;
}

.motogpcContentSection .eventSubBox p:last-child{
    margin-bottom: 0;
}

#motogpContent > section:nth-child(odd) .motogpcContentSection .eventSubBox,
#motogpContent.second > section:nth-child(even) .motogpcContentSection .eventSubBox{
    background-color: var(--motogp-darkgray);
}

#motogpContent > section:nth-child(even) .motogpEventSection .eventSubBox,
#motogpContent.second > section:nth-child(odd) .motogpEventSection .eventSubBox{
    background-color: var(--motogp-black);
}

.motogpEventSection .eventSubBox .eventSubTtl{
    font-size: 20px;
    line-height: 1.75;
    margin: 30px auto 15px;
    color: #fff;
}

.motogpEventSection .eventSubBox .eventSubTtl:first-child{
    margin-top: 0;
}

.separatorBox{
    margin: 30px auto;
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
}

.separatorBox:first-child,
.squareTtl + .separatorBox{
    margin-top: 0;
}

.separatorBox:last-child{
    margin-bottom: 0;
}

.separatorBox .separatorTtl{
    font-size: 18px;
    margin: 30px auto 5px;
    line-height: 1.75;
}

.separatorBox .separatorTtl:last-child{
    margin-bottom: 0;
}

.separatorBox .separatorTtl:first-child{
    margin-top: 0;
}

.separatorBox .separatorTtl + p{
    margin-top: 0;
}

.simpleContentSection{
    margin: 50px auto;
    padding: 45px 40px 45px;
    box-sizing: border-box;
}

#motogpContent > section:nth-child(odd) .simpleContentSection,
#motogpContent.second > section:nth-child(even) .simpleContentSection{
    background-color: var(--motogp-black);
}

.simpleContentSection:first-child{
    margin-top: 0;
}

.simpleContentSection:last-child{
    margin-bottom: 0;
}

/*----------------------------------------
  EVENT
----------------------------------------*/
.eventTabList{
    display: flex;
    gap: 10px;
    width: var(--motogp-content-width);
    margin: 0 auto 80px;
}

.eventTabList > li{
    width: calc((100% - (10px * 4)) / 5);
    min-height: 60px;
}

.eventTabList > li button{
    border: none;;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 10px;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 18px;
    min-height: 100%;
    font-weight: bold;
    transition: background-color 0.3s ease;
    letter-spacing: -0.05em;
    cursor: pointer;
    font-family: var(--base-font);
    line-height: 1.4;
}

#motogpContent > section:nth-child(odd) .eventTabList button,
#motogpContent.second > section:nth-child(even) .eventTabList button{
    background-color: var(--motogp-black);
}

#motogpContent > section:nth-child(even) .eventTabList button,
#motogpContent.second > section:nth-child(odd) .eventTabList button{
    background-color: var(--motogp-darkgray);
}

.eventTabList li.active button{
    background-color: var(--motogp-red) !important;
}

.eventTabBox .innerEventTabBox{
    display: none;
}

.eventTabBox .innerEventTabBox.active{
    display: block;
}

.eventBdrTtlBox{
    padding-left: 40px;
    box-sizing: border-box;
    width: var(--motogp-content-width);
    margin: 95px auto 50px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.eventBdrTtlBox .bdrTtl{
    margin: 0;
    line-height: 1.6;
    font-size: 32px;
    font-weight: bold;
    color: #fff;
}

.eventBdrTtlBox::before {
    content: "";
    display: block;
    width: 8px;
    height: calc(100% - 26px);
    position: absolute;
    top: 11px;
    left: 0;
    background-color: var(--motogp-red);
}

.eventBdrTtlBox .bdrTtl:last-child{
    margin-bottom: 0;
}

.iconExplanationList{
    display: flex;
    gap: 30px;
}

.iconExplanationList li{
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
}

.iconExplanationList li .icon{
    min-width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    padding: 7px 5px 5px;
    font-weight: bold;
    font-size: 16px;
    line-height: 1;
    box-sizing: border-box;
}

.iconExplanationList li:nth-child(1) .icon{
    background-color: var(--motogp-lightgray);
}

.iconExplanationList li:nth-child(2) .icon{
    background-color: var(--motogp-blue);
}

.iconExplanationList li:nth-child(3) .icon{
    background-color: var(--motogp-red);
}


.iconExplanationList li .text{
    display: block;
    line-height: 1;
}

.motogpEventList{
    display: flex;
    flex-wrap: wrap;
    row-gap: 40px;
    column-gap: 20px;
}

.motogpEventList > li{
    width: 290px;
}

.motogpEventList > li a,
.motogpEventList > li .noLink{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    height: 100%;
    position: relative;
    color: #fff;
    text-decoration: none;
    box-sizing: border-box;
    padding-bottom: 40px;
}

#motogpContent > section:nth-child(odd) .motogpEventList > li a,
#motogpContent.second > section:nth-child(even) .motogpEventList > li a,
#motogpContent > section:nth-child(odd) .motogpEventList > li .noLink,
#motogpContent.second > section:nth-child(even) .motogpEventList > li .noLink{
    background-color: var(--motogp-black);
}

#motogpContent > section:nth-child(even) .motogpEventList > li a,
#motogpContent.second > section:nth-child(odd) .motogpEventList > li a,
#motogpContent > section:nth-child(even) .motogpEventList > li .noLink,
#motogpContent.second > section:nth-child(odd) .motogpEventList > li .noLink{
    background-color: var(--motogp-darkgray);
}

.motogpEventList > li a .innerEventList{
    width: 100%;
}

.motogpEventList > li a .imgBox{
    margin: 0 auto 25px;
    width: 100%;
    overflow: hidden;
}

.motogpEventList > li a .imgBox .img,
.motogpEventList > li a .imgBox .img img{
    display: block;
}

.motogpEventList > li a .imgBox .img img{
    transform: scale(1);
    transition: transform 0.5s ease;
}

.motogpEventList > li a .textBox{
    box-sizing: border-box;
    padding: 0 30px;
    margin: 0 auto 35px;
}

.motogpEventList > li a .textBox .ttl{
    font-size: 20px;
    margin: 0 auto 15px;
    line-height: 1.6;
    transition: color 0.3s ease;
}

.motogpEventList > li a .textBox .text{
    font-size: 16px;
    line-height: 1.8;
    margin: 0 auto;
    transition: color 0.3s ease;
}

.dateIconList{
    display: flex;
    margin: auto auto 0;
    width: 100%;
}

.dateIconList{
    display: flex;
    padding: 0 100px 0 30px;
    box-sizing: border-box;
    width: 100%;
    gap: 10px;
}

.dateIconList li{
    min-width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    padding: 7px 5px 5px;
    font-weight: bold;
    font-size: 16px;
    line-height: 1;
    box-sizing: border-box;
}

.dateIconList li.iconFri{
    background-color: var(--motogp-lightgray);
}

.dateIconList li.iconSat{
    background-color: var(--motogp-blue);
}

.dateIconList li.iconSun{
    background-color: var(--motogp-red);
}

.motogpEventList > li > a .deco,
.motogpEventList > li > .noLink .deco{
    display: block;
    width: 80px;
    height: 2px;
    position: absolute;
    bottom: 40px;
    right: 0;
    margin: 0;
    overflow: hidden;
}

.motogpEventList > li > a .deco::before,
.motogpEventList > li > .noLink .deco::before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--motogp-lightgray);
    position: absolute;
    top: 0;
    right: 0;
}

.motogpEventList > li > a .deco::after{
    content: "";
    display: block;
    width: 300%;
    height: 100%;
    background-image: linear-gradient(90deg, rgb(230 55 54 / 1) 0%, rgb(230 55 54 / 1) calc(100% / 3), rgb(230 55 54 / 0) calc(100% / 3), rgb(230 55 54 / 0) calc(100% / 3 * 2), rgb(230 55 54 / 1) calc(100% / 3 * 2), rgb(230 55 54 / 1) 100%);
    position: absolute;
    top: 0;
    left: -200%;
    transform: scale(1, 1);
}


/*-- EVENT SECOND --*/
.eventCategoryBox{
    padding-top: 71px;
    margin-top: calc(90px - 71px);
    pointer-events: none;
}

.eventCategoryBox .innerEventCategoryBox{
    pointer-events: all;
}

.motogpEventSection{
    padding-top: 71px;
    margin-top: -71px;
    pointer-events: none;
}

.motogpEventSection:not(:last-child){
    margin-bottom: 50px;
}

.motogpEventSection .innerMotogpEventSection{
    pointer-events: all;
    padding: 50px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#motogpContent > section:nth-child(odd) .motogpEventSection .innerMotogpEventSection,
#motogpContent.second > section:nth-child(even) .motogpEventSection .innerMotogpEventSection{
    background-color: var(--motogp-black);
}

#motogpContent > section:nth-child(even) .motogpEventSection .innerMotogpEventSection,
#motogpContent.second > section:nth-child(odd) .motogpEventSection .innerMotogpEventSection{
    background-color: var(--motogp-darkgray);
}

.innerMotogpEventSection a{
    color: var(--motogp-red);
}

.innerMotogpEventSection .eventTtl{
    color: #fff;
    background-image: linear-gradient(45deg, rgb(230 55 54 / 0.9) 0%, rgb(230 55 54 / 0) 100%);
    padding: 10px 40px;
    box-sizing: border-box;
    line-height: 1.4;
    font-size: 28px;
    margin: 0;
    width: 100%;
}

.innerMotogpEventSection .catchBox{
    padding: 35px 40px;
    color: #fff;
    width: 100%;
    box-sizing: border-box;
}

.innerMotogpEventSection .catchBox:first-child{
    padding-top: 0;
}

.innerMotogpEventSection .catchBox .catch{
    font-size: 20px;
    line-height: 1.75;
    font-weight: bold;
    margin: 0 auto 15px;
}

.innerMotogpEventSection .catchBox .text{
    font-size: 16px;
    line-height: 1.875;
    margin: 0 auto 1.875em;
}

.innerMotogpEventSection .catchBox .catch:last-child,
.innerMotogpEventSection .catchBox .text{
    margin-bottom: 0;
}

.innerMotogpEventSection > .eventSlider{
    width: 540px;
    position: relative;
    box-sizing: border-box;
    padding: 0 0 0 40px;
}

.innerMotogpEventSection > .eventSlider.wide{
    width: 100%;
    padding: 0 40px;
    margin: 0 auto 45px;
}

.innerMotogpEventSection > .imgBox{
    width: 540px;
    position: relative;
    box-sizing: border-box;
    padding: 0 0 0 40px;
}

.innerMotogpEventSection > .imgBox.wide{
    width: 100%;
    padding: 0 40px;
    margin: 0 auto 45px;
}

.innerMotogpEventSection > .imgBox.wide:empty{
    margin-bottom: 0;
}

.eventDetail + .imgBox.wide{
    margin-top: 40px;
}

.eventDetail + .imgBox.wide:last-child{
    margin-bottom: 0;
}

.innerMotogpEventSection > .imgBox .eventSlider:not(:last-child){
    margin-bottom: 30px;
}

.eventDetail{
    width: 640px;
    box-sizing: border-box;
    padding: 0 40px 0 0;
}

.eventSlider.wide + .eventDetail,
.innerMotogpEventSection > .imgBox.wide + .eventDetail{
    width: 100%;
    padding: 0 40px;
}

.eventDetail .tableType01 th{
    padding-left: 0;
    font-weight: bold;
    width: 110px;
}

.eventSlider.wide + .eventDetail .tableType01 th,
.innerMotogpEventSection > .imgBox.wide + .eventDetail .tableType01 th{
    width: 170px;
}

.eventDetail .tableType01 td{
    padding-right: 0;
}

.eventDetail .eventCaution{
    margin: 35px auto 0;
    color: #fff;
    font-size: 14px !important;
    line-height: 1.8;
}

.eventDetail .eventSubBox{
    box-sizing: border-box;
    padding: 30px;
    width: 100%;
    margin: 40px auto 0;
}

.eventDetail .eventSubBox p{
    color: #fff;
    line-height: 1.875;
    font-size: 16px;
}

.eventDetail .eventSubBox p:first-child{
    margin-top: 0;
}

.eventDetail .eventSubBox p:last-child{
    margin-bottom: 0;
}

#motogpContent > section:nth-child(odd) .motogpEventSection .innerMotogpEventSection .eventDetail .eventSubBox,
#motogpContent.second > section:nth-child(even) .motogpEventSection .innerMotogpEventSection .eventDetail .eventSubBox{
    background-color: var(--motogp-darkgray);
}

#motogpContent > section:nth-child(even) .motogpEventSection .innerMotogpEventSection .eventDetail .eventSubBox,
#motogpContent.second > section:nth-child(odd) .motogpEventSection .innerMotogpEventSection .eventDetail .eventSubBox{
    background-color: var(--motogp-black);
}

.eventDetail .eventSubBox .eventSubTtl{
    font-size: 20px;
    line-height: 1.75;
    margin: 30px auto 15px;
    color: #fff;
}

.eventDetail .eventSubBox .eventSubTtl:first-child{
    margin-top: 0;
}

.accordionBox .accordionOpenBox{
    display: none;
}

.tableType01 + .accordionBox .accordionOpenBox .tableType01{
    border-top: none;
}


/*----------------------------------------
  STAY : PARKING
----------------------------------------*/
.parkingMap{
    max-width: 780px;
}

.parkingList{
    margin: 35px auto 35px;
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 40px;
}

.parkingList:last-child{
    margin-bottom: 0;
}

.parkingList:first-child{
    margin-top: 0;
}

.parkingList > li{
    width: calc((100% - 20px) / 2);
    padding: 30px 0 40px;
}

#motogpContent > section:nth-child(even) .motogpcContentSection .parkingList > li,
#motogpContent.second > section:nth-child(odd) .motogpcContentSection .parkingList > li{
    background-color: var(--motogp-black);
}

#motogpContent > section:nth-child(odd) .motogpcContentSection .parkingList > li,
#motogpContent.second > section:nth-child(even) .motogpcContentSection .parkingList > li{
    background-color: var(--motogp-darkgray);
}

.parkingList > li .ttlBox{
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 30px 30px;
}

.parkingList > li .ttlBox .parkingTtl{
    margin: 0;
    font-size: 24px;
    line-height: 1;
    padding-top: 5px;
    white-space: nowrap;
}

.parkingList > li .ttlBox .parkingTtl .caution{
    font-size: 14px;
    display: block;
    margin-top: 15px;
    font-weight: normal;
}

.parkingList > li .ttlBox .parkingIconList{
    display: flex;
    gap: 10px;
}

.parkingList > li .ttlBox .parkingIconList li{
    min-width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    padding: 7px 10px 5px;
    font-weight: bold;
    font-size: 16px;
    line-height: 1;
    box-sizing: border-box;
}

.parkingList > li .ttlBox .parkingIconList li.red{
    background-color: var(--motogp-red);
}

.parkingList > li .ttlBox .parkingIconList li.purple{
    background-color: var(--motogp-purple);
}

.parkingList > li .ttlBox .parkingIconList li.pink{
    background-color: var(--motogp-pink);
}

.parkingList > li .eventSlider{
    width: 100%;
    margin: 0 0 40px;
}

.parkingList > li .eventSlider img{
    display: block;
    max-width: 100%;
}
.parkingList > li .textBox{
    padding: 0 30px;
}

.parkingList > li .textBox p{
    margin: 0 auto 20px;
}


/*----------------------------------------
  ACCESS
----------------------------------------*/
.routeTabList{
    display: flex;
    gap: 20px;
    margin: 0 auto 50px;
}

.routeTabList > li{
    width: calc((100% - (20px * 4)) / 5);
}

.routeTabList > li button{
    background-color: var(--motogp-lightgray);
    border: none;
    width: 100%;
    cursor: pointer;
    border-radius: 5px;
    padding: 15px 10px;
    min-height: 100%;
    font-family: var(--base-font);
    position: relative;
    transition: background-color 0.3s ease;
}

.routeTabList > li.active button{
    background-color: var(--motogp-red);
}

.routeTabList > li button::after{
    content: "";
    display: block;
    width: 32px;
    height: 16px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    position: absolute;
    left: calc(50% - 16px);
    bottom: -15px;
    transition: all 0.3s ease;
    background-color: var(--motogp-lightgray);
    opacity: 0;
}

.routeTabList > li.active button::after{
    background-color: var(--motogp-red);
    opacity: 1;
}

.routeTabList > li button .num{
    font-family: var(--g-typography-display);
    color: #fff;
    font-size: 24px;
    line-height: 1;
    margin: 0 auto 20px;
}

.routeTabList > li button .pointBox .route{
    color: var(--motogp-lightgray);
    font-size: 24px;
    line-height: 1;
    font-weight: bold;
    background-color: #fff;
    padding: 10px;
    margin: 0;
    transition: color 0.3s ease;
}

.routeTabList > li.active button .pointBox .route{
    color: var(--motogp-red);
}

.routeTabList > li button .pointBox .point{
    background-color: rgb(0 0 0 / 0.2);
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    line-height: 1.42;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 60px;
    padding: 12px 10px 7px;
    box-sizing: border-box;
}

.routeTabList > li button .pointBox .point.ic{
    min-height: 90px;
}

.routeTabList > li button .pointBox .point .etc{
    min-width: 120px;
    background-color: var(--motogp-lightpurple);
    font-size: 16px;
    min-height: 25px;
    padding: 3px 10px 0;
    box-sizing: border-box;
    line-height: 1.4;
    margin: 0 auto 2px;
}

.routeTabList > li button .time{
    margin: 0 auto 5px;
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    justify-content: center;
    color: #fff;
}

.routeTabList > li button .time::before{
    content: "";
    display: block;
    width: 2px;
    height: 20px;
    background-color: #fff;
}

.routeTabList > li button .time .text{
    width: 100%;
    line-height: 1;
    font-weight: bold;
    font-size: 20px;
}

.routeTabList > li button .time .arrow{
    height: 25px;
    position: relative;
}

.routeTabList > li button .time .arrow::before{
    content: "";
    height: calc(100% - 1px);
    width: 2px;
    display: block;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: calc(50% - 1px);
}

.routeTabList > li button .time .arrow::after{
    content: "";
    height: 10px;
    width: 10px;
    display: block;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    position: absolute;
    bottom: -2px;
    left: calc(50% - 1px);
    transform: rotate(45deg) translateX(calc(-1px - 50%));
}

.innerMapTabBox{
    display: none;
}

.innerMapTabBox.active{
    display: block;
}

.routeTtl{
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 1.45;
    margin: 0 auto 40px;
}

.routeTtl .num{
    color: var(--motogp-red);
    font-family: var(--g-typography-display);
    display: block;
    line-height: 1;
    font-size: 24px;
    margin: 0 auto 15px;
}

.map{
    width: 100%;
    height: 0;
    padding-top: 51.7543859%;
    position: relative;
}

.map iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.address{
    background-color: var(--motogp-darkgray);
    width: 100%;
    padding: 12px;
    line-height: 1;
    text-align: center;
    font-size: 16px;
}

.motogpcContentSection > .textBox p.mge{
    display: flex;
    justify-content: center;
    align-items: center;
}

.motogpcContentSection > .textBox p.mge a,
.motogpcContentSection > .textBox p.mge span{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 40px 0;
    position: relative;
    overflow: hidden;
}

.motogpcContentSection > .textBox p.mge a::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    background-image: linear-gradient(90deg, #fff 0%, #fff 50%, rgb(255 255 255 / 0.5) 100%);
    transition: transform 0.3s ease;
}

.motogpcContentSection > .textBox p.mge span::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    background-image: linear-gradient(90deg, #fff 0%, #fff 50%, rgb(255 255 255 / 0.5) 100%);
}

.motogpcContentSection > .textBox p.mge a img,
.motogpcContentSection > .textBox p.mge span img{
    display: block;
    position: relative;
}

.motogpcContentSection > .textBox p.mge + .centerTtl01{
    margin: 50px auto 30px;
}


/*----------------------------------------
  NIGHT FES
----------------------------------------*/
.artistBox{
    width: 100%;
    max-width: var(--motogp-content-width);
    display: flex;
    flex-wrap: wrap;
    gap: 35px;
    margin: 0 auto 80px;
}

.innerArtistBox .artistTtl{
    font-size: 40px;
    font-family: var(--g-typography-display);
    text-align: center;
    line-height: 32px;
    margin: 0 auto 31px;
}

.innerArtistBox .artistTtl .date{
    color: #fff;
    margin-right: 0.2em;
    letter-spacing: 0.02em;
}

.innerArtistBox .artistTtl.fri .week{
    color: var(--motogp-lightgray2);
}

.innerArtistBox .artistTtl.sat .week{
    color: var(--motogp-blue);
}

.artistList{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.artistList li{
    background-color: var(--motogp-darkgray);
    width: calc((100% - 40px) / 3);
}

.artistList li > .img{
    display: block;
    margin: 0 !important;
}

.artistList li > .img img{
    display: block;
    width: 100%;
}

.artistList li > .textBox{
    box-sizing: border-box;
    padding: 30px 30px 40px;
}

.artistList li > .textBox .artistName{
    margin: 50px auto 12px;
    font-size: 20px;
}

.artistList li > .textBox .artistName:first-child{
    margin-top: 0;
}

.artistList li > .textBox .artistName:first-child{
    margin-top: 0;
}

.artistList li.youtube{
    position: relative;
    padding-bottom: calc(60px + 25px + 40px);
}

.artistList li.youtube .textBox{
    padding-bottom: 0;
}

.artistList li .youtubeBtn{
    position: absolute;
    bottom: 40px;
    height: 60px;
    width: calc(100% - 60px);
}

.artistList li .youtubeBtn a{
    display: flex;
    width: 100%;
    height: 100%;
    color: #fff;
    text-decoration: none;
    background-color: var(--motogp-black);
    font-size: 16px;
    font-weight: bold;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    padding: 0 15px;
    box-sizing: border-box;
    line-height: 1.375;
    border-radius: 5px;
    box-shadow: 0 0 0 1px var(--motogp-black);
    transition: all 0.3s ease;
}

.artistList li .youtubeBtn a .icon{
    display: block;
    width: 40px;
    height: 40px;
    mask-image: url(../images/night-live/icon-movie.svg);
    mask-size: contain;
    background-color: #fff;
    transition: all 0.3s ease;
}

.artistList li .youtubeBtn a .text{
    width: calc(100% - 40px);
}

.night-fesBnr{
   margin: 70px auto; 
   width: 1020px;
}

.night-fesBnr:first-child{
    margin-top: 0;
}

.night-fesBnr:last-child{
    margin-bottom: 35px;
}

.night-fesBnr > a{
    display: block;
    box-sizing: border-box;
    padding: 25px 25px 30px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.night-fesBnr > a::before{
    content: "";
    background-image: linear-gradient(45deg, rgb(107 0 178 / 1) 0%, rgb(168 27 116 / 1) 25%, rgb(230 55 54 / 1) 50%, rgb(168 27 116 / 1) 75%, rgb(107 0 178 / 1) 100%);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    transition: all 0.3s ease;
}

.night-fesBnr > a > .catch{
    position: relative;
    font-size: 20px !important;
    line-height: 1.75;
    font-weight: bold;
    margin: 0 auto 15px;
}

.night-fesBnr > a > .band{
    position: relative;
    min-width: 500px;
    display: inline-block;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 5px 20px;
    text-align: center;
    background-color: var(--motogp-black);
    font-size: 28px;
    font-weight: bold;
    line-height: 1;
}

.night-fesBnr > a > .name{
    position: relative;
    display: block;
    position: relative;
    height: 60px;
    display: inline-block;
    min-width: 600px;
    padding: 0 40px;
    box-sizing: border-box;
    margin: 20px auto 0;
    font-feature-settings: "palt";
}

.night-fesBnr > a > .name::before,
.night-fesBnr > a > .name::after{
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
}

.night-fesBnr > a > .name::before{
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    top: 0;
    left: 0;
}

.night-fesBnr > a > .name::after{
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    bottom: 0;
    right: 0;
}

.night-fesBnr > a > .name .large{
    font-family: var(--g-typography-text-medium);
    font-size: 72px;
    line-height: 60px;
    display: inline-block;
    transform: translateY(-5px);
}

.night-fesBnr > a > .name .small{
    font-size: 54px;
    font-weight: bold;
    line-height: 60px;
    transform: translateY(-10px);
    display: inline-block;
}

/*----------------------------------------
  FAQ
----------------------------------------*/
.faqList{
    border-bottom: 1px solid var(--motogp-lightgray);
    margin: 0;
    padding: 33px 0;
}

.faqList:first-child{
    border-top: 1px solid var(--motogp-lightgray);
}

.faqList dt button{
    border: none;
    background: none;
    color: #fff;
    margin: 0;
    display: flex;
    gap: 15px;
    width: 100%;
    cursor: pointer;
    padding: 0 20px 0 0;
}

.faqList dt button::before{
    content: "Q";
    background-color: var(--motogp-red);
    font-family: var(--g-typography-display);
    color: #fff;
    line-height: 0;
    width: 25px;
    height: 25px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding-bottom: 7px;
    transform: translateY(6px);
}

.faqList dt button .text{
    display: block;
    width: calc(100% - 30px - 25px - 22px);
    text-align: left;
    font-size: 20px;
    line-height: 1.75;
    font-weight: bold;
}

.faqList dt button .icon{
    display: block;
    width: 22px;
    height: 22px;
    position: relative;
    transform: translateY(5px);
    transition: transform 0.3s ease;
}

.faqList dt button .icon::before{
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    background-color: var(--motogp-red);
}

.faqList dt button .icon::after{
    content: "";
    display: block;
    width: 2px;
    height: 100%;
    position: absolute;
    top: 0;
    left: calc(50% - 1px);
    background-color: var(--motogp-red);
}

.faqList dt.active button .icon{
    transform: translateY(5px) rotate(180deg);
}

.faqList dt.active button .icon::after{
    opacity: 0;
    transform: scaleX(0);
}

.faqList dd{
    display: none;
    padding: 0;
    margin: 0;
}

.faqList dd p{
    padding: 25px calc(22px + 15px) 0 0;
    position: relative;
    width: 100%;
    margin: 0;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.faqList dd p::before{
    content: "A";
    background-color: var(--motogp-lightgray);
    font-family: var(--g-typography-display);
    color: #fff;
    line-height: 0;
    width: 25px;
    height: 25px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding-bottom: 4px;
    transform: translateY(3px);
}

.faqList dd .text{
    width: calc(100% - 15px - 25px);
    line-height: 1.875;
}

.faqList dd .text a{
    color: #fff;
}


/*----------------------------------------
  TIMETABLE
----------------------------------------*/
.timetableTtlBox{
    width: var(--motogp-content-width);
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin: 0 auto;   
}

.timetableTtlBox .updateText{
    width: var(--motogp-content-width);
    text-align: right;
    font-size: 16px;
    margin: 0 auto;
    color: #fff;
    margin-bottom: 35px;
    line-height: 1;
}

.timetableBtnList{
    display: flex;
    gap: 20px;
    padding-bottom: 30px;
    margin: 0 auto 15px;
}

.timetableBtnList li{
    width: calc((100% - 40px) / 3);
}

.timetableBtnList li button{
    position: relative;
    background-color: var(--motogp-darkgray);
    color: #fff;
    border: none;
    width: 100%;
    border-radius: 5px;
    font-size: 24px;
    font-family: var(--g-typography-display);
    line-height: 1;
    box-sizing: border-box;
    padding: 18px 0 22px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.timetableBtnList li button::after{
    content: "";
    display: block;
    height: 16px;
    width: 32px;
    position: absolute;
    bottom: -15px;
    left: calc(50% - 16px);
    opacity: 0;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    transition: opacity 0.3s ease;
}

.timetableBtnList li.active button::after{
    opacity: 1;
}

.timetableBtnList li#fridaybtn button::after{
    background-color: var(--motogp-lightgray);
}

.timetableBtnList li#saturdaybtn button::after{
    background-color: var(--motogp-blue);
}

.timetableBtnList li#sundaybtn button::after{
    background-color: var(--motogp-red);
}

.timetableBtnList li#fridaybtn.active button{
    background-color: var(--motogp-lightgray);
}

.timetableBtnList li#saturdaybtn.active button{
    background-color: var(--motogp-blue);
}

.timetableBtnList li#sundaybtn.active button{
    background-color: var(--motogp-red);
}

.innerTimetableBox{
    display: none;
}

.innerTimetableBox.active{
    display: block;
}

.innerTimetableBox .noTranslate{
    font-size: 40px;
    line-height: 1;
    font-family: var(--g-typography-display);
    text-align: center;
    margin: 0 auto 40px;
}

#friday.innerTimetableBox .noTranslate{
    color: var(--motogp-lightgray);
}

#saturday.innerTimetableBox .noTranslate{
    color: var(--motogp-blue);
}

#sunday.innerTimetableBox .noTranslate{
    color: var(--motogp-red);
}

.innerTimetableBox .timetableImg{
    margin: 0 auto;
}

.innerTimetableBox .timetableImg img{
    display: block;
    width: 100%;
    height: auto;
}


/*----------------------------------------
  OVER NIGHT SQUARE
----------------------------------------*/
.onsMainTtl{
    position: absolute;
    top: 80px;
    z-index: 1;
    text-align: center;
    width: 100%;
    margin: 0;
}

.onsMainTtl .innerOnsMainTtl{
    background: linear-gradient(to right, rgb(183 0 92 / 1) 0%, rgb(229 92 0 / 1) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    display: inline-block;
}

.onsMainTtl .innerOnsMainTtl .large{
    font-size: 80px;
    font-weight: bold;
    display: block;
    line-height: 1;
}

.onsMainTtl .innerOnsMainTtl .small{
    font-size: 32px;
    font-weight: bold;
    display: block;
    line-height: 1;
    margin: 25px auto 0;
}

#about_ONS .gradationTtl{
    margin-bottom: 0;
}

.motogpcContentSection > .textBox .onsAboutImg{
    width: 1220px;
    margin: 0 0 0 -40px !important;
}

.onsNumList{
    width: 100%;
    display: flex;
    gap: 20px;
    margin: -135px auto 50px;
}

.onsNumList li{
    width: calc((100% - 40px) / 3);
    position: relative;
    background-color: var(--motogp-darkgray);
}

.onsNumList li .img{
    margin: 0;
}

.onsNumList li .img img{
    display: block;
    width: 100%;
    margin: 0;
}

.onsNumList li .num{
    height: 0;
    line-height: 1;
    margin: 0 auto;
    width: calc(100% - 60px);
}

.onsNumList li .num span{
    font-size: 80px;
    font-family: var(--g-typography-display);
    background: linear-gradient(45deg, rgb(183 0 92 / 1) 0%,rgb(183 0 92 / 1) 20%, rgb(229 92 0 / 1) 80%,rgb(229 92 0 / 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 80px;
    margin-top: -50px;
    display: inline-block;
}

.onsNumList li .text{
    box-sizing: border-box;
    padding: 40px 30px 40px;
    margin: 0;
    font-size: 20px;
    line-height: 1.75;
}

#about_ONS .tableType01{
    width: 600px;
    margin: 0 auto;
}

#about_ONS .tableType01 th{
    width: 110px;
}

.onsMap{
    margin-top: 50px !important;
}

.onsMapIconList{
    display: flex;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
    margin: 30px auto 50px;
}

.onsMapIconList li{
    min-width: 150px;
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: 1;
}

.onsMapIconList li .icon{
    width: 40px;
    display: block;
}

.onsMapIconList li .icon img{
    display: block;
    width: 100%;
}


/*----------------------------------------
  FOODS & GOODS
----------------------------------------*/
.goodsList{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 40px;
}

.motogpcContentSection > .textBox .goodsList > li{
    background-color: var(--motogp-darkgray);
}

.goodsList > li{
    width: calc(50% - 10px);
}

.goodsList > li > .textBox{
    width: 100%;
    padding: 35px 30px 35px;
    box-sizing: border-box;
}

.foodsList{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 40px;
}

.motogpcContentSection > .textBox .foodsList > li{
    background-color: var(--motogp-darkgray);
}

.sectionTtlType02 + .foodsList{
    margin-top: 30px;
}

.img + .foodsList{
    margin-top: 40px;
}

.foodsList > li{
    width: 366px;
}

.foodsList > li.wide{
    width: 100%;
}

.foodsList > li .imgBox{
    margin: 0 auto;
}

.foodsList > li .imgBox img{
    display: block;
}

.foodsList > li > .textBox{
    width: 100%;
    padding: 35px 30px 35px;
    box-sizing: border-box;
}

.foodsList > li > .textBox .tableType01{
    margin-top: 30px;
}

.foodsList > li.wide > .textBox .tableType01{
    margin-top: 35px;
}

.foodsList > li > .textBox .tableType01 th{
    width: calc(90px - 20px);
}

.foodsList > li.wide > .textBox .tableType01 th{
    width: calc(130px - 20px);
}

.foodsList > li > .textBox .redBtn{
    margin-top: 40px;
}

.foodsList > li > .foodShopTtl{
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    width: 100%;
    box-sizing: border-box;
    padding: 25px 30px;
    margin: 0;
    line-height: 1.4583333;
}

.foodsList > li .dateIconList{
    padding: 0;
    margin-top: 35px;
}

.foodTtlFlexBox{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 80px auto 30px;
}

.foodTtlFlexBox:first-child{
    margin-top: 0;
}

.foodTtlFlexBox .sectionTtlType02{
    margin: 0;
}

/*----------------------------------------
  PC ONLY
----------------------------------------*/
@media screen and (min-width: 750px){
#motogpContainer .sp{ 
    display: none !important;
}

/*-- HOVER --*/
.newsList li a:hover{
    color: var(--motogp-red);
}

.pickupList li > a:hover{
    color: var(--motogp-red);
}

.pickupList li > a:hover .imgBox .img img{
    transform: scale(1.05);
}

.pickupList li > a:hover .deco::after{
    left: 0;
    transition: left 0.6s ease;
}

#motogpContent > section:nth-child(odd) .pagerList > li a:hover,
#motogpContent.second > section:nth-child(even) .pagerList > li a:hover,
#motogpContent > section:nth-child(even) .pagerList > li a:hover,
#motogpContent.second > section:nth-child(odd) .pagerList > li a:hover{
    background-color: var(--motogp-red);
}

.redBtn a:hover::after{
    transform: translateX(-50%);
}

#page-top .totopBtn a:hover{
    background-color: var(--motogp-red);
}

#mailMagazine a:hover{
    background: rgb(1 158 138 / 0.1);
    color: var(--motogp-turquoise);
}

#Instagram a:hover{
    background: rgb(230 55 54 / 0.1);
    color: var(--motogp-red);
}

#mailMagazine a .icon,
#Instagram a .icon{
    width: 40px;
    height: 40px;
}

#mailMagazine a:hover .icon{
    background-color: var(--motogp-turquoise);
}

#Instagram a:hover .icon{
    background-color: var(--motogp-red);
}

#motogpNaviLink ul li a:hover{ 
    color: var(--motogp-red);
}

#motogpNaviLink ul li a:hover::after{ 
    width: 100%;
    left: 0;
    opacity: 1;
}

#motogpBreadcrumb ol li a:hover{
    color: var(--motogp-red);
}

#topSlide .slick-slide a:hover .text > p .btn{
    color: var(--motogp-red);
    background-color: rgb(230 55 54 / 0.1);
}

.topPickupList li > a:hover .imgBox .img img{
    transform: scale(1.05);
}

.topPickupList li > a:hover .textBox .ttl,
.topPickupList li > a:hover .textBox .text{
    color: var(--motogp-red);
}

.topPickupList li > a:hover .deco::after{
    left: 0;
    transition: left 0.6s ease;
}

.topLinkList li a:hover{
    color: var(--motogp-red);
}

.topLinkList li a:hover .icon{
    background-color: var(--motogp-red);
}

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

.splitBnrList li:not(.iconbnr) a:hover{
    opacity: 0.8;
}

.splitBnrList li.iconbnr a:hover::before{
    left: 0%;
}

.eventTabList li button:hover{
    background-color: var(--motogp-red) !important;
}

.motogpEventList > li a:hover .imgBox .img img{
    transform: scale(1.05);
}

.motogpEventList > li a:hover .textBox .ttl,
.motogpEventList > li a:hover .textBox .text{
    color: var(--motogp-red);
}

.motogpEventList > li a:hover .deco::after{
    left: 0;
    transition: left 0.6s ease;
}

.eventSlider .slick-dots li button:hover:before{
    background-color: var(--motogp-red);
}

.eventSlider .slick-dots li button:hover:before{
    background-color: var(--motogp-red);
}

.eventSlider .slick-prev:hover:before,
.eventSlider .slick-prev:hover:after,
.eventSlider .slick-next:hover:before,
.eventSlider .slick-next:hover:after{
    background-color: var(--motogp-red);
}

.thumbSlider .slick-dots li button:hover{
    opacity: 0.7;
}

.thumbSlider .slick-prev:hover:before,
.thumbSlider .slick-prev:hover:after,
.thumbSlider .slick-next:hover:before,
.thumbSlider .slick-next:hover:after{
    background-color: var(--motogp-red);
}

.routeTabList > li button:hover{
    background-color: var(--motogp-red);
}

.routeTabList > li button:hover::after{
    opacity: 1;
    background-color: var(--motogp-red);
}

.motogpcContentSection > .textBox p.mge a:hover::before{
    transform: translateX(-50%);
}

.artistList li .youtubeBtn a:hover{
    background-color: var(--motogp-darkgray);
    box-shadow: 0 0 0 1px var(--motogp-red);
    color: var(--motogp-red);
}

.artistList li .youtubeBtn a:hover .icon{
    background-color: var(--motogp-red);
}

.artistList li .youtubeBtn a .text{
    width: calc(100% - 40px);
}

.night-fesBnr > a:hover::before{
    transform: translateX(-50%);
}

.timetableBtnList li button:hover::after{
    opacity: 1;
}

.timetableBtnList li#fridaybtn button:hover{
    background-color: var(--motogp-lightgray);
}

.timetableBtnList li#saturdaybtn button:hover{
    background-color: var(--motogp-blue);
}

.timetableBtnList li#sundaybtn button:hover{
    background-color: var(--motogp-red);
}

}


/*----------------------------------------
  SP
----------------------------------------*/
@media screen and (max-width: 749px){
#motogpContainer .pc{ 
    display: none !important;
}

:root{
    /*-- width --*/
    --motogp-content-width: 91.891891891891891vw;

    --comp-230: 31.081081081081vw;
    --comp-220: 29.7297297297297vw;
    --comp-210: 28.3783783783783vw;
    --comp-200: 27.027027027027vw;
    --comp-195: 26.3513513513513vw;
    --comp-190: 25.6756756756756vw;
    --comp-185: 25vw;
    --comp-180: 24.3243243243243vw;
    --comp-175: 23.6486486486486vw;
    --comp-170: 22.9729729729729vw;
    --comp-165: 22.2972972972972vw;
    --comp-160: 21.6216216216216vw;
    --comp-155: 20.9459459459459vw;
    --comp-150: 20.2702702702702vw;
    --comp-145: 19.5945945945945vw;
    --comp-140: 18.9189189189189vw;
    --comp-135: 18.2432432432432vw;
    --comp-130: 17.5675675675675vw;
    --comp-125: 16.8918918918918vw;
    --comp-120: 16.2162162162162vw;
    --comp-115: 15.5405405405405vw;
    --comp-110: 14.8648648648648vw;
    --comp-105: 14.1891891891891vw;
    --comp-100: 13.5135135135135vw;
    --comp-95: 12.83783783783783vw;
    --comp-90: 12.1621621621621vw;
    --comp-85: 11.48648648648648vw;
    --comp-80: 10.8108108108108vw;
    --comp-75: 10.13513513513513vw;
    --comp-70: 9.459459459459459vw;
    --comp-65: 8.738738738738738vw;
    --comp-60: 8.108108108108108vw;
    --comp-55: 7.432432432432432vw;
    --comp-50: 6.756756756756756vw;
    --comp-45: 6.081081081081081vw;
    --comp-40: 5.405405405405405vw;
    --comp-35: 4.729729729729729vw;
    --comp-30: 4.054054054054054vw;
    --comp-25: 3.378378378378378vw;
    --comp-20: 2.702702702702702vw;
    --comp-15: 2.027027027027027vw;
    --comp-10: 1.351351351351351vw;
    --comp-5: 0.6756756756756756vw;
    
    --comp-250: 33.7837837837837vw;
    --comp-230: 31.081081081081vw;
    --comp-220: 29.7297297297297vw;
    --comp-210: 28.3783783783783vw;
    --comp-200: 27.027027027027vw;
    --comp-195: 26.3513513513513vw;
    --comp-190: 25.6756756756756vw;
    --comp-185: 25vw;
    --comp-180: 24.3243243243243vw;
    --comp-175: 23.6486486486486vw;
    --comp-170: 22.9729729729729vw;
    --comp-165: 22.2972972972972vw;
    --comp-160: 21.6216216216216vw;
    --comp-155: 20.9459459459459vw;
    --comp-150: 20.2702702702702vw;
    --comp-145: 19.5945945945945vw;
    --comp-140: 18.9189189189189vw;
    --comp-135: 18.2432432432432vw;
    --comp-130: 17.5675675675675vw;
    --comp-125: 16.8918918918918vw;
    --comp-120: 16.2162162162162vw;
    --comp-115: 15.5405405405405vw;
    --comp-110: 14.8648648648648vw;
    --comp-105: 14.1891891891891vw;
    --comp-100: 13.5135135135135vw;
    --comp-95: 12.83783783783783vw;
    --comp-90: 12.1621621621621vw;
    --comp-85: 11.48648648648648vw;
    --comp-80: 10.8108108108108vw;
    --comp-75: 10.13513513513513vw;
    --comp-70: 9.459459459459459vw;
    --comp-65: 8.738738738738738vw;
    --comp-60: 8.108108108108108vw;
    --comp-55: 7.432432432432432vw;
    --comp-50: 6.756756756756756vw;
    --comp-45: 6.081081081081081vw;
    --comp-40: 5.405405405405405vw;
    --comp-35: 4.729729729729729vw;
    --comp-30: 4.054054054054054vw;
    --comp-25: 3.378378378378378vw;
    --comp-20: 2.702702702702702vw;
    --comp-15: 2.027027027027027vw;
    --comp-10: 1.351351351351351vw;
    --comp-5: 0.6756756756756756vw;
    
    --comp-72: 9.729729729729729vw;
    --comp-54: 7.297297297297297vw;
    --comp-38: 5.135135135135135vw;
    --comp-36: 4.864864864864864vw;
    --comp-34: 4.594594594594594vw;
    --comp-32: 4.324324324324324vw;
    --comp-28: 3.783783783783783vw;
    --comp-27: 3.648648648648648vw;
    --comp-26: 3.513513513513513vw;
    --comp-24: 3.243243243243243vw;
    --comp-22: 2.972972972972972vw;
    --comp-21: 2.837873873873873vw;
    --comp-19: 2.567567567567567vw;
    --comp-18: 2.432432432432432vw;
    --comp-16: 2.162162162162162vw;
    --comp-14: 1.891891891891891vw;
    --comp-13: 1.756756756756756vw;
    --comp-12: 1.621621621621621vw;
    --comp-8: 1.081081081081081vw;
}


/*----------------------------------------
  SITE COMMON
----------------------------------------*/
body .trmWrapper:not(.client-content) {
    position: static !important;
    overflow: visible !important;
}

#lig-header .header-sp{
    position: absolute !important;
}

#lig-header .header-sp-top{
    position: absolute !important;
    width: 100% !important;
    background-color: #fff !important;
}

.header-sp-toggle-inner{
    background-color: #fff !important;
}

.header-sp-toggle{
    position: absolute;
    top: 57px;
}

#motogpContainer{
    font-family: var(--base-font);
    min-width: 100%;
}

#innerMotogpContainer{
    padding-top: 0;
}

#motogpContent > section{
    padding: var(--comp-60) 0 var(--comp-100);
}

#motogpContent > section:nth-child(odd){
    background-color: var(--motogp-darkgray);
}

#motogpContent > section:nth-child(even){
    background-color: var(--motogp-black);
}

.innerMotogpSection{
    width: var(--motogp-content-width);
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

/*-- HEADING --*/
.sectionTtlType01{
    width: var(--motogp-content-width);
    color: #fff;
    font-family: var(--g-typography-display);
    font-size: var(--comp-72);
    line-height: 1.2;
    margin: 0 auto ;
    box-sizing: border-box;
    padding: var(--comp-25) 0 var(--comp-35) var(--comp-40);
    position: relative;
}

.sectionTtlType01.small{
    font-size: var(--comp-60);
}

.sectionTtlType01 span{
    display: inline;
    position: relative;

}

.sectionTtlType01::before{
    content: "";
    display: block;
    pointer-events: none;
    border-radius: var(--comp-10) 0 0 0;
    width: 40vw;
    height: 40vw;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background-image: linear-gradient(135deg, rgb(230 55 54 / 1) 0%, rgb(230 55 54 / 0) 30%, rgb(230 55 54 / 0) 100%);
}

.sectionTtlType01-02{
    width: var(--motogp-content-width);
    color: #fff;
    font-family: var(--g-typography-display);
    font-size: var(--comp-72);
    line-height: 1.2;
    margin: 0 auto ;
    box-sizing: border-box;
    padding: var(--comp-15) 0 var(--comp-30) var(--comp-40);
    position: relative;
}

.sectionTtlType01-02.bdr{
    border-bottom: 1px solid var(--motogp-lightgray);
    margin-bottom: var(--comp-90);
}

.sectionTtlType01-02.small{
    font-size: var(--comp-60);
}

.sectionTtlType01-02 span{
    display: inline;
    position: relative;

}

.sectionTtlType01-02::before{
    content: "";
    display: block;
    pointer-events: none;
    border-radius: var(--comp-10) 0 0 0;
    width: 40vw;
    height: 40vw;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background-image: linear-gradient(135deg, rgb(230 55 54 / 1) 0%, rgb(230 55 54 / 0) 30%, rgb(230 55 54 / 0) 100%);
}

.sectionTtlType02{
    color: var(--motogp-red);
    margin: var(--comp-60) auto var(--comp-15);
    font-size: var(--comp-34);
    font-weight: bold;
    line-height: 1.6;
}

.sectionTtlType02.white{
    color: #fff;
}

.sectionTtlType02:first-child{
    margin-top: 0;
}

.sectionTtlType02:last-child{
    margin-bottom: 0;
}

.sectionTtlType03{
    color: #fff;
    margin: var(--comp-50) auto var(--comp-18);
    font-size: var(--comp-26);
    font-weight: bold;
    line-height: 1.53;
}

.sectionTtlType03:first-child{
    margin-top: 0;
}

.sectionTtlType03:last-child{
    margin-bottom: 0;
}

.sectionTtlType04{
    color: #fff;
    margin: var(--comp-50) auto var(--comp-18);
    font-size: var(--comp-26);
    font-weight: bold;
    line-height: 1.53;
    text-align: center;
}

.sectionTtlType04:first-child{
    margin-top: 0;
}

.sectionTtlType04:last-child{
    margin-bottom: 0;
}

.sectionTtlType05{
    color: #fff;
    margin: var(--comp-80) auto var(--comp-35);
    font-size: var(--comp-38);
    font-weight: bold;
    line-height: 1.71875;
    text-align: center;
}

.sectionTtlType05:first-child{
    margin-top: 0;
}

.sectionTtlType05:last-child{
    margin-bottom: 0;
}

.gradationTtl{
    font-size: var(--comp-34);
    line-height: 1.75;
    text-align: center;
    width: 100%;
    max-width: var(--motogp-content-width);
    margin: var(--comp-70) auto var(--comp-35);
    padding: var(--comp-5);
    box-sizing: border-box;
}

.gradationTtl:first-child{
    margin-top: 0;
}

.gradationTtl.purple{
    background-image: linear-gradient(-45deg, rgb(107 0 178 / 0) 0%, rgb(107 0 178 / 0.25) 15%,  rgb(168 27 116 / 1) 50%, rgb(230 55 54 / 0.25) 85%, rgb(230 55 54 / 0) 100%);
}

.gradationTtl.red{
    background-image: linear-gradient(-45deg, rgb(183 0 92 / 0) 0%, rgb(183 0 92 / 0.25) 15%,  rgb(206 46 46 / 1) 50%, rgb(229 92 0 / 0.25) 85%, rgb(229 92 0 / 0) 100%);
}

.gradationTtl + p{
    margin-top: var(--comp-40) !important;
} 

.gradationTtl + .eventSubBox.flex{
    margin-top: var(--comp-45);
}

.gradationTextTtl{
    margin: var(--comp-50) auto var(--comp-25);
}

.gradationTextTtl:first-child{
    margin-top: 0;
}

.gradationTextTtl:last-child{
    margin-bottom: 0;
}

.gradationTextTtl > span{
    font-size: var(--comp-34);
    font-weight: bold;
    background: linear-gradient(45deg, rgb(183 0 92 / 1) 0%, rgb(229 92 0 / 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px transparent;
    line-height: 1.428571428;
    display: inline-block;
}

.gradationTextTtl .small{
    font-size: var(--comp-26);
}


.squareTtl{
    margin: var(--comp-60) auto var(--comp-15);
    position: relative;
    font-size: var(--comp-26);
    color: #fff;
    padding-left: 0;
    box-sizing: border-box;
    line-height: 1.75;
}

.squareTtl:first-child{
    margin-top: 0;
}

.squareTtl:last-child{
    margin-bottom: 0;
}

.squareTtl::before{
    content: "\25A0";
    margin-right: 0.3em;
}

.squareTtl.red::before{
    color: var(--motogp-red);
}

.bdrTtlBox{
    padding-left: var(--comp-40);
    box-sizing: border-box;
    width: var(--motogp-content-width);
    margin: var(--comp-95) auto var(--comp-55);
    position: relative;
}

.bdrTtlBox:first-child{
    margin-top: 0;
}

.bdrTtlBox:last-child{
    margin-bottom: 0;
}

.bdrTtlBox::before{
    content: "";
    display: block;
    width: var(--comp-8);
    height: calc(100% - var(--comp-20));
    position: absolute;
    top: var(--comp-12);
    left: 0;
    background-color: var(--motogp-red);
}

.bdrTtlBox > .bdrTtl{
    margin: 0 auto var(--comp-10);
    line-height: 1.6;
    font-size: var(--comp-38);
    font-weight: bold;
    color: #fff;
}

.bdrTtlBox > .catch{
    font-size: var(--comp-26);
    line-height: 1.8;
    color: #fff;
    margin: 0;
}

.centerTtl01{
    text-align: center;
    font-size: var(--comp-34);
    margin: var(--comp-60) auto var(--comp-30);
    line-height: 1.428;
}

.centerTtl01:first-child{
    margin-top: 0;
}

.centerTtl01:last-child{
    margin-bottom: 0;
}

.iconTtlBox{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    column-gap: var(--comp-30);
    row-gap: var(--comp-30);
    color: #fff;
    margin: var(--comp-95) auto var(--comp-55);
}

.iconTtlBox[id]{
    margin-top: var(--comp-95);
    padding-top: 0;
    pointer-events: none;
}

.motogpcContentSection + .iconTtlBox[id]{
    margin-top: var(--comp-95);
    padding-top: 0;
    pointer-events: none;
}

.iconTtlBox:first-child{
    margin-top: 0;
}

.iconTtlBox[id]:first-child{
    margin-top: 0;
}

.iconTtlBox > .icon{
    width: var(--comp-105);
    height: var(--comp-105);
    background-color: var(--motogp-red);
    margin: 0;
    pointer-events: all;
}

.iconTtlBox > .icon.car{
    background-image: url(../images/access/icon-car.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70% auto;
}

.iconTtlBox > .icon.bus{
    background-color: var(--motogp-red);
    background-image: url(../images/access/icon-bus.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70% auto;
}

.iconTtlBox > .icon.ticket{
    background-color: var(--motogp-red);
    background-image: url(../images/faq/icon-ticket.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70% auto;
}

.iconTtlBox > .icon.access{
    background-color: var(--motogp-red);
    background-image: url(../images/faq/icon-access.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70% auto;
}

.iconTtlBox > .icon.race{
    background-color: var(--motogp-red);
    background-image: url(../images/faq/icon-race.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70% auto;
}

.iconTtlBox > .icon.stay{
    background-color: var(--motogp-red);
    background-image: url(../images/faq/icon-stay.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70% auto;
}

.iconTtlBox > .icon.event{
    background-color: var(--motogp-red);
    background-image: url(../images/faq/icon-event.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70% auto;
}

.iconTtlBox > .icon.others{
    background-color: var(--motogp-red);
    background-image: url(../images/faq/icon-others.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70% auto;
}

.innerIconTtlBox{
    width: calc(100% - var(--comp-105) - var(--comp-30));
    display: contents;
    pointer-events: all;
}

.innerIconTtlBox .iconTtl{
    font-size: var(--comp-38);
    line-height: 1.4;
    margin: 0;
    width: calc(100% - var(--comp-105) - var(--comp-30));
    pointer-events: all;
}

.innerIconTtlBox .catch{
    font-size: var(--comp-26);
    margin: 0 auto 0;
    width: 100%;
    pointer-events: all;
    line-height: 1.75;
}

/*-- LEAD and CATCH --*/
.motogpPageCatch{
    width: var(--motogp-content-width);
    margin: 0 auto var(--comp-60);
    font-size: var(--comp-26);
    box-sizing: border-box;
    padding: 0 var(--comp-35);
    color: #fff;
    line-height: 1.8;;
}

/*-- BOX --*/
.spScrollBox{
    position: relative;
}

.spScrollBox .spScrollIcon{
    display: block;
    position: absolute;
    top: calc(var(--comp-45) * (-1));
    right: 0;
    width: var(--comp-120);
}

.spScrollBox .wrapSpScrollIcon{
    overflow-x: auto;
}

.spScrollBox .innerSpScrollIcon{
    width: 154.054054054054054vw;
}

.spScrollBox .innerSpScrollIcon.accessTable{
    width: 166.21621621621621621vw;
}

.redBdrBox{
    width: 100%;
    max-width: var(--motogp-content-width);
    padding: calc(var(--comp-30) - 2px) calc(var(--comp-40) - 2px);
    border: 2px solid var(--motogp-red);
    box-sizing: border-box;
}

/*-- LIST --*/
.newsList{
    overflow-y: auto;
    max-height: 70vw;
}

#motogp-rss.newsList{
    max-height: 70vw;
}

.newsList li{
    border-bottom: 1px solid var(--motogp-lightgray);
    font-size: var(--comp-22);
}

.newsList li:first-child{
    border-top: 1px solid var(--motogp-lightgray);
    line-height: 1.8;
}

.newsList li a{
    display: block;
    padding: var(--comp-30) var(--comp-30) var(--comp-20) var(--comp-40);
    box-sizing: border-box;
    color: #fff;
    text-decoration: none;
    position: relative;
    font-size: var(--comp-22);
    transition: color 0.3s ease;
}

.newsList li .noLink{
    display: block;
    padding: var(--comp-30) var(--comp-30) var(--comp-20) var(--comp-40);
    box-sizing: border-box;
    color: #fff;
    text-decoration: none;
    position: relative;
    font-size: var(--comp-22);
}

.newsList li a::after{
    content: "";
    display: block;
    width: var(--comp-20);
    height: 2px;
    background-color: var(--motogp-red);
    position: absolute;
    top: calc(var(--comp-20) + 1.2em);
    left: 0;
}

.newsList li .noLink::after{
    content: "";
    display: block;
    width: var(--comp-20);
    height: 2px;
    background-color: var(--motogp-lightgray);
    position: absolute;
    top: calc(var(--comp-20) + 1.2em);
    left: 0;
}

.newsList li a dl,
.newsList li .noLink dl{
    display: flex;
    gap: var(--comp-10);
    margin: 0;
    flex-wrap: wrap;
}

.newsList li a dl dt,
.newsList li .noLink dl dt{
    display: block;
    width: 100%;
    margin: 0;
}

.newsList li a dl dd,
.newsList li .noLink dl dd{
    display: block;
    width: 100%;
    margin: 0;
}

.pickupList{
    display: flex;
    flex-wrap: wrap;
    column-gap: var(--comp-30);
    row-gap: var(--comp-30);
}

.pickupList li{
    width: calc((100% - var(--comp-30) - 1px) / 2);
}

.pickupList.split02{
    column-gap: var(--comp-30);
    row-gap: var(--comp-30);
}

.pickupList.split02 li{
    width: calc((100% - var(--comp-30) - 1px) / 2);
}

.pickupList li > a,
.pickupList li > .noLink{
    display: block;
    background-color: var(--motogp-black);
    height: 100%;
    text-decoration: none;
    color: #fff;
    position: relative;
}

#motogpContent > section:nth-child(even) .pickupList li > a,
#motogpContent > section:nth-child(even) .pickupList li > .noLink{
    background-color: var(--motogp-darkgray);
}

#motogpContent.second > section:nth-child(even) .pickupList li > a,
#motogpContent.second > section:nth-child(even) .pickupList li > .noLink{
    background-color: var(--motogp-black);
}

#motogpContent.second > section:nth-child(odd) .pickupList li > a,
#motogpContent.second > section:nth-child(odd) .pickupList li > .noLink{
    background-color: var(--motogp-darkgray);
}

.pickupList li > a .imgBox,
.pickupList li > .noLink .imgBox{
    width: 100%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.pickupList li > a .imgBox .img img,
.pickupList li > .noLink .imgBox .img img{
    display: block;
    width: 100%;
    height: auto;
    transform: scale(1);
    transition: transform 0.5s ease;
}

.pickupList li > a .textBox,
.pickupList li > .noLink .textBox{
    box-sizing: border-box;
    padding: var(--comp-25) var(--comp-30) var(--comp-80);
    overflow: hidden;
    position: relative;
}

.pickupList li > a .textBox .ttl,
.pickupList li > .noLink .textBox .ttl{
    font-size: var(--comp-26);
    margin: 0 auto var(--comp-10);
    line-height: 1.6;
    transition: color 0.3s ease;
}

.pickupList li > a .textBox .text,
.pickupList li > .noLink .textBox .text{
    font-size: var(--comp-22);
    line-height: 1.8;
    margin: 0 auto;
    transition: color 0.3s ease;
}

.pickupList li > a .deco,
.pickupList li > .noLink .deco{
    display: block;
    width: var(--comp-80);
    height: 2px;
    position: absolute;
    bottom: var(--comp-40);
    right: 0;
    margin: 0;
    overflow: hidden;
}

.pickupList li > a .deco::before,
.pickupList li > .noLink .deco::before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--motogp-lightgray);
    position: absolute;
    top: 0;
    right: 0;
}

.pickupList li > a .deco::after{
    content: "";
    display: block;
    width: 300%;
    height: 100%;
    background-image: linear-gradient(90deg, rgb(230 55 54 / 1) 0%, rgb(230 55 54 / 1) calc(100% / 3), rgb(230 55 54 / 0) calc(100% / 3), rgb(230 55 54 / 0) calc(100% / 3 * 2), rgb(230 55 54 / 1) calc(100% / 3 * 2), rgb(230 55 54 / 1) 100%);
    position: absolute;
    top: 0;
    left: -200%;
    transform: scale(1, 1);
}

.pagerList{
    display: flex;
    gap: var(--comp-15);
    flex-wrap: wrap;
}

.pagerList > li{
    min-height: var(--comp-85);
}

.pagerList.split02 > li,
.pagerList.split03 > li,
.pagerList.split04 > li,
.pagerList.split05 > li{
    width: calc((100% - var(--comp-15) - 1px) / 2);
}

.pagerList > li a{
    box-sizing: border-box;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--comp-15) var(--comp-5);
    border-radius: var(--comp-5);
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: var(--comp-24);
    min-height: 100%;
    font-weight: bold;
    transition: background-color 0.3s ease;
    line-height: 1.4;
}

#motogpContent > section:nth-child(odd) .pagerList > li a,
#motogpContent.second > section:nth-child(even) .pagerList > li a{
    background-color: var(--motogp-black);
}

#motogpContent > section:nth-child(even) .pagerList > li a,
#motogpContent.second > section:nth-child(odd) .pagerList > li a{
    background-color: var(--motogp-darkgray);
}

.pagerList > li.active a{
    background-color: var(--motogp-red) !important;
}


.pagerList.icon > li a{
    align-items: center;
    justify-content: flex-start;
    padding: var(--comp-15) var(--comp-35);
    gap: var(--comp-30);
    font-size: var(--comp-26);
}

.pagerList.split02.icon > li{
    width: 100%;
}

.pagerList.split02.icon > li a{
    padding: var(--comp-15) var(--comp-35);
}

.pagerList.split03.icon > li{
    width: 100%;
}

.pagerList.split03.icon > li a{
    padding: var(--comp-15) var(--comp-35);
}

.pagerList.icon > li a .icon{
    display: block;
    width: var(--comp-70);
    height: var(--comp-70);
}

.pagerList.icon > li.car a .icon{
    background-image: url(../images/access/icon-car.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.pagerList.icon > li.bus a .icon{
    background-image: url(../images/access/icon-bus.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.pagerList.icon > li.ticket a .icon{
    background-image: url(../images/faq/icon-ticket.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.pagerList.icon > li.access a .icon{
    background-image: url(../images/faq/icon-access.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.pagerList.icon > li.race a .icon{
    background-image: url(../images/faq/icon-race.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.pagerList.icon > li.stay a .icon{
    background-image: url(../images/faq/icon-stay.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.pagerList.icon > li.event a .icon{
    background-image: url(../images/faq/icon-event.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.pagerList.icon > li.others a .icon{
    background-image: url(../images/faq/icon-others.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.contentSectionOl{
    width: 100%;
    max-width: var(--motogp-content-width);
    margin: var(--comp-35) auto;
    border-top: 1px solid var(--motogp-lightgray);
    list-style: none;
    counter-reset: contentSectionOl;
    padding: 0;
}

.contentSectionOl:first-child{
    margin-top: 0;
}

.contentSectionOl:last-child{
    margin-bottom: 0;
}

.contentSectionOl > li{
    padding: var(--comp-35) 0;
    border-bottom: 1px solid var(--motogp-lightgray);
}

.contentSectionOl > li .numttl{
    font-size: var(--comp-26);
    margin: 0 auto var(--comp-15);
    padding-left: var(--comp-55);
    box-sizing: border-box;
    position: relative;
    line-height: 1.8;
}

.contentSectionOl > li .numttl::before{
    content: counter(contentSectionOl);
    counter-increment: contentSectionOl;
    font-size: var(--comp-26);
    font-family: var(--g-typography-display);
    display: block;
    width: var(--comp-32);
    height: var(--comp-32);
    line-height: 1;
    background-color: var(--motogp-red);
    text-align: center;
    position: absolute;
    top: 0.25em;
    left: 0;
}

.contentSectionOl > li p:first-of-type{
    margin-top: 0;
}

.contentSectionOl2{
    width: 100%;
    max-width: var(--motogp-content-width);
    margin: var(--comp-35) auto;
    list-style: none;
    counter-reset: contentSectionOl;
    padding: 0;
}

.contentSectionOl2:first-child{
    margin-top: 0;
}

.contentSectionOl2:last-child{
    margin-bottom: 0;
}

.contentSectionOl2 > li{
    font-size: var(--comp-26);
    padding-left: var(--comp-55);
    box-sizing: border-box;
    position: relative;
    line-height: 1.8;
    font-weight: bold;
}

.contentSectionOl2 > li:not(:last-child){
    margin-bottom: var(--comp-10);
}

.contentSectionOl2 > li::before{
    content: counter(contentSectionOl);
    counter-increment: contentSectionOl;
    font-size: var(--comp-26);
    font-family: var(--g-typography-display);
    display: block;
    width: var(--comp-32);
    height: var(--comp-32);
    line-height: 1;
    background-color: var(--motogp-red);
    text-align: center;
    position: absolute;
    top: 0.25em;
    left: 0;
}

.contentSectionOl2 > li p:first-of-type{
    margin-top: 0;
}

.questionList{
    width: 100%;
    max-width: var(--motogp-content-width);
    margin: var(--comp-45) auto;
    border-top: 1px solid var(--motogp-lightgray);
    list-style: none;
    padding: 0;
}

.questionList > li{
    padding: var(--comp-35) 0;
    border-bottom: 1px solid var(--motogp-lightgray);
}

.questionList > li .questionttl{
    font-size: var(--comp-26);
    margin: 0 auto var(--comp-15);
    padding-left: var(--comp-55);
    box-sizing: border-box;
    position: relative;
    line-height: 1.8;
}

.questionList > li .questionttl::before{
    content: "?";
    font-size: var(--comp-26);
    font-family: var(--g-typography-display);
    display: block;
    width: var(--comp-32);
    height: var(--comp-32);
    line-height: 1;
    background-color: var(--motogp-red);
    text-align: center;
    position: absolute;
    top: 0.25em;
    left: 0;
    color: var(--motogp-black);
}

.questionList > li p a{
    color: #fff !important;
}

.questionList > li.grill .questionttl::before{
    background-color: #55FF36;
}

.questionList > li.katarai .questionttl::before{
    background-color: #5FCED8;
}

.questionList > li.rest .questionttl::before{
    background-color: #2F7A8F;
}

.questionList > li.bus .questionttl::before{
    background-color: #FF9A00;
}

.motogpEventTimeList{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 1em;
    font-size: 16px;
    list-style: none;
    line-height: 1.875;
    margin: 0;
}

.motogpEventTimeList{
    display: block;
    font-size: var(--comp-22);
    list-style: none;
    line-height: 1.875;
    margin: 0;
}

.motogpEventTimeList dt{
    width: 100%;
    padding: 0;
    margin-top: 1.875em;
}

.motogpEventTimeList dt:first-child{
    margin-top: 0;
}

.motogpEventTimeList dd{
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    margin: 0;
}

.motogpEventTimeList dd + dd{
    width: 100%;
    padding: 0;
    margin-top: 1.875em;
}

.squareList{
    display: flex;
    flex-wrap: wrap;
    gap: var(--comp-25);
    font-size: var(--comp-22);
    line-height: 1.8;
    color: #fff;
}

.squareList.noText{
    gap: 0;
}

.squareList li{
    width: 100%;
}

.squareList li p{
    margin: 0;    
}

.squareList li .ttl::before{
    content: "\25A0";
    margin-right: 0.5em;
    color: var(--motogp-red);
}

.imgFlexList{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
    margin: var(--comp-40) auto var(--comp-20);
}

.imgFlexList:first-child{
    margin-top: 0;
}

.imgFlexList:last-child{
    margin-bottom: 0;
}

.imgFlexList.split02 li{
    width: 100%;
}

.imgFlexList.split05{
    row-gap: var(--comp-30);
    justify-content: center;
}

.imgFlexList.split05 li:nth-child(1){
    margin-left: var(--comp-10);
}

.imgFlexList.split05 li:nth-child(2){
    margin-right: var(--comp-10);
}

.imgFlexList.split05 li{
    width: calc((100% - 1px) / 3);
}

.imgFlexList li img{
    display: block;
}

/*-- TABLE --*/
.tableType01{
    width: 100%;
    color: #fff;
    border-top: 1px solid var(--motogp-lightgray);
    font-size: var(--comp-22);
    display: block;
    line-height: 1.8;
}

.tableType01 tbody{
    display: block;
    width: 100%;
}

.tableType01 tr{
    display: block;
    box-sizing: border-box;
    border-bottom: 1px solid var(--motogp-lightgray);
    padding: var(--comp-25) var(--comp-35);
}

.tableType01 th,
.tableType01 td{
    display: block;
    font-weight: normal;
    text-align: left;
    border-bottom: none;
}

.tableType01 th{
    width: 100%;
    padding: 0 ; 
    margin-bottom: var(--comp-10);
}

.tableType01 td{
    padding: 0;
}

.tableType01 td > img,
.tableType01 td > p > img{
    max-width: 100%;
    display: block;
}

.tableType01 td .eventSubBox{
    margin: var(--comp-30) auto;
}

.tableType01 td .eventSubBox:last-child{
    margin-bottom: var(--comp-10);
}

.tableType02{
    width: 100%;
    color: #fff;
    border: 1px solid var(--motogp-black);
    border-collapse: collapse;
}

.tableType02.white{
    background-color: #fff;
    color: var(--motogp-black);
}

.tableType02 p{
    margin: 0 !important;
}

.tableType02 p.small{
    font-size: var(--comp-20) !important;
}

.tableType02 a{
    color: var(--motogp-red);
    text-decoration: underline;
}

.tableType02 th,
.tableType02 td{
    text-align: left;
    border: 1px solid var(--motogp-lightgray);
    padding: var(--comp-15) var(--comp-20);
    vertical-align: middle;
    font-size: var(--comp-22) !important;
    line-height: 1.5625 !important;
    vertical-align: middle;
}

.tableType02 th.btn,
.tableType02 td.btn{
    padding: var(--comp-20);
}

.tableType02 th p,
.tableType02 td p{
    margin: 0;
    line-height: 1.5625 !important;
}

.tableType02 th.price,
.tableType02 td.price{
    width: 21.1382113%;
}

.tableType02 th.contact,
.tableType02 td.contact{
    width: 16.5853658%;
}

.tableType02 th.reservation,
.tableType02 td.reservation{
    width: 18.2926829%;
}

.tableType02 th{
    background-color: var(--motogp-darkgray);
    font-weight: bold;
}

.tableType02.white th{
    background-color: #E5E5E5
}

.tableType02 .redBtn{
    margin: 0;
    display: block;
}

.tableType02 .redBtn a{
    min-width: 0;
    font-size: var(--comp-22);
    padding: var(--comp-5) var(--comp-10);
    margin: 0;
}

/*-- BUTTON --*/
.redBtn{
    margin: var(--comp-40) auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.redBtn a{
    width: auto;
    min-width: 54vw;
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    text-align: center;
    color: #fff !important;
    line-height: 1.6;
    font-size: var(--comp-24);
    font-weight: bold;
    padding: var(--comp-25) var(--comp-20);
    box-sizing: border-box;
    position: relative;
    border-radius: var(--comp-5);
    overflow: hidden;
    text-decoration: none !important;
}

.redBtn a span{
    position: relative;
    z-index: 2;
    display: block;
}

.redBtn a::after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    background-image: linear-gradient(90deg, var(--motogp-red) 0%, var(--motogp-red) 50%, rgb(230 55 54 / 0.5) 100%);
    z-index: 1;
    transition: transform 0.3s ease;
}

.btnList{
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
    gap: var(--comp-30);
}

.btnList li{
    width: auto;
    min-width: 54vw;
    margin: 0 !important;
}

/*-- ACCORDION --*/
.accordionBox .accordionBtn{
    padding: var(--comp-40) 0 0;
    margin: 0;
}

.accordionBox .accordionBtn button{
    color: #fff;
    font-size: var(--comp-30);
    line-height: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--comp-10);
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    margin: 0 auto;
    font-family: var(--base-font);
}

.accordionBox .accordionBtn button .icon{
    display: block;
    width: var(--comp-28);
    height: var(--comp-28);
    position: relative;
    transition: transform 0.3s ease;
}

.accordionBox .accordionBtn button .icon::before{
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: var(--motogp-red);
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
}

.accordionBox .accordionBtn button .icon::before,
.accordionBox .accordionBtn button .icon::after{
    content: "";
    display: block;
    background-color: var(--motogp-red);
    position: absolute;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.accordionBox .accordionBtn button .icon::before{
    width: 100%;
    height: 2px;
    top: calc(50% - 1px);
    left: 0;
}

.accordionBox .accordionBtn button .icon::after{
    height: 100%;
    width: 2px;
    top: 0;
    left: calc(50% - 1px);
}

.accordionBox .accordionBtn.active button .icon{
    transform: rotate(180deg);
}

.accordionBox .accordionBtn.active button .icon::after{
    transform: scaleY(0);
    opacity: 0;
}

/*-- SLIDER --*/
.eventSlider{
    width: 100%;
    position: relative;
    box-sizing: border-box;
    padding: 0;
}

.eventSlider.wide:last-child{
    margin-bottom: 0;
}

.eventSlider .slider{
    margin: 0 auto;
    width: 100%;
}

.eventSlider .slick-slide{
    width: 100%;
}

.eventSlider.single .pagination{
    display: none;
}

.eventSlider .pagination{
    width: 100%;
    display: flex;
    gap: var(--comp-20);
    justify-content: center;
    align-items: center;
    margin: var(--comp-25) auto 0;
}

.eventSlider .slick-dots,
.eventSlider .slick-prev,
.eventSlider .slick-next{
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
}

.eventSlider .slick-dots{
    order: 2;
    width: auto;
    display: flex;
    gap: var(--comp-15);
}

.eventSlider .slick-dots li{
    margin: 0;
    height: 2px;
    width: var(--comp-75);
}

.eventSlider .slick-dots li:only-child{
    display: none
}

.eventSlider .slick-dots li button{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

.eventSlider .slick-dots li button:before{
    width: 100%;
    height: 100%;
    border-radius: 0;
    background-color: var(--motogp-lightgray);
    opacity: 1;
    transition: all 0.3s ease;
}

.eventSlider .slick-dots li.slick-active button:before{
    background-color: var(--motogp-red);
}


.eventSlider .slick-prev,
.eventSlider .slick-next{
    position: relative;
    width: var(--comp-20);
    height: var(--comp-20);
}

.eventSlider .slick-prev{
    order: 1;
    transform: rotate(-45deg);
}

.eventSlider .slick-prev:before,
.eventSlider .slick-prev:after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--motogp-lightgray);
    opacity: 1;
    transition: all 0.3s ease;
}

.eventSlider .slick-prev:before{
    height: 2px ;
    width: 100%;
}

.eventSlider .slick-prev:after{
    height: 100%;
    width: 2px;
}

.eventSlider .slick-next{
    order: 3;
    transform: rotate(45deg);
}

.eventSlider .slick-next:before,
.eventSlider .slick-next:after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--motogp-lightgray);
    opacity: 1;
    transition: all 0.3s ease;
}

.eventSlider .slick-next:before{
    height: 2px ;
    width: 100%;
}

.eventSlider .slick-next:after{
    height: 100%;
    width: 2px;
}

.thumbSlider{
    width: 100%;
    position: relative;
    box-sizing: border-box;
    padding: 0;
}

.thumbSlider.wide:last-child{
    margin-bottom: 0;
}

.thumbSlider .slider{
    margin: 0 auto;
    width: 100%;
}

.thumbSlider .slick-slide{
    width: 100%;
}

.thumbSlider.single .pagination{
    display: none;
}

.thumbSlider .pagination{
    width: 100%;
    display: flex;
    gap: var(--comp-20);
    justify-content: center;
    align-items: center;
    margin: var(--comp-25) auto 0;
}

.thumbSlider .slick-dots,
.thumbSlider .slick-prev,
.thumbSlider .slick-next{
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
}

.thumbSlider .slick-dots{
    order: 2;
    width: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--comp-15);
}

.thumbSlider .slick-dots li{
    margin: 0;
    height: auto;
    width: var(--comp-90);
}

.thumbSlider .slick-dots li button{
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    transition: opacity 0.3s ease;
}

.thumbSlider .slick-dots li button:before{
    content: none;
}

.thumbSlider .slick-dots li img{
    display: block;
}

.thumbSlider .slick-dots li.slick-active button:before{
    background-color: var(--motogp-red);
}


.thumbSlider .slick-prev,
.thumbSlider .slick-next{
    position: relative;
    width: var(--comp-20);
    height: var(--comp-20);
}

.thumbSlider .slick-prev{
    order: 1;
    transform: rotate(-45deg);
}

.thumbSlider .slick-prev:before,
.thumbSlider .slick-prev:after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--motogp-lightgray);
    opacity: 1;
    transition: all 0.3s ease;
}

.thumbSlider .slick-prev:before{
    height: 2px ;
    width: 100%;
}

.thumbSlider .slick-prev:after{
    height: 100%;
    width: 2px;
}

.thumbSlider .slick-next{
    order: 3;
    transform: rotate(45deg);
}

.thumbSlider .slick-next:before,
.thumbSlider .slick-next:after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--motogp-lightgray);
    opacity: 1;
    transition: all 0.3s ease;
}

.thumbSlider .slick-next:before{
    height: 2px ;
    width: 100%;
}

.thumbSlider .slick-next:after{
    height: 100%;
    width: 2px;
}


/*-- MOVIE --*/
.youtubeBox{
    max-width: 100%;
    margin: 0 auto;
}

.innerYoutube{
    width: 100%;
    padding-top: 56.25%;
    height: 0;
    position: relative;
}

.innerYoutube iframe{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/*-- TO TOP --*/
#page-top{
    display:none;
    position:fixed;
    z-index: 99;
    right: 0;
    bottom: var(--comp-30);
    width: var(--comp-90);
    height: var(--comp-90);
}
#page-top .inner{
    display: block;
    width: 100%;
    height: 100%;
}

#page-top .totopBtn{
    margin: 0;
    padding:0;
    width: 100%;
    height: 100%;
}

#page-top .totopBtn a{
    display: block;
    width: 100%;
    height: 100%;
    background-color: #333;
    position: relative;
    transition: background-color 0.3s ease;
}

#move-page-top{
    text-decoration:none;
    display:block;
    cursor:pointer;
    transition: opacity 0.5s;
}

#page-top .totopBtn a span{
    display: block;
    width: var(--comp-20);
    height: var(--comp-20);
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    position: absolute;
    top: calc(50% - var(--comp-10));
    left: calc(50% - var(--comp-10));
    transform: rotate(-45deg);
}

/*-- MARGIN --*/
/*top*/
.mt100{ margin-top: var(--comp-100) !important;}
.mt90{ margin-top: var(--comp-90) !important;}
.mt80{ margin-top: var(--comp-80) !important;}
.mt70{ margin-top: var(--comp-70) !important;}
.mt60{ margin-top: var(--comp-60) !important;}
.mt50{ margin-top: var(--comp-50) !important;}
.mt40{ margin-top: var(--comp-40) !important;}
.mt30{ margin-top: var(--comp-30) !important;}
.mt20{ margin-top: var(--comp-20) !important;}
.mt10{ margin-top: var(--comp-10) !important;}

/*bottom*/
.mb100{ margin-bottom: var(--comp-100) !important;}
.mb90{ margin-bottom: var(--comp-90) !important;}
.mb80{ margin-bottom: var(--comp-80) !important;}
.mb70{ margin-bottom: var(--comp-70) !important;}
.mb60{ margin-bottom: var(--comp-60) !important;}
.mb50{ margin-bottom: var(--comp-50) !important;}
.mb40{ margin-bottom: var(--comp-40) !important;}
.mb30{ margin-bottom: var(--comp-30) !important;}
.mb20{ margin-bottom: var(--comp-20) !important;}
.mb10{ margin-bottom: var(--comp-10) !important;}

/*left*/
.ml100{ margin-left: var(--comp-100) !important;}
.ml90{ margin-left: var(--comp-90) !important;}
.ml80{ margin-left: var(--comp-80) !important;}
.ml70{ margin-left: var(--comp-70) !important;}
.ml60{ margin-left: var(--comp-60) !important;}
.ml50{ margin-left: var(--comp-50) !important;}
.ml40{ margin-left: var(--comp-40) !important;}
.ml30{ margin-left: var(--comp-30) !important;}
.ml20{ margin-left: var(--comp-20) !important;}
.ml10{ margin-left: var(--comp-10) !important;}

/*right*/
.mr100{ margin-right: var(--comp-100) !important;}
.mr90{ margin-right: var(--comp-90) !important;}
.mr80{ margin-right: var(--comp-80) !important;}
.mr70{ margin-right: var(--comp-70) !important;}
.mr60{ margin-right: var(--comp-60) !important;}
.mr50{ margin-right: var(--comp-50) !important;}
.mr40{ margin-right: var(--comp-40) !important;}
.mr30{ margin-right: var(--comp-30) !important;}
.mr20{ margin-right: var(--comp-20) !important;}
.mr10{ margin-right: var(--comp-10) !important;}

/*----------------------------------------
  NAVI
----------------------------------------*/
#motogpNavi{
    height: 0;
    width: 100%;
    position: sticky;
    top: -1px;
    left: 0;
    z-index: 100;
}

#motogpHamburger{
    display: block;
    cursor: pointer;
    width: var(--comp-90);
    height: var(--comp-90);
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    background-color: var(--motogp-black);
    z-index: 100;
}

#motogpHamburger span{
    display: block;
    background-color: #fff;
    width: var(--comp-30);
    height: 2px;
    position: absolute;
    top: calc(50% - 1px);
    left: calc(50% - var(--comp-15));
    transition: all 0.3s;
}

#motogpHamburger span:nth-child(1){
    transform: translateY(calc(var(--comp-10) * (-1)));
}

#motogpHamburger span:nth-child(3){
    transform: translateY(var(--comp-10));
}

#motogpHamburger.active span:nth-child(1){
    transform: translateY(0) rotate(225deg);
}

#motogpHamburger.active span:nth-child(2){
    transform: scaleX(0);
    opacity: 0;
}

#motogpHamburger.active span:nth-child(3){
    transform: translateY(0) rotate(-225deg);
}

#motogpNaviContainer{
    display: block;
    pointer-events: none;
    opacity: 0;
    height: calc(100vh + 1px);
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--motogp-black);
    z-index: 99;
    transition: all 0.3s ease;
}

#motogpNaviContainer.active{
    opacity: 1;
    pointer-events: all;
    overflow-y: auto;
}

#motogpNaviContainer .innerMotogpNaviContainer{
    display: block;
    min-height: calc(100vh + 1px);
    box-sizing: border-box;
    padding: var(--comp-55) 0 var(--comp-60);
    background-color: var(--motogp-black);
}

#motogpNaviLink{
    background: var(--motogp-black);
    position: relative;
    width: 100%;
    top: auto;
    left: auto;
    z-index: 1;
}

#motogpNaviLink h1{
    display: block;
    width: 91%;
    margin: 0 auto var(--comp-60);
}

#motogpNaviLink h1 img{
    display: block;
    width: 67.567567567567vw;
    height: auto;
    margin: 0 auto;
}

#motogpNaviLink ul{
    width: 91%;
    margin: 0 auto var(--comp-60);
    font-family: var(--g-typography-text-regular);
    letter-spacing: 0.05em;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0;
    height: auto;
    border-bottom: none;
    border-top: 1px solid var(--motogp-lightgray);
}

#motogpNaviLink ul li{
    width: 100%;
    border-bottom: 1px solid var(--motogp-lightgray);
}

#motogpNaviLink ul li a{ 
    color: #fff;
    font-size: var(--comp-40);
    text-decoration: none;
    display: block;
    position: relative;
    transition: all 0.3s ease;
    padding: var(--comp-20) 0 var(--comp-25);
    box-sizing: border-box;
}

#motogpNaviLink ul li a::after{ 
    content: none;
}

#motogpNaviLink ul li span{ 
    color: #fff;
    font-size: var(--comp-40);
    text-decoration: none;
    display: block;
    position: relative;
    opacity: 0.3;
    padding:  var(--comp-20) 0 var(--comp-25);
    box-sizing: border-box;
}

#motogpNaviBtn{
    position: relative;
    top: auto;
    right: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--comp-30);
    z-index: 1;
    margin: 0 auto;
    width: 91%;
    box-sizing: border-box;
}

#mailMagazine,
#Instagram{
    display: block;
    box-sizing: border-box;
    border-radius: var(--comp-5);
    background-color: var(--motogp-black);
    margin: 0;
    width: 100%;
}

#mailMagazine a,
#Instagram a{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--comp-20);
    box-sizing: border-box;
    text-decoration: none;
    color: #fff;
    line-height: 1.4;
    font-weight: bold;
    font-size: var(--comp-24);
    height: auto;
    min-height: var(--comp-90);
    border-radius: var(--comp-5);
    transition: all 0.3s ease;
}

#mailMagazine a{
    background: var(--motogp-turquoise);
    padding: var(--comp-15) var(--comp-20) var(--comp-10);
    box-sizing: border-box;
    width: 100%;
    border: 1px solid var(--motogp-turquoise);
}

#Instagram a{
    background: var(--motogp-red);
    padding: var(--comp-15) var(--comp-20) var(--comp-10);
    box-sizing: border-box;
    width: 100%;
    border: 1px solid var(--motogp-red);
}

#mailMagazine a .icon,
#Instagram a .icon{
    width: var(--comp-60);
    height: var(--comp-60);
}

#mailMagazine a .icon{
    mask-image: url("../images/icon-mail.svg");
    mask-size: var(--comp-60) var(--comp-55);
    mask-repeat: no-repeat;
    mask-position: center center;
    background-color: #fff;
}

#Instagram a .icon{
    mask-image: url("../images/icon-instagram.svg");
    mask-size: var(--comp-45) var(--comp-45);
    mask-repeat: no-repeat;
    mask-position: center center;
    background-color: #fff;
}

#Instagram a .text{
    display: block;
}

/*----------------------------------------
  HEADER
----------------------------------------*/
#motogpHeader{
    background: var(--motogp-headerbg);
    padding: var(--comp-55) 0 var(--comp-40);
}

#motogpNaviLink h1 img{
    display: block;
    
    height: auto;
    margin: 0 auto;
}

#motogpHeader h1{
    width: 91%;
    margin: 0 auto;
}

#motogpHeader h1 a{ 
    display: block;
}

#motogpHeader h1 span{ 
    display: block;
    margin: 0 auto;
}

#motogpHeader h1 span img{ 
    display: block;
}

#motogpHeader h1 .logo{ 
    margin-bottom: var(--comp-30);
    width: 67.567567567567vw;
}

#motogpHeader h1 .date{ 
    width: 48vw;
    margin: 0 auto;
}

/*----------------------------------------
  BREADCRUNB
----------------------------------------*/
#motogpBreadcrumb{
    background-color: var(--motogp-black);
    padding: var(--comp-15) 0;
}

#motogpBreadcrumb ol{
    width: var(--motogp-content-width);
    margin: 0 auto;
}

#motogpBreadcrumb ol li{
    display: inline;
    position: relative;
    color: #fff;
    font-size: var(--comp-20);
}

#motogpBreadcrumb ol li:not(:last-child)::after{
    content: "";
    display: inline-block;
    width: var(--comp-10);
    height: var(--comp-10);
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg) translateY(-2px);
    margin: 0 var(--comp-15) 0 var(--comp-15);
}

#motogpBreadcrumb ol li a{
    color: #fff;
    text-decoration: none;
    transition: color 0.3s ease;
}

/*----------------------------------------
  FOOTER CAUTION
----------------------------------------*/
.motogpCaution{
    margin: var(--comp-95) auto 0;
    width: var(--motogp-content-width);
    color: #fff;
    font-size: var(--comp-20);
    line-height: 1.8;
}

/*----------------------------------------
  TOP
----------------------------------------*/
/*-- TOP SLIDE --*/
#topSlide{
    width: 100%;
}

#topSlide .slick-slide{
    position: relative;
    background-color: var(--motogp-black);
}

#topSlide .slick-track{
    background-color: var(--motogp-black);
}

#topSlide .slick-slide a{
    color: #fff;
    text-decoration: none;
}

#topSlide .slick-slide .img{
    width: 100%;
    margin: 0;
}

#topSlide .slick-slide .img img{
    width: 100%;
    height: auto;
    display: block;
}

#topSlide .slick-slide .text{
    position: relative;
    bottom: auto;
    left: auto;
    z-index: 2;
    background-color: rgb(0 0 0 / 0.7);
    margin: -48.64864864864864vw 0 0 ;
    width: 100%;
    min-height: 48.64864864864864vw;
}

#topSlide .slick-slide .text > p{
    width: var(--motogp-content-width);
    margin: 0 auto;
    padding: var(--comp-40) 0 var(--comp-50);
    box-sizing: border-box;
    min-height: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--comp-35);
}

#topSlide .slick-slide .text > p .innerText{
    display: block;
    text-align: center;
    width: 100%;
}

#topSlide .slick-slide .text > p .innerText .category{
    color: var(--motogp-red);
    font-family: var(--g-typography-display);
    font-size: var(--comp-50);
    line-height: 1;
    display: block;
    padding-bottom: var(--comp-15);
    text-align: center;
    width: 100%;
    margin-right: 0;
}

#topSlide .slick-slide .text > p .innerText .title{
    color: #fff;
    font-size: var(--comp-40);
    font-weight: bold;
    line-height: 1.4;
    display: block;
    width: 100%;
}

#topSlide .slick-slide .text > p .btn{
    min-width: var(--comp-250);
    max-width: 100%;
    background-color: var(--motogp-red);
    border-radius: var(--comp-5);
    min-height: var(--comp-60);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--motogp-red);
    transition: all 0.3s ease;
    box-sizing: border-box;
    padding: var(--comp-10) var(--comp-30);
    margin: 0 auto;
    font-size: var(--comp-24);
}

#topSlide .slick-dotted.slick-slider{
    margin: 0 auto;
}

#topSlide .slick-dots{
    position: absolute;
    bottom: calc(var(--comp-40) * (-1));
    display: flex;
    gap: var(--comp-15);
    justify-content: center;
}

#topSlide .slick-dots li{
    margin: 0;
    height: 2px;
    width: var(--comp-75);
}
    
#topSlide .slick-dots li:only-child{
    display: none
}

#topSlide .slick-dots li button{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

#topSlide .slick-dots li button:before{
    width: 100%;
    height: 100%;
    border-radius: 0;
    background-color: var(--motogp-lightgray);
    opacity: 1;
    transition: all 0.3s ease;
}

#topSlide .slick-dots li.slick-active button:before{
    background-color: var(--motogp-red);
}

/*-- TOP MENU --*/
#motogpContent #topNavi{
    padding-top: var(--comp-100);
}

.topLinkList{
    font-family: var(--g-typography-display);
    letter-spacing: -.02em;
    font-size: var(--comp-50);
    font-weight: bold;
    display: flex;
    flex-wrap: wrap;
    column-gap: 0;
    row-gap: var(--comp-10);
}

.topLinkList li{
    width: 100%;
}

.topLinkList li a{
    min-height: 100%;
    width: 100%;
    display: flex;
    background-color: var(--motogp-black);
    color: #fff;
    text-decoration: none;
    padding: var(--comp-20) var(--comp-30);
    box-sizing: border-box;
    border-radius: var(--comp-10);
    position: relative;
    align-items: center;
    gap: var(--comp-30);
    transition: all 0.3s ease;
}

.topLinkList li > .noLink{
    min-height: 100%;
    width: 100%;
    display: flex;
    background-color: var(--motogp-black);
    color: #4f4f4f;
    text-decoration: none;
    padding: var(--comp-20) var(--comp-30);
    box-sizing: border-box;
    border-radius: var(--comp-10);
    position: relative;
    align-items: center;
    gap: var(--comp-30);
}

.topLinkList li a .icon,
.topLinkList li .noLink .icon{
    width: var(--comp-70);
    height: var(--comp-70);
}

.topLinkList li a .icon.ticket,
.topLinkList li .noLink .icon.ticket{
    mask-image: url(../images/top/icon-ticket.svg);
}

.topLinkList li a .icon.timetable,
.topLinkList li .noLink .icon.timetable{
    mask-image: url(../images/top/icon-timetable.svg);
}

.topLinkList li a .icon.event,
.topLinkList li .noLink .icon.event{
    mask-image: url(../images/top/icon-event.svg);
}

.topLinkList li a .icon.navi,
.topLinkList li .noLink .icon.navi{
    mask-image: url(../images/top/icon-spectator-navi.svg);
}

.topLinkList li a .icon.fg,
.topLinkList li .noLink .icon.fg{
    mask-image: url(../images/top/icon-foods-goods.svg);
}

.topLinkList li a .icon.faq,
.topLinkList li .noLink .icon.faq{
    mask-image: url(../images/top/icon-faq.svg);
}

.topLinkList li a .icon.info,
.topLinkList li .noLink .icon.info{
    mask-image: url(../images/top/icon-information.svg);
}

.topLinkList li a .icon.access,
.topLinkList li .noLink .icon.access{
    mask-image: url(../images/top/icon-access.svg);
}

.topLinkList li a .icon{
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: #fff;
    display: inline-block;
    aspect-ratio: 1/1;
    transition: all 0.3s ease;
}

.topLinkList li .noLink .icon{
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: #4f4f4f;
    display: inline-block;
    aspect-ratio: 1/1;
    transition: all 0.3s ease;
}

.topLinkList li a .text,
.topLinkList li .noLink .text{
    padding-bottom: var(--comp-10);
}

.topLinkList li a .small,
.topLinkList li .noLink .small{
    font-size: var(--comp-38);
}

.topLinkList li a::after,
.topLinkList li .noLink::after{
    content: "";
    width: var(--comp-90);
    height: var(--comp-90);
    display: block;
    pointer-events: none;
    position: absolute;
    bottom: var(--comp-10);
    right: var(--comp-10);
    border-radius: 0 0 var(--comp-5) 0;
}

.topLinkList li a::after{
    background-image: linear-gradient(-45deg, rgb(230 55 54 / 1) 0%, rgb(230 55 54 / 0) 30%, rgb(230 55 54 / 0) 100%);
}

.topLinkList li .noLink::after{
    background-image: linear-gradient(-45deg, rgb(79 79 79 / 1) 0%, rgb(79 79 79 / 0) 30%, rgb(79 79 79 / 0) 100%);
}

/*-- PICK UP --*/
.topPickupList{
    display: flex;
    flex-wrap: wrap;
    row-gap: var(--comp-30);
}

.topPickupList li{
    width: 100%;

}

.topPickupList li > a,
.topPickupList li > .noLink{
    display: flex;
    align-items: flex-start;
    background-color: var(--motogp-black);
    height: 100%;
    text-decoration: none;
    color: #fff;
    position: relative;
}
    
#motogpContent > section:nth-child(even) .topPickupList li > a,
#motogpContent > section:nth-child(even) .topPickupList li > .noLink{
    background-color: var(--motogp-darkgray);
}

.topPickupList li > a .imgBox,
.topPickupList li > .noLink .imgBox{
    width: 41.1764705%;
    height: auto;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    height: 100%;
}

.topPickupList li > a .imgBox .cate,
.topPickupList li > .noLink .imgBox .cate{
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    box-sizing: border-box;
    padding: var(--comp-10) var(--comp-40) var(--comp-15) var(--comp-25);
    max-width: 100%;
    z-index: 1;
    line-height: 1;
}

.topPickupList li > a .imgBox .cate::before,
.topPickupList li > .noLink .imgBox .cate::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
}

.topPickupList li > a .imgBox .cate.event::before,
.topPickupList li > .noLink .imgBox .cate.event::before{
    background-color: var(--motogp-pink);
}

.topPickupList li > a .imgBox .cate.ticket::before,
.topPickupList li > .noLink .imgBox .cate.ticket::before{
    background-color: var(--motogp-purple);
}

.topPickupList li > a .imgBox .cate.race::before,
.topPickupList li > .noLink .imgBox .cate.race::before{
    background-color: var(--motogp-red);
}

.topPickupList li > a .imgBox .cate.other::before,
.topPickupList li > .noLink .imgBox .cate.other::before{
    background-color: var(--motogp-orange);
}

.topPickupList li > a .imgBox .cate > span,
.topPickupList li > .noLink .imgBox .cate > span{
    color: #fff;
    position: relative;
    font-size: var(--comp-30);
    font-family: var(--g-typography-display);

}

.topPickupList li > a .imgBox .img,
.topPickupList li > .noLink .imgBox .img{
    height: 100%;
    width: 100%;
}

.topPickupList li > a .imgBox .img img,
.topPickupList li > .noLink .imgBox .img img{
    display: block;
    width: 100%;
    height: auto;
    transform: scale(1);
    transition: transform 0.5s ease;
}

.topPickupList li > a .textBox,
.topPickupList li > .noLink .textBox{
    box-sizing: border-box;
    padding: var(--comp-20) var(--comp-30) var(--comp-70);
    overflow: hidden;
    position: relative;
    width: calc(100% - 41.1764705%);
    min-height: 100%;
}

.topPickupList li > a .textBox .ttl,
.topPickupList li > .noLink .textBox .ttl{
    font-size: var(--comp-26);
    margin: 0 auto var(--comp-5);
    line-height: 1.7;
    transition: color 0.3s ease;
}

.topPickupList li > a .textBox .text,
.topPickupList li > .noLink .textBox .text{
    font-size: var(--comp-22);
    line-height: 1.8;
    margin: 0 auto;
    transition: color 0.3s ease;
}

.topPickupList li > a .deco,
.topPickupList li > .noLink .deco{
    display: block;
    width: var(--comp-80);
    height: 2px;
    position: absolute;
    bottom: var(--comp-35);
    right: 0;
    margin: 0;
}

.topPickupList li > a .deco::before,
.topPickupList li > .noLink .deco::before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--motogp-lightgray);
    position: absolute;
    top: 0;
    right: 0;
}

.topPickupList li > a .deco::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--motogp-red);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    transition: transform 0.3s ease;
    transform-origin: left top;
    transform: scale(1, 1);
}

/*-- LINK --*/
#motogpContent #topLink{
    padding-bottom: var(--comp-100);
}

.wideBnrList{
    width: var(--motogp-content-width);
    margin: 0 auto;
    display: flex;
    gap: var(--comp-30);
    flex-wrap: wrap;
}

.wideBnrList:not(:last-child){
    margin-bottom: var(--comp-30);
}

.wideBnrList li{
    width: 100%;
}

.wideBnrList li a{
    display: block;
    transition: opacity 0.3s ease;
}

.splitBnrList{
    width: var(--motogp-content-width);
    margin: 0 auto;
    display: flex;
    gap: 0;
    column-gap: 0;
    row-gap: var(--comp-30);
    flex-wrap: wrap;
}

.splitBnrList li{
    width: 50%;
}

.splitBnrList li a{
    display: block;
    height: 100%;
    width: 100%;
    transition: all 0.3s ease;
}

.splitBnrList li.iconbnr a{
    display: block;
    gap: var(--comp-30);
    overflow: hidden;
    position: relative;
    min-height: 0;
    box-sizing: border-box;
    padding: var(--comp-25) var(--comp-20) var(--comp-35);
    text-decoration: none;
    color: #fff;
    font-size: var(--comp-24);
    font-weight: bold;
    text-align: center;
}

.splitBnrList li.iconbnr a::before{
    content: "";
    display: block;
    pointer-events: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: left 0.3s ease;
}

.splitBnrList li.iconbnr.mailMagazine a::before{
    background-image: linear-gradient(-135deg, rgb(1 148 138 / 0.1) 0%, rgb(1 148 138 / 1) 100%);
}

.splitBnrList li.iconbnr.insta a::before{
    background-image: linear-gradient(-135deg, rgb(230 55 54 / 0.1) 0%, rgb(230 55 54 / 1) 100%);
}

.splitBnrList li.iconbnr a .icon{
    position: relative;
    margin: 0 auto var(--comp-25);
    display: block;
}

.splitBnrList li.iconbnr.mailMagazine a .icon{
    width: var(--comp-70);
    height: var(--comp-70);
    background: url("../images/icon-mail.svg") no-repeat center center;
    background-size: 100% auto;
}

.splitBnrList li.iconbnr.insta a .icon{
    width: var(--comp-70);
    height: var(--comp-70);
    background: url("../images/icon-instagram.svg") no-repeat center center;
    background-size: var(--comp-60) var(--comp-60);
}

.splitBnrList li.iconbnr a .text{
    position: relative;
    text-align: center;
}

/*-- RSS --*/
.rssTitleBox{
    width: var(--motogp-content-width);
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin: 0 auto;
}

.rssTitleBox .sectionTtlType01{
    font-size: var(--comp-60);
}

.rssTitleBox .rssBtn{
    margin: 0;
    width: var(--comp-170);
    padding-bottom: var(--comp-40);
}

.rssTitleBox .rssBtn a,
.rssTitleBox .rssBtn img{
    display: block;
}

/*----------------------------------------
  SECOND
----------------------------------------*/
.motogpcContentSection{
    margin: var(--comp-50) auto;
}

.pagerList + .motogpcContentSection{
    margin-top: var(--comp-100);
}

.motogpPageCatch + .motogpcContentSection{
    margin-top: var(--comp-90);
}

#motogpContent > section:nth-child(even) .motogpcContentSection,
#motogpContent.second > section:nth-child(odd) .motogpcContentSection{
    background-color: var(--motogp-darkgray);
}

#motogpContent > section:nth-child(odd) .motogpcContentSection,
#motogpContent.second > section:nth-child(even) .motogpcContentSection{
    background-color: var(--motogp-black);
}

.motogpcContentSection .innerMotogpcContentSection{
    margin: var(--comp-95) auto;
}

.motogpcContentSection .innerMotogpcContentSection:first-child{
    margin-top: 0;
}

.motogpcContentSection .innerMotogpcContentSection:last-child{
    margin-bottom: 0;
}

.motogpcContentSection .innerMotogpcContentSection[id]{
    margin-top: var(--comp-95);
    padding-top: 0;
}

.innerMotogpcContentSection + .innerMotogpcContentSection[id]{
    margin-top: var(--comp-95);
}

.motogpcContentSection .imgBox{
    width: 100%;
    margin: 0 auto var(--comp-45);
    position: relative;
}

.motogpcContentSection .imgBox p{
    margin: 0 auto;
}

.motogpcContentSection .imgBox p img{
    display: block;
}

.motogpcContentSection > .textBox{
    padding: 0 var(--comp-40) var(--comp-40);
    color: #fff;
}

.motogpcContentSection > .textBox:first-child{
    padding-top: var(--comp-45);
}

.motogpcContentSection > .textBox p{ 
    font-size: var(--comp-22);
    margin: 1.2em auto;
    line-height: 1.875;
}

.motogpcContentSection > .textBox p .small{ 
    font-size: var(--comp-20);
}

.motogpcContentSection > .textBox p.fpuls2{ 
    font-size: var(--comp-24);
    line-height: 1.75;
}

.motogpcContentSection > .textBox p.fpuls4{ 
    font-size: var(--comp-26);
    line-height: 1.75;
}

.motogpcContentSection > .textBox p.lh153{ 
    line-height: 1.538461538;
}

.motogpcContentSection > .textBox p .spBrBox{
    display: block;
}

.motogpcContentSection > .textBox p.center{ 
    text-align: center;
}

.motogpcContentSection > .textBox p:first-of-type{ 
    margin-top: 0;
}

.motogpcContentSection > .textBox p:first-child{ 
    margin-top: 0;
}

.motogpcContentSection > .textBox p:last-child{ 
    margin-bottom: 0;
}

.motogpcContentSection .eventSubBox.flex + p.center{
    margin-top: var(--comp-45) !important;
}

.motogpcContentSection > .textBox p.caution{
    font-size: var(--comp-20);
}

.motogpcContentSection > .textBox p a{
    color: var(--motogp-red);
    text-decoration: underline;
}

.motogpcContentSection .tableType01 tr{
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

.motogpcContentSection .tableType01 th{
    width: 100%;
    font-weight: bold;
    padding-left: 0;
}

.motogpcContentSection .tableType01 td{
    padding-right: 0;
}

.motogpcContentSection .tableType01 td .small{
    font-size: var(--comp-20);
}

.motogpcContentSection .eventSubBox{
    box-sizing: border-box;
    padding: var(--comp-30);
    width: 100%;
    margin: var(--comp-40) auto 0;
}

.motogpcContentSection .eventSubBox.flex {
    display: block;
    padding: var(--comp-40) var(--comp-30);
    margin-top: var(--comp-50);
}



.motogpcContentSection .eventSubBox.flex .eventSlider{
    width: 100%;
}

.motogpcContentSection .eventSubBox.flex .imgBox{
    width: 100%;
    margin: 0;
}

.motogpcContentSection .eventSubBox.flex .textBox{
    width: 100%;
    margin-top: var(--comp-40);
}

.motogpcContentSection .eventSubBox.flex .imgFlexList.wide{
    margin-bottom: 0;
}

.motogpcContentSection .eventSubBox.flex .eventSlider.wide + .textBox{
    width: 100%;
    margin-top: var(--comp-35);
}

.motogpcContentSection .eventSubBox.flex .imgFlexList.wide + .textBox{
    width: 100%;
    margin-top: var(--comp-40);
}

.motogpcContentSection .eventSubBox.flex .imgFlexList.wide + .textBox{
    width: 100%;
    margin-top: var(--comp-40);
}

.motogpcContentSection .eventSubBox.flex .textBox a{
    color: #fff;
}

.motogpcContentSection .eventSubBox.flex .textBox p + .tableType01{
    margin-top: var(--comp-35);
}

.motogpcContentSection .eventSubBox.flex .textBox .tableType01 th{
    width: calc(130px - 20px);
}

.motogpcContentSection .eventSubBox.flex .textBox .catch{
    font-size: var(--comp-26);
    line-height: 1.75;
    font-weight: bold;
    margin: 0 auto var(--comp-15);
}

.motogpcContentSection .eventSubBox.flex .textBox .catch + p{
    margin-top: 0;
}

.motogpcContentSection .eventSubBox.flex .eventCaution{
    margin: var(--comp-35) auto 0;
    color: #fff;
    font-size: var(--comp-20) !important;
    line-height: 1.8;
}

.motogpcContentSection .eventSubBox.flex .eventCaution + .redBtn{
    margin-top: var(--comp-40);
}

.motogpcContentSection .eventSubBox p{
    color: #fff;
    line-height: 1.875;
    font-size: var(--comp-22);
}

.motogpcContentSection .eventSubBox p:first-child{
    margin-top: 0;
}

.motogpcContentSection .eventSubBox p:last-child{
    margin-bottom: 0;
}

#motogpContent > section:nth-child(odd) .motogpcContentSection .eventSubBox,
#motogpContent.second > section:nth-child(even) .motogpcContentSection .eventSubBox{
    background-color: var(--motogp-darkgray);
}

#motogpContent > section:nth-child(even) .motogpEventSection .eventSubBox,
#motogpContent.second > section:nth-child(odd) .motogpEventSection .eventSubBox{
    background-color: var(--motogp-black);
}

.motogpEventSection .eventSubBox .eventSubTtl{
    font-size: 20px;
    line-height: 1.75;
    margin: 30px auto 15px;
    color: #fff;
}

.motogpEventSection .eventSubBox .eventSubTtl:first-child{
    margin-top: 0;
}

.separatorBox{
    margin: var(--comp-30) auto;
    display: flex;
    flex-wrap: wrap;
    gap: var(--comp-50);
}

.separatorBox:first-child,
.squareTtl + .separatorBox{
    margin-top: 0;
}

.separatorBox:last-child{
    margin-bottom: 0;
}

.separatorBox .separatorTtl{
    font-size: var(--comp-24);
    margin: var(--comp-30) auto var(--comp-5);
    line-height: 1.75;
}

.separatorBox .separatorTtl:last-child{
    margin-bottom: 0;
}

.separatorBox .separatorTtl:first-child{
    margin-top: 0;
}

.separatorBox .separatorTtl + p{
    margin-top: 0;
}

.simpleContentSection{
    margin: var(--comp-50) auto;
    padding: var(--comp-45) var(--comp-40);
    box-sizing: border-box;
}

#motogpContent > section:nth-child(odd) .simpleContentSection,
#motogpContent.second > section:nth-child(even) .simpleContentSection{
    background-color: var(--motogp-black);
}

.simpleContentSection:first-child{
    margin-top: 0;
}

.simpleContentSection:last-child{
    margin-bottom: 0;
}

/*----------------------------------------
  EVENT
----------------------------------------*/
.eventTabList{
    display: flex;
    flex-wrap: wrap;
    gap: var(--comp-15);
    width: var(--motogp-content-width);
    margin: 0 auto var(--comp-80);
}

.eventTabList > li{
    width: calc((100% - var(--comp-15) - 1px) / 2);
    min-height: var(--comp-85);
}

.eventTabList > li button{
    box-sizing: border-box;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--comp-15) var(--comp-5);
    border-radius: var(--comp-5);
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: var(--comp-24);
    min-height: 100%;
    font-weight: bold;
    transition: background-color 0.3s ease;
    line-height: 1.4;
}

#motogpContent > section:nth-child(odd) .eventTabList button,
#motogpContent.second > section:nth-child(even) .eventTabList button{
    background-color: var(--motogp-black);
}

#motogpContent > section:nth-child(even) .eventTabList button,
#motogpContent.second > section:nth-child(odd) .eventTabList button{
    background-color: var(--motogp-darkgray);
}

.eventTabList li.active button{
    background-color: var(--motogp-red) !important;
}

.eventTabBox .innerEventTabBox{
    display: none;
}

.eventTabBox .innerEventTabBox.active{
    display: block;
}

.eventBdrTtlBox{
    padding-left: var(--comp-40);
    box-sizing: border-box;
    width: var(--motogp-content-width);
    margin: var(--comp-95) auto var(--comp-55);
    position: relative;
    display: block;
}

.eventBdrTtlBox .bdrTtl{
    margin: 0 auto var(--comp-20);
    line-height: 1.6;
    font-size: var(--comp-38);
    font-weight: bold;
    color: #fff;
}

.eventBdrTtlBox::before {
    content: "";
    display: block;
    width: var(--comp-8);
    height: calc(100% - var(--comp-14));
    position: absolute;
    top: var(--comp-12);
    left: 0;
    background-color: var(--motogp-red);
}

.eventBdrTtlBox .bdrTtl:last-child{
    margin-bottom: 0;
}

.iconExplanationList{
    display: flex;
    gap: var(--comp-30);
}

.iconExplanationList li{
    display: flex;
    align-items: center;
    gap: var(--comp-10);
    color: #fff;
}

.iconExplanationList li .icon{
    min-width: var(--comp-40);
    height: var(--comp-40);
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    padding: var(--comp-10) var(--comp-5) var(--comp-5);
    font-weight: bold;
    font-size: var(--comp-22);
    line-height: 1;
    box-sizing: border-box;
}

.iconExplanationList li:nth-child(1) .icon{
    background-color: var(--motogp-lightgray);
}

.iconExplanationList li:nth-child(2) .icon{
    background-color: var(--motogp-blue);
}

.iconExplanationList li:nth-child(3) .icon{
    background-color: var(--motogp-red);
}


.iconExplanationList li .text{
    display: block;
    line-height: 1;
    font-size: var(--comp-22);
}

.motogpEventList{
    display: flex;
    flex-wrap: wrap;
    row-gap: var(--comp-30);
    column-gap: var(--comp-30);
}

.motogpEventList > li{
    width: calc((100% - var(--comp-30) - 1px) / 2);
}

.motogpEventList > li a,
.motogpEventList > li .noLink{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    height: 100%;
    position: relative;
    color: #fff;
    text-decoration: none;
    box-sizing: border-box;
    padding-bottom: var(--comp-40);
}

#motogpContent > section:nth-child(odd) .motogpEventList > li a,
#motogpContent.second > section:nth-child(even) .motogpEventList > li a,
#motogpContent > section:nth-child(odd) .motogpEventList > li .noLink,
#motogpContent.second > section:nth-child(even) .motogpEventList > li .noLink{
    background-color: var(--motogp-black);
}

#motogpContent > section:nth-child(even) .motogpEventList > li a,
#motogpContent.second > section:nth-child(odd) .motogpEventList > li a,
#motogpContent > section:nth-child(even) .motogpEventList > li .noLink,
#motogpContent.second > section:nth-child(odd) .motogpEventList > li .noLink{
    background-color: var(--motogp-darkgray);
}

.motogpEventList > li a .innerEventList{
    width: 100%;
}

.motogpEventList > li a .imgBox{
    margin: 0 auto var(--comp-25);
    width: 100%;
    overflow: hidden;
}

.motogpEventList > li a .imgBox .img,
.motogpEventList > li a .imgBox .img img{
    display: block;
}

.motogpEventList > li a .imgBox .img img{
    transform: scale(1);
    transition: transform 0.5s ease;
}

.motogpEventList > li a .textBox{
    box-sizing: border-box;
    padding: 0 var(--comp-30);
    margin: 0 auto var(--comp-35);
}

.motogpEventList > li a .textBox .ttl{
    font-size: var(--comp-26);
    margin: 0 auto var(--comp-10);
    line-height: 1.6;
    transition: color 0.3s ease;
}

.motogpEventList > li a .textBox .text{
    font-size: var(--comp-22);
    line-height: 1.8;
    margin: 0 auto;
    transition: color 0.3s ease;
}

.dateIconList{
    display: flex;
    margin: auto auto 0;
    width: 100%;
}

.dateIconList{
    display: flex;
    padding: 0 var(--comp-100) 0 var(--comp-30);
    box-sizing: border-box;
    width: 100%;
    gap: 10px;
}

.dateIconList li{
    min-width: var(--comp-40);
    height: var(--comp-40);
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    padding: var(--comp-10) var(--comp-5) var(--comp-5);
    font-weight: bold;
    font-size: var(--comp-22);
    line-height: 1;
    box-sizing: border-box;
}

.dateIconList li.iconFri{
    background-color: var(--motogp-lightgray);
}

.dateIconList li.iconSat{
    background-color: var(--motogp-blue);
}

.dateIconList li.iconSun{
    background-color: var(--motogp-red);
}

.motogpEventList > li > a .deco,
.motogpEventList > li > .noLink .deco{
    display: block;
    width: var(--comp-80);
    height: 2px;
    position: absolute;
    bottom: var(--comp-40);
    right: 0;
    margin: 0;
    overflow: hidden;
}

.motogpEventList > li > a .deco::before,
.motogpEventList > li > .noLink .deco::before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--motogp-lightgray);
    position: absolute;
    top: 0;
    right: 0;
}

.motogpEventList > li > a .deco::after{
    content: "";
    display: block;
    width: 300%;
    height: 100%;
    background-image: linear-gradient(90deg, rgb(230 55 54 / 1) 0%, rgb(230 55 54 / 1) calc(100% / 3), rgb(230 55 54 / 0) calc(100% / 3), rgb(230 55 54 / 0) calc(100% / 3 * 2), rgb(230 55 54 / 1) calc(100% / 3 * 2), rgb(230 55 54 / 1) 100%);
    position: absolute;
    top: 0;
    left: -200%;
    transform: scale(1, 1);
}


/*-- EVENT SECOND --*/
.eventCategoryBox{
    padding-top: 0;
    margin-top: var(--comp-90);
    pointer-events: none;
}

.eventCategoryBox .innerEventCategoryBox{
    pointer-events: all;
}

.motogpEventSection{
    padding-top: 0;
    margin-top: 0;
    pointer-events: none;
}

.motogpEventSection:not(:last-child){
    margin-bottom: var(--comp-50);
}

.motogpEventSection .innerMotogpEventSection{
    pointer-events: all;
    padding: var(--comp-50) 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#motogpContent > section:nth-child(odd) .motogpEventSection .innerMotogpEventSection,
#motogpContent.second > section:nth-child(even) .motogpEventSection .innerMotogpEventSection{
    background-color: var(--motogp-black);
}

#motogpContent > section:nth-child(even) .motogpEventSection .innerMotogpEventSection,
#motogpContent.second > section:nth-child(odd) .motogpEventSection .innerMotogpEventSection{
    background-color: var(--motogp-darkgray);
}

.innerMotogpEventSection a{
    color: var(--motogp-red);
}

.innerMotogpEventSection .eventTtl{
    color: #fff;
    background-image: linear-gradient(45deg, rgb(230 55 54 / 0.9) 0%, rgb(230 55 54 / 0) 100%);
    padding: var(--comp-10) var(--comp-40);
    box-sizing: border-box;
    line-height: 1.4;
    font-size: var(--comp-34);
    margin: 0;
    width: 100%;
}

.innerMotogpEventSection .catchBox{
    padding: var(--comp-35) var(--comp-40);
    color: #fff;
    width: 100%;
    box-sizing: border-box;
}

.innerMotogpEventSection .catchBox:first-child{
    padding-top: 0;
}

.innerMotogpEventSection .catchBox .catch{
    font-size: var(--comp-26);
    line-height: 1.75;
    font-weight: bold;
    margin: 0 auto var(--comp-15);
}

.innerMotogpEventSection .catchBox .text{
    font-size: var(--comp-22);
    line-height: 1.875;
    margin: 0 auto 1.875em;
}

.innerMotogpEventSection .catchBox .catch:last-child,
.innerMotogpEventSection .catchBox .text{
    margin-bottom: 0;
}

.innerMotogpEventSection > .eventSlider{
    width: 100%;
    position: relative;
    box-sizing: border-box;
    padding: 0 var(--comp-40);
    margin: 0 auto var(--comp-45);
}

.innerMotogpEventSection > .eventSlider.wide{
    width: 100%;
    padding: 0 var(--comp-40);
    margin: 0 auto var(--comp-45);
}

.innerMotogpEventSection > .imgBox{
    width: 100%;
    position: relative;
    box-sizing: border-box;
    padding: 0 var(--comp-40);
    margin: 0 auto var(--comp-45);
}

.innerMotogpEventSection > .imgBox.wide{
    width: 100%;
    padding: 0 var(--comp-40);
    margin: 0 auto var(--comp-45);
}

.innerMotogpEventSection > .imgBox.wide:empty{
    margin-bottom: 0;
}

.eventDetail + .imgBox.wide{
    margin-top: var(--comp-40);
}

.eventDetail + .imgBox.wide:last-child{
    margin-bottom: 0;
}

.innerMotogpEventSection > .imgBox .eventSlider:not(:last-child){
    margin-bottom: var(--comp-30);
}

.eventDetail{
    width: 100%;
    box-sizing: border-box;
    padding: 0 var(--comp-40) 0;
}

.eventSlider.wide + .eventDetail,
.innerMotogpEventSection > .imgBox.wide + .eventDetail{
    width: 100%;
    padding: 0 var(--comp-40);
}

.eventDetail .tableType01 tr{
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

.eventDetail .tableType01 th{
    padding: 0;
    font-weight: bold;
    width: 100%;
}


.eventSlider.wide + .eventDetail .tableType01 th,
.innerMotogpEventSection > .imgBox.wide + .eventDetail .tableType01 th{
    width: 100%;
}

.eventDetail .tableType01 td{
    padding-right: 0;
}

.eventDetail .eventCaution{
    margin: var(--comp-35) auto 0;
    color: #fff;
    font-size: var(--comp-20) !important;
    line-height: 1.8;
}

.eventDetail .eventSubBox{
    box-sizing: border-box;
    padding: var(--comp-30);
    width: 100%;
    margin: var(--comp-40) auto 0;
}

.eventDetail .eventSubBox p{
    color: #fff;
    line-height: 1.875;
    font-size: var(--comp-22);
}

.eventDetail .eventSubBox p:first-child{
    margin-top: 0;
}

.eventDetail .eventSubBox p:last-child{
    margin-bottom: 0;
}

#motogpContent > section:nth-child(odd) .motogpEventSection .innerMotogpEventSection .eventDetail .eventSubBox,
#motogpContent.second > section:nth-child(even) .motogpEventSection .innerMotogpEventSection .eventDetail .eventSubBox{
    background-color: var(--motogp-darkgray);
}

#motogpContent > section:nth-child(even) .motogpEventSection .innerMotogpEventSection .eventDetail .eventSubBox,
#motogpContent.second > section:nth-child(odd) .motogpEventSection .innerMotogpEventSection .eventDetail .eventSubBox{
    background-color: var(--motogp-black);
}

.eventDetail .eventSubBox .eventSubTtl{
    font-size: var(--comp-26);
    line-height: 1.75;
    margin: var(--comp-30) auto var(--comp-15);
    color: #fff;
}

.eventDetail .eventSubBox .eventSubTtl:first-child{
    margin-top: 0;
}

.accordionBox .accordionOpenBox{
    display: none;
}

.tableType01 + .accordionBox .accordionOpenBox .tableType01{
    border-top: none;
}

/*----------------------------------------
  STAY : PARKING
----------------------------------------*/
.parkingList{
    margin: var(--comp-35) auto var(--comp-35);
    display: flex;
    flex-wrap: wrap;
    column-gap: var(--comp-20);
    row-gap: var(--comp-40);
}

.parkingList:last-child{
    margin-bottom: 0;
}

.parkingList:first-child{
    margin-top: 0;
}

.parkingList > li{
    width: 100%;
    padding: var(--comp-30) 0 var(--comp-40);
}

#motogpContent > section:nth-child(even) .motogpcContentSection .parkingList > li,
#motogpContent.second > section:nth-child(odd) .motogpcContentSection .parkingList > li{
    background-color: var(--motogp-black);
}

#motogpContent > section:nth-child(odd) .motogpcContentSection .parkingList > li,
#motogpContent.second > section:nth-child(even) .motogpcContentSection .parkingList > li{
    background-color: var(--motogp-darkgray);
}

.parkingList > li .ttlBox{
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 var(--comp-30) var(--comp-30);
}

.parkingList > li .ttlBox .parkingTtl{
    margin: 0;
    font-size: var(--comp-30);
    line-height: 1;
    padding-top: var(--comp-5);
}

.parkingList > li .ttlBox .parkingTtl .caution{
    font-size: var(--comp-20);
    display: block;
    margin-top: var(--comp-15);
    font-weight: normal;
}

.parkingList > li .ttlBox .parkingIconList{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: var(--comp-10);
}

.parkingList > li .ttlBox .parkingIconList li{
    min-width: 30px;
    height: var(--comp-40);
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    padding: var(--comp-8) var(--comp-10) var(--comp-5);
    font-weight: bold;
    font-size: var(--comp-22);
    line-height: 1;
    box-sizing: border-box;
    flex-wrap: wrap;
}

.parkingList > li .ttlBox .parkingIconList li.order1{
    order: 1;
}

.parkingList > li .ttlBox .parkingIconList li.order2{
    order: 2;
}

.parkingList > li .ttlBox .parkingIconList li.red{
    background-color: var(--motogp-red);
}

.parkingList > li .ttlBox .parkingIconList li.purple{
    background-color: var(--motogp-purple);
}

.parkingList > li .ttlBox .parkingIconList li.pink{
    background-color: var(--motogp-pink);
}

.parkingList > li .eventSlider{
    width: 100%;
    margin: 0 0 var(--comp-40);
}

.parkingList > li .eventSlider img{
    display: block;
    max-width: 100%;
}
.parkingList > li .textBox{
    padding: 0 var(--comp-30);
}

.parkingList > li .textBox p{
    margin: 0 auto var(--comp-20);
}


/*----------------------------------------
  ACCESS
----------------------------------------*/
.routeTabList{
    display: flex;
    flex-wrap: wrap;
    column-gap: var(--comp-15);
    row-gap: var(--comp-45);
    margin: 0 auto var(--comp-45);
}

.routeTabList > li{
    width: calc((100% - var(--comp-30) - 1px) / 3);
}

.routeTabList > li button{
    background-color: var(--motogp-lightgray);
    border: none;
    width: 100%;
    cursor: pointer;
    border-radius: var(--comp-5);
    padding: var(--comp-20) var(--comp-13) var(--comp-25);
    min-height: 100%;
    font-family: var(--base-font);
    position: relative;
    transition: background-color 0.3s ease;
}

.routeTabList > li.active button{
    background-color: var(--motogp-red);
}

.routeTabList > li button::after{
    content: "";
    display: block;
    width: var(--comp-36);
    height: var(--comp-18);
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    position: absolute;
    left: calc(50% - var(--comp-18));
    bottom: calc(var(--comp-18) * (-1) + 1px);
    transition: all 0.3s ease;
    background-color: var(--motogp-lightgray);
    opacity: 0;
}

.routeTabList > li.active button::after{
    background-color: var(--motogp-red);
    opacity: 1;
}

.routeTabList > li button .num{
    font-family: var(--g-typography-display);
    color: #fff;
    font-size: var(--comp-30);
    line-height: 1;
    margin: 0 auto var(--comp-20);
}

.routeTabList > li button .pointBox .route{
    color: var(--motogp-lightgray);
    font-size: var(--comp-30);
    line-height: 1;
    font-weight: bold;
    background-color: #fff;
    padding: var(--comp-10);
    margin: 0;
    transition: color 0.3s ease;
}

.routeTabList > li.active button .pointBox .route{
    color: var(--motogp-red);
}

.routeTabList > li button .pointBox .point{
    background-color: rgb(0 0 0 / 0.2);
    color: #fff;
    font-size: var(--comp-30);
    font-weight: bold;
    line-height: 1.42;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: var(--comp-75);
    padding: var(--comp-10);
    box-sizing: border-box;
}

.routeTabList > li button .pointBox .point.ic{
    min-height: var(--comp-115);
}

.routeTabList > li button .pointBox .point.spMin{
    min-height: var(--comp-75);
}

.routeTabList > li button .pointBox .point.spMax{
    min-height: var(--comp-115);
}

.routeTabList > li button .pointBox .point .etc{
    min-width: var(--comp-125);
    background-color: var(--motogp-lightpurple);
    font-size: var(--comp-20);
    min-height: var(--comp-32);
    padding: var(--comp-5) var(--comp-10) 0;
    box-sizing: border-box;
    line-height: 1.4;
    margin: 0 auto var(--comp-5);
}

.routeTabList > li button .time{
    margin: 0 auto var(--comp-5);
    display: flex;
    gap: var(--comp-5);
    flex-wrap: wrap;
    justify-content: center;
    color: #fff;
}

.routeTabList > li button .time::before{
    content: "";
    display: block;
    width: 2px;
    height: var(--comp-25);
    background-color: #fff;
}

.routeTabList > li button .time .text{
    width: 100%;
    line-height: 1;
    font-weight: bold;
    font-size: var(--comp-26);
}

.routeTabList > li button .time .arrow{
    height: var(--comp-30);
    position: relative;
}

.routeTabList > li button .time .arrow::before{
    content: "";
    height: calc(100% - 1px);
    width: 2px;
    display: block;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: calc(50% - 1px);
}

.routeTabList > li button .time .arrow::after{
    content: "";
    height: var(--comp-12);
    width: var(--comp-12);
    display: block;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    position: absolute;
    bottom: -2px;
    left: calc(50% - 1px);
    transform: rotate(45deg) translateX(calc(-1px - 50%));
}

.innerMapTabBox{
    display: none;
}

.innerMapTabBox.active{
    display: block;
}

.routeTtl{
    font-size: var(--comp-30);
    color: #fff;
    text-align: center;
    line-height: 1.45;
    margin: 0 auto var(--comp-30);
}

.routeTtl .num{
    color: var(--motogp-red);
    font-family: var(--g-typography-display);
    display: block;
    line-height: 1;
    font-size: var(--comp-30);
    margin: 0 auto var(--comp-15);
}

.map{
    width: 100%;
    height: 0;
    padding-top: 160%;
    position: relative;
}

.map iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.address{
    background-color: var(--motogp-darkgray);
    width: 100%;
    padding: var(--comp-15);
    line-height: 1;
    text-align: center;
    font-size: var(--comp-22) !important;
    box-sizing: border-box;
}

.motogpcContentSection > .textBox p.mge{
    display: flex;
    justify-content: center;
    align-items: center;
}

.motogpcContentSection > .textBox p.mge a,
.motogpcContentSection > .textBox p.mge span{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: var(--comp-40);
    position: relative;
    overflow: hidden;
}

.motogpcContentSection > .textBox p.mge a::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    background-image: linear-gradient(90deg, #fff 0%, #fff 50%, rgb(255 255 255 / 0.5) 100%);
    transition: transform 0.3s ease;
}

.motogpcContentSection > .textBox p.mge span::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    background-image: linear-gradient(90deg, #fff 0%, #fff 50%, rgb(255 255 255 / 0.5) 100%);
}

.motogpcContentSection > .textBox p.mge a img,
.motogpcContentSection > .textBox p.mge span img{
    display: block;
    position: relative;
}

.motogpcContentSection > .textBox p.mge + .centerTtl01{
    margin: var(--comp-40) auto var(--comp-30);
}


/*----------------------------------------
  NIGHT FES
----------------------------------------*/
.artistBox{
    width: 100%;
    max-width: var(--motogp-content-width);
    display: flex;
    flex-wrap: wrap;
    gap: var(--comp-40);
    margin: 0 auto var(--comp-80);
}

.innerArtistBox .artistTtl{
    font-size: var(--comp-50);
    font-family: var(--g-typography-display);
    text-align: center;
    line-height: var(--comp-50);
    margin: 0 auto var(--comp-30);
}

.innerArtistBox .artistTtl .date{
    color: #fff;
    margin-right: 0.2em;
    letter-spacing: 0.02em;
}

.innerArtistBox .artistTtl.fri .week{
    color: var(--motogp-lightgray2);
}

.innerArtistBox .artistTtl.sat .week{
    color: var(--motogp-blue);
}

.artistList{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: /*var(--comp-30)*/ var(--comp-40);
}

.artistList li{
    background-color: var(--motogp-darkgray);
    width: /*calc((100% - var(--comp-30) - 1px) / 2)*/ 100%;
}

.artistList li > .img{
    display: block;
    margin: 0 !important;
}

.artistList li > .img img{
    display: block;
    width: 100%;
}

.artistList li > .textBox{
    box-sizing: border-box;
    padding: var(--comp-30) var(--comp-30) var(--comp-35);
}

.artistList li > .textBox .artistName{
    margin: var(--comp-50) auto var(--comp-12);
    font-size: var(--comp-26);
}

.artistList li > .textBox .artistName:first-child{
    margin-top: 0;
}

.artistList li > .textBox .artistName:first-child{
    margin-top: 0;
}

.artistList li.youtube{
    position: relative;
    padding-bottom: 0;
}

.artistList li.youtube .textBox{
    padding-bottom: var(--comp-35);
}

.artistList li .youtubeBtn{
    position: relative;
    bottom: auto;
    height: auto;
    width: 100%;
    margin-top: var(--comp-25);
}

.artistList li .youtubeBtn a{
    display: flex;
    width: 100%;
    height: 100%;
    color: #fff;
    text-decoration: none;
    background-color: var(--motogp-black);
    font-size: var(--comp-24);
    font-weight: bold;
    justify-content: space-between;
    align-items: center;
    gap: var(--comp-20);
    padding: var(--comp-15) var(--comp-20) var(--comp-15);
    box-sizing: border-box;
    line-height: 1.4;
    border-radius: var(--comp-5);
    box-shadow: 0 0 0 1px var(--motogp-black);
    transition: all 0.3s ease;
}

.artistList li .youtubeBtn a .icon{
    display: block;
    width: var(--comp-60);
    height: var(--comp-60);
    mask-image: url(../images/night-live/icon-movie.svg);
    mask-size: contain;
    background-color: #fff;
    transition: all 0.3s ease;
}

.artistList li .youtubeBtn a .text{
    width: calc(100% - var(--comp-60));
}

.night-fesBnr{
   margin: var(--comp-80) auto; 
   width: 100%;
}

.night-fesBnr:first-child{
    margin-top: 0;
}

.night-fesBnr:last-child{
    margin-bottom: var(--comp-40);
}

.night-fesBnr > a{
    display: block;
    background-image: linear-gradient(45deg, rgb(107 0 178 / 1) 0%, rgb(168 27 116 / 1) 50%, rgb(230 55 54 / 1) 100%);
    box-sizing: border-box;
    padding: var(--comp-25) var(--comp-25) var(--comp-35);
    text-align: center;
    text-decoration: none;
    color: #fff;
    position: relative;
}

.night-fesBnr > a > .catch{
    font-size: var(--comp-26) !important;
    line-height: 1.75;
    font-weight: bold;
    margin: 0 auto var(--comp-20);
}

.night-fesBnr > a > .band{
    min-width: calc(100% - var(--comp-10));
    display: inline-block;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0.2vw;
    text-align: center;
    background-color: var(--motogp-black);
    font-size: var(--comp-34);
    font-weight: bold;
    line-height: 1.6;
}

.night-fesBnr > a > .name{
    display: block;
    position: relative;
    height: auto;
    min-height: var(--comp-50);
    display: inline-block;
    min-width: 100%;
    padding: var(--comp-20) 0 var(--comp-5);
    box-sizing: border-box;
    margin: var(--comp-20) auto 0;
    font-feature-settings: "palt";
}

.night-fesBnr > a > .name::before,
.night-fesBnr > a > .name::after{
    content: "";
    display: block;
    width: var(--comp-50);
    height: var(--comp-50);
    position: absolute;
}

.night-fesBnr > a > .name::before{
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    top: 0;
    left: 0;
}

.night-fesBnr > a > .name::after{
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    bottom: 0;
    right: 0;
}

.night-fesBnr > a > .name .large{
    font-family: var(--g-typography-text-medium);
    font-size: var(--comp-72);
    line-height: var(--comp-50);
    display: inline-block;
    transform: translateY(0);
    text-wrap: nowrap;
}

.night-fesBnr > a > .name .small{
    font-size: var(--comp-54);
    font-weight: bold;
    line-height: var(--comp-65);
    transform: translateY(-0.6vw);
    display: inline-block;
    text-wrap: nowrap;
}

/*----------------------------------------
  FAQ
----------------------------------------*/
.faqList{
    border-bottom: 1px solid var(--motogp-lightgray);
    margin: 0;
    padding: var(--comp-30) 0;
}

.faqList:first-child{
    border-top: 1px solid var(--motogp-lightgray);
}

.faqList dt button{
    border: none;
    background: none;
    color: #fff;
    margin: 0;
    display: flex;
    gap: var(--comp-20);
    width: 100%;
    cursor: pointer;
    padding: 0;
}

.faqList dt button::before{
    content: "Q";
    background-color: var(--motogp-red);
    font-family: var(--g-typography-display);
    color: #fff;
    line-height: 0;
    width: var(--comp-32);
    height: var(--comp-32);
    font-size: var(--comp-26);
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding-bottom: 1.2vw;
    transform: translateY(1vw);
}

.faqList dt button .text{
    display: block;
    width: calc(100% - var(--comp-40) - var(--comp-32) - var(--comp-28));
    text-align: left;
    font-size: var(--comp-26);
    line-height: 1.75;
    font-weight: bold;
}

.faqList dt button .icon{
    display: block;
    width: var(--comp-28);
    height: var(--comp-28);
    position: relative;
    transform: translateY(var(--comp-5));
    transition: transform 0.3s ease;
}

.faqList dt button .icon::before{
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    background-color: var(--motogp-red);
}

.faqList dt button .icon::after{
    content: "";
    display: block;
    width: 2px;
    height: 100%;
    position: absolute;
    top: 0;
    left: calc(50% - 1px);
    background-color: var(--motogp-red);
}

.faqList dt.active button .icon{
    transform: translateY(var(--comp-5)) rotate(180deg);
}

.faqList dt.active button .icon::after{
    opacity: 0;
    transform: scaleX(0);
}

.faqList dd{
    display: none;
    padding: 0;
    margin: 0;
}

.faqList dd p{
    padding: var(--comp-25) calc(var(--comp-28) + var(--comp-20)) 0 0;
    position: relative;
    width: 100%;
    margin: 0;
    display: flex;
    gap: var(--comp-20);
    flex-wrap: wrap;
    box-sizing: border-box;
}

.faqList dd p::before{
    content: "A";
    background-color: var(--motogp-lightgray);
    font-family: var(--g-typography-display);
    color: #fff;
    line-height: 0;
    width: var(--comp-32);
    height: var(--comp-32);
    font-size: var(--comp-26);
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding-bottom: 1.2vw;
    transform: translateY(0.5vw);
}

.faqList dd .text{
    width: calc(100% - var(--comp-20) - var(--comp-32));
    line-height: 1.875;
}

.faqList dd .text a{
    color: #fff;
}


/*----------------------------------------
  TIMETABLE
----------------------------------------*/
.timetableTtlBox{
    width: var(--motogp-content-width);
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin: 0 auto;   
}

.timetableTtlBox .updateText{
    width: var(--motogp-content-width);
    text-align: right;
    font-size: var(--comp-20);
    margin: 0 auto;
    color: #fff;
    margin-bottom: var(--comp-40);
    line-height: 1;
}

.timetableBtnList{
    display: flex;
    gap: var(--comp-14);
    padding-bottom: var(--comp-16);
    margin: 0 auto var(--comp-30);
}

.timetableBtnList li{
    width: calc((100% - var(--comp-28) - 1px) / 3);
}

.timetableBtnList li button{
    position: relative;
    background-color: var(--motogp-darkgray);
    color: #fff;
    border: none;
    width: 100%;
    border-radius: var(--comp-5);
    font-size: var(--comp-30);
    font-family: var(--g-typography-display);
    line-height: 1;
    box-sizing: border-box;
    padding: var(--comp-30) 0 var(--comp-35);
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.timetableBtnList li button::after{
    content: "";
    display: block;
    height: var(--comp-18);
    width: var(--comp-36);
    position: absolute;
    bottom: calc(var(--comp-16) * (-1));
    left: calc(50% - var(--comp-16));
    opacity: 0;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    transition: opacity 0.3s ease;
}

.timetableBtnList li.active button::after{
    opacity: 1;
}

.timetableBtnList li#fridaybtn button::after{
    background-color: var(--motogp-lightgray);
}

.timetableBtnList li#saturdaybtn button::after{
    background-color: var(--motogp-blue);
}

.timetableBtnList li#sundaybtn button::after{
    background-color: var(--motogp-red);
}

.timetableBtnList li#fridaybtn.active button{
    background-color: var(--motogp-lightgray);
}

.timetableBtnList li#saturdaybtn.active button{
    background-color: var(--motogp-blue);
}

.timetableBtnList li#sundaybtn.active button{
    background-color: var(--motogp-red);
}

.innerTimetableBox{
    display: none;
}

.innerTimetableBox.active{
    display: block;
}

.innerTimetableBox .noTranslate{
    font-size: var(--comp-50);
    line-height: 1;
    font-family: var(--g-typography-display);
    text-align: center;
    margin: 0 auto var(--comp-40);
}

#friday.innerTimetableBox .noTranslate{
    color: var(--motogp-lightgray);
}

#saturday.innerTimetableBox .noTranslate{
    color: var(--motogp-blue);
}

#sunday.innerTimetableBox .noTranslate{
    color: var(--motogp-red);
}

.innerTimetableBox .timetableImg{
    margin: 0 auto;
}

.innerTimetableBox .timetableImg img{
    display: block;
    width: 100%;
    height: auto;
}

/*----------------------------------------
  OVER NIGHT SQUARE
----------------------------------------*/
.motogpcContentSection .imgBox.ons{
    padding-top: var(--comp-100);
    margin-bottom: var(--comp-30);
}

.onsMainTtl{
    position: absolute;
    top: var(--comp-75);
    z-index: 1;
    text-align: center;
    width: 100%;
    margin: 0;
}

.onsMainTtl .innerOnsMainTtl{
    background: linear-gradient(to right, rgb(183 0 92 / 1) 0%, rgb(229 92 0 / 1) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    display: inline-block;
}

.onsMainTtl .innerOnsMainTtl .large{
    font-size: var(--comp-72);
    font-weight: bold;
    display: block;
    line-height: 1;
}

.onsMainTtl .innerOnsMainTtl .small{
    font-size: var(--comp-38);
    font-weight: bold;
    display: block;
    line-height: 1;
    margin: var(--comp-25) auto 0;
}

#about_ONS .gradationTtl{
    margin-bottom: 0;
}

.motogpcContentSection > .textBox .onsAboutImg{
    width: calc(100% + var(--comp-80));
    margin: 0 0 0 calc(var(--comp-40) * (-1)) !important;
    height: 57.7027027027027vw;
    overflow: hidden;
}

.motogpcContentSection > .textBox .onsAboutImg img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.onsNumList{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: var(--comp-30);
    margin: calc(var(--comp-130) * (-1)) auto var(--comp-50);
}

.onsNumList li{
    width: 100%;
    position: relative;
    background-color: var(--motogp-darkgray);
}

.onsNumList li .img{
    margin: 0;
}

.onsNumList li .img img{
    display: block;
    width: 100%;
    margin: 0;
}

.onsNumList li .num{
    height: 0;
    line-height: 1;
    margin: 0 auto;
    width: calc(100% - var(--comp-60));
}

.onsNumList li .num span{
    font-size: var(--comp-120);
    font-family: var(--g-typography-display);
    background: linear-gradient(45deg, rgb(183 0 92 / 1) 0%, rgb(229 92 0 / 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: var(--comp-100);
    margin-top: calc(var(--comp-70) * (-1));
    display: inline-block;
}

.onsNumList li .text{
    box-sizing: border-box;
    padding: var(--comp-45) var(--comp-30) var(--comp-40);
    margin: 0;
    font-size: var(--comp-26);
    line-height: 1.75;
}

#about_ONS .tableType01{
    width: 100%;
    margin: 0 auto;
}

#about_ONS .tableType01 th{
    width: 100%;
}

.onsMapIconList{
    display: flex;
    justify-content: space-between;
    gap: var(--comp-30);
    flex-wrap: wrap;
    margin: var(--comp-30) auto var(--comp-40);
    padding: 0 var(--comp-30);
}

.motogpcContentSection .onsMapIconList + .eventSubBox.flex{
    margin-top: var(--comp-35);
}

.onsMapIconList li{
    min-width: 30vw;
    display: flex;
    align-items: center;
    gap: var(--comp-15);
    line-height: 1;
    font-size: var(--comp-22);
}

.onsMapIconList li .icon{
    width: var(--comp-60);
    display: block;
}

.onsMapIconList li .icon img{
    display: block;
    width: 100%;
}


/*----------------------------------------
  FOODS & GOODS
----------------------------------------*/
.goodsList{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    column-gap: var(--comp-40);
    row-gap: var(--comp-40);
}

.motogpcContentSection > .textBox .goodsList > li{
    background-color: var(--motogp-darkgray);
}

.goodsList > li{
    width: 100%;
}

.goodsList > li > .textBox{
    width: 100%;
    padding: var(--comp-35) var(--comp-30) var(--comp-35);
    box-sizing: border-box;
}

.foodsList{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    column-gap: var(--comp-40);
    row-gap: var(--comp-40);
}

.motogpcContentSection > .textBox .foodsList > li{
    background-color: var(--motogp-darkgray);
}

.sectionTtlType02 + .foodsList{
    margin-top: var(--comp-30);
}

.img + .foodsList{
    margin-top: var(--comp-40);
}

.foodsList > li{
    width: 100%;
}

.foodsList > li.wide{
    width: 100%;
}

.foodsList > li .imgBox{
    margin: 0 auto;
}

.foodsList > li .imgBox img{
    display: block;
}

.foodsList > li > .textBox{
    width: 100%;
    padding: var(--comp-35) var(--comp-30) var(--comp-35);
    box-sizing: border-box;
}

.foodsList > li > .textBox .tableType01{
    margin-top: var(--comp-35);
}

.foodsList > li.wide > .textBox .tableType01{
    margin-top: var(--comp-35);
}

.foodsList > li > .textBox .tableType01 th{
    width: 100%;
}

.foodsList > li.wide > .textBox .tableType01 th{
    width: 100%;
}

.foodsList > li > .textBox .redBtn{
    margin-top: var(--comp-40);
}

.foodsList > li > .foodShopTtl{
    font-size: var(--comp-30);
    color: #fff;
    font-weight: bold;
    width: 100%;
    box-sizing: border-box;
    padding: var(--comp-25) var(--comp-30);
    margin: 0;
    line-height: 1.4583333;
}

.foodsList > li .dateIconList{
    padding: 0;
    margin-top: var(--comp-35);
}

.foodTtlFlexBox{
    width: 100%;
    display: block;
    justify-content: space-between;
    margin: var(--comp-80) auto var(--comp-40);
}

.foodTtlFlexBox:first-child{
    margin-top: 0;
}

.foodTtlFlexBox .sectionTtlType02{
    margin: 0 auto var(--comp-30);
}


}