@charset "UTF-8";
/* =============================================
                    COMMON
============================================= */
body{ font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
sup{ font-size: 70%; vertical-align: top; position: relative; top: -0.1em;}

/* =============================================
                    CONTENTS
============================================= */
*{ box-sizing: border-box;}
.btn-shop a{ background: #0071be; font-weight: 700; line-height: 1.3; color: #fff; text-align: center; text-decoration: none; display: block; position: relative; cursor: pointer; border-radius: 40px;}
.btn-shop a span::after{
    content: "\f105";
    font-family: FontAwesome;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
}
.sail{ font-weight: 700; line-height: 1.3; text-align: center; color: #e30613; display: flex; justify-content: center; align-items: flex-end;}
.sail::before,
.sail::after{ content: ""; background-color: #e30613; width: 1px;}
/* スクロールバーCSS */
.simplebar-scrollbar{ background-color: #000;}
.simplebar-track{ background: #ccc;}
#main{ background: #000;}
#main .mv{ position: relative;}
#main .mv header{ width: 100%; display: flex; align-items: center; position: absolute; top: 0px; left: 0px; z-index: 1;}
#main .mv header .logo-GDO{ margin-right: auto;}
#main .mv header .logo-cobra{ position: relative;}
#main .mv p{ font-weight: 700; line-height: 1.8; color: #fff;}
#lineup{ background: #000;}
#lineup .lineup-list li{ background: #121212;}
#lineup .lineup-list li .detail h3{ font-weight: 700; line-height: 1.3; color: #fff;}
#lineup .lineup-list li .detail p{ color: #fff;}
#lineup .lineup-list li .detail .sbtn a{ background: #0071be; font-weight: 700; line-height: 1.2; color: #fff; text-align: center; text-decoration: none; display: block;}
#lineup .lineup-list li .detail .sbtn a span{ display: inline-block; position: relative;}
#lineup .lineup-list li .detail .sbtn a span::after{ 
    content: "\f105";
    font-family: FontAwesome;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    margin-top: 2px;
    padding: 0 10px;
}
#point{ background: #000;}
#point .point-list li .top .detail p{ color: #fff; line-height: 1.8;}
#point .point-list li .top .detail p:last-of-type{ margin-bottom: 0;}
#point .point-list li .bottom .box .img p{ color: #fff; line-height: 1.6; text-align: center;}
#point .point-list li .bottom .box{ background: #000; border: 1px solid #121212;}
#point .point-list li .bottom .box .detail p{ color: #fff; line-height: 1.8;}
#point .point-list li .bottom .box .detail p:last-of-type{ margin-bottom: 0;}
#impression{ background: #fff url(../img/sec03-bg.jpg) top left repeat;}
#impression .tit-box p{ font-weight: 700; line-height: 1.8;}
.search-area{ background: #f2f4f5;}
.search-area h3{ background: #000; font-weight: 700; color: #fff; text-align: center; line-height: 1.3;}
.search-area .search{ border-bottom: 1px solid #ccc;}
.search-area .search input[type="checkbox"],
.search-area .search input[type="radio"]{ display: none;}
.search-area .search input[type="checkbox"] + label,
.search-area .search input[type="radio"] + label{ background: #ccc; font-weight: 700; line-height: 1.3; text-align: center; display: block; cursor: pointer; border-radius: 30px; padding: 12px 2px;}
.search-area .search input[type="checkbox"]:checked + label,
.search-area .search input[type="radio"]:checked + label{ background: #e30613; color: #fff;}

/* 項目削除によるコメントアウト
.search-area .search .search-tb dl{ display: flex; align-items: center;}
.search-area .search .search-tb dl dt{ font-weight: 700; line-height: 1.2; border-right: 1px solid #ccc;}
.search-area .search .search-tb dl dt span{ display: block;}
.search-area .search .search-tb dl dd ul{ display: flex;}
 */
/* 項目削除による追加記述 */
.search-area .search .search-tb ul{ display: flex;}
.search-area .search .search-tb ul li{ width: 24%; margin-right: auto;}
.search-area .search .search-tb ul li:last-child{ margin-right: 0;}

.search-area .search .search-box2{ width: 100%;}
.search-area .search .search-box2 input[type="radio"] + label{ font-weight: 700; line-height: 1.3; text-align: center; display: block;}
.search-area .result .result-list li{ border-bottom: 1px solid #ccc;}
.search-area .result .result-list li.disnone{ text-align: center; border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
.search-area .result .result-list li .stit-box{ display: flex; align-items: center;}
.search-area .result .result-list li .stit-box .stit{ background: #e30613; font-weight: 900; line-height: 1.3; color: #fff; position: relative;}
.search-area .result .result-list li .stit-box .stit::after{ content: ""; background: #f2f4f5; position: absolute;}
.search-area .result .result-list li .stit-box h4{ font-weight: 900; line-height: 1.3; position: relative; z-index: 1;}
.search-area .result .result-list li.mens .profile-box{ background: url(../img/ico-mens.jpg) center left no-repeat;}
.search-area .result .result-list li.ladies .profile-box{ background: url(../img/ico-ladies.jpg) top left no-repeat;}
.search-area .result .result-list li .profile-box .name{ font-weight: 700; line-height: 1.3;}
.search-area .result .result-list li .profile-box .data{ line-height: 1.3;}
.search-area .result .result-list li .comment{ background: #fff; line-height: 1.8;}
.search-area .result .result-list .is-hide{ display: none !important;}
#page-top{ position: fixed; z-index: 90; display: none;}
#page-top a{ display: block;}
footer{ background: #000; color: #000; text-align: center;}
footer a,
footer .cp{ color: #fff;}

/* ==== PC ===== */
@media screen and (min-width: 768px){
body{ font-size: 16px;}
#contents{ min-width: 1046px; overflow: hidden;}
a:hover,a:hover img{ opacity: 0.8; transition: .4s;}
.pc{ display: block;}
.sp{ display: none;}
.btn-shop{ width: 520px; margin: 0 auto;}
.btn-shop a{ box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.25); font-size: 20px; padding: 25px 0;}
.btn-shop a span::after{ font-size: 20px; margin-left: 15px;}
.btn-shop a:hover{ box-shadow: none; transition: .4s;}
.sail{ font-size: 24px; margin-bottom: 30px;}
.sail::before,
.sail::after{ height: 30px;}
.sail::before{ margin-right: 1em; transform: rotate(-45deg);}
.sail::after { margin-left: 1em; transform: rotate(45deg);}
.inner{ width: 1046px; margin: 0 auto; position: relative}
#main .mv header{ padding: 25px 0 0;}
#main .mv{ background: #000 url(../img/mv-bg_pc.jpg) center top no-repeat; background-size: cover;}
#main .mv .inner{ height: 970px;}
#main .mv .club{ position: absolute; top: 86px; left: -38px; z-index: 10;}
#main .mv h1{ position: absolute; left: 0px; top: 376px;}
#main .mv p{ font-size: 20px; position: absolute; top: 605px;}
#main .mv .anchor-list{ display: flex; width: 100%; position: absolute; top: 820px;}
#main .mv .anchor-list li:first-child{ margin-right: auto;}
#main .mv .anchor-list li a{ display: block; box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);}
#main .mv .anchor-list li a:hover{ box-shadow: none;}
#lineup{ padding: 80px 0 100px;}
#lineup h2{ text-align: center; margin-bottom: 40px;}
#lineup .lineup-list{ display: flex;}
#lineup .lineup-list li{ width: 247px; margin-right: auto;}
#lineup .lineup-list li:last-child{ margin-right: 0;}
#lineup .lineup-list li .detail{ padding: 15px 15px 20px;}
#lineup .lineup-list li .detail h3{ font-size: 20px; text-align: center; margin-bottom: 5px;}
#lineup .lineup-list li .detail p{ font-size: 16px; line-height: 1.8; margin-bottom: 10px; min-height: 87px;}
#lineup .lineup-list li .detail .sbtn a{ padding: 5px 0; border-radius: 15px;}
#point .point-list li{ padding-bottom: 80px;}
#point .point-list li:last-child{ padding-bottom: 100px;}
#point .point-list li:nth-of-type(1) .top{ background: url(../img/sec02-box01-bg_pc.jpg) top center no-repeat; background-size: 100%;}
#point .point-list li:nth-of-type(2) .top{ background: url(../img/sec02-box02-bg_pc.jpg) top center no-repeat; background-size: 100%;}
#point .point-list li:nth-of-type(3) .top{ background: url(../img/sec02-box03-bg_pc.jpg) top center no-repeat; background-size: 100%;}
#point .point-list li .top .detail{ width: 490px; padding: 60px 0 90px 0; margin-left: 556px;}
#point .point-list li:nth-of-type(2) .top .detail{ margin-left: 0;}
#point .point-list li .top .detail h2{ margin-bottom: 25px;}
#point .point-list li .top .detail p{ font-size: 18px; margin-bottom: 15px;}
#point .point-list li .bottom .box{ display: flex; flex-direction: row-reverse; align-items: center; padding: 39px; margin: -40px 0 60px;}
#point .point-list li:nth-of-type(2) .bottom .box{ flex-direction: row;}
#point .point-list li .bottom .box .img p{ font-size: 16px; margin-top: 15px;}
#point .point-list li .bottom .box .detail{ width: 450px; margin-right: auto;}
#point .point-list li:nth-of-type(2) .bottom .box .detail{ margin-right: 0; margin-left: auto;}
#point .point-list li .bottom .box .detail p{ font-size: 18px; margin-bottom: 15px;}
#impression{ padding: 40px 0 100px;}
#impression .tit-box{ margin-bottom: 35px;}
#impression .tit-box h2{ background: url(../img/sec03-tit_bg_pc.png) top center no-repeat; text-align: center; height: 444px; padding-top: 97px; margin-bottom: 35px;}
#impression .tit-box p{ font-size: 20px; text-align: center;}
.search-area{ margin-bottom: 60px;}
.search-area h3{ font-size: 24px; padding: 20px 0;}
.search-area .search{ font-size: 18px; padding: 30px;}

/* 項目削除によるコメントアウト
.search-area .search .search-tb dl{ width: 100%; margin-bottom: 20px;}
.search-area .search .search-tb dl dt{ font-size: 18px; width: 145px; flex-shrink: 0; padding: 10px 0; margin-right: 15px;}
.search-area .search .search-tb dl dt span{ font-size: 12px;}
.search-area .search .search-tb dl dd ul{ flex-wrap: wrap;}
.search-area .search .search-tb dl dd ul li{ margin-right: 10px;}
 */
/* 項目削除による追加記述 */
.search-area .search .search-tb ul{ margin-bottom: 20px;}

.search-area .search .search-box2{ margin-top: 5px;}
.search-area .search .search-box2 input[type="radio"] + label{ font-size: 18px;}
.search-area .result{ max-height: 800px; overflow-y: auto; padding: 40px 30px;}
.search-area .result .result-list li{ padding-bottom: 40px; margin-bottom: 40px;}
.search-area .result .result-list li.disnone{ font-size: 18px; padding-bottom: 10px;}
.search-area .result .result-list li .stit-box{ margin-bottom: 20px;}
.search-area .result .result-list li .stit-box .stit{ font-size: 14px; padding: 5px 25px 5px 8px;}
.search-area .result .result-list li .stit-box .stit::after{ width: 28px; height: 28px; border-radius: 14px; top: 0; right: -14px;}
.search-area .result .result-list li .stit-box h4{ font-size: 30px; position: relative; z-index: 1;}
.search-area .result .result-list li .profile-box{ min-height: 46px; padding-left: 60px; margin-bottom: 20px;}
.search-area .result .result-list li .profile-box .name{ font-size: 16px; margin-bottom: 5px;}
.search-area .result .result-list li .profile-box .data{ font-size: 14px;}
.search-area .result .result-list li .comment{ font-size: 16px; padding: 20px;}
#page-top{ right: 20px; bottom: 20px;}
footer{ padding: 60px 0;}
footer .cp{ margin-top: 20px;}
}

/* ==== SP ===== */
@media screen and (max-width: 767px){
body{ font-size: 14px;}
img{ width: 100%;}
.pc{ display: none;}
.sp{ display: block;}
.btn-shop a{ box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.25); font-size: 16px; padding: 10px 0;}
.btn-shop a span::after{ font-size: 16px; margin-left: 8px;}
.sail{ font-size: 18px; margin-bottom: 20px;}
.sail::before,
.sail::after{ height: 40px;}
.sail::before{ margin-right: 0.8em; transform: rotate(-30deg);}
.sail::after { margin-left: 0.8em; transform: rotate(30deg);}
.inner{ position: relative}
#main{ background: #b91f24;}
#main .mv header{ padding: 12px 20px 0;}
#main .mv header .logo-GDO{ width: 73px;}
#main .mv header .logo-cobra{ width: 125px;}
#main .mv{ margin-bottom: 40px;}
#main .mv .club{ position: absolute; top: 0; left: 0;}
#main .mv p{ font-size: 18px; padding: 0 20px; margin-bottom: 20px;}
#main .mv .anchor-list{ padding: 0 20px;}
#main .mv .anchor-list li:first-child{ margin-bottom: 15px;}
#main .mv .anchor-list li a{ display: block; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);}
#lineup{ padding: 40px 20px 50px;}
#lineup h2{ width: 229px; margin: 0 auto 20px;}
#lineup .lineup-list li{ display: flex; align-items: center; margin-bottom: 15px;}
#lineup .lineup-list li:last-child{ margin-bottom: 0;}
#lineup .lineup-list li .img{ width: 145px; flex-shrink: 0;}
#lineup .lineup-list li .detail{ padding: 0 15px;}
#lineup .lineup-list li .detail h3{ font-size: 16px; margin-bottom: 5px;}
#lineup .lineup-list li .detail p{ font-size: 14px; line-height: 1.4; margin-bottom: 10px; }
#lineup .lineup-list li .detail .sbtn a{ padding: 5px 0; border-radius: 15px;}
#point .point-list li{ padding-bottom: 40px;}
#point .point-list li:last-child{ padding-bottom: 50px;}
#point .point-list li .top::before{ width: 100%; content: ""; padding-bottom: 66%;}
#point .point-list li:nth-of-type(1) .top::before{ background: url(../img/sec02-box01-bg_sp.jpg) top center no-repeat; background-size: 100%;}
#point .point-list li:nth-of-type(2) .top::before{ background: url(../img/sec02-box02-bg_sp.jpg) top center no-repeat; background-size: 100%;}
#point .point-list li:nth-of-type(3) .top::before{ background: url(../img/sec02-box03-bg_sp.jpg) top center no-repeat; background-size: 100%;}
#point .point-list li .top .detail{ background: #b91f24 url(../img/sec02-box-bg_sp.jpg) top center no-repeat; background-size: 100%; padding: 20px 20px 40px;}
#point .point-list li .top .detail h2{ margin-bottom: 15px;}
#point .point-list li:nth-of-type(1) .top .detail h2{ width: 236px;}
#point .point-list li:nth-of-type(2) .top .detail h2{ width: 312px;}
#point .point-list li:nth-of-type(3) .top .detail h2{ width: 329px;}
#point .point-list li .top .detail p{ font-size: 17px; margin-bottom: 10px;}
#point .point-list li .bottom{ padding: 0 20px;}
#point .point-list li .bottom .box{ padding: 20px; margin: -20px 0 30px;}
#point .point-list li .bottom .box .img{ margin-bottom: 15px;}
#point .point-list li .bottom .box .img p{ font-size: 12px; margin-top: 10px;}
#point .point-list li .bottom .box .detail p{ font-size: 17px; margin-bottom: 10px;}
#impression{ padding: 20px 0 50px;}
#impression .tit-box{ margin-bottom: 25px;}
#impression .tit-box h2{ padding: 0 10px; margin-bottom: 15px;}
#impression .tit-box p{ font-size: 18px; padding: 0 20px;}
.search-area{ margin: 0 10px 30px;}
.search-area h3{ font-size: 22px; padding: 12px 0;}
.search-area .search{ font-size: 12px; padding: 15px 0;}

/* 項目削除によるコメントアウト
.search-area .search .search-tb dl{ padding: 0 15px; margin-bottom: 10px; overflow-x: scroll; overflow-y: hidden;}
.search-area .search .search-tb dl dt{ font-size: 15px; line-height: 1.3; margin-right: 15px; flex-wrap: nowrap; flex-shrink: 0; width: 70px;}
.search-area .search .search-tb dl dt span{ font-size: 10px;}
.search-area .search .search-tb dl dd{ flex-wrap: nowrap; flex-shrink: 0;}
.search-area .search .search-tb dl dd ul li{ margin-right: 8px;}
 */
/* 項目削除による追加記述 */
.search-area .search .search-tb ul{ padding: 0 15px; margin-bottom: 15px;}
.search-area .search .search-tb ul li input[type="radio"] + label{ font-size: 14px; padding: 8px 2px;}

.search-area .search .search-box2{ font-size: 15px; padding: 0 15px; margin-top: 5px;}
.search-area .result{ max-height: 600px; overflow-y: scroll; padding: 20px 25px 20px 15px;}
.search-area .result .result-list li{ padding-bottom: 30px; margin-bottom: 30px;}
.search-area .result .result-list li{ padding-bottom: 30px; margin-bottom: 30px;}
.search-area .result .result-list li.disnone{ font-size: 15px;}
.search-area .result .result-list li .stit-box{ margin-bottom: 8px;}
.search-area .result .result-list li .stit-box .stit{ font-size: 12px; padding: 5px 18px 5px 6px;}
.search-area .result .result-list li .stit-box .stit::after{ width: 26px; height: 26px; border-radius: 13px; top: 0; right: -13px;}
.search-area .result .result-list li .stit-box h4{ font-size: 26px; position: relative; z-index: 1;}
.search-area .result .result-list li .profile-box{ min-height: 46px; padding-left: 60px; margin-bottom: 15px;}
.search-area .result .result-list li .profile-box .name{ font-size: 14px; margin-bottom: 4px;}
.search-area .result .result-list li .profile-box .data{ font-size: 12px;}
.search-area .result .result-list li .comment{ font-size: 15px; padding: 10px 15px;}
#impression .btn-shop{ margin: 0 20px;}
#page-top{ right: 10px; bottom: 20px; width: 12%;}
footer{ font-size: 10px; padding: 30px 0;}
footer .cp{ margin-top: 10px;}
}