@charset "UTF-8";
/* CSS Document */

/* fonts
-------------------------------------------------------------- */
/*
 * "AxisBasicProN" licensed under the typeproject
 * https://typeproject.com/
 */
@font-face {
    font-family: 'axisrtx';
    src: url('../fonts/AxisBasicProN-R.eot');
    src: url('../fonts/AxisBasicProN-R.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AxisBasicProN-R.woff2') format('woff2'),
    url('../fonts/AxisBasicProN-R.woff') format('woff'),
    url('../fonts/AxisBasicProN-R.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'axisbtx';
    src: url('../fonts/AxisBasicProN-B.eot');
    src: url('../fonts/AxisBasicProN-B.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AxisBasicProN-B.woff2') format('woff2'),
    url('../fonts/AxisBasicProN-B.woff') format('woff'),
    url('../fonts/AxisBasicProN-B.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'midashitx';
    src: url('../fonts/ObviaExpandedBold.eot');
    src: url('../fonts/ObviaExpandedBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ObviaExpandedBold.woff2') format('woff2'),
    url('../fonts/ObviaExpandedBold.woff') format('woff'),
    url('../fonts/ObviaExpandedBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'slgtx';
    src: url('../fonts/ObviaExpandedBold.eot');
    src: url('../fonts/ObviaExpandedBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ObviaExpandedBold.woff2') format('woff2'),
    url('../fonts/ObviaExpandedBold.woff') format('woff'),
    url('../fonts/ObviaExpandedBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.gtc {
    font-family: Verdana, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}

.mnc {
    font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
}

.blgTx {
    font-family: slgtx, Verdana, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}

.jpnTx_bold {
    font-family: JPtx, Verdana, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-weight: 900;
}

.jpx_slg_mixTx{
    font-family: slgtx, JPtx, Verdana, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-weight: 900;
}
.jpx_slg{
    font-family: slgtx, JPtx,Verdana, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-weight: 900;
}
.ft_tx2 {
    font-size: 1.2rem;
    color: #AAA;
    text-align: center;
}

/* 基本設定
-------------------------------------------------------------- */
html {
    height: 100%;
    margin: 0 auto;
    font-size: 62.5%;/* 16px x 0.625 = 10px(=1rem) */
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    background: #ffffff;
    font-size: 1.6rem;/* 16px */
    font-family: axisrtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    -webkit-text-size-adjust: 100%;
    font-feature-settings: "palt";
}

.area1 {
    color: #ffffff;
    background-image: url("../images/top_bk.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100vh;
    padding: 0% 0;


}
.area1::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('../images/bg_dot2.svg');
    background-size: contain;
}

.area4 {
    color: #ffffff;
    background-image: url("../images/tour_top.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100vh;
    padding: 0% 0;


}
.area4::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('../images/bg_dot2.svg');
    background-size: contain;
}

.logotail {
    font-family: axisrtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-size: 6rem;
    line-height: 1;
    text-align: center;
    text-shadow: 0 0 10px #737272;
    margin-top: 100px;
    margin-bottom: -28px;
}

@media only screen and (min-width: 580px) {
    .logotail {
        font-family: axisrtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
        font-size: 10rem;
        line-height: 1;
        text-align: center;
        text-shadow: 0 0 10px #737272;
    }
}
.collabo {
    font-size: 1.8rem;
    font-family: axisrtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    text-align: center;
    margin-top: 10px;
}
@media only screen and (min-width: 580px) {
    .collabo {
        font-size: 2.6rem;
        font-family: axisrtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    }
}
.area5 {
    color: #ffffff;
    background-image: url("../images/schedules_top.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100vh;
    padding: 0% 0;
}
.area5::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('../images/bg_dot2.svg');
    background-size: contain;
}
.area6 {
    color: #ffffff;
    background-image: url("../images/aboutus_top.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100vh;
    padding: 0% 0;


}
.area6::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('../images/bg_dot2.svg');
    background-size: contain;
}
.area7 {
    background-color: #e9e9e9;
    width: 100%;
    height: 10px;
}
.areacorabo {
    background-color: #ffffff;
    width: 80%;
    height: auto;
    margin: 0 auto;
}
.area2 {

    width: 100%;
    text-align: center;
    padding-top:  20px;


}

.area3a {
    position: relative;
    background-color: #ffffff;
    width: 100%;
    height: 580px;
}
.area3b {
    position: relative;
    background-color: #ffffff;
    width: 100%;
    height: auto;
}

.special01 {
    background-repeat: repeat-x;
    background-size: contain;
    overflow: hidden;
    width: 100%;
    text-align: center;
    padding-top:  20px;
    padding-bottom:  20px;
}


.area h2 {
    font-family: 'Impact';
    font-size: 55px;
    text-align: center;
}

.area p {
    text-align: center;
    font-size: 14px;
}

.cd-fixed-bg {
    min-height: 100%;
    overflow: hidden;
    z-index: 2;
}
/*パートナー罫線
-------------------------------------------------------------- */
.part {
    margin        : 0 auto;                 /* サンプル用 中央寄せ  */
    width         : 100%;                 /* BOXの幅              */
    max-width     : 1920px;                /* BOXの最大幅          */
    height        : auto;                /* BOXの高さ            */
    text-align    : center;               /* 文字位置             */
}

.partimg {
    width: 50%;
    margin: 0 auto;
    padding-bottom: 100px;
}
.parttex
{
    padding-bottom: 50px;
    font-family: axisrtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-size     : 32px;
    color         : #000000;
    text-align    : center;
}
@media only screen and (min-width: 580px) {
    .parttex {
        padding-top: 160px;
        font-family: axisrtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
        font-size     : 38px;
        color         : #000000;
        text-align    : center;
    }
}
/*S.League開幕の説明
-------------------------------------------------------------- */
.atcl2_LP1 {
    padding: 0px 20px 0;
    margin-bottom: 0px;
}

.bkBox1_LP1 {
    background: url("../images/icon_arrowD1_LP.svg") no-repeat rgba(0, 0, 0, 0.88) center top / 88px;
    padding: 10px 22px 28px;
    max-width: 860px;
    margin: 0 auto;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
    position: relative;
    box-shadow: 4px 0px 4px rgba(0, 0, 0, 0.2);
}

.bkBox1_LP1::after {
    content: '';
    width: 100%;
    height: 60px;
    background: url("../images/icon_bkBox1_btm_LP1.svg") no-repeat center top -1px / 100% 100%;
    position: absolute;
    bottom: -60px;
    left: 0;
}
.txL2 {
    font-family: axisrtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    line-height: 1.1;
    font-size: 5.7rem;
    text-align: center;
    margin-bottom: 0px;
    color: #ffffff;
}
.tx2 {
    font-size: 1.6rem;
    line-height: 2;
    color: #ffffff;
}
@media (max-width: 768px) {
    .txL2 {
        font-family: axisrtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
        line-height: 1.1;
        font-size: 3.7rem;
        text-align: center;
        margin-bottom: 0px;
        color: #ffffff;
    }}
@media (max-width: 768px) {
    .tx2  {
        font-family: axisrtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
        line-height: 1.8;
        font-size: 1.6rem;
        text-align: center;
        margin-bottom: 0px;
        color: #ffffff;
    }}
.tx5_LP1 {
    font-size: 1.6rem;
    margin-top: -15px;
    margin-bottom: 15px;
    line-height: 1.6;
    color: #ffffff;
}

@media screen and (max-width: 480px) {
    .tx5_LP1 {
        font-size: 1.6rem;
        margin-bottom: 18px;
        line-height: 1.6;
        color: #ffffff;
    }
}
.policytx
{
    color: #ffffff;
    text-shadow:
            0 1px #bbb,
            1px 2px hsl(0, 0%, 73%),
            2px 3px #bbb,
            3px 4px #bbb,
            4px 5px #bbb,
            5px 10px 8px #000000;
    font-size: 52px;
    padding-bottom: 20px;
}
/*チェアマンの説明
-------------------------------------------------------------- */
.cheer {
    display: grid;
    width: 480px;
    height: auto;
    margin: 0 auto;
}

@media screen and (max-width: 480px) {
    .cheer  {
        width: 380px;
        height: auto;
        margin: 0 auto;
    }
}
.chee {
    background-color: #ffffff;
}
.cheebox_FR {
    padding: 18px;
    width: auto;
    max-width: 860px;
    height: auto;

}
.cheebox {
    width: 82%;
    max-width: 860px;
    margin: 0px auto;
    background-color: #424242;
}
.cheebox img {
    width: 100%;
}

.inter1_tx {
    font-size: 2.5rem;
    color: #ffffff;
    text-align: center;
    margin-top: -5px;
    line-height: 0.8;
    margin-bottom: -10px;
    font-weight: 200;
}

.txL7h7_LP1 {
    font-weight: 600;
    font-size: 1.5rem;
    color: #d3d3d3;
    text-align: center;
    line-height: 0.8;
}
.tx5_LP1 {
    font-size: 1.6rem;
    margin-bottom: 18px;
    line-height: 1.6;
    color: #ffffff;
    padding: 30px;
}

@media screen and (max-width: 768px) {
    .tx5_LP1 {
        font-size: 1.6rem;
        margin-bottom: 18px;
        line-height: 1.6;
        color: #ffffff;
    }
}
/* LOGO
-------------------------------------------------------------- */
.onlySP {display: block;}
.onlySP_il {display: inline;}
.onlyPC, .onlyPC_il {display: none;}
.logo_block{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background-color: #ffffff;
}

.logo_block2{
    width: 80%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: -5px;
}
.logo_tittle{
    font-family: axisrtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-size: 10rem;
    line-height: 1;
    padding-bottom: 10px;
    text-align: center;
    text-shadow: 0 0 10px #737272;
    background-color: #ffffff;
}
@media only screen and (min-width: 580px) {
    .logo_tittle br {
        display: none;
    }
}
.logo_tittle1{
    font-family: axisrtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-size: 26px;
    line-height: 1;
    margin-bottom: 10px;
    text-align: center;
    text-shadow: 0 0 10px #737272;
}
@media only screen and (min-width: 580px) {
    .logo_tittle1 br {
        display: none;
    }
}
.img_logo1_LP1 {
    width: 50%;
    max-width: 380px;
    margin: 0 auto 48px;
}

.img_logo2_LP1 {
    width: 50%;
    max-width: 380px;
    margin: 0 auto 48px;
}

.txS5_LP1 {
    font-size: 1.3rem;
    margin-bottom: 18px;
}

.txL5_LP1 {
    font-family: axisrtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-weight: 900;
    margin-top: 18px;
    background: url("../images/bg_h4_LP1.svg") no-repeat left top / 8px auto;
    padding: 14px 0 10px 24px;
    font-size: 1.6rem;
    margin-bottom: 22px;
    letter-spacing: .2rem;
    text-align: left;
}

.txL5h5_LP1 {
    font-weight: 600;
    font-size: 2.5rem;
    margin-bottom: 10px;
}
@media only screen and (min-width: 580px) {
    .txL5h5_LP1 br {
        display: none;
    }
}
.txL6h6_LP1 {
    font-weight: 600;
    font-size: 1.5rem;
    margin-bottom: 0px;
    color: #000000;
    text-align: center;
}
.txL6h6_LP2 {
    font-weight: 600;
    font-size: 1.5rem;
    margin-bottom: 10px;
    color: #000000;
    text-align: center;
}
.tx6_LP1 {
    font-size: 1.6rem;
    margin-bottom: 18px;
    line-height: 1.6;
    color: #000000;
}
/* area1背景
-------------------------------------------------------------- */
.cd-bg-1  {
    background-image: url('../images/bg_pattern_C.svg');
    background-attachment: fixed;

}
.cd-bg-1::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('../images/bg_dot3.svg');
}
/* area2背景
-------------------------------------------------------------- */
.cd-fixed-bg.cd-bg-2  {
    background-image: url('../images/bg_pattern_C.svg');
    background-attachment: fixed;
    background-size:cover;
}
.cd-fixed-bg.cd-bg-2::after  {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    min-height: 500px;
    background-image: url('../images/bg_dot3.svg');
}
/* area3背景
-------------------------------------------------------------- */
.cd-fixed-bg.cd-bg-3  {
    background-image: url('../images/bg_pattern_C.svg');

}
.cd-fixed-bg.cd-bg-3::after  {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    min-height: 500px;
    background-image: url('../images/bg_dot1.svg');

}
/* area4背景
-------------------------------------------------------------- */
.cd-fixed-bg.cd-bg-6  {
    background-image: url('../images/bg_pattern_D.svg');
    background-attachment: fixed;

}
.cd-fixed-bg.cd-bg-6::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('../images/bg_dot3.svg');
}
.section-3a {
    background-color: #000000;
    height: 80px;
    width: 100%;
    -webkit-clip-path: polygon(0 50%, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 50%, 100% 0, 100% 100%, 0% 100%);
    text-align: center;
    margin-bottom: -1px;
    margin-top: -35px;
}
.section-3b {
    color: #ffffff;
    background-color: #000000;
    background-size: cover;
    text-align: center;
}
.section-3c {
    background-color: #000000;
    height: 80px;
    width: 100%;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 50%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 50%, 0% 100%);
    text-align: center;
    margin-top: -1px;
}
/* area5背景
-------------------------------------------------------------- */
.cd-fixed-bg.cd-bg-5  {
    background-image: url('../images/bg_pattern_D.gif');
    background-attachment: fixed;
}
.section-2 {
    background-color: #ffffff;
    clip-path:polygon(0 5%, 100% 0, 100% 100%, 0 100%);
}
.area55 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
}

.section-2a {
    background-color: #000000;
    height: 80px;
    width: 100%;
    -webkit-clip-path: polygon(0 50%, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 50%, 100% 0, 100% 100%, 0% 100%);
    text-align: center;
    margin-bottom: -1px;
}
.section-2b {
    color: #ffffff;
    background-color: #000000;
    background-size: cover;
    text-align: center;
}
.section-2c {
    background-color: #000000;
    height: 80px;
    width: 100%;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 50%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 50%, 0% 100%);
    text-align: center;
    margin-top: -1px;
}
.section-2d {
    background-color: #000000;
    height: 50px;
    width: 100%;
}
.section-menu {
    background-color: #000000;
    padding-bottom: 10px;
    width: 100%;
}
.section-inner {
    padding-top: 10px;
    width: 80%;
    color: #ffffff;
    margin: 0 auto;
    font-size: medium;
    line-height:1.8;
    overflow-wrap: break-word;
    text-align: center;
}
.SLX
{
    margin-bottom: 10px;
    margin-top: 10px;
    font-size     : 16px;
    font-style: normal;
    text-align: center;
    color         : #000000;
}
.SLX2
{
    margin-top: 15px;
    font-size     : 16px;
    font-style: normal;
    text-align: center;
    color         : #000000;
}
.youtube{
    position: relative;
    overflow: hidden;
    padding-bottom: 56.25%; /* 16:9 (9÷16=0.5625) */
}
.youtube iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

/* ヘッダー背景透化
-------------------------------------------------------------- */
.headerlogo  {
    width: 60px;
    height: 60px;
    margin: 10px;
    position: absolute;

}
.headertop  {
    position: fixed;
    width: 100%;
    height: 80px;
    background-color: rgba(0,0,0,.8);
    z-index: 3;
}
/* リストメニュー
-------------------------------------------------------------- */
.navi {
    width: 100%;
    position: absolute;
    margin: auto;
}
@media (max-width: 850px) {
    .navi {
        display: none;
    }
}
nav {
    &.primary-navigation {
        margin: 0 auto;
        display: block;
        padding: 26px 0 0 0;
        text-align: center;
        font-size: 14px;

        ul li {
            list-style: none;
            margin: 0 auto;
            border-left: 2px solid #a7a7a7;
            display: inline-block;
            padding: 0 15px;
            position: relative;
            text-decoration: none;
            text-align: center;
            font-family: arvo;
        }

        li a {
            color: rgb(255, 255, 255);
        }

        li a:hover {
            color: #a7a7a7;
        }

        li:hover {
            cursor: pointer;
        }

        ul li ul {
            visibility: hidden;
            opacity: 0;
            position: absolute;
            padding-left: 0;
            left: 0;
            display: none;
            background-color: rgba(0,0,0,.8);
        }

        ul li:hover > ul,
        ul li ul:hover {
            visibility: visible;
            opacity: 1;
            display: block;
            min-width: 320px;
            text-align: left;
            padding-top: 20px;
            box-shadow: 0px 3px 5px -1px #ccc;
        }

        ul li ul li {
            clear: both;
            width: 100%;
            text-align: left;
            margin-bottom: 20px;
            border-style: none;
            font-size: 14px;
        }

        ul li ul li a:hover {
            padding-left: 10px;
            border-left: 2px solid #a7a7a7;
            transition: all 0.3s ease;
        }
    }
}

a {
    text-decoration: none;
    &:hover {
        color: #3CA0E7;
    }
}

ul li ul li a { transition: all 0.5s ease; }

/* バーガーメニュー
-------------------------------------------------------------- */
.menu-btn {
    position: fixed;
    top: 10px;
    right: 10px;
    display: flex;
    height: 60px;
    width: 60px;
    justify-content: center;
    align-items: center;
    z-index: 90;

}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 8px;
    width: 50px;
    border-radius: 3px;
    background-color: #b3b3b3;
    position: absolute;
}
.menu-btn span:before {
    bottom: 15px;
}
.menu-btn span:after {
    top: 15px;
}
#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}
#menu-btn-check {
    display: none;
}
.hamburger-menu1 {
    width: 100%;
}
@media (min-width: 850px) {
    .hamburger-menu1 {
        display: none;
    }
}
.right-menu {
    position: fixed;
    width:120px;
    right: 18px;
    top:26px
}
@media (max-width: 850px) {
    .right-menu {
        position: fixed;
        display: none;
    }
}
.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%;/*leftの値を変更してメニューを画面外へ*/
    z-index: 80;
    background-color: rgba(0, 0, 0, 0.8);
    transition: all 0.5s;/*アニメーション設定*/
    font-family: axisrtx,  'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-size: 22px;
    color:#ffffff;
}
.menu-content ul {
    padding: 70px 10px 0;
}
.menu-content ul li {
    border-bottom: solid 1px #ffffff;
    list-style: none;
}
.menu-content ul li a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-decoration: none;
    padding: 9px 15px 10px 0;
    position: relative;
}

.menu-content ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 16px;
}
#menu-btn-check:checked ~ .menu-content {
    left: 0;/*メニューを画面内へ*/
}

/* ページトップへ戻るボタン
-------------------------------------------------------------- */

#page-top {
    position: fixed;
    bottom: 18px;
    right: 18px;
    font-size: 18px;
    line-height: 1;
    z-index: 99;
}
#page-top a {
    background: #868686;
    text-decoration: none;
    color: #fff;
    width: 50px;
    padding: 18px 5px;
    text-align: center;
    display: block;
    border-radius: 10px;
    opacity: 0.9;
    transition: all .3s ease;
}
#page-top a:hover {
    text-decoration: none;
    opacity: .5;
}
/* リンクのカラー
-------------------------------------------------------------- */
a:link {
    color:#ffffff;
}
a:visited {
    color:#838383;
}
a:hover {
    color:#c7c7c7;
}
a:active {
    color:hwb(0 100% 0%);
}

/* フッター
-------------------------------------------------------------- */

.footer  {

    width: 100%;
    height: auto;
    background-color: #000000;
    padding: 5px;
    z-index: 100;
}
.footerlogos  {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center;
    margin-top: 10px;
}
.footlogolinks {
    width: 100%;
    background-color: #000000;
    text-align: center;
}

.snslinks {
    width: 300px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

.snslinks>div{
    padding: 0 10px;
}
.snslinks img {
    margin-top: 20px;
    width : 40px;
}
.fttx{
    font-size: 0.8rem;
    text-align: center;
    color: #939393;
    transition: color 0.3s;
    padding-bottom: 15px;
}
.snslinks a{
    background:#111;
    color : #858585;
}
.snslinks a img:hover{
    opacity:0.5;
    transition:0.3s;
    color : #ffffff;
}
.snslinks a:active{
    color : #fb0d05;
}
/* action
-------------------------------------------------------------- */
.zoomin{
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    font-size: 20%;
}
.zoomin.active{
    font-size: 100%;
}

/* バナーロゴ
-------------------------------------------------------------- */
.img_block{
    top: 28%;
    position: absolute;
    width: 100%;
    text-align: center;
}

.img_block img{
    width: 80px;
    text-align: center;
}

/* バナータイトル
-------------------------------------------------------------- */
.tittle_block{
    top: 48%;
    position: absolute;
    width: 100%;
    text-align: center;
}

.tittle_block img{
    width: 50%;
    text-align: center;
}
.tittle_block p{
    font-family: slgtx, JPtx, Verdana, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-size: 5rem;
    text-align: center;
    color: #ffffff;
}
@media (max-width: 780px) {
    .tittle_block p {
        font-size: 3rem;
    }
}

@media (max-width: 480px) {
    .tittle_block p {
        font-size: 2.5rem;
    }
}


.midashi_tittle{
    font-family: axisrtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-size: 3.2rem;
    text-align: center;
    color: #000000;
}

@media (max-width: 480px) {
    .midashi_tittle {
        font-family: axisrtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
        font-size: 2.2rem;
        text-align: center;
        color: #000000;
        line-height: 3.6rem;
    }
}
.midashi2_tittle{
    font-family: axisrtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-size: 2.4rem;
    text-align: center;
    color: #ffffff;
    line-height: 2.2rem;
}

@media (max-width: 480px) {
    .midashi2_tittle {
        font-family: axisrtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
        font-size: 1.0rem;
        text-align: center;
        color: #ffffff;
        line-height: 2.6rem;
    }
}
.midashi2a_tittle{
    font-family: axisrtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-size: 1.4rem;
    text-align: center;
    color: #ffffff;
    line-height: 3.8rem;
}

@media (max-width: 680px) {
    .midashi2a_tittle {
        font-family: axisrtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
        font-size: 1.0rem;
        text-align: center;
        color: #ffffff;
        line-height: 2.2rem;
    }
}
.midashi2_sub{
    font-family: axisrtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-size: 1.3rem;
    text-align: center;
    color: #ffffff;
    line-height: 2rem;
}

@media (max-width: 480px) {
    .midashi2_sub {
        font-family: axisrtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
        font-size: 1.0rem;
        text-align: center;
        color: #ffffff;
        line-height: 1.8rem;
    }
}


.midashi2_sub span{
    font-family: axisrtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-size: 1.0rem;
    text-align: center;
    color: #ffffff;
    line-height: 2rem;
}

@media (max-width: 480px) {
    .midashi2_sub span{
        font-family: axisrtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
        font-size: 0.8rem;
        text-align: center;
        color: #ffffff;
        line-height: 1.8rem;
    }
}


.midashi3_tittle{
    font-family: axisrtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-size: 1.6rem;
    text-align: center;
    color: #969696;
    line-height: 3.6rem;
}

@media (max-width: 480px) {
    .midashi3_tittle {
        font-family: axisrtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
        font-size: 1.2rem;
        text-align: center;
        color: #969696;
        line-height: 2.6rem;
    }
}
.midashi4_tittle{
    font-family: axisbtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-size: 2.0rem;
    font-weight: 600;
    text-align: center;
    color: #ffffff;
}

@media (max-width: 780px) {
    .midashi4_tittle {
        font-family: axisbtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
        font-size: 1.6rem;
        text-align: center;
        color: #ffffff;
        line-height: 2.4rem;
        font-weight: 600;
    }
}
@media (max-width: 480px) {
    .midashi4_tittle {
        font-family: axisbtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
        font-size: 1.3rem;
        text-align: center;
        color: #ffffff;
        line-height: 1.6rem;
        font-weight: 600;
    }
}

.midashi4_tittle span{
    font-family: axisbtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-size: 1.6rem;
    text-align: center;
    color: #ffffff;
    font-weight: 600;
}

@media (max-width: 780px) {
    .midashi4_tittle span{
        font-family: axisbtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
        font-size: 1.3rem;
        text-align: center;
        color: #ffffff;
        line-height: 1.6rem;
        font-weight: 600;
    }
}
@media (max-width: 480px) {
    .midashi4_tittle span{
        font-family: axisbtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
        font-size: 1.2rem;
        text-align: center;
        color: #ffffff;
        line-height: 1.4rem;
        font-weight: 600;
    }
}

.midashi5_tittle{
    font-family: axisrtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-size: 2.2rem;
    text-align: center;
    color: #000000;
    line-height: 3.6rem;
}

@media (max-width: 480px) {
    .midashi5_tittle {
        font-family: axisrtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
        font-size: 1.4rem;
        text-align: center;
        color: #000000;
        line-height: 2.6rem;
    }
}
.midashi6_tittle{
    font-family: axisrtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-size: 2.2rem;
    text-align: center;
    color: #000000;
    line-height: 3.6rem;
}

@media (max-width: 480px) {
    .midashi6_tittle {
        font-family: axisrtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
        font-size: 1.4rem;
        text-align: center;
        color: #000000;
        line-height: 2.6rem;
    }
}
.midashi7_tittle{
    font-family: axisrtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-size: 1.2rem;
    text-align: center;
    color: #ffffff;
    line-height: 1.2rem;
    padding-bottom: 10px;
}

@media (max-width: 480px) {
    .midashi7_tittle {
        font-family: axisrtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
        font-size: 1.0rem;
        text-align: center;
        color: #ffffff;
        line-height: 1.0rem;
        padding-bottom: 10px;
    }
}
.midashi8_tittle{
    font-family: axisrtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-size: 1.6rem;
    text-align: center;
    color: #000000;
    line-height: 1.6rem;
}

@media (max-width: 480px) {
    .midashi8_tittle {
        font-family: axisrtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
        font-size: 1.4rem;
        text-align: center;
        color: #000000;
        line-height: 1.4rem;
    }
}
.midashi_small{
    font-family: axisrtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-size: 1.0rem;
    text-align: center;
    color: #ffffff;
    line-height: 2.0rem;
    padding-top: 35px;
}

@media (max-width: 480px) {
    .midashi_small {
        font-family: axisrtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
        font-size: 0.8rem;
        text-align: center;
        color: #ffffff;
        line-height: 1.8rem;
        padding-top: 35px;
    }
}
.midashi4_rank{
    font-family: axisbtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-size: 2.8rem;
    font-weight: 600;
    text-align: left;
    line-height: 2.4rem;
    color: #ffffff;
}

@media (max-width: 780px) {
    .midashi4_rank {
        font-family: axisbtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
        font-size: 2.6rem;
        text-align: left;
        color: #ffffff;
        font-weight: 600;
    }
}
.midashi4_rank span{
    font-family: axisbtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-size: 1.0rem;
    font-weight: 600;
    text-align: left;
    color: #ffffff;
}

@media (max-width: 780px) {
    .midashi4_rank span{
        font-family: axisbtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
        font-size: 0.8rem;
        text-align: left;
        color: #ffffff;
        font-weight: 600;
    }
}
.midashi7_rank{
    font-family: axisrtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-size: 1.2rem;
    text-align: left;
    color: #ffffff;
    line-height: 1.2rem;
    padding-bottom: 10px;
}

@media (max-width: 480px) {
    .midashi7_rank {
        font-family: axisrtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
        font-size: 1.0rem;
        text-align: left;
        color: #ffffff;
        line-height: 1.0rem;
        padding-bottom: 10px;
    }
}

/* 矢印サイズと位置
-------------------------------------------------------------- */
.img_block2{
    top: 80%;
    position: absolute;
    width: 100%;
    text-align: center;
}

.img_block2 img{
    width: 100px;
    text-align: center;
}
/* 矢印アニメーション
-------------------------------------------------------------- */
.arrows {
    width: 60px;
    height: 72px;
    position: absolute;
    left: 50%;
    margin-left: -30px;
    bottom: 20px;
}

.arrows path {
    stroke: #ffffff;
    fill: transparent;
    stroke-width: 2px;
    animation: arrow 2s infinite;
    -webkit-animation: arrow 2s infinite;
}

@keyframes arrow
{
    0% {opacity:0}
    40% {opacity:1}
    80% {opacity:0}
    100% {opacity:0}
}

@-webkit-keyframes arrow /*Safari and Chrome*/
{
    0% {opacity:0}
    40% {opacity:1}
    80% {opacity:0}
    100% {opacity:0}
}

.arrows path.a1 {
    animation-delay:-1s;
    -webkit-animation-delay:-1s; /* Safari 和 Chrome */
}

.arrows path.a2 {
    animation-delay:-0.5s;
    -webkit-animation-delay:-0.5s; /* Safari 和 Chrome */
}

.arrows path.a3 {
    animation-delay:0s;
    -webkit-animation-delay:0s; /* Safari 和 Chrome */
}

/* トップページロゴの回転アニメーション
-------------------------------------------------------------- */
#box1{
    background:gold;
}
#box3{
    animation:3s linear rotation3;
    animation-iteration-count: 1;
}

@keyframes rotation3{
    0%{ transform:rotateY(0);}
    100%{ transform:rotateY(360deg); }
}

/* トップページ矢印アニメーション
-------------------------------------------------------------- */
@keyframes blinkOpacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/*トップページロゴのスタイルスイッチ
-------------------------------------------------------------- */
.colorsw {
    padding: 0px;
    position: fixed;
    width: 100%;
    z-index: 2;
    background: url("../images/SL_logo_w.svg") no-repeat  center center / contain;
}

.colorsw.change-color {
    background: url("../images/SL_logo_w.svg") no-repeat  center center / contain;
    animation:3s linear rotation3;
    animation-iteration-count: 1;
}

/*area2画像
-------------------------------------------------------------- */
.iscWrap {

    margin-top:20px;
    margin-bottom:35px;
    width: 80%;
    height: auto;
    margin: 0 auto;
    background: rgba(251, 250, 250, 0.8);
    border-radius: 10px;

}
@media only screen and (max-width: 750px) {
    .iscWrap {

        margin-top:20px;
        width: 96%;
        height: auto;
        margin: 0 auto;
        background: rgba(255, 255, 255, 0.8);
        border-radius: 10px;

    }

}
.iscWrap90 {
    padding: 0.5em 2em;
    border-radius: 5px;/*角の丸み*/
    width: 85%;
    max-width: 1200px;
    height: auto;
    margin: 0 auto;
    background: rgba(251, 250, 250, 0.8);

}

.iscWraprank {
    padding: 0.5em 2em;
    border-radius: 10px;/*角の丸み*/
    width: 90%;
    height: auto;
    margin: 0 auto;
    margin-bottom: 18px;
    margin-top: 20px;
    background: rgba(251, 250, 250, 0.8);

}
.iscWrapwt {
    padding: 0.5em 2em;
    border-radius: 10px;/*角の丸み*/
    width: 90%;
    height: auto;
    margin: 0 auto;
    margin-bottom: 18px;
    margin-top: 20px;
    background: rgba(46, 46, 46, 0.8);
    text-align: center;
    color: #ffffff;

}
.iscWrap_1 {
    position: sticky;
    width: 100%;
    height: 300px;
    margin: 0 auto;
    background-image: url(../images/riderbk_1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.iscWrap_1 img{
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin: 0 auto;
}
.iscWrap_1  p{
    text-align: center;
    font-size: 22px;
    font-family: axisrtx, Verdana, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    color: #4e4e4e;
    padding-bottom: 15px;
}
.iscWrap_2 {
    position: sticky;
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.pointin {
    width: 100%;
    max-width: 1280px;
    height: auto;
    margin: 0 auto;
}

.pointin img{
    width: 1280px;
    height: 267px;
    margin-bottom: 15px;
    object-fit: cover;
}

@media screen and (max-width: 860px) {
    .pointin img{
        width: 1280px;
        height: 167px;
        margin-bottom: 5px;
        object-fit: cover;
    }
}
.sp_br {
    display: none; //768px以上では改行タグを無効に。
}
@media screen and (max-width: 768px) {
    .sp_br {
        display: block; //768px未満で改行タグを有効に。
    }
}
.spp_br {
    display: none; //948px以上では改行タグを無効に。
}
@media screen and (max-width: 948px) {
    .spp_br {
        display: block; //948px未満で改行タグを有効に。
    }
}
.iscWrap2 {
    width: 90%;
    padding: 0;
    margin: 0 auto;
    color: #ffffff;/*文字色*/
    margin-bottom: 20px;
}
.iscWrap2 p {
    margin: 0;
    padding: 0;
}

.iscWrap3 {
    width: 90%;
    padding: 0;
    margin: 0 auto;
    color: #000000;/*文字色*/
    border: solid 3px #000000;/*線*/
    border-radius: 10px;/*角の丸み*/
    margin-bottom: 20px;

}
.iscWrap3 p {
    margin: 0;
    padding: 0;
}
.iscWrap4 {
    width: 90%;
    padding: 0.5em 2em;
    margin: 0 auto;
    color: #000000;/*文字色*/
    border: solid 3px #000000;/*線*/
    border-radius: 10px;/*角の丸み*/
    margin-bottom: 50px;

}
.iscWrap4 p {
    margin: 0;
    padding: 0;
}

.support {
    width: 100%;
    height: auto;
    padding: 15px;
    margin: 0 auto;
    color: #000000;/*文字色*/
    background-color: #ffffff;
    text-align: center;
}
.support_sub {
    display: flex;
    flex-wrap: wrap;
    width: 85%;
    height: auto;
    padding: 15px;
    margin: 0 auto;
    justify-content: center;
}
img.support1 {
    width: 50%;
    max-width: 300px;
    height: auto;
    margin: 0 auto;
    padding-bottom: 15px;
}
img.support2 {
    width: 250px;
    min-width: 250px;
    height: auto;
    margin: 0 auto;
    padding: 35px;
}

.support_t {
    width: 100%;
    margin: 0 auto;
    font-size: 24px;
    color: #000000;
    padding-bottom: 0px;
}
.support_t2 {
    width: 100%;
    margin: 0 auto;
    font-size: 28px;
    color: #000000;
}
.support {
    width: 100%;
    height: auto;
    padding: 15px;
    margin: 0 auto;
    color: #000000;/*文字色*/
    background-color: #ffffff;
    margin-bottom: 0px;

}
.support_sub {
    display: flex;
    width: 50%;
    height: auto;
    padding: 15px;
    margin: 0 auto;
    justify-content: center;
}
img.support1 {
    width: 300px;
    height: auto;
    margin: 0 auto;
}
.sponcer {
    width: 100%;
    height: auto;
    padding: 15px;
    margin: 0 auto;
    margin-bottom: 10px;

}
.sponcer p{
    text-align: center;
    color: #636363;/*文字色*/
    font-size: 22px;
    font-family: axisrtx, Verdana, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;

}
.pointin {
    width: 100%;
    max-width: 1280px;
    height: auto;
    margin: 0 auto;
}

.pointin img{
    width: 1280px;
    height: 267px;
    margin-bottom: 15px;
    object-fit: cover;
}

@media screen and (max-width: 860px) {
    .pointin img{
        width: 1280px;
        height: 167px;
        margin-bottom: 5px;
        object-fit: cover;
    }
}
.bwtext {
    font-weight: bold;
    font-size: 32pt;
    font-family: axisrtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    color: #ffffff;
}
@media screen and (max-width: 860px) {
    .bwtext {
        font-size: 22pt;
        font-family: axisrtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    }
}
.mbwtext {
    font-weight: bold;
    font-size: 18pt;
}
.btext {
    font-weight: bold;
    font-size: 18pt;
    font-family: axisbtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}
.btext img{
    width: 260px;
    margin: 0 auto;
}
@media screen and (max-width: 860px) {
    .btext {
        font-weight: bold;
        font-size: 12pt;
        font-family: axisbtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    }
}
.btext1 {
    font-weight: bold;
    font-size: 32pt;
    color: #ffffff;
}
@media screen and (max-width: 860px) {
    .btext1 {
        font-size: 22pt;
        color: #ffffff;
    }
}

.mtext {
    font-weight: 100;
    line-height: 1.6em;
    font-size: 16pt;
    text-align:left
}
.mmtext {
    font-weight: 100;
    line-height: 1.6em;
    font-size: 16pt;
}
.mmwtext {
    font-weight: 100;
    line-height: 1.6em;
    font-size: 18pt;

}
.stext {
    font-weight: 400;
    line-height: 1.2em;
    font-size: 2.0em;
    margin-top: -15px;
}
@media screen and (max-width: 860px) {
    .stext {
        font-weight: 300;
        line-height: 1.8em;
        font-size: 1.2em;
        margin-top: -15px;
    }
}
.swtext {
    font-weight: 400;
    line-height: 1.5em;
    font-size: 1.0em;

}
.xstext {
    font-weight: 400;
    line-height: 1.5em;
    font-size: 1.0em;
    text-align:left
}
.xmtext {
    font-weight: 800;
    line-height: 1.6em;
    font-size: 16pt;
    text-align:left
}

.boarder-01 {
    width: 180px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #afadad;
    border-radius: 5px;
    padding: 5px;
    text-align: center;
}

.boarder-02 {
    width: 90%;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #afadad;
    border-radius: 5px;
    padding: 5px;
    text-align: center;
}



/*リスト
-------------------------------------------------------------- */

/*gmap
-------------------------------------------------------------- */
.map-box-01 {
    width: 250px;
    background-color: #000000;
    margin: 10px 10px 10px 10px;
    margin: 0 auto;
    border: 1px solid #858585;
    border-radius: 5px;
    padding: 5px;
    text-align: center;
}
.map-box-01  p {
    color: #ffffff;
    font-size: 18px;
}
@media screen and (max-width: 860px) {
    .map-box-01  p {
        color: #ffffff;
        font-size: 14px;
    }
}
.gm {
    width: 50%;
    height: 50%;
    max-width: 480px;
    min-width: 250px;
    text-align: center;
    margin: 0 auto;
}

@media screen and (max-width: 860px) {
    .gm p {
        margin-bottom: 5px;
        color: #bababa;
        font-size: 14px;
    }
}
.gmap {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;    /*16:9の比率にしたい場合、9/16=56.25%*/
}

.gmap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 10px;
    padding-bottom: 10px;

}

.fr-box-01 {
    width: 250px;
    margin: 0 auto;
}
@media (max-width: 600px) {
    .fr-box-01 {
        width: 200px;
        margin: 0 auto;
    }
}

.fr-box-02 {
    width: 240px;
    margin-bottom: 10px;
    margin: 0 auto;
    background-color: #ffffff;
    border-radius: 5px;
    padding: 5px;
    text-align: center;

}
.fr-box-02:hover, .fr-box-02:focus, .fr-box-02:active {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    cursor: pointer;

}

.bikou {
    width: 98%;
    padding: 0.5em 1em;
    margin: 0 auto;
    border: dashed 2px #ffffff;/*点線*/
    margin-bottom: 10px;
    margin-top: 10px;
}
.bikou p {
    margin: 0;
    padding: 0;
}


/*SVGコンテナ
-------------------------------------------------------------- */

.surfer {
    width: 95%;
    max-width: 1280px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    vertical-align: top;
    margin-top: -75px;
    margin: 0 auto;

    padding-bottom: 10px;
}

.surferbox1 {
    width: 50%;
    margin: 0px;
    min-width: 450px;
}
.surferbox1 p{
    font-size: 26px;
    font-weight: 600;
    font-family: axisbtx, Verdana, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    color: #555555;
    line-height: 28px;
}
.surferbox1 img{

    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin: 0 auto;
    margin-top: -75px;
}
.surferbox2 {
    width: 50%;
    margin: 0 auto;
    min-width: 450px;
    font-size: 18px;
    font-family: axisrtx, Verdana, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    color: #3f3f3f;
}
.rprof {
    width: 100%;
    min-width: 360px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 0 auto;
    padding-bottom: 15px;

}
.rprofbox1 {
    width: 180px;
    padding: 5px;
    margin: 0px;
    min-width: 100px;

}
.rprofbox1 p{
    text-align: left;
    font-size: 16px;
    font-family: axisrtx, Verdana, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    color: #616161;
    line-height: 28px;
}
.rprofbox2 {
    width: 180px;
    padding: 5px;
    margin-bottom: 15px;
    min-width: 100px;

}
.rprofbox2 p{
    text-align: left;
    font-size: 16px;
    font-family: axisrtx, Verdana, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    color: #363636;
    line-height: 28px;
}
.schimg img {
    max-width:1280px;
    width: 300px;
    height: auto;
    display: block;
    margin: 0 auto;
    padding-bottom: 10px;
    padding-top: 80px;
}
.schimg2 img {
    max-width:1280px;
    width: 300px;
    height: auto;
    display: block;
    margin: 0 auto;
    padding-bottom: 15px;
    padding-top: 8px;
}
.rankbox {
    width: 90%;
    height: auto;
    margin: 0 auto;
    padding-top: 5px;
    padding-bottom: 20px;
}
.rankbox1 {
    max-width:1280px;
    width: 95%;
    height: auto;
    margin: 0 auto;
    padding: 5px;
}
.ride_tittle {
    width: 100%;
    height: 50px;
    padding: 5px;
    background-image: url('../images/rider_bk.jpg');
}
.ride_tittle h2{
    text-align: center;
    font-size: 26px;
    font-family: axisbtx, slgtx, Verdana, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    color: #d1d1d1;
    padding-bottom: 10px;
}
.ride_score {
    width: 90%;
    height: auto;
    padding: 5px;
    background-image: url('../images/rider_bk.jpg');
    margin: 0 auto;
}
.ride_score p{
    text-align: center;
    font-size: 26px;
    font-family: axisbtx, slgtx, Verdana, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    color: #dfdfdf;
}
.card {
    position: relative;
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px;
    padding: 2px;

    max-width: 980px;
    margin: 0 auto;
}
.card  p {
    position: absolute;
    top:50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #fff;
    font-size: 1.8rem;
    z-index: 100;
}
.card img {
    width: calc(25% - 4px);
}
@media (max-width: 600px) {
    .card img {
        width: calc(50% - 2px);
    }
}

.card_support {
    margin: 0 auto;
    max-width: 640px;
    position: relative;
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    padding: 2px;
    margin-top: 10px;
}
.card_support img {
    width: calc(30% - 4px);
}
@media (max-width: 600px) {
    .card_support img {
        width: calc(50% - 2px);
    }
}

.offer-wrapper{
    height:500px;
    text-align:center;
}

.offers{
    display: flex;
    flex-direction: row;
    justify-content: center;
}

/*リスト
-------------------------------------------------------------- */

hr{
    height: 1px;
    background-color: #808080;
    border: none;
}



/*沿革
-------------------------------------------------------------- */

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important;
    margin: 0 auto;

}
.sp { display: none !important;
    margin: 0 auto;

}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}
@media only screen and (max-width: 750px) {
    img { max-width: 100%; }
}

/*ranking
-------------------------------------------------------------- */
.score {
    display: flex;
    flex-wrap: wrap;
    max-width: 1000px;
    width: 95%;
    margin: 0 auto;
    padding: 10px;
}

.score1 img {
    padding: 5px;
    min-width: 100px;
}
.score>div{
    width:calc(100%/2);
    box-sizing: border-box;

}
@media (max-width: 600px) {
    .score>div{
        width: 100%;
        box-sizing: border-box;
    }
}


/* rankbox */

.box_rank{
    width:85%;
    max-width: 1100px;
    height: auto;
    margin: 0 auto;
    margin-bottom: 20px;
    overflow:auto;
    overflow-y:hidden;
}

.box_rank dl{
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid #CCC;
    display:flex;
}

.box_rank dt{
    width:2.5em;
}

.box_rank dd{
    width:calc(100% - 2.5em);
}
.box_rank1{
    width:85%;
    max-width: 1100px;
    height: auto;
    margin: 0 auto;
    margin-bottom: 20px;
    overflow:auto;
    overflow-y:hidden;
}

.box_rank1 dl{
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid #CCC;
    display:flex;
}

.box_rank1 dt{
    width:2.5em;
}

.box_rank1 dd{
    width:calc(100% - 2.5em);
}
.box_rank2{
    width:85%;
    max-width: 1100px;
    height: auto;
    margin: 0 auto;
    margin-bottom: 130px;
    overflow:auto;
    overflow-y:hidden;
}

.box_rank2 dl{
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid #CCC;
    display:flex;
}

.box_rank2 dt{
    width:2.5em;
}

.box_rank2 dd{
    width:calc(100% - 2.5em);
}
.rank_bk{
    width: 100%;
    height: auto;
    margin-top: -20px;
    margin-bottom: 20px;
    padding-top: 15px;
    padding-bottom: 10px;
    background-image: url('../images/rider_bk.png');
    background-size:contain;
    text-align: center;
}
.rank_bk_inner{
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    width: 85%;
    margin: 0 auto;
    max-width: 1200px;
    padding-bottom: 1%;
}

.rank_bk_term{
    width: 16%;
    margin-right: 10%;
}

.rank_bk_logo{
    width: 6%;
    margin-right: 5%;
    color: #ffffff;

    a{
        color: #ffffff;

        &:hover{
            color: #c3a602;
        }
    }

    &.is-active{
        a{
            color: #c3a602;
        }
    }
}


@media (max-width: 720px) {
    .rank_bk_logo{
        width: 12%;
        margin-right: 8%;
    }
    .bwtext{
        font-size: 20px;
    }
}

.rank_logo{
    color: #ffffff;
}

.rank_logo.is-active img.logo-off{
    display: none;
}

.rank_logo img.logo-on{
    display: none;
}

.rank_logo.is-active img.logo-on,
.rank_logo:hover img.logo-on{
    display: block;
}

.rank_logo:hover img.logo-off{
    display: none;
}


.rank_logo.is-active,
.rank_logo:hover{
    color: #c3a602;
}
.rank_bk .bwtext{
    display: flex;
    align-items: center;
}

.flex-container {
    width: 30%;
    min-width: 200px;
    height: auto;

}
@media (max-width: 720px) {
    .rank_bk_inner{
        display: flex;
        flex-wrap: wrap;
    }
    .flex-container img {
        min-width: 200px;
    }
}

.announce{
    width: 80%;
    max-width: 1000px;
    color: #ffffff;
    margin: 0 auto 4rem;
}

.announce .announce-list{
    font-size: 1.2rem;
    line-height: 1.8;
    color: #ffffff;
    text-align: left;
}

.announce .announce-list li{
    padding-left: 0.8em;
    text-indent: -0.8em;
}

.announce-masters{
    margin-top: 2%;
}

.rank_class{
    width: 50%;
    max-width: 1200px;
    display: flex;
    justify-content: space-around;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 20px;

    /*&:after{*/
    /*    content: '';*/
    /*    width: 30%;*/
    /*}*/
}
.flex-container_class {
    width: 30%;
    height: auto;
}
.rank_class img {
    min-width: 150px;
    height: auto;
}
@media (max-width: 720px) {
    .rank_class img{
        min-width: 110px;
    }
}
.rank_class img:hover {
    color: #fff;
    animation: light .8s infinite;
    outline: 2px solid;
    outline-color: #ffffff;
    outline-offset: 0px;
    transition: .3s;
    border-radius: 5px;
}
@keyframes light {
    100% {
        outline-color: transparent;
        outline-offset: 10px;
    }
}


/*斜めエリア
-------------------------------------------------------------- */

.rectangle1 {
    width: 100%;
    margin-top: -110px;
}
.rectangle2 {
    width: 100%;
    height: 80px;
    background-color: #000000;
    transform: skewY(-2deg);
    transform-origin: top right;

}
.rec {
    width: 100%;
    height: 100px;
    background-color: #ffffff;

}
/*table
-------------------------------------------------------------- */
table {
    width: 100%;
    border-collapse: collapse;
}
table, th, td {
    border: 1px solid black;
}
th, td {
    padding: 8px;
    text-align: left;
}

.ifshort{
    width: 100%;
    min-width: 720px;
    height: 100%;
    border: 0;
}
.iflong{
    width: 100%;
    min-width: 720px;
    height: 100%;
    border: 0;
}
.ifmaster{
    width: 100%;
    min-width: 720px;
    height: 648px;
    border: 0;
}
.ifmaster_cc{
    width: 100%;
    min-width: 720px;
    height: 800px;
    border: 0;
}
.midashi_rank{
    width: 75%;
    max-width: 1100px;
    font-family: axisrtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-size: 16px;
    text-align:left;
    color: #ffffff;
    line-height: 1.3rem;
    padding-bottom: 10px;
    margin: 0 auto;
}

@media (max-width: 480px) {
    .midashi_rank {
        width: 75%;
        max-width: 1100px;
        margin: 0 auto;
        font-family: axisrtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
        font-size: 14px;
        text-align:left;
        color: #ffffff;
        line-height: 1.3rem;
        padding-bottom: 10px;
    }
}
.midashi_rank ul{
    list-style-type: circle;
}
.info-text {
    margin: 10px;
    padding: 0;

}
.info_rank {
    font-family: axisrtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-size: 16px;
    text-align:left;
    color: #ffffff;
    line-height: 22px;
    letter-spacing: 0.1em;
    margin: 0 auto;
    width: 85%;
    max-width: 1100px;
    margin-top: -30px;
}
.info_rank1 {
    font-family: axisrtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-size: 16px;
    text-align:left;
    color: #ffffff;
    line-height: 22px;
    letter-spacing: 0.1em;
    margin: 0 auto;
    width: 85%;
    max-width: 1100px;

}
.info-list, .info-list1, .info-list2 {
    margin: 20px;
    padding: 0;
    list-style: none; /* デフォルトのリストスタイルを無効にする */
}
.info-list li, .info-list1 li, .info-list2 li {
    position: relative;
    padding-left: 20px; /* アイコンのスペース */
    margin-bottom: 10px;
}
.info-list li::before, .info-list1 li::before, .info-list2 li::before {
    content: '※'; /* リストアイテムの前に表示する文字 */
    position: absolute;
    left: 0;
    color: #fff; /* アイコンの色 */
}

.info-listad {
    margin: -10px 20px 20px 20px;
    padding: 0;
    list-style: none; /* デフォルトのリストスタイルを無効にする */
}
.info-listad li {
    position: relative;
    padding-left: 20px; /* アイコンのスペース */
    margin-bottom: 10px;
}
.info-listad li::before{
    content: '※'; /* リストアイテムの前に表示する文字 */
    position: absolute;
    left: 0;
    color: #fff; /* アイコンの色 */
}

.topimage {
    width: 90%;
    margin: 0 auto;
    position: relative;
}
.topimage img{
    width: 90%;
    max-width: 1280px;
    position: relative;
    margin: 0 auto;
}
.topimage p{
    font-family: axisrtx, slgtx, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    color: #ffffff;
}
.top-left {
    width: 90%;
    position: absolute;
    font-size: 28px;
    top: 25px;
    left: 20px;
    transform: translate(-20%, -80%);
}
.top-left1 {
    width: 90%;
    position: absolute;
    font-size: 18px;
    top: 50px;
    left: 20px;
    transform: translate(-50%, -80%);
}
/*button
-------------------------------------------------------------- */

.selectb{
    width: 300px;
    margin: 0 auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    justify-content: space-between;
}
.boxsel {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: 800;
    font-size: 18px;
    font-family: slgtx, Verdana, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    color:  #383838;/*文字色*/
    border: solid 1px #ffffff;/*線*/
    border-radius: 3px;/*角の丸み*/
    background-color: #000000;
}
.boxsel p {
    margin: 0;
    padding: 0;
}
.boxsel2 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: 800;
    font-size: 18px;
    font-family: slgtx, Verdana, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    color: #939393;/*文字色*/
    outline: 1px solid;
    outline-color: #939393;
    outline-offset: 0px;
    transition: .3s;
    border-radius: 5px;/*角の丸み*/
    background-color: #000000;
    text-decoration: none;
}
.boxsel2 a{
    color: #939393;
}
.boxsel2 a.is-active,
.boxsel2.is-active {
    color: #ffffff;/*文字色*/
    outline-color: #ffffff;
}
.boxsel2:hover a,
.boxsel2:hover {
    color: #fff;
    outline-color: #ffffff;
    animation: light .8s infinite;
}
@keyframes light {
    100% {
        outline-color: transparent;
        outline-offset: 10px;
    }
}
.boxsel2 p {
    margin: 0;
    padding: 0;
}

.anchor-target {
    scroll-margin-top: 80px; /* 固定ヘッダーの高さに合わせて調整 */
}