@charset "utf-8";
* {
    margin: 0;
    padding: 0;
    list-style: none;
    vertical-align: baseline;
    box-sizing: border-box;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: normal;
    width: 100%;
    color: #000;
    margin: 0 auto;
    font-size: 16px;
    line-height: 2em;
    letter-spacing: 0.1em;
    background: #000;
}

section {
    margin: 0 auto;
}

img {
    border: 0px;
    width: 100%;
    max-width: 100%;
    vertical-align: bottom;
}

@media screen and (max-width:768px) {}

@media screen and (max-width:480px) {}

ul {
    list-style: none;
    padding-left: 0;
}

a {
    text-decoration: none;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

a:hover {
    opacity: 0.7;
    cursor: pointer;
}

input,
button,
textarea {
    outline: none;
}

input:focus,
textarea:focus {
    background: #f7f7f7;
}

.c_wrap {
    width: 100%;
    max-width: 1200px;
    padding: 60px 20px;
    margin: 0 auto;
    position: relative;
}

@media screen and (max-width:768px) {
    .c_wrap {
        padding: 10% 20px;
    }
}

@media screen and (max-width:480px) {
    .c_wrap {}
    body {
        font-size: 14px;
    }
}

.cf {
    clear: both;
}

.sp {
    display: none !important;
}

.sp_nav {
    display: none !important;
}

@media screen and (max-width: 900px) {
    .sp_nav {
        display: block !important;
    }
    .pc_nav {
        display: none !important;
    }
}

@media screen and (max-width: 768px) {
    .sp {
        display: block !important;
    }
    .pc {
        display: none !important;
    }
}


/*--------------------------------------------------common*/

.mgr0 {
    margin-right: 0px !important;
}

.mgr10 {
    margin-right: 10px !important;
}

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

.mgr30 {
    margin-right: 30px !important;
}

.mgr40 {
    margin-right: 40px !important;
}

.mgr50 {
    margin-right: 50px !important;
}

.mgl0 {
    margin-left: 0px !important;
}

.mgl10 {
    margin-left: 10px !important;
}

.mgl20 {
    margin-left: 20px !important;
}

.mgl30 {
    margin-left: 30px !important;
}

.mgl35 {
    margin-left: 35px !important;
    ;
}

.mgl40 {
    margin-left: 40px !important;
}

.mgl45 {
    margin-left: 45px !important;
    ;
}

.mgl50 {
    margin-left: 50px !important;
}

.mgb0 {
    margin-bottom: 0px !important;
}

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

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

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

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

.mgb50 {
    margin-bottom: 50px !important;
}

.mgt0 {
    margin-top: 0px !important;
}

.mgt10 {
    margin-top: 10px !important;
}

.mgt20 {
    margin-top: 20px !important;
}

.mgt30 {
    margin-top: 30px !important;
}

.mgt40 {
    margin-top: 40px !important;
}

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

.mgt60 {
    margin-top: 60px !important;
}

.pdb0 {
    padding-bottom: 0px !important;
}

.pdb10 {
    padding-bottom: 10px !important;
}

.pdb20 {
    padding-bottom: 20px !important;
}

.pdb30 {
    padding-bottom: 30px !important;
}

.pdb40 {
    padding-bottom: 40px !important;
}

.pdb50 {
    padding-bottom: 50px !important;
}

.pdt0 {
    padding-top: 0px !important;
}

.pdt10 {
    padding-top: 10px !important;
}

.pdt20 {
    padding-top: 20px !important;
}

.pdt30 {
    padding-top: 30px !important;
}

.pdt40 {
    padding-top: 40px !important;
}

.pdt50 {
    padding-top: 50px !important;
}

.wid100 {
    width: 100%;
}

.wid80 {
    width: 80%;
}

.wid75 {
    width: 75%;
}

.wid70 {
    width: 70%;
}

.wid65 {
    width: 65%;
}

.wid50 {
    width: 50%;
}

.wid47 {
    width: 47%;
}

.wid32 {
    width: 32%;
}

.wid30 {
    width: 30%;
}

.wid28 {
    width: 28%;
}

.wid23 {
    width: 23%;
}

.wid20 {
    width: 20%;
}

.wid18 {
    width: 18%;
}

a.disabled {
    pointer-events: none;
    text-decoration: none;
}

h1 {}

h2 {}

h3 {
    font-size: 1.5em;
    font-weight: 700;
    margin-bottom: 2em;
}

h4 {
    font-size: 1.2em;
    font-weight: 700;
    margin-bottom: 1em;
}

h5 {
    font-size: 1em;
    font-weight: 700;
    margin-bottom: .5em;
}

@media screen and (max-width: 480px) {
    h3 {
        font-size: 1.2em;
        margin-bottom: 1.5em;
    }
    h4 {
        font-size: 1.1em;
    }
}

.sec_ttl {
    text-align: center;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    font-size: .8em;
    font-weight: 900;
    margin-bottom: 2em;
}

.sec_ttl span {
    font-family: din-2014, 'Noto Sans JP', sans-serif;
    font-weight: 600;
    font-size: 3em;
    margin-bottom: .3em;
    color: #b8d200;
    display: block;
    text-shadow: 0 0 10px #9fae32bf;
}

.sec_ttl span.big_txt {
    font-size: .8em;
    margin-bottom: 5px;
}

.sec_ttl span.long_sec_ttl {
    line-height: 1.1;
    font-size: 2.5em;
}


/*section#outline .sec_ttl {
    color: #000;
}*/

@media screen and (max-width: 768px) {
    .sec_ttl span {
        font-size: 2.5em;
    }
    .sec_ttl span.long_sec_ttl {
        font-size: 1.9em;
    }
}

@media screen and (max-width: 480px) {
    .sec_ttl span {
        font-size: 2em;
    }
    .sec_ttl span.long_sec_ttl {
        font-size: 1.5em;
    }
}

.col2,
.col3,
.col4 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.col2 li,
.col3 li,
.col4 li {
    display: block;
}


/*---ボタンCSS---*/

.btn_cont {
    text-align: center;
    margin-top: 30px;
}

.btn {
    /*---ボタン---*/
    display: block;
    /*padding: .5em 2.5em;*/
    padding: .1em 2.5em;
    border-radius: 100px;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 50%);
    color: #fff;
    font-weight: bold;
    vertical-align: middle;
    position: relative;
    text-align: center;
}

.btn:after {
    /*---右アイコン用汎用設定---*/
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    position: absolute;
    right: 1em;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.arrow_btn:after {
    /*---矢印---*/
    content: "\f054";
}

.arrow_w_btn:after {
    /*---二重矢印---*/
    content: "\f101";
    right: .5em;
}

.tab_btn:after {
    /*---別タブ---*/
    content: "\f35d";
}

.anc_btn {
    /*---アンカーリンク---*/
    padding: .2em 3em;
}

.anc_btn:after {
    /*---アンカーリンク---*/
    content: "\f054";
    -webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg);
    -moz-transform: translateY(-50%) translateX(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) translateX(-50%) rotate(90deg);
    -o-transform: translateY(-50%) translateX(-50%) rotate(90deg);
    transform: translateY(-50%) translateX(-50%) rotate(90deg);
    right: 1.5em;
}

.col3_btn {
    /*---３つ横並びボタン---*/
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.col3_btn li {
    width: 32%;
    margin-right: 2%;
}

.col3_btn li:last-child,
.col3_btn li:nth-child(3n) {
    margin-right: 0;
}

.col3_btn li:nth-child(n+4) {
    margin-top: 2%;
}

.col3_btn a {
    width: 100%;
    padding: .2em 3em;
    max-width: initial !important;
    font-size: .9em;
}

.col3_btn a.btn_height {
    padding: 15px;
}

@media screen and (max-width: 768px) {
    .col2 .col2_l,
    .col2 .col2_r {
        width: 100%;
    }
    .col2 figure.col2_r {
        width: 75%;
        margin-left: auto;
        margin-right: auto;
    }
    .col3_btn li {
        width: 49%;
    }
    .col3_btn li:nth-child(3n) {
        margin-right: 2%;
    }
    .col3_btn li:last-child,
    .col3_btn li:nth-child(2n) {
        margin-right: 0;
    }
    .col3_btn li:nth-child(n+3) {
        margin-top: 2%;
    }
}

@media screen and (max-width: 760px) {
    .col3_btn a.btn_height {
        padding: 0px;
    }
}

@media screen and (max-width: 480px) {
    .col2 figure.col2_r {
        width: 100%;
    }
    .col3_btn li {
        width: 100%;
        margin-right: 0 !important;
    }
    .col3_btn li:nth-child(n+2) {
        margin-top: 2%;
    }
}

.btn_center {
    margin-left: auto;
    margin-right: auto;
}

.btn_icon {
    /*---左アイコン用汎用設定---*/
    position: relative;
}

.btn_icon:before {
    content: '';
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    margin-right: .5em;
}

.scr_icon:before {
    /*---スクロールアイコン---*/
    content: '';
    background-image: url(../images/common/ico_swipe_bk.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
    margin-right: .5em;
}

.color_yh {
    /*---横浜カラー---*/
    background: #005bac !important;
    /* Old browsers */
    background: -moz-linear-gradient(left, #005bac 0%, #00fff6 100%) !important;
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #005bac 0%, #00fff6 100%) !important;
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #005bac 0%, #00fff6 100%) !important;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#005bac', endColorstr='#00fff6', GradientType=1);
    /* IE6-9 */
}

.color_ng {
    /*---名古屋カラー---*/
    background: #e60012 !important;
    /* Old browsers */
    background: -moz-linear-gradient(left, #e60012 0%, #f058aa 100%) !important;
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #e60012 0%, #f058aa 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #e60012 0%, #f058aa 100%) !important;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e60012', endColorstr='#f058aa', GradientType=1);
    /* IE6-9 */
}

.color_online {
    /*---オンラインカラー---*/
    background: #000000 !important;
    /* Old browsers */
    background: -moz-linear-gradient(left, #000000 0%, #878787 100%) !important;
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #000000 0%, #878787 100%) !important;
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #000000 0%, #878787 100%) !important;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#878787', GradientType=1);
    /* IE6-9 */
}

.color_bgr {
    /*---横浜グレーカラー---*/
    background-color: #6e8ba4;
}

.color_yg {
    /*---黄緑---*/
    background-color: #b8d200;
    color: #000;
}

.color_bk {
    /*---黒ー---*/
    background: #000;
    color: #fff;
}

.color_online_bl {
    /*---横浜オンラインカラー---*/
    background: #005bac;
    color: #fff;
}

.color_online_re {
    /*---名古屋オンラインカラー---*/
    background: #e60013;
    color: #fff;
}

.btn.disabled {
    /*---グレーアウトボタン---*/
    background: #a2a2a2 !important;
    box-shadow: none !important;
    /*color: #858585 !important;*/
    color: #757575 !important;
}

.btn.disabled:after {
    /*---グレーアウトボタン---*/
    content: none !important;
}

.bar_ttl {
    font-size: 1.2em;
    display: block;
    width: 100%;
    background: #00284b;
    color: #fff;
    padding: .6em 1.2em;
    border-radius: 7.5px;
    font-weight: 700;
}

.border_ttl {
    /*color: #005bac;*/
    color: #B8D200;
    /*font-size: 1.2em;*/
    font-weight: 700;
    margin-bottom: .6em;
    /*border-left: 3px solid #005bac;*/
    border-left: 3px solid #B8D200;
    padding-left: .8em;
}

.small_txt {
    font-size: .8em;
    line-height: 2em;
}

.bold_txt {
    font-weight: bold;
    font-weight: 700;
}

.text_center,
.center_txt {
    text-align: center;
}

.right_txt {
    text-align: right;
}

.thr_txt {
    text-decoration: line-through;
}

.dot_txt {
    text-indent: -1.1em;
    padding-left: 1.1em;
}

.dot_txt:before {
    content: '・';
    display: inline;
    width: 1em;
}

.square_txt {
    text-indent: -1.4em;
    padding-left: 1.4em;
}

.square_txt:before {
    content: '■';
    display: inline;
    width: 1em;
}


/*.susp_txt {
   下層開催中止 2021
    color: #ff5959;
    background: rgb(255 255 255 / 75%);
    border: 1px solid #222;
    line-height: 1.8 !important;
    font-size: 1em !important;
    padding: 1em;
    margin-bottom: 50px;
    font-weight: bold;
    font-weight: 700;
    text-align: center;
}*/

.susp_txt {
    /*下層開催中止*/
    color: #f2f2f2;
    background: rgb(21 36 58);
    border: 1px solid #222;
    line-height: 1.8 !important;
    font-size: 1em !important;
    padding: 1em;
    margin-bottom: 50px;
    font-weight: bold;
    font-weight: 700;
    text-align: center;
    border: 1px solid #334053;
}

.red_txt {
    color: #ff0000;
}

.no_list {
    /*olリスト*/
    counter-reset: item;
    list-style-type: none;
    padding-left: 0;
}

.no_list li {
    text-indent: -1.6em;
    padding-left: 1.6em;
}

.no_list li:before {
    counter-increment: item;
    content: counter(item)'.';
    padding-right: .5em;
    font-weight: bold;
}

.underline_link {
    text-decoration: underline;
}

.blue_link {
    color: #0041ff;
    text-decoration: underline;
}

.white_link {
    color: #ffffff;
    text-decoration: underline;
}

.green_txt {
    color: #b8d200;
}

.susp_txt.under {
    /*下層開催中止*/
    color: #000 !important;
}

.susp_txt .blue_link {
    /*下層開催中止*/
    color: #ff0000 !important;
}

.blue_txt_box {
    /*border: 1px solid #879ab1;*/
    border: 1px solid #3D4A5B;
    /*background: #ffffffc2;*/
    background: #15243A;
    padding: 1.5em;
    /*color: #000000;*/
}

dl.border_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

dl.border_list dt {
    width: 12em;
    text-align: center;
    border-bottom: 1px solid #3d4a5b;
    margin-bottom: 1em;
}

dl.border_list dd {
    width: calc(100% - 12em);
    padding: 1em;
    padding-top: 0;
    border-bottom: 1px solid #3d4a5b;
    margin-bottom: 1em;
}

dl.border_list dt:last-of-type,
dl.border_list dd:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
}

dl.border_list.bor_both dt:first-of-type,
dl.border_list.bor_both dd:first-of-type {
    border-top: 1px solid #3d4a5b;
    padding-top: 1em;
}

dl.border_list.bor_both dt:last-of-type,
dl.border_list.bor_both dd:last-of-type {
    border-bottom: 1px solid #3d4a5b;
    margin-bottom: 1em;
}

.ttl_col2_list .col2_l,
.ttl_col2_list .col2_r {
    margin-top: 30px;
}

.map_cont iframe {
    width: 100%;
}

@media screen and (max-width: 768px) {
    .bar_ttl {
        font-size: 1em;
        padding: .6em 1em;
    }
    .border_ttl {
        font-size: 1em;
    }
    dl.border_list dt {
        width: 8em;
    }
    dl.border_list dd {
        width: calc(100% - 8em);
    }
    .ttl_col2_list .col2_l,
    .ttl_col2_list .col2_r {
        margin-top: 20px;
    }
}


/*--------------------------------------------------header*/

header {
    /*position: fixed;*/
    position: relative;
    width: 100%;
    top: 0;
    right: 0;
    z-index: 900;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 60%);
}

header .c_wrap {
    /*position: relative;*/
    padding-top: 0;
    padding-bottom: 0;
    z-index: 100;
    max-width: none;
}

.head_btn {
    /*position: absolute;*/
    /*top: 0;*/
    /*right: 0;*/
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    background-color: #000;
    width: 100%;
    padding: 5px 30px;
}

#open.under_page .head_btn {
    /*position: absolute !important;*/
}

.head_btn li {
    display: flex;
    align-items: center;
}

.head_btn li:after {
    content: "";
    height: 14px;
    width: 1px;
    background: #fff;
    margin: 0 15px;
}

.head_btn li:nth-last-child(-n+2):after {
    content: none;
}

.head_btn li:last-child {
    margin-right: 0;
}

.head_btn li a {
    color: #fff;
    display: block;
    font-size: .7em;
    letter-spacing: 0;
}

.head_btn li.exh_btn {
    margin-left: 20px;
}

.head_btn li.exh_btn a {
    border-radius: 30px;
    padding: .3em 1.5em;
    background: #454545;
    line-height: 1;
}

.head_btn li.exh_btn a:before {
    content: none;
}

.head_menu_cont {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    padding: 20px 30px;
}


/*大TOP用*/

.head_menu_cont.is-fixed {
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 500;
    text-decoration: none;
    -webkit-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
    width: 100%;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 60%);
}

.head_menu_cont h1 {
    width: 250px;
}

.head_menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    font-weight: 700;
}


/*.head_menu li {
    margin-top: -5px;
}*/

.head_menu li:nth-child(n+2) {
    margin-left: 30px;
}

.head_menu li a {
    color: #000;
    font-size: .85em;
    font-weight: 700;
    border-bottom: 4px solid;
    padding-bottom: 2px;
    letter-spacing: 0;
    line-height: 1.3;
    display: block;
}

.head_menu li.open a {
    border-color: #b8d200;
}

.head_menu li.yh a {
    border-color: #0041ff;
}

.head_menu li.ng a {
    border-color: #ff0000;
}

.head_menu li.spring a {
    border-color: #3297cb;
}

.head_menu li.spring a span {
    font-size: .6em;
    margin-right: 0.2em;
}

@media screen and (max-width: 900px) {
    #open .head_btn {
        display: none;
    }
}

@media screen and (max-width: 480px) {}


/*--------------------------------------------------nav*/

.nav_content {
    background: #00000080;
    background: -moz-linear-gradient(right, #00000080 0%, #00305a80 100%);
    background: -webkit-linear-gradient(right, #00000080 0%, #00305a80 100%);
    background: linear-gradient(to left, #00000080 0%, #00305a80 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000080', endColorstr='#00305a80', GradientType=1);
    position: absolute;
    /*bottom    : 0;*/
    width: 100%;
}

#nagoya .nav_content {
    background: #000000cc;
    background: -moz-linear-gradient(right, #000000cc 0%, #a00d0bcc 100%);
    background: -webkit-linear-gradient(right, #000000cc 0%, #a00d0bcc 100%);
    background: linear-gradient(to left, #000000cc 0%, #a00d0bcc 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000cc', endColorstr='#a00d0bcc', GradientType=1);
}

.nav_list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1200px;
    padding: 0 20px;
    margin: 0 auto;
    position: relative;
}

.nav_list li {
    list-style: none;
    width: calc(100% / 6);
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.nav_list li:after {
    content: '';
    display: inline;
    height: 75%;
    width: 1px;
    border-right: 1px solid #235a89;
}

#nagoya .nav_list li:after {
    border-color: #e07170;
}

.nav_list li:nth-child(6):after,
.nav_list li:last-child:after {
    content: none;
}

.nav_list li a,
.nav_list li span {
    display: block;
    /*height       : 52px;*/
    padding: 5px 0;
    margin: auto;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-size: .9em;
    width: 100%;
    transition: all 0s;
}

.nav_list li.spring span {
    /*春季大会*/
    display: inline;
    font-size: .8em;
    background: none;
}

.nav_list li.grayout {
    pointer-events: none;
    background-color: #545454d1;
}

.nav_list li.grayout span,
.nav_list li.grayout a {
    color: #9f9f9f;
    background: #545454;
}

.nav_list li.grayout a {
    color: #9f9f9f;
}

.nav_list .nav_list_item>.is-current,
.nav_list .nav_list_item>.is-active {
    border-bottom: 2px solid #0041ff;
    padding-bottom: 3px;
}

#nagoya .nav_list .nav_list_item>.is-current,
#nagoya .nav_list .nav_list_item>.is-active {
    border-bottom: 2px solid #ff0b00;
    padding-bottom: 3px;
}

.nav_list .subnav_list {
    width: 100%;
    display: none;
    margin-left: 0;
    position: absolute;
    top: 42px;
    z-index: 120;
    /*border-top: 1px solid #fff;*/
}

.nav_list .subnav_list li {
    background: #000000;
    background: -moz-linear-gradient(right, #000000 0%, #00305a 100%);
    background: -webkit-linear-gradient(right, #000000 0%, #00305a 100%);
    background: linear-gradient(to left, #000000 0%, #00305a 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00305a', GradientType=1);
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

#nagoya .nav_list .subnav_list li {
    background: #000000;
    background: -moz-linear-gradient(right, #000000 0%, #c70f0c 100%);
    background: -webkit-linear-gradient(right, #000000 0%, #c70f0c 100%);
    background: linear-gradient(to left, #000000 0%, #c70f0c 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#c70f0c', GradientType=1);
}

.nav_list .subnav_list li a {
    font-size: .8em;
    width: 100%;
    text-align: left;
    /*padding-left: 10px;*/
    /*padding-right: 10px;*/
    line-height: 2;
    padding: 10px;
}

.nav_list .subnav_list li:after {
    content: '';
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #235a89;
}

.nav_list .subnav_list li:last-child:after {
    content: none;
}

.nav_content.is-fixed {
    background: #000000cc;
    background: -moz-linear-gradient(right, #000000cc 0%, #00305acc 100%);
    background: -webkit-linear-gradient(right, #000000cc 0%, #00305acc 100%);
    background: linear-gradient(to left, #000000cc 0%, #00305acc 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000cc', endColorstr='#00305acc', GradientType=1);
    position: fixed !important;
    height: fit-content;
    top: 0;
    left: 0;
    z-index: 500;
    text-decoration: none;
    -webkit-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
    height: 42px;
}


/*open*/

#open .nav_list li {
    width: calc(100% / 4);
    /*width: calc(100% / 3);*/
}

#open .nav_list li:nth-child(4):after {
    content: none;
}

#open.under_page .nav_content {
    display: none;
}

.hamburger_menu {}

#menu_btn_check {
    /*バーガーナビ*/
    display: none;
}


/*@media screen and (max-width:1000px) {
    #open .nav_list li a {
        font-size: .8em;
        letter-spacing: 0.05em;
    }
}*/


/*yokohama*/

#yokohama .nav_list>li {
    /*width: calc(100% / 5);*/
    width: calc(100% / 6);
}

#yokohama .nav_list>li:nth-child(5):after {
    content: none;
}
@media screen and (min-width: 900px){
    #yokohama .nav_list li a,
    #yokohama .nav_list li span{
    border-color: #0041ff;
    }
}

/*nagoya*/
@media screen and (min-width: 900px){
    #nagoya .nav_list li a,
    #nagoya .nav_list li span{
    border-color: #FF0B00;
    }
}
@media screen and (max-width:1022px){
    #nagoya.en .nav_content.is-fixed{
        height: 50px;
    }
    #nagoya.en .nav_list li a,
    #nagoya.en .nav_list li span {
        line-height: 1.5;
        height: 50px;
        padding-top: 15px;
    }
    #nagoya.en .nav_list li:nth-child(5) span{
        padding-top: 5px;
    }
    #nagoya.en .nav_list .subnav_list {
        top: 50px;
    }
}

@media screen and (max-width:900px) {
    .area_page header {
        height: 58px;
        position: sticky;
    }
    .head_menu_cont {
        padding: 15px 20px;
        /*box-shadow: 0 0 10px rgb(0 0 0 / 50%);*/
        /*display: none;*/
    }
    .under_page .head_menu_cont {
        /*display: block;*/
    }
    .nav_content {
        width: 100%;
        margin-right: 0;
        margin-top: 0;
        height: 100%;
        position: fixed;
        top: 0;
        left: -100%;
        /*topの値を変更してメニューを画面外へ*/
        z-index: 130;
        background: #000!important;
        transition: all .5s;
        /*アニメーション設定*/
        /*padding-top: 30px;*/
        align-items: flex-start;
    }
    #open .nav_content {
        z-index: 910;
    }
    .under_page .nav_content {
        background: #000!important;
        box-shadow: none!important;
        height: 100%!important;
    }
    #open.under_page .nav_content {
        display: block;
    }
    .nav_content.is-fixed {
        left: -100%;
        height: 100%;
    }
    .active {
        display: block;
    }
    .nav_content ul {
        flex-wrap: wrap;
        margin: 0 auto;
        padding: 0;
        padding-top: 60px;
        width: 100%;
        position: absolute;
        right: 0;
        top: initial;
        flex-direction: column;
    }
    #open .nav_content ul {
        right: 0;
        left: 0;
        max-width: 270px;
    }
    .nav_content.active ul {
        background: #000;
    }
    .nav_content.active ul.nav_list:after {
        content: '';
        display: block;
        width: 100vw;
        height: 100vh;
        background: #000;
    }
    .nav_list li {
        /*border-bottom: 1px solid #235a89;*/
        display: flex;
        flex-wrap: wrap;
        font-size: 1em;
        list-style-type: none;
        padding: 0;
        width: 100% !important;
        margin: 0 auto;
    }
    .nav_list li:after {
        content: none !important;
    }
    /* 最後はラインを描かない */
    .nav_list li.sp_nav {
        border-bottom: none;
    }
    .nav_list li a,
    .nav_list li.nav_list_item>span {
        /*display: block;*/
        padding: .5em 0;
        height: auto;
        /*width   : 100%;*/
        border-bottom: 1px solid #235a89;
        background: -moz-linear-gradient(right, #000000 0%, #00305a 100%);
        background: -webkit-linear-gradient(right, #000000 0%, #00305a 100%);
        background: linear-gradient(to left, #000000 0%, #00305a 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00305a', GradientType=1);
    }
    #nagoya.en .nav_list li a,
    #nagoya.en .nav_list li span {
        line-height: unset;
        height: unset;
        padding-top: 0.5em;
    }
    #nagoya .nav_list li a,
    #nagoya .nav_list li.nav_list_item>span {
        border-color: #e07170;
        background: -moz-linear-gradient(right, #000000 0%, #fa04009e 100%);
        background: -webkit-linear-gradient(right, #000000 0%, #fa04009e 100%);
        background: linear-gradient(to left, #000000 0%, #fa04009e 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#fa04009e', GradientType=1);
    }
    #open .nav_list li a {
        font-size: .9em;
        letter-spacing: .1em;
    }
    #open .nav_list li a,
    #open .nav_list li span {
        background: none;
    }
    #open .nav_list li.open,
    #open .nav_list li.yh,
    #open .nav_list li.ng,
    #open .nav_list li.spring {
        border-bottom: none;
    }
    #open .nav_list li.open a,
    #open .nav_list li.yh a,
    #open .nav_list li.ng a,
    #open .nav_list li.spring a {
        border-bottom: 4px solid;
        padding: 1em;
        padding-bottom: 2px;
        /*width: 80%;*/
    }
    #open .nav_list li.open a {
        border-color: #a0ff00;
    }
    #open .nav_list li.yh a {
        border-color: #0041ff;
    }
    #open .nav_list li.ng a {
        border-color: #ff0000;
    }
    #open .nav_list li.spring a {
        border-color: #3297cb;
    }
    #open .nav_list li.spring a span {
        display: inline;
        border-bottom: none;
    }
    /* このクラスを、jQueryで付与・削除する */
    .nav_content .active {
        transform: translateY(0%);
    }
    .nav_list .subnav_list {
        top: 0;
        padding-top: 0;
        /*position   : relative;*/
        position: initial;
        height: auto !important;
    }
    .nav_list .subnav_list li {
        background: #000;
    }
    .nav_list .subnav_list li a {
        margin-left: 0;
        background: #000 !important;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
    }
    .menu_btn {
        position: fixed;
        top: 0;
        right: 0;
        display: flex;
        height: 62px;
        width: 62px;
        justify-content: center;
        align-items: center;
        z-index: 999;
        /*filter: drop-shadow(0px 0px 10px #000);*/
    }
    .under_page .menu_btn {
        filter: none;
    }
    .menu_btn span,
    .menu_btn span:before,
    .menu_btn span:after {
        content: '';
        display: block;
        height: 3px;
        width: 25px;
        border-radius: 3px;
        background-color: #000;
        position: absolute;
        transition: all .5s;
        /*アニメーション設定*/
    }
    .under_page .menu_btn span,
    .under_page .menu_btn span:before,
    .under_page .menu_btn span:after {
        background-color: #000;
    }
    .menu_btn span:before {
        bottom: 8px;
    }
    .menu_btn span:after {
        top: 8px;
    }
    #menu_btn_check:checked~.menu_btn span,
    #menu_btn_check:checked~.menu_btn span:before,
    #menu_btn_check:checked~.menu_btn span:after {
        background-color: #fff;
    }
    #menu_btn_check:checked~.menu_btn span:before {
        width: 15px;
        bottom: 18px;
        transform: translate(-1px, 13px) rotate(-45deg);
    }
    #menu_btn_check:checked~.menu_btn span:after {
        width: 15px;
        top: 18px;
        transform: translate(-1px, -13px) rotate(45deg);
    }
    #menu_btn_check:checked~.nav_content {
        left: 0;
        /*メニューを画面内へ*/
        transition: all .5s;
        /*アニメーション設定*/
        background: #000000;
        /*background: -moz-linear-gradient(right, #000000 0%, #00305a 100%);*/
        /*background: -webkit-linear-gradient(right, #000000 0%, #00305a 100%);*/
        /*background: linear-gradient(to left, #000000 0%, #00305a 100%);*/
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00305a', GradientType=1);
        height: 100%!important;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
    .nav_list li.small_list {
        border-bottom: none;
        width: 100%!important;
        max-width: 300px;
        font-size: .7em;
        height: 100%;
        padding: .5em 0;
        background: none;
        border-bottom: none;
    }
    #open .nav_list li.small_list {
        width: 100%!important;
    }
    .nav_list li.small_list a {
        font-size: 12px!important;
        height: 100%;
        padding: .5em 0;
        background: none!important;
        border-bottom: none;
        line-height: 1.2!important;
    }
    .nav_list li.small_list.open,
    .nav_list li.small_list.yh,
    .nav_list li.small_list.ng {}
    .nav_list li.small_list.open a,
    .nav_list li.small_list.yh a,
    .nav_list li.small_list.ng a,
    .nav_list li.small_list.spring a {
        /*width: max-content;*/
        border-bottom: 2px solid!important;
        padding-bottom: 3px!important;
        line-height: 2em!important;
    }
    .nav_list li.small_list.open a {
        border-color: #a0ff00!important;
    }
    .nav_list li.small_list.yh a {
        border-color: #0041ff!important;
    }
    .nav_list li.small_list.ng a {
        border-color: #ff0000!important;
    }
    .nav_list li.small_list.spring a {
        border-color: #3297cb!important;
    }
    .nav_list li.exh_btn {
        /*margin-top: 20px;*/
        margin-bottom: 30px;
    }
    .nav_list li.exh_btn a {
        border-radius: 30px;
        padding: 0.3em 1.5em;
        background: #454545!important;
        padding: 0.8em;
    }
    .nav_list li.sp_nav.mypage_btn {
        margin-bottom: .8em;
    }
    .nav_list li .small_list_cont {
        position: relative;
        right: 0;
        padding-top: 0;
        margin: 0 auto;
        /*display: flex;*/
        width: 100%;
        margin-top: 20px;
    }
    /*.nav_list li .small_list_cont li{*/
    /*width: 50%!important;*/
    /*border-right: 1px solid;*/
    /*border-color: #444;*/
    /*}*/
    #open .nav_list li .small_list_cont li {
        width: 100%!important;
    }
    .nav_list li .small_list_cont li:last-child {
        border-right: none;
    }
    /*open*/
    #open .nav_list li.ttl_list {
        display: block;
    }
    #open .nav_list li.ttl_list img {
        height: 1.5rem;
        width: auto;
        margin: 1.2rem auto;
    }
    #open .nav_list li.real,
    #open .nav_list li.online {
        border-color: #a1a1a1;
    }
    #open .nav_list li.real a {
        background: -moz-linear-gradient(right, #313ebd 0%, #9d2850 100%);
        background: -webkit-linear-gradient(right, #313ebd 0%, #9d2850 100%);
        background: linear-gradient(to left, #313ebd 0%, #9d2850 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#313ebd', endColorstr='#9d2850', GradientType=1);
    }
    #open .nav_list li.real.ttl_list {
        background: -moz-linear-gradient(right, #313ebd80 0%, #9d285080 100%);
        background: -webkit-linear-gradient(right, #313ebd80 0%, #9d285080 100%);
        background: linear-gradient(to left, #313ebd80 0%, #9d285080 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#313ebd80', endColorstr='#9d285080', GradientType=1);
    }
    #open .nav_list li.online a {
        background: -moz-linear-gradient(right, #000000 0%, #3c3c3c 100%);
        background: -webkit-linear-gradient(right, #000000 0%, #3c3c3c 100%);
        background: linear-gradient(to left, #000000 0%, #3c3c3c 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#3c3c3c', GradientType=1);
    }
    #open .nav_list li.online.ttl_list {
        background: -moz-linear-gradient(right, #00000080 0%, #3c3c3cb3 100%);
        background: -webkit-linear-gradient(right, #00000080 0%, #3c3c3cb3 100%);
        background: linear-gradient(to left, #00000080 0%, #3c3c3cb3 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000080', endColorstr='#3c3c3cb3', GradientType=1);
    }
}

@media screen and (max-width:480px) {
    .nav_list li .small_list_cont li {
        width: 100%!important;
        border-right: none;
        padding: 0;
    }
    #open .nav_content ul {
        max-width: 250px;
    }
}

.nav_list .disable,
.nav_list .disable span,
.nav_list .disable a,
.nav_list .subnav_list li.disable a {
    background: #464646 !important;
    pointer-events: none;
    color: #6f6f6f !important;
}


/*header drop-down menu---------------*/

li.header_dropdown_nav_list.subnav-trigger {
    position: relative;
}

ul.header_dropdown_subnav_list {
    display: none;
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 40;
}

li.header_dropdown_subnav_list_item::after {
    content: '';
}

.slide_cont {
    width: 94%;
    margin: auto;
}

.slide_cont li {}

.dot-class {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 30px;
    align-items: center;
}

.dot-class li {
    width: 1em;
    height: 1em;
    border-radius: 500px;
    border: none;
    background: #2d2d2d;
    margin-right: 1em;
    text-indent: -9999px;
    cursor: pointer;
}

.dot-class li:last-child {
    margin-right: 0;
}

.dot-class li.slick-active {
    /*background: #00dbe6;*/
    background: #b8d200;
}

.slick-dotted.slick-slider {
    margin-bottom: 0 !important;
}

@media screen and (max-width: 768px) {
    .slide_cont {
        width: 92%;
    }
}

@media screen and (max-width: 480px) {
    .slide_cont {
        width: 85%;
    }
}

.slide_cont .slide_cont_Streaming {
    width: 100%;
}


/*--------------------------------------------------page_top*/

#page_top {
    position: fixed;
    background: #0041ffcc;
    color: #fff;
    bottom: 20px;
    right: 20px;
    border-radius: 5px;
    z-index: 300;
}

#page_top a {
    display: block;
    height: 40px;
    width: 40px;
}

#page_top a:after {
    content: "\f054";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    transform: rotate(270deg);
    position: absolute;
    right: 14px;
    top: 3px;
}

#nagoya #page_top {
    background-color: #c70f0ccc!important;
}

@media screen and (max-width: 480px) {
    #page_top a:after {
        top: 5px;
    }
}


/*--------------------------------------------------fixbtn_list*/

#fixbtn_list {
    position: fixed;
    color: #fff;
    /*bottom: 20px;*/
    bottom: 80px;
    /*left: 0;*/
    right: 0;
    z-index: 300;
}

#fixbtn_list li {}

#fixbtn_list li:nth-child(n+2) {
    margin-top: 3%;
}

#fixbtn_list .regist_btn {}

#fixbtn_list .online_btn {}

#fixbtn_list .preopen_btn {}

#fixbtn_list .mypage_btn {}

#fixbtn_list li a {
    /*border-bottom-left-radius: 0;*/
    /*border-top-left-radius: 0;*/
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    font-size: .8em;
    text-align: left;
    /*padding: 1.5em 2em;*/
    padding: 1.5em 1em;
    line-height: 1;
    /*padding-right: 3em;*/
    padding-left: 2em;
    width: 100%;
    min-width: unset;
    text-shadow: 0 0 5px rgb(0 0 0 / 30%);
}

#fixbtn_list li.online_btn a.color_online_re {
    background: #AD000E;
}

#fixbtn_list li.online_btn a {
    text-indent: -1.2em;
    padding-left: 4.2em;
}


#fixbtn_list li.online_btn span.big {
    line-height: 1.6;
}

#fixbtn_list li.preopen_btn a {
    text-shadow: none;
    text-indent: -1.3em;
    /*padding-top: 1em;*/
    /*padding-bottom: 1em;*/
    padding-left: 4.6em;
    font-family: din-2014, 'Noto Sans JP', sans-serif;
    font-weight: 700;
}

#fixbtn_list .regist_btn .btn_icon:before {
    content: "\f145";
    transform: rotate(-45deg);
    font-size: 1.5em;
}

#fixbtn_list .online_btn .btn_icon:before {
    content: "\f0ac";
    font-size: 1.5em;
    position: relative;
    top: 0.5em;
}

.en #fixbtn_list .online_btn .btn_icon:before {
    top: 0.8em;
}

#fixbtn_list .preopen_btn .btn_icon:before {
    content: "\f1ad";
    font-size: 1.5em;
    margin-left: 0.25em;
    margin-right: 0.6em;
}

#fixbtn_list .mypage_btn .btn_icon:before {
    content: "\f007";
    width: 2.2em;
    text-align: center;
}

#fixbtn_list li a .big {
    font-size: 1.5em;
    margin-right: .2em;
}


/*#fixbtn_list .preopen_btn .pc{
    display: inline-block;
    margin-top: 0.5em;
    margin-left: 1.3em;
}*/

@media screen and (max-width: 768px) {
    #fixbtn_list li a {
        font-size: .7em;
        padding: 1.2em 2em;
    }
    #fixbtn_list .online_btn .btn_icon:before {
        top: 0!important;
    }
    #fixbtn_list li.online_btn span.big {
        line-height: unset;
    }
}

@media screen and (max-width: 480px) {
    #fixbtn_list li a {}
}


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


/*--------------------area_page--横浜、名古屋、ONLINE共通*/


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

.area_page {}


/*--------------------------------------------------固定ボタン*/

.bottom_fix_btn {
    position: fixed;
    bottom: 20px;
    left: 20px;
}

.bottom_fix_btn ul {
    display: flex;
    flex-wrap: wrap;
}

.visit_btn {
    margin-right: .8em;
}

.bottom_fix_btn li a {
    padding: 0;
    height: 80px;
    width: 80px;
    filter: drop-shadow(0px 0px 10px rgb(0 0 0 / 75%));
    box-shadow: none;
    display: block;
    background: none !important;
}

.bottom_fix_btn li a:before {
    content: none !important;
}

.bottom_fix_btn li img {
    opacity: .8;
}

@media screen and (max-width: 900px) {
    .bottom_fix_btn,
    .area_page .head_btn {
        display: none !important;
    }
}


/*--------------------------------------------------att_covid*/

#att_covid {
    background-color: #3f2430;
    color: #fff;
    text-align: center;
    font-weight: 700;
}

#att_covid a,
#att_covid p {
    padding: 5px 0;
    display: block;
    font-size: .8em;
}

#att_covid a:after {
    content: "\f054";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    margin-left: 1.5em;
}

#online #att_covid {
    background-color: rgb(8 56 99);
}

#online #att_covid a,
#att_covid p {
    font-size: 1em;
}


/*--------------------------------------------------content*/


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


/*---------------------------------------------最新トピックス詳細*/


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

#topics_page {}

#topics_page .topic_date {
    margin-bottom: 1em;
    text-align: center;
}


/*.topics_ttl{
    border-bottom: 2px solid #3d4a5b;
    padding-bottom: 1em;
}
*/

@media screen and (max-width: 480px) {
    #topics_page .topic_date,
    #topics_page .sec_ttl {
        text-align: left;
    }
}


/*--------------------------------------------------footer*/

footer {
    background-image: url(/images/common/footer_bg.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    background-color: #000000;
    color: #fff;
    text-align: center;
}

footer figure {
    /*width: 250px;*/
    max-width: 150px;
    width: 30%;
    margin: auto;
    margin-bottom: 30px;
    margin-top: 80px;
}

.banner_list {
    padding-bottom: 0;
    width: 80%;
    padding-left: 3%;
    padding-right: 3%;
}

.banner_list li {
    box-shadow: 0px 0px 10px rgb(0 0 0 / 60%);
    margin: 0 3%;
}

.banner_list li a {
    display: block;
}

.foot_nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-weight: 700;
    margin-bottom: 20px;
}

.foot_nav li {
    display: flex;
}

.foot_nav li:after {
    content: '|';
    display: inline-block;
    margin: 0 .8em;
    font-size: .8em;
}

.foot_nav li:last-child:after {
    content: none;
}

.foot_nav li a {
    display: block;
    font-size: .8em;
}

.foot_btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-weight: 700;
    margin-bottom: 3em;
}

.foot_btn li {
    margin-right: .8em;
}

.foot_btn li:last-child {
    margin-right: 0;
}

.foot_btn li a {
    display: block;
    padding: .2em 1.3em;
    border-radius: 50px;
}

.exh_btn a {
    /* background: #2970ab; */
    background: #4895d5;
    padding: 0px 15px 0px 17px;
    border-radius: 5px;
    height: max-content;
}

.exh_btn .btn_icon:before {
    content: "\f1ad";
}

.online_exh_btn a {
    background: #1f4b77;
}

.online_exh_btn .btn_icon:before {
    content: "\f303";
    font-weight: 900;
}

.brows_txt {
    /*color: #8d8d8d;*/
    color: #ffffff;
    font-size: .8em;
    line-height: 1.6;
    border: 1px solid;
    padding: 1em;
    margin-bottom: 2em;
    text-align: left;
}

footer small {
    color: #8d8d8d;
}

@media screen and (max-width: 850px) {
    .banner_list li {
        margin: 0 .5%;
    }
}

@media screen and (max-width: 768px) {
    footer figure {
        margin-bottom: 2em;
    }
    .foot_nav li {
        width: 100%;
    }
    .foot_nav li:after {
        content: none;
        margin: 0 .5em;
    }
    .foot_nav li a {
        margin: auto;
    }
    .foot_btn li {
        margin-right: 0;
        margin-bottom: .8em;
        width: 100%;
    }
    .foot_btn li:last-child {
        margin-bottom: 0;
    }
    .foot_btn li a {
        margin: auto;
        width: fit-content;
    }
}

@media screen and (max-width: 480px) {
    .banner_list {
        background-size: cover;
    }
    .banner_list li {
        margin: 0 10px;
    }
}