@charset "UTF-8";
/* CSS Document */

@font-face {
font-family: 'exclamation-mark';
src: local('Hiragino Sans'), local('Hiragino Kaku Gothic ProN'), local('Meiryo');
unicode-range: U+FF01, U+FF1F, U+300C, U+300D;
}

body {
    color: #454545;
    font-family: 'Lato','exclamation-mark', "toppan-bunkyu-midashi-go-std",ryo-gothic-plusn, sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: 90%;
    letter-spacing: 0.07em;
}
@media only screen and (min-width: 1122px){
        body {
            font-size: 15px;
        }
}
h1, h2, h3, h4, h5, h6, p ,li {
	font-feature-settings: 'palt';
	font-weight: 700;
	margin: 0;
	padding: 0;
}
.ryo {font-family: 'exclamation-mark',ryo-gothic-plusn, sans-serif;}

.menu-trigger,
.drawer-close .menu-trigger{
    top: 3%;
}
.drawer-menu li {font-size: clamp(0px, 3.38vw, 16px);}
.drawer-menu li ul li:nth-child(7) {font-size: clamp(0px, 3.38vw, 16px);}
.drawer-menu li ul li span {
	font-size: clamp(0px, 3.2vw, 13px);
}
.drawer-menu li ul li.card_wrap .inner::before {
        display: none !important;
}
.drawer-menu li:nth-child(7) .btn_01 {
    line-height: 40px;
    max-width: 340px;
    width: 75%;
}
@media only screen and (min-width: 769px) and (max-width: 1121px) {
        .drawer-menu li:nth-child(7) .btn_01 {
            line-height: 30px;
            max-width: 340px;
            width: 75%;
        }
}
@media only screen and (min-width: 1122px){
        .drawer-menu li:nth-child(7) .btn_01 {
            font-size: 14px;
            line-height: 25px;
            margin-bottom: 20px;
            max-width: inherit;
            width: 100%
        }
}
.drawer-menu li ul a.btn_01:before {
	display: none;
}
.normal-sub li:nth-child(2),
.normal-sub li:nth-child(3) {
    border-top: solid 1px #7e7e7e;
}
body.login .normal-sub li:nth-child(2),
body.login .normal-sub li:nth-child(3) {
    border-top: solid 1px #7e7e7e;
}

.ul_footer {
    font-size: 3.4vw;
}
.header.login .logo {
    padding: 10px 0 0;
}
.header.login .logo img {
    max-height: 49px;

}
.header.login .menu-trigger span,
.header.login .drawer-close .menu-trigger span {
  position: absolute;
  left: 0px;
  width: 100%;
  height: 3px;
  background: #fff !important;
}
.login_head_2025 {
    right: inherit;
    left: 3%;
}
.login_head_2025.logout {
    background: url("../img/icn_login_2503_whi.png") no-repeat;
    background-position: center 30%;
    background-size: 33%;
    font-size: clamp(10px, 3.3332vw, 14px);
    padding-top: 9%;
    width: 18%;
}
.login_head_2025 {
    top: 13%;
}
.header .memberinfo,
.header .memberlink_wrap {
	display: none;
}
.header.login .logo {
	padding: 1px 0 0;
	position: absolute; top: 1px; left: 19.5%;
	text-align: center;
}
.header.login .logo img {
    display: block;
    margin: auto;
    max-height: 60px;

}
.header.login .logo.bros {
    max-width: 100%;
	padding: 2% 0 0;
	position: absolute; top: 1px; left: 35%;
	text-align: center;
    width: 30%;
}
.header.login .logo.bros a,
.header.login .logo.bros img {
    display: inline-block ;
}
@media only screen and (min-width: 769px) and (max-width: 1121px) {
        .login_head_2025 {
            background: url("../img/icn_login_2501.png") no-repeat;
            background-position: center 10px;
            background-size: contain;
            font-size: 16px;
            padding: 4.5em 0 0;
            right: 120px;
            top: calc(50% - 6vw);
        }
        .drawer-menu li ul li a {
            font-size: 15px !important;
        }
        .drawer-menu li ul li a span {
            font-size: 12px;
            padding: 2px 0 0;
        }
}
@media only screen and (min-width: 1122px){
    .header.login .logo {
            position: absolute; top: 15px; left: 0%;
            text-align: left;
            z-index: 1000;
    }
        .header.login .logo.bros {
            left: 0%;
            text-align: left;
        }
    .header.login .logo.bros img {
            margin: 0;
    }
    .login_head_2025.logout {
            background: none;
            color: #fff;
            font-size: clamp(10px, 3.3332vw, 16px);
            padding-top: inherit;
            position: absolute ;top: 46px; right: 0;
            width: 150px;
    }
    .login_head_2025.logout span {
            background: url("../img/icn_login_2503_whi.png") no-repeat;
            background-position: 10px 0;
            background-size: 20px;
    }
        body.login .list_wrap_01.pc_top_01 {
                background: none;
            }
    .header.login .sns_wrap_head {
            right: 139px;
            width: 310px;
    }
    .header .memberinfo {
            background: rgba(255,255,255,.05);
            border-radius: 15px;
            color: #ccc;
            font-size: 12px;
            height: 30px;
            line-height: 30px;
            display: block;
            padding: 0 20px;
            position: absolute; top: 15px; right: 0px;
            text-align: center;
            z-index: 100;
    }
    .header .memberlink_wrap {
            color: #ccc;
            display: block;
            font-size: 12px;
            letter-spacing: 0.06em;
            line-height: 17px;
            position: absolute;
            right: 421px;
            top: 66px;
            text-align: right;
            z-index: 100;
        }
        .drawer-menu li ul li a {
            font-size: 13.5px !important;
    
    }
        .drawer-menu li ul li a span {
            font-size: 11px;
            padding: 2px 0 0;
        }
		.drawer-menu li.new {
            background-position: 0% 20%;
        }
}

.sns_wrap_foot,
.sns_wrap_foot.four {
    display: flex ;
    flex-wrap: wrap ;
    justify-content: center ;
    margin: auto;
	padding: 20px 10% 0px;
    width: 100%;
}
.sns_wrap_foot a {
	flex-basis: auto;
	margin: 0 5% 10px 0;
	text-align: center;
    width: 20%;
}
.sns_wrap_foot.four a {
	margin: 0 5% 20px 0;
    width: 20%;
}
.sns_wrap_foot a img {
	display: inline-block;
	max-height: 25px;
	width: auto;
}
.sns_wrap_foot a:first-child img {
	max-height: 25px;
}
.sns_wrap_foot a.youtube img {
	max-height: 22px;
}
.sns_wrap_foot a:nth-child(3n) {
	margin: 0 0 10px;
}
.sns_wrap_foot.four a:nth-child(3n) {
	margin: 0 5% 20px 0;
}
.sns_wrap_foot.four a:nth-child(4n) {
	margin: 0 0 20px 0;
}

.sns_wrap_foot.menu {
    background: #fff !important;
}
@media only screen and (min-width: 1122px){
        .sns_wrap_foot,
        .sns_wrap_foot.four {
            display: none;
        }
}

.copyright {
    color: #a9a9a9;
	font-size: 2.9vw;
}
@media only screen and (min-width: 1122px){
		.login_head_2025 {
			left: inherit;
            right: 0;
		}
        .copyright {
            font-size: 10px;
        }
}


.btn_01 {
    background: #fff;
    border: solid 1.5px #aaa;
    color: #1a1e25;
}
.btn_01:hover {
    color: #1a1e25 !important;
}
.btn_01.btn_disco_01:hover {
    color: #fff !important;
}
.btn_01:after {
    border-bottom: solid 2px #727272;
    border-right: solid 2px #727272;
}
.fanclub_wrap_01 .btn_01 {
	border: 1.5px solid #1a1e25;
}
.btn_01.signin {
    background: #af0402;
    color: #fff;
}
.btn_01.signin:hover {
    color: #fff !important;
}
.btn_01.signin:after {
    border-bottom: solid 2px #fff;
    border-right: solid 2px #fff;
}
.header {
    background: none;
}
.header .inner {
    background: none;
    box-sizing: border-box;
    max-width: 1300px;
    min-height: 70px;
    padding: 14px 0% 5px;
    position: relative;
    width: 96%;
}
.header .inner:before {
    content: "";
    -webkit-backdrop-filter: blur(11px);
    backdrop-filter: blur(11px);
    background: rgba(255,255,255,.75);
    display: block !important;
    height: 100%;
    position: absolute;
    top: 0;
    left: -100%;
    width: 300%;
    z-index: -1;
}



.header.login {
	background: none;
    width: 100%;
}
.header.login .inner {
	background: none;
	height: 60px;
    padding: 7px 0% 5px;
    position: relative ;
    width: 100%;
}
.header.login .inner:before {
    content: "";
    -webkit-backdrop-filter: blur(11px);
    backdrop-filter: blur(11px);
    background: rgba(0,0,0,.8);
    display: block !important;
    height: 100%;
    position: absolute;
    top: 0;
    left: -100%;
    width: 300%;
    z-index: -1;
}
.sns_wrap_head.sns_202503 {
    height: 10px;
    padding: 0;
}
.sns_wrap_head.sns_202503 img {
    display: none;
}
@media only screen and (min-width: 573px) and (max-width: 860px) {
        .header.login .inner {
            height: 110px;
        }
        .header.login .logo img {
            max-height: 80px;

        }
}
@media only screen and (min-width: 861px) {
		.header {
            background: none;
            display: block;
            height: 122px;
        }
        .header .inner {
            min-height: 130px;
        }
        .header.login .inner {
            background: none;
            height: 156px;
            max-width: 1300px;
            width: 98%;
        }
        .header.login .inner:before {
            content: "";
            -webkit-backdrop-filter: blur(11px);
            backdrop-filter: blur(11px);
            background: rgba(0,0,0,.8);
            display: block !important;
            height: 100%;
            position: absolute;
            top: 0;
            left: -100%;
            width: 300%;
            z-index: -1;
        }
        .logo_2025 {
            left: 0;
            max-width: 234px;
            top: 27px;
        }
        .header.login .logo.bros img {
            max-height: 100px;

        }
		.content_wrap {
			min-height: calc(100vh - 539px) ; 
			padding: 180px 0 0;
		}
		body.login .content_wrap {
            padding: 215px 0 0;
        }
}

@media only screen and (min-width: 1122px) {
        .sns_wrap_head.sns_202503 {
            background: none;
            border-right: solid 1px #999;
            border-radius: 0;
            flex-wrap: wrap;
            height: 26px;
            justify-content: space-between;
            margin: 0 auto;
            padding: 0 30px 0 0;
            position: fixed;
            top: 27px;
            right: 110px;
            width: 260px;
        }
        .sns_wrap_head.sns_202503 img {
            display: inline-block;
        }    
        .sns_wrap_head.sns_202503 img.only_sp {
            display: none;
        }   
}

.ul_news li .day_wrap .tag { padding: 0 10px; }
.ul_news li .day_wrap .tag.live { background: none; color: #a6ad29; border-bottom: solid 2px #a6ad29;}
.ul_news li .day_wrap .tag.media { background: none; color: #deaeda; border-bottom: solid 2px #deaeda;}
.ul_news li .day_wrap .tag.release { background: none; color: #62ad9c; border-bottom: solid 2px #62ad9c;}
.ul_news li .day_wrap .tag.fanclub { background: none; color: #af0402; border-bottom: solid 2px #af0402;}
.ul_news li .day_wrap .tag.cm { background: none; color: #5c09aa; border-bottom: solid 2px #5c09aa;}
.ul_news li .day_wrap .tag.others { background: none; color: #80ad29; border-bottom: solid 2px #80ad29;}
.ul_news li .day_wrap .tag.tvradio { background: none; color: #95098c; border-bottom: solid 2px #95098c;}
.ul_news li .day_wrap .tag.dramamovie { background: none; color: #b54849; border-bottom: solid 2px #b54849;}
.ul_news li {border-bottom: solid 1px #eaeaea;}
.ul_news li .day_wrap .tag {
	font-size: clamp(0px, 3.3vw, 12px);
}

.ul_biography li .day_wrap .tag { padding: 0 10px; }
.ul_biography li .day_wrap .tag.live { background: none; color: #a6ad29; border-bottom: solid 2px #a6ad29;}
.ul_biography li .day_wrap .tag.media { background: none; color: #deaeda; border-bottom: solid 2px #deaeda;}
.ul_biography li .day_wrap .tag.release { background: none; color: #62ad9c; border-bottom: solid 2px #62ad9c;}
.ul_biography li .day_wrap .tag.fanclub { background: none; color: #af0402; border-bottom: solid 2px #af0402;}
.ul_biography li .day_wrap .tag.cm { background: none; color: #5c09aa; border-bottom: solid 2px #5c09aa;}
.ul_biography li .day_wrap .tag.others { background: none; color: #80ad29; border-bottom: solid 2px #80ad29;}
.ul_biography li .day_wrap .tag.liveevent { background: none; color: #a6ad29; border-bottom: solid 2px #a6ad29;}
.ul_biography li .day_wrap .tag.tvradio { background: none; color: #95098c; border-bottom: solid 2px #95098c;}
.ul_biography li .day_wrap .tag.dramamovie { background: none; color: #b54849; border-bottom: solid 2px #b54849;}


.slide_wrap.main {
	background: none;
	margin: 0 0 20px;
	padding: 0 0 10%;
}

.slide_wrap.main .slick-next ,
.slide_wrap.main .slick-prev {
	background: none;
	height: 1em;
	position: absolute; top: calc(100% + 15px);
	transition:all 0.3s ease-in-out;
	width: 8%;
	z-index: 101;
}
.slide_wrap.main .slick-next:before,
.slide_wrap.main .slick-prev:before{
    background: none;
    content: "｝";
    color: #ccc;
    height: auto;
    font-size: 1rem;
    position: absolute;
    top: -7px;
    transition: all 0.3s ease-in-out;
    width: auto;
}
.slide_wrap.main .slick-prev:before {
    content: "｛";
    left: calc(100vw - 120px);
}
.slide_wrap.main .slick-next:after,
.slide_wrap.main .slick-prev:after{
    background: none;
    content: ">";
    color: #999;
    height: auto;
    font-size: 1rem;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-in-out;
    width: auto;
}
.slide_wrap.main .slick-next:after {
    right: 20px;
}
.slide_wrap.main .slick-prev:after {
    content: "<";
    left: calc(100vw - 100px);
}
.slider_01 li {
    opacity: 0;
}

.slider_01 li.slick-active {
    opacity: 1;
    transition: opacity 1.1s ease-in-out; /* フェードインのトランジション */
}


.slick-num {
    color: #999;
    font-size: 12px;
    position: absolute ; bottom: -2em; left: 3%;
}
.now-count {
    color: #999;
    font-size: 12px;
}
.list_wrap_01.pc_top_01 {
	padding: 0px 0 90px;
    position: relative ;
}
.list_wrap_01 .btn_01 {
    bottom: 50px;
    height: 30px;
    line-height: 28px;
    right:calc(50% - 70px);
    width: 140px;
}
.ul_news li .day {
    color: #999;
}
.ul_news li:nth-child(n+6) {
    display: none;
}
.ul_news.size2 li:nth-child(n+6) {
    display: block;
}
@media only screen and (min-width: 861px) {
        .slide_wrap.main {
            background: none;
            margin: 0 0 100px;
            padding: 0 0 30px;
        }
		.ul_slider.slider_01 li .img_wrap {
			padding: 125% 0 0;
		}
        .slide_wrap.main {
            background: none;
			flex-basis: auto;
			margin: 0;
			order: 1;
			padding: 0;
			width: 50%;
		}        
		.list_wrap_01.pc_top_01 {
            height: auto ;
            background: none;
            overflow: hidden ;
            overflow-y: scroll ;
            width: 45%
        }
		.ul_slider.slider_01 li:hover .img_wrap img {
			transform: scale(1);
			transition:all .3s ease-in-out;
		}
		.ul_slider.slider_01 li a:hover .img_wrap img {
			transform: scale(1.07);
			transition:all .3s ease-in-out;
		}
        .list_wrap_01.pc_top_01 {
            padding-top: 0;
        }
        .ul_news {
            max-height: 460px;
            height: calc(100vw / 2.2);
        }
        .ul_news.size2 {
            max-height: inherit;
            height: auto;
        }
		.ul_news::-webkit-scrollbar-thumb {
				background: rgba(255,255,255,.05);
		}	
        .ul_news li:nth-child(n+6) {
            display: block;
        }
		.list_wrap_01.pc_top_01 {
            position: relative ;
		}
        .list_wrap_01 .btn_01 {
            bottom: 0;
            height: 30px;
            line-height: 28px;
            right:calc(50% - 70px);
            width: 140px;
        }
        .slide_wrap.main .slick-next ,
        .slide_wrap.main .slick-prev {
            top: calc(100% + 30px);
        }
        .slide_wrap.main .slick-next {
            left: calc(100% - 30px);
        }
        .slide_wrap.main .slick-next:after {
            left: calc(100% - 50px);
        }
        .slide_wrap.main .slick-prev {
            left: calc(100% - 150px);
        }
        .slide_wrap.main .slick-prev:before {
            content: "｛";
            left: 0px;
        }
        .slide_wrap.main .slick-prev:after {
            content: "<";
            left: 20px;
        }

        .slide_wrap.main .slick-num {
            font-size: 14px;
            position: absolute ; bottom: -3em; left: 0%;
        }
        .now-count {
            font-size: 14px;
        }
}


@media only screen and (min-width: 861px) {
		body.login .top_wrap_01 {
            margin: 0 auto 80px;
        }
		.top_wrap_01 {
            margin: 0 auto 100px;
            max-width: 1000px;
        }
}
@media only screen and (min-width: 1500px) {
        .top_wrap_01 {
            max-width: 1300px;
        }
        .ul_news {
            max-height: 640px;
        }
}



.ttl_news_top {
	font-size: 4.6vw;
    margin: 0 0 20px;
	text-align: center;
}

.ttl_news_top span {
  background: #edeff3;
  display: inline-block;
  height: 1.3;
  line-height: 1.3;
  padding: 6px 20px;
}
@media only screen and (min-width: 861px) {
        .ttl_news_top {
            font-size: 30px;
            line-height: 1;
            margin: 0 0 40px;
            text-align: left;
        }

        .ttl_news_top span {
          background: none;
          padding: 0;
        }
}

.bnr_wrap_2501 {
    margin: 0 auto 30px;
    width: 94%;
}
.bnr_wrap_2501 a {
    margin: 0 0 15px;
}
body.login .bnr_wrap_2501 {
    margin: 0 auto 0px;
    width: 94%;
}
.bnr_wrap_2501 a:last-child {
    margin: 0;
}
@media only screen and (min-width: 861px) {
        body.login .bnr_wrap_2501 {
            width: 100%;
        }
        .bnr_wrap_2501 {
            margin: 0 auto 30px;
            width: 100%;
        }
}

.fanclub_wrap_top {
	border-bottom: solid 1px #eaeaea;
    border-top: solid 1px #eaeaea;
    margin: 0 0 20px;
	padding: 20px 0;
}
.btn_wrap2 {
    text-align: center;
}
.btn_wrap2 .left,
.btn_wrap2 .right{
    background: #16213c;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-size: 3.3vw;
    margin: 0 5% 0 0;
    padding-top: 30%;
    position: relative;
    width: 30%;
}
.btn_wrap2 .right {
    background: #fff;
    border: solid 1px #ccc;
    color: #000;
    margin: 0;
}
.btn_wrap2 .left span,
.btn_wrap2 .right span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* 中央寄せ */
    margin: 0;
    text-align: center;
}

.ttl_202503 {
	font-size: 4.6vw;
    margin: 0 0 25px;
	text-align: center;
}

.ttl_202503 span {
  background: #edeff3;
  display: inline-block;
  height: 1.3;
  line-height: 1.3;
  padding: 6px 20px;
}
body.login .ttl_202503 span {
  background: #ccc;
}
@media only screen and (min-width: 861px) {
        .ttl_202503 {
            font-size: 30px;
            margin: 0 0 40px;
        }

        .ttl_202503 span {
          background: #cccccc;
          display: inline-block;
          height: 1;
          line-height: 1;
          padding: 0 0 0 2.5px;
        }
}

.list_wrap_01 {
	border-bottom: solid 2px #eaeaea;
	margin: 0 0 0px;
	overflow-x: hidden;
	padding: 50px 0;
}
.list_wrap_01.gray {
    background: #fff;
    padding: 50px 0 50px;

}
body.login .list_wrap_01 {
    border-bottom: none;
}
body.login .list_wrap_01.gray {
    background: none;
    border-bottom: solid 2px #ccc;
}
.list_wrap_01.bgnone {
	margin: 0 0 50px;
}
@media only screen and (min-width: 861px) {
        .list_wrap_01 {
            padding: 80px 0;
        }
        .list_wrap_01.gray {
            padding: 80px 0;

        }
        .list_wrap_01.bgnone {
            margin: 0 0 80px;
        }
}

.count_wrap .cd_wrap {
    padding: 7px 16px 7px 23px;

}

.ul_disco li p:nth-child(2) {
    color: #919191;
    font-size: .8em;
}

.article_wrap p {
    font-weight: 400;
}
.ul_biography li .day_wrap .day {
    color: #919191;
}
.biography_wrap_01 .txt_wrap .txt {
    color: #515151;
    font-size: .8rem;
    line-height: 1.8;
}
.txt_biography {
    color: #515151;
    font-size: .9rem;
}


.disc_ttl_wrap {
	padding: 0 0 10px;
}
.disc_ttl_wrap .sub {
    font-size: .8rem;
}
.disc_ttl_wrap .ttl {
	font-size: 7.6vw;
	font-weight: 900;
	line-height: 1;
	margin: 0 0 25px;
}
.detail_disco li {
    color: #212121;
    font-weight: 400;
	margin: 0 0 5px 25px;
}
.detail_disco .ttl {
	font-weight: 900;
	margin: 0 0 15px;
}
.special_disco p {
    color: #212121;
    font-weight: 400;
}
@media only screen and (min-width: 861px) {
		.disc_ttl_wrap .ttl {
            color: #212121;
			font-size: 36px;
			font-weight: 900;
			margin: 0 0 50px;
		}
        .detail_disco .ttl {
            font-weight: 900;
        }
}

.ul_radio li .ttl_radio {
    font-size: 1.2rem;
	margin: 0 auto 1em;
}
.ul_radio li p {
    color: #212121;
    font-weight: 400;
	padding: 0 3%;
}
@media only screen and (min-width: 861px) {
        .ul_radio li .ttl_radio {
            font-size: 1.2rem;
            margin: 0 auto 1em;
        }
}

.logo_bros_2503 {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: auto;
    max-width: 180px;
    width: 35%;
}
.logo_bros_2503 img {
    max-height: 55px;
    width: auto;
}
@media only screen and (min-width: 573px) and (max-width: 1121px) {
        .logo_bros_2503 img {
            max-height: 95px;
        }
}
@media only screen and (min-width: 1122px) {
        .logo_bros_2503 {
            display: block;
            margin: 20px 0 0;
            max-width: 180px;
            width: 20%;
        }
        .logo_bros_2503 img {
            max-height: 110px;
            width: auto;
        }
}

.tab_wrap li.current {
	background: #252525;
}
.form_select select {
	background: #252525;
}

.rules_wrap p,
.txt_confirm_01 {
    font-weight: 400;
    margin: 0 auto 1em;
}
.rules_wrap li {
    font-weight: 400;
    margin: 0 0 1em;
}
.dl_faq dd {
    font-weight: 400;
}
body.login .bnr_wrap_top {
	margin: 0;
    padding: 40px 0;
}
@media only screen and (min-width: 1122px) {
        body.login .bnr_wrap_top {
            padding: 80px 0;
        }
}

.article_wrap strong {
    font-weight: 900;
}




.sns_wrap_head {
	width: 96%;
}
.sns_wrap_head a {
    flex-basis: 25%;
    margin: 0 0% 15px 0;
}
.sns_wrap_head a:first-child img {
	max-height: 23px;
}
.sns_wrap_head a:last-child img {
	max-height: 22px;
}
@media only screen and (min-width: 1122px) {

    	.sns_wrap_head a:first-child {
            margin: 0;
			padding: 0px;
		}
		.sns_wrap_head a:nth-child(2) {
            margin: 0;
            padding: 0 0 1px 0;
        }
		.sns_wrap_head a:nth-child(4) {
			padding: 0px;
            width: 17.0px;
		}
		.sns_wrap_head a:first-child img {
			max-height: 17px;
		}
		.sns_wrap_head a:nth-child(3n) {
			margin: 0;
		}
		.sns_wrap_head a:last-child img {
			height: 17px;
		}
        
        .header.login .sns_wrap_head {
            background: none;
            right: 139px;
            width: 240px;
        }
        .header.login .sns_wrap_head {
            border-radius: 0;
            border-right: solid 1px #fff;
            height: 18px;
            padding: 0;
            right: 139px;
            top: 65px;
            width: 220px;
        }
}

.slick-num { display: none;} /* スライドショーを追加したら消す */

@media only screen and (min-width: 768px) {
        .btn_modal_01 {
            bottom: 120px;
        }
		.btn_01.size3,
		.btn_01.size4 {
            width: 370px;
    }
}

.information_wrap_top .caution_wrap .attention a {
    font-size: clamp(0px, 4vw, 14px);
}

@media only screen and (min-width: 861px) {
        .bnr_wrap_2501 a:first-child {
            margin: 0px 0 30px;
        }
        .bnr_wrap_2501 a:last-child {
            margin: 0;
        }
}




@media only screen and (min-width: 1122px) {
        body.login .drawer-menu li ul li:first-child,
        body.login .drawer-menu li ul li:nth-child(2) {
            border-top: solid 1px #7e7e7e;
        }
		body.login .drawer-menu li ul {
            padding: 20px 20px 0;
    }
		.drawer-menu li ul {
            padding: 20px 20px;
            width: 430px;
    }
}

.btn_01.btn_back {
	border: none;
	background: #dfdfdf;
}
.btn_01.btn_back:after {
	border-bottom: solid 2px #727272;
	border-right: solid 2px #727272;
}

.message_form_wrap p {
        font-weight: 400;
}
.ttl_form_01 {
	font-weight: 900 !important;
}
.dl_pay dt {
    font-weight: 400;
}
.dl_pay dd {
	font-weight: 900;
}
.list_caution li {
	margin-bottom: 1em;
    font-weight: 400;
}

.menu_mypage li p {
    font-size: clamp(0px, 3.0vw, 13px);
	font-weight: 900;
    line-height: 1.4;
    margin: auto ;
    width: 96%;
}
.menu_mypage li p.en {
    font-size: clamp(0px, 2.7vw, 16px);
	font-weight: 400;
    letter-spacing: normal;
}
.dl_faq dt:before {
    font-size: clamp(0px, 6.6vw, 30px);
    top: -.55rem;
}
.ttl_faq {
	font-size: clamp(0px, 5.5vw, 26px);
    text-align: left ;
}
.pagettl_wrap .pagettl {
	font-size: clamp(0px, 6.6vw, 30px);
    text-wrap: balance;
}
.btn_01 {
	font-size: clamp(0px, 3.3vw, 16px);
}
.btn_01.join {
	letter-spacing: normal;
}
.ul_footer {
    font-size: clamp(0px, 3.3vw, 16px);
}
.copyright {
    font-size: clamp(0px, 2.3vw, 10px);
}
.logo_foot.logo_foot_30 {
	max-width: 286px;
}
.modal__content .ttl_modal {
	font-size: clamp(0px, 6.6vw, 30px);
}
@media only screen and (min-width: 862px) and (max-width: 1121px) {
        .information_wrap_top {
            display: none;
        }
}
@media only screen and (min-width: 861px) and (max-width: 1121px) {
        .drawer-nav {
            top: 158px;
        }
}
.header.login .inner {
    min-width: inherit;
}
/*
.card_wrap {
    max-width: inherit;
}
*/
@media only screen and (min-width: 768px) {
    .ult-btn {
        font-size: 14px;
    }
    .btn_01.btn_back {
        font-size: 14px;
    }
    .tab_wrap li {
        font-size: 0.85rem;
    }
    .form_select.cp_sl04 select {
        font-size: .85rem;
        padding: 8px
    }
    .btn_01.join {
        font-size: 17px;
    }
}
.ul_slider.slider_02 li p span {
	font-size: 10px;
    letter-spacing: 0.04em;
}

.btn_01.listen:after {
	background: url("../img/icn_listen_2503.png") no-repeat;
	background-size: 16px;
}
@media only screen and (min-width: 768px) {
		.btn_01.listen:after {
			background: url("../img/icn_listen_2503.png") no-repeat;
			background-size: contain;
		}
}

.txt_fanclub_01,
.txt_page_01,
.message_form_wrap .form_box .ttl {
    text-wrap: balance;
}

.article_wrap {
    font-size: 115%;
}
@media only screen and (min-width: 768px) {
        .article_wrap {
            font-size: 110%;
        }
}

body.login .biography_wrap_01 .img_wrap:before {
    background: #eaedef;
}