@charset "utf-8";


/* page ----- */

strong {
    font-weight: 700;
}

.header_2nd_wrap {
    background:#fff;
    padding:0 0 0 0;
}
.header_2nd {
    width:100%;
    min-height: 240px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position:50% 50%;
}

.header_2nd h2 {
    font-family:'Oswald','Noto Sans JP','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3', sans-serif;
    position: absolute;
    bottom:-6px;
    left:100px;
    font-size:5rem;
    line-height: 100%;
    margin:0;
    padding:0;
    color:#fff;
}

.header_2nd_wrap h3  {
    padding:30px 0 30px 100px!important;
    border:none!important;
    text-align: left!important;
    font-size: 1.4rem;
}

.sponly {
    display:none;
}

@media (max-width: 767px) {

    .header_2nd {
        min-height: 200px;
    }

    .header_2nd h2,
    #content .header_2nd h2 {
        font-family:'Oswald','Noto Sans JP','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3', sans-serif;
        position: absolute;
        bottom:-4px;
        left:7.5vw;
        font-size:3rem;
        line-height: 100%;
        margin:0;
        padding:0;
        color:#fff;
    }

    .header_2nd_wrap h3  {
        font-family:'Oswald','Noto Sans JP','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3', sans-serif;
        padding:14px 0 14px 7.5vw!important;
        font-size: 1rem;
        line-height: 110%;
    }

    .sponly {
        display:initial;
    }

    .pconly {
        display:none;
    }
}

@media (min-width: 768px) and (max-width: 1029px) {

    .header_2nd {
        min-height: 200px;
    }

    .header_2nd h2 {
        position: absolute;
        bottom:-4px;
        left:7.5vw;
        font-size:4rem;
        line-height: 100%;
        margin:0;
        padding:0;
        color:#fff;
    }

    .header_2nd_wrap h3  {
        padding:20px 0 20px 7.5vw;
        font-size: 1rem;
    }

    .sponly {
        display:initial;
    }

    .pconly {
        display:none;
    }
}

/* CLUB PAGE NAV */

.nav_2ndlayer {
    background:#fff;
    margin:0;
}

.nav_2ndlayer ul {
    padding:10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 1rem 0;
}

.nav_2ndlayer li {
    padding:0;
}

.nav_2ndlayer ul li a {
    font-size: 1rem;
    padding:20px 20px;
    position:relative;
    color: #1C2652;
    text-decoration:none;
    font-family: 'oswald',sans-serif;
}
.nav_2ndlayer ul li a:hover {
    text-decoration: none;
    color:#C11830;
}
.nav_2ndlayer ul li:hover a:after {
    position: absolute;
    bottom:15px;
    left:0;
    right:0;
    margin:auto;
    content:"";
	display:block;
	width:4px;
	height:4px;
	border-top: #C11830 2px solid;
	border-right: #C11830 2px solid;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}


.nav_3rdlayer {
    /* background:#fff; */
    margin:0;
    overflow: hidden;
}

.nav_3rdlayer ul {
    width:auto;
    padding:10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    float: right;
}

.nav_3rdlayer li {
    padding:0;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
.nav_3rdlayer li:last-child {
    border-right:1px solid #ccc;
}

.nav_3rdlayer ul li a {
    font-size: 1rem;
    padding:20px 50px 20px 40px;
    position:relative;
    color: #1C2652;
    text-decoration:none;
    display: block;
}
.nav_3rdlayer ul li a:hover {
    text-decoration: none;
    color:#C11830;
}
.nav_3rdlayer ul li a:after {
    position: absolute;
    right:28px;
    top:0;
    bottom:0;
    margin:auto;
    content:"";
	display:block;
	width:6px;
	height:6px;
	border-top: #1C2652 2px solid;
	border-right: #1C2652 2px solid;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
    opacity: 0;
}
.nav_3rdlayer ul li:hover a:after {
	border-top: #C11830 2px solid;
	border-right: #C11830 2px solid;
}

@media (max-width: 767px) {

    .nav_2ndlayer ul {
        padding:6px 0;
        margin:0;
    }

    .nav_2ndlayer li {
        padding:0;
    }

    .nav_2ndlayer ul li a {
        font-size: 0.8rem;
        padding:0px 10px;
        line-height: 120%;
    }
    .nav_2ndlayer ul li:hover a:after {
        position: absolute;
        bottom:15px;
        left:0;
        right:0;
        margin:auto;
        content:"";
        display:block;
        width:4px;
        height:4px;
        border-top: #C11830 2px solid;
        border-right: #C11830 2px solid;
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    .nav_3rdlayer ul {
        width:auto;
        padding:0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;
        float: right;
        margin:0;
    }

    .nav_3rdlayer ul li a {
        font-size: 0.8rem;
        padding:10px 25px 10px 15px;
        line-height: 140%;
    }
    .nav_2ndlayer ul li:hover a:after {
        position: absolute;
        bottom:15px;
        left:0;
        right:0;
        margin:auto;
        content:"";
        display:block;
        width:4px;
        height:4px;
        border-top: #fff 2px solid;
        border-right: #fff 2px solid;
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
    }
}





/* pankuzu ----- */

.bcn {
    padding:10px 0 10px 100px;
    background-color: #000;
    color:#fff;
}

.bcn span a,
.bcn span {
    color:#fff;
    font-size:1rem;
    padding:0;
    font-weight: 700;
}

.bcn span {
    display: inline-block;
    padding:5px 5px;
    margin:0 5px 0 0;
}

.bcn a.home span {
    display: inline-block;
    background:#C11830;
    padding:5px 15px;
    margin:0 5px 0 0;
}

.bcn_bottom {
    margin:100px 100px;
    padding:10px 20px;
    background-color: #000;
    color:#fff;
}

.bcn_bottom span a,
.bcn_bottom span {
    color:#fff;
    font-size:1rem;
    padding:0;
    font-weight: 700;
}

.bcn_bottom span {
    display: inline-block;
    padding:5px 5px;
    margin:0 5px 0 0;
}


@media (max-width: 767px) {

    .bcn {
        padding:5px 0 5px 7.5vw;
        background-color: #000;
        color:#fff;
        font-size:0.7rem;
    }

    .bcn span a,
    .bcn span {
        color:#fff;
        font-size:0.7rem;
        padding:0;

    }

    .bcn span {
        display: inline-block;
        padding:3px 3px;
        margin:0 0 0 0;
    }

    .bcn a.home span {
        display: inline-block;
        background:#C11830;
        padding:7px 12px;
        margin:0 5px 0 0;
        line-height: 110%;
    }

    .bcn_bottom {
        /*margin:50px 7.5vw; */
        
        margin:50px 0;
        padding:3px 15px;
        background-color: #000;
        color:#fff;
    }

    .bcn_bottom span a,
    .bcn_bottom span {
        color:#fff;
        font-size:0.7rem;
        padding:0;
    }

    .bcn_bottom span {
        display: inline-block;
        padding:3px 0px 3px px;
        margin:0 0 0 0;
    }
}

@media (min-width: 768px) and (max-width: 1029px) {

    .bcn {
        padding:10px 0 10px 7.5vw;
        background-color: #000;
        color:#fff;
    }

    .bcn span a,
    .bcn span {
        color:#fff;
        font-size:0.8rem;
        padding:0;
    }

    .bcn span {
        display: inline-block;
        padding:5px 5px;
        margin:0 5px 0 0;
    }

    .bcn a.home span {
        display: inline-block;
        background:#C11830;
        padding:5px 15px;
        margin:0 5px 0 0;
    }

    .bcn_bottom {
        margin:50px 7.5vw;
        padding:5px 20px;
        background-color: #000;
        color:#fff;
    }

    .bcn_bottom span a,
    .bcn_bottom span {
        color:#fff;
        font-size:0.8rem;
        padding:0;
    }

    .bcn_bottom span {
        display: inline-block;
        padding:5px 5px;
        margin:0 5px 0 0;
    }
}

/* main_inner ----- */

.main_inner {
    padding:80px 120px;
}

.lightgray {
    background:#f2f2f2;
}

.red {
    background:#C11830;
}

.main_inner p {
    font-size: 0.89rem;
    font-family:'Noto Sans JP','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3', sans-serif;
    margin:20px auto 0;
    text-align: justify;
}

@media (max-width: 767px) {
    
    .main_inner {
        padding:20px 7.5vw;
        
    }

}

@media (min-width: 768px) and (max-width: 1029px) {

    .main_inner {
        padding:40px 80px;
        margin:0 0 80px 0;
    }
}

@media (min-width: 1030px) {

    .main_inner {
        padding:40px 120px;
    }
}

/* insta ----- */

.instagram_pages {
    background: #1c2652;
    padding:80px 100px;
}
.hash_ttl p {
    display: block;
    text-align: left;
    color: #fff;
    font-size:2.6rem;
    margin:10px 0 40px;
}
.instagram_pages ul {
    display: flex;
    justify-content: space-between;
}
.instagram_pages ul li {
    width:calc((100% / 7) - 4px);
}
.instagram_pages ul li img {
    width:100%;
}

@media (max-width: 767px) {
    .instagram_pages {
        background: #1c2652;
        padding:50px 30px;
    }
    .hash_ttl p {
        display: block;
        text-align: center;
        color: #fff;
        font-size:1.8rem;
        margin:10px 0 30px;
    }
    .instagram_pages ul {
        flex-wrap: wrap;
    }
    .instagram_pages ul li {
        width:calc((100% / 3) - 4px);
    }
    .instagram_pages ul li:nth-child(n + 7) {
        display: none;
    }
}


/* content -----*/

#content {
    margin:0;
    padding:0;
    padding-top:9vw;
}

#inner-content {
    background:#fff;
    margin:-2vw 0 0 0;
    padding:0;
}

.hentry {
    margin-bottom:0!important;
}

@media (max-width: 767px) {

    #content {
        margin:0 auto;
        padding-top:10vw;
        width:100%;
    }
}
@media (min-width: 768px) and (max-width: 1029px) {

    #content {
        margin:0 auto;
        padding-top:10vw;
        width:100%;
    }
}