@charset "UTF-8";
/* =============================================
                    CONTENTS
============================================= */
.gothic{ font-weight: 900;}
.min{ font-family: 'Noto Serif JP', serif; font-weight: 600;}
.en{ font-family: 'Roboto Condensed', sans-serif; font-weight: 700;}
.tieup20230410{ background: #fff;}
/* スクロールバーCSS */
.simplebar-track.simplebar-vertical{ width: 5px;}
.simplebar-scrollbar{ background-color: #ccc;}
.simplebar-track{ background: #eee;}
/* contents */
#main .detail nav ul{ display: flex; flex-wrap: wrap; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4)}
#main .detail nav ul li a{ background: #c5142b; font-weight: 700; line-height: 1.3; color: #fff; text-decoration: none; text-align: center; display: block; position: relative;}
#main .detail nav ul li:nth-of-type(1) a::after,
#main .detail nav ul li:nth-of-type(2) a::after,
#main .detail nav ul li:nth-of-type(3) a::after{ 
    content: "";
    border-top: 2px solid #bb9315;
    border-right: 2px solid #bb9315;
    width: 8px;
    height: 8px;
    margin-left: -4px;
    transform: rotate(135deg);
    position: absolute;
    bottom: 24%;
    left: 50%;
}
#main .detail nav ul li:nth-of-type(4) a::after{ 
    content: "";
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 10%;
}
#main .detail nav ul li:last-of-type a{ background: #0071BE;}
section .tit-box{ text-align: center;}
section .tit-box h2{ font-weight: 700;}
#sec01 .tit-box h2{ color: #fff;}
#sec01 p{ color: #fff;}
#sec01 .tb-box table{ width: 100%;}
#sec01 .tb-box table th{ background: #222; border: 1px solid #444; color: #fff; line-height: 1.3; text-align: center; vertical-align: middle;}
#sec01 .tb-box table td{ border: 1px solid #444;}
#sec01 .tb-box table td.img .club{ text-align: center;}
#sec01 .tb-box table td.img p{ background: rgba(255, 255, 255, 0.9); color: #000; line-height: 1.4; text-align: center;}

#sec01 .tb-box table td.img .btn a{ background: #0071BE; font-weight: 700; line-height: 1.3; color: #fff; text-align: center; text-decoration: none; display: block; border-radius: 30px; position: relative;}
#sec01 .tb-box table td.img .btn.blank a{ background: #bb9315;}
#sec01 .tb-box table td.img .btn a::after{
    content: "";
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    width: 6px;
    height: 6px;
    margin-top: -5px;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 12px;
}
#sec01 .tb-box table td.img .btn.blank a::before{
    content: "";
    background: #bb9315;
    border: 1px solid #fff;
    width: 6px;
    height: 6px;
    transform: rotate(0deg);
    position: absolute;
    top: calc(50% - 4px);
    right: 14px;
}
#sec01 .tb-box table td.img .btn.blank a::after{
    content: "";
    background: #bb9315;
    border: 1px solid #fff;
    width: 6px;
    height: 6px;
    transform: rotate(0deg);
    position: absolute;
    top: calc(50% - 1px);
    right: 12px;
}
#sec01 .tb-box table td{ background: #000; color: #fff;}
#sec01 .tb-box table td.data{ font-weight: 700; line-height: 1.4; text-align: center; vertical-align: middle;}
#sec01 .tb-box table td.comment{ line-height: 1.4; text-align: center; vertical-align: middle;}
#sec01 .tb-box table td:nth-of-type(even){ background: #222;}
#sec02 .search-area h3{ background: #c5142b; font-weight: 700; color: #fff; text-align: center;}
#sec02 .search-area .search{ background: #333;}
#sec02 .search-area .search input[type="checkbox"],
#sec02 .search-area .search input[type="radio"]{ display: none;}
#sec02 .search-area .search input[type="checkbox"] + label,
#sec02 .search-area .search input[type="radio"] + label{ background: #fff; line-height: 1.3; display: inline-block; cursor: pointer;}
#sec02 .search-area .search input[type="checkbox"]:checked + label,
#sec02 .search-area .search input[type="radio"]:checked + label{ background: #bb9315; color: #fff;}
#sec02 .search-area .search .search-box2{ margin-bottom: 10px;}
#sec02 .search-area .search .search-box2 input[type="radio"] + label{ font-weight: 700;}
#sec02 .search-area .search .search-tb{ display: flex; flex-wrap: wrap;}
#sec02 .search-area .search .search-tb dl{ display: flex; align-items: center;}
#sec02 .search-area .search .search-tb dl dt{ font-weight: 700; color: #fff;}
#sec02 .search-area .search .search-tb dl dd ul{ display: flex;}
#sec02 .search-area .result{ background: #fff; border: 1px solid #ccc; -ms-overflow-style: none; scrollbar-width: none;}
#sec02 .search-area .result::-webkit-scrollbar{ display:none;}
#sec02 .search-area .result .result-list > li{ border-bottom: 1px solid #ccc;}
#sec02 .search-area .result .result-list > li.disnone{ text-align: center; border-bottom: none; margin-bottom: 0;}
#sec02 .search-area .result .result-list > li.is-hide{ display: none;}
#sec02 .search-area .result .result-list > li.men .top .profile{ background: url(../img/sec02_ico-m.png) left center no-repeat; background-size: 40px;}
#sec02 .search-area .result .result-list > li.woman .top .profile{ background: url(../img/sec02_ico-w.png) left center no-repeat; background-size: 40px;}
#sec02 .search-area .result .result-list > li .top .profile .name{ color: #666; margin-right: auto;}
#sec02 .search-area .result .result-list > li .top .profile .more{ color: #666; cursor: pointer;}
#sec02 .search-area .result .result-list > li .top .profile .more span{ text-decoration: underline;}
#sec02 .search-area .result .result-list > li .top .profile .more::after{ content: '\025bc';}
#sec02 .search-area .result .result-list > li .top .profile .more.ac::after{ content: '\025b2';}
#sec02 .search-area .result .result-list > li .top .detail{ background: #e9f0f4; color: #666; display: none;}
#sec02 .search-area .result .result-list > li .middle h4{ font-weight: 700; color: #137dc5;}
#sec02 .search-area .result .result-list > li .middle p{ color: #000; font-weight: 700;}
#sec02 .search-area .result .result-list > li .middle ul li{ color: #666;}
#sec02 .search-area .result .result-list > li .middle ul li span{ color: #ffb400;}
#sec02 .search-area .result .result-list > li .bottom p{ color: #000;}
#sec02 .search-area .result .result-list > li .bottom p .text-hide{ display: none;}
#sec02 .search-area .result .result-list > li .bottom p .text-hide.show{ display: inline;}
#sec02 .search-area .result .result-list > li .bottom p .more{ color:#137dc5; cursor: pointer;}
#sec02 .search-area .result .result-list > li .bottom p .more span.open{ display: inline-block;}
#sec02 .search-area .result .result-list > li .bottom p .more span.close{ display: none;}
#sec02 .search-area .result .result-list > li .bottom p .more.ac span.open{ display: none;}
#sec02 .search-area .result .result-list > li .bottom p .more.ac span.close{ display: inline-block;}
#sec02 .btn-list_lp li a{ background: #0071BE; font-weight: 700; color: #fff; text-align: center; text-decoration: none; box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.4); display: block; position: relative;}
#sec02 .btn-list_lp li a:hover{ box-shadow: none;}
#sec02 .btn-list_lp li a::after{
    content: "";
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    width: 8px;
    height: 8px;
    margin-top: -6px;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 30px;
}
#sec02 .btn-list_lp li:last-of-type a{ background: #bb9315;}
#sec02 .btn-list_lp li:last-of-type a::before{
    content: "";
    background: #bb9315;
    border: 1px solid #fff;
    width: 6px;
    height: 6px;
    transform: rotate(0deg);
    position: absolute;
    top: calc(50% - 4px);
    right: 29px;
}
#sec02 .btn-list_lp li:last-of-type a::after{
    content: "";
    background: #bb9315;
    border: 1px solid #fff;
    width: 6px;
    height: 6px;
    transform: rotate(0deg);
    position: absolute;
    top: calc(50% - 0px);
    right: 27px;
}
#sec02 .bnr{
    text-align: center;
    margin-top: 52px;
}

/* ==== PC ===== */
@media screen and (min-width: 768px){
/* contents */
.inner{ width: 1080px; margin: 0 auto; position: relative;}
#main .main-img{ background: #f7f7f7 url(../img/main-bg_pc.jpg) center top no-repeat; height: 600px;}
#main .main-img h1{ position: absolute; top: 38px; left: 22px;}
#main .detail{ padding: 35px 0 50px;}
#main .detail p{ font-size: 18px; line-height: 2.0; text-align: center; margin-bottom: 35px;}
#main .detail nav ul{ border-radius: 6px;}
#main .detail nav ul li{ border-right: 1px solid #d14355; width: calc(100% / 4);}
#main .detail nav ul li:last-of-type{ border-right: none;}
#main .detail nav ul li a{ font-size: 24px; padding: 20px 0 34px;}
#main .detail nav ul li:first-of-type a{ border-radius: 6px 0 0 6px;}
#main .detail nav ul li:last-of-type a{ border-radius: 0 6px 6px 0; padding: 27px 0 27px;}
section{ border-top: 15px solid #c5142b; padding: 60px 0 80px;}
section .tit-box{ margin-bottom: 50px;}
section .tit-box h2{ font-size: 40px; margin-bottom: 35px; line-height: 1.2;}
section .tit-box p{ font-size: 20px; line-height: 1.6;}
#sec01{ background: #3b3b3b url(../img/sec01-bg_pc.jpg) center top no-repeat;}
#sec01 .tb-box table{ margin-bottom: 20px;}
#sec01 .tb-box table th{ font-size: 18px; padding: 20px 0;}
#sec01 .tb-box table th span{ font-size: 12px;}
#sec01 .tb-box table td.img{ width: 190px;}
#sec01 .tb-box table td.img p{ font-size: 16px; padding: 8px 0;}
#sec01 .tb-box table td.img .btn{ padding: 12px 10px;}
#sec01 .tb-box table td.img .btn a{ font-size: 14px; padding: 6px 0 8px;}
#sec01 .tb-box table td.data{ font-size: 18px; padding: 20px 0;}
#sec01 .tb-box table td.comment{ font-size: 16px; padding: 20px 0;}
#sec01 .notes{ font-size: 12px;}
#sec02{ background: #eee url(../img/sec02-bg_pc.jpg) center top no-repeat;}
#sec02 .search-area{ margin-bottom: 20px;}
#sec02 .search-area h3{ font-size: 26px; padding: 20px 0;}
#sec02 .search-area .search{ padding: 25px 30px 20px;}
#sec02 .search-area .search input[type="checkbox"],
#sec02 .search-area .search input[type="radio"]{ display: none;}
#sec02 .search-area .search input[type="checkbox"] + label,
#sec02 .search-area .search input[type="radio"] + label{ font-size: 14px; border-radius: 20px; padding: 4px 15px;}
#sec02 .search-area .search .search-box2{ margin-bottom: 10px;}
#sec02 .search-area .search .search-tb dl{ padding: 12px 0; margin-right: 20px;}
#sec02 .search-area .search .search-tb dl dt{ font-size: 16px; margin-right: 15px;}
#sec02 .search-area .search .search-tb dl dd ul li{ margin-right: 10px;}
#sec02 .search-area .result{ max-height: 800px;}
#sec02 .search-area .result .result-list > li{ padding: 30px;}
#sec02 .search-area .result .result-list > li.disnone{ font-size: 18px; padding: 30px;}
#sec02 .search-area .result .result-list > li .top .profile{ display: flex; padding: 14px 0 14px 60px; margin-bottom: 10px;}
#sec02 .search-area .result .result-list > li .top .profile .name{ font-size: 16px;}
#sec02 .search-area .result .result-list > li .top .profile .more{ font-size: 14px;}
#sec02 .search-area .result .result-list > li .top .detail{ font-size: 14px; line-height: 1.6; padding: 20px; margin-bottom: 15px;}
#sec02 .search-area .result .result-list > li .middle{ border-left: 2px solid #000; padding: 5px 0 5px 10px; margin-bottom: 15px;}
#sec02 .search-area .result .result-list > li .middle h4{ font-size: 16px; margin-bottom: 10px;}
#sec02 .search-area .result .result-list > li .middle p{ font-size: 20px; margin-bottom: 10px;}
#sec02 .search-area .result .result-list > li .middle ul li{ font-size: 14px;}
#sec02 .search-area .result .result-list > li .bottom p{ font-size: 16px; line-height: 1.8;}
#sec02 .search-area .result .result-list > li .bottom p .more{ color: #137dc5;}
#sec02 .notes-list{ margin-bottom: 35px;}
#sec02 .notes-list li{ font-size: 12px; line-height: 1.3; margin-bottom: 5px;}
#sec02 .btn-list_lp{ display: flex; justify-content: center; align-items: center;}
#sec02 .btn-list_lp li{ width: 400px;}
#sec02 .btn-list_lp li:first-of-type{ margin-right: 20px;}
#sec02 .btn-list_lp li a{ border-radius: 35px; height: 64px;}
#sec02 .btn-list_lp li:first-of-type a{ font-size: 22px; padding-top: 18px;}
#sec02 .btn-list_lp li:last-of-type a{ font-size: 18px; line-height: 1.3; padding-top: 6px;}
}

/* ==== SP ===== */
@media screen and (max-width: 767px){
/* contents */
#main .detail{ padding: 20px 20px 35px;}
#main .detail p{ font-size: 16px; line-height: 2.0; margin-bottom: 20px;}
#main .detail nav ul{ border-radius: 6px;}
#main .detail nav ul li{ border-right: 1px solid #d14355; width: calc(100% / 2);}
#main .detail nav ul li:nth-of-type(1),
#main .detail nav ul li:nth-of-type(2){ border-bottom: 1px solid #d14355;}
#main .detail nav ul li:nth-of-type(2n){ border-right: none;}
#main .detail nav ul li a{ font-size: 20px; padding: 16px 0 30px;}
#main .detail nav ul li:nth-of-type(1) a{ border-radius: 6px 0 0 0;}
#main .detail nav ul li:nth-of-type(2) a{ border-radius: 0 6px 0 0;}
#main .detail nav ul li:nth-of-type(3) a{ border-radius: 0 0 0 6px;}
#main .detail nav ul li:last-of-type a{ border-radius: 0 0 6px 0; padding: 23px 0 23px;}
section{ border-top: 10px solid #c5142b; padding: 30px 0 60px;}
section .tit-box{ margin-bottom: 25px;}
section .tit-box h2{ font-size: 32px; line-height: 1.2; margin-bottom: 15px;}
section .tit-box p{ font-size: 16px; line-height: 1.6;}
#sec01{ background: #3b3b3b url(../img/sec01-bg_sp.jpg) center top no-repeat; background-size: 100%;}
#sec01 .tb-box{ overflow-x: scroll; padding: 0 20px; margin-bottom: 10px;}
#sec01 .tb-box table{ width: max-content; overflow: auto;}
#sec01 .tb-box table th{ font-size: 14px; padding: 15px 10px;}
#sec01 .tb-box table th span{ font-size: 10px;}
#sec01 .tb-box table td.img{ width: 180px;}
#sec01 .tb-box table td.img p{ font-size: 14px; padding: 8px 0;}
#sec01 .tb-box table td.img .btn{ padding: 10px 8px;}
#sec01 .tb-box table td.img .btn a{ font-size: 12px; padding: 6px 0 8px;}
#sec01 .tb-box table td.data{ font-size: 16px;}
#sec01 .tb-box table td.comment{ font-size: 14px; padding: 10px 0;}
#sec01 .notes{ font-size: 12px; line-height: 1.3; text-indent: -12px; padding: 0 20px 0 32px;}
#sec02{ background: #eee url(../img/sec02-bg_sp.jpg) center top no-repeat; background-size: 100%;}
#sec02 .search-area{ margin: 0 15px 10px;}
#sec02 .search-area h3{ font-size: 20px; padding: 15px 0;}
#sec02 .search-area .search{ padding: 15px 0 10px;}
#sec02 .search-area .search input[type="checkbox"],
#sec02 .search-area .search input[type="radio"]{ display: none;}
#sec02 .search-area .search input[type="checkbox"] + label,
#sec02 .search-area .search input[type="radio"] + label{ font-size: 12px; border-radius: 20px; padding: 4px 15px;}
#sec02 .search-area .search .search-box2{ padding-left: 20px; margin-bottom: 8px;}
#sec02 .search-area .search .search-tb dl{ padding: 8px 20px; overflow-x: scroll;}
#sec02 .search-area .search .search-tb dl dt{ font-size: 14px; line-height: 1.3; margin-right: 15px; flex-wrap: nowrap; flex-shrink: 0;}
#sec02 .search-area .search .search-tb dl dd{ flex-wrap: nowrap; flex-shrink: 0;}
#sec02 .search-area .search .search-tb dl dd ul li{ margin-right: 10px;}
#sec02 .search-area .result{ max-height: 800px;}
#sec02 .search-area .result .result-list > li{ padding: 15px 15px 20px 10px;}
#sec02 .search-area .result .result-list > li.disnone{ font-size: 16px; padding: 30px;}
#sec02 .search-area .result .result-list > li .top .profile{ padding: 2px 0 2px 55px; margin-bottom: 10px;}
#sec02 .search-area .result .result-list > li .top .profile .name{ font-size: 14px; margin-bottom: 10px;}
#sec02 .search-area .result .result-list > li .top .profile .more{ font-size: 12px; text-align: right;}
#sec02 .search-area .result .result-list > li .top .detail{ font-size: 12px; line-height: 1.6; padding: 10px; margin-bottom: 15px;}
#sec02 .search-area .result .result-list > li .middle{ border-left: 1px solid #000; padding: 5px 0 5px 10px; margin-bottom: 10px;}
#sec02 .search-area .result .result-list > li .middle h4{ font-size: 12px; margin-bottom: 10px;}
#sec02 .search-area .result .result-list > li .middle p{ font-size: 16px; line-height: 1.3; margin-bottom: 10px;}
#sec02 .search-area .result .result-list > li .middle ul li{ font-size: 12px;}
#sec02 .search-area .result .result-list > li .bottom p{ font-size: 12px; line-height: 1.8;}
#sec02 .search-area .result .result-list > li .bottom p .more{ color: #137dc5;}
#sec02 .notes-list{ padding: 0 20px; margin-bottom: 20px;}
#sec02 .notes-list li{ font-size: 12px; line-height: 1.3; text-indent: -12px; padding-left: 12px; margin-bottom: 5px;}
#sec02 .btn-list_lp{ padding: 0 20px;}
#sec02 .btn-list_lp li:first-of-type{ margin-bottom: 20px;}
#sec02 .btn-list_lp li a{ border-radius: 35px; height: 57px;}
#sec02 .btn-list_lp li:first-of-type a{ font-size: 18px; padding-top: 20px;}
#sec02 .btn-list_lp li:last-of-type a{ font-size: 16px; line-height: 1.3; padding-top: 6px;}

#sec02 .bnr{ margin-top: 38px; padding: 0 20px;}
}