@charset "UTF-8";

/* 共通 */
.wsbl_twitter { width:65px!important; }
.con_h2 { margin:30px auto; text-align:center; font-size: 4rem;  }
.con_h3 { font-family: 'EB Garamond', serif; font-weight:normal; font-style:italic; font-size:20px; }

.article h3.title { font-size:24px; margin-bottom:25px; }
.article .wp_social_bookmarking_light { width:370px; margin:0 0 0 auto; }
.article .date { margin:-40px 0 40px!important; position:relative; }
.article .text { overflow-wrap: break-word;}
.article .text2 { margin-top:30px;font-size: 1.4rem; overflow-wrap: break-word;}
.article .photo { display:block; text-align:center; margin:20px; }
.article .photo2 { display:none; }
.article .photo img,.article .photo2 img { width:500px; height:auto; }
.article .text a, .article .text2 a {color: #d51542; text-decoration: underline;}

.section-contents {padding: 100px 0 70px;}
.section-ttl {position: relative; padding: 70px 0; z-index: 1;}
.section-ttl:before {content: ""; position: absolute; top: -100%; left: 0; width: 20%; height: 100%; background-color: #fff; -webkit-transition:	all 0.5s ease; transition:		all 0.5s ease;}
.section-ttl.scrollbg:before {top: 0;}

.contents_h2 {font-size: 6rem;}

.wp-pagenavi {position: relative; padding: 80px 2% 0; text-align: center; letter-spacing: -.4em; border-top: 1px solid #e7ecef;}
.wp-pagenavi .pages {display: none;}
.wp-pagenavi a, .wp-pagenavi span {display: inline-block; margin: 0 2em 0 0; padding: 0; letter-spacing: normal;font-family: 'Hind', sans-serif; font-size: 2.4rem; font-weight: bold; font-feature-settings: "palt"; vertical-align: middle; border: none;}
.wp-pagenavi a:last-child, .wp-pagenavi span:last-child {margin-right: 0;}
.wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink {width: 70px; height: 100%; text-indent: -9999px; background: url(/img/common/arrow_bk.png) left center / 100% auto no-repeat;}
.wp-pagenavi a.previouspostslink {transform:scaleX(-1);}
.wp-pagenavi span.current {color: #d51542;}

.article-single {margin-bottom: 60px;}

.article .pager {display: flex;justify-content: space-between;margin: 30px auto 0;width: 90%;}
.article .pager > div {flex: 1}
.article .pager > div.next {text-align: right;margin-left: 50px;}


.page-title .con_h2 {text-align: left;margin: 0;}
/* .bg-news {background-color: #FF2720 ;color: #fff;padding: 5%;} */
.bg-news {background-color: #beadac ;padding: 5%;}
.bg-news .date {margin: 0 !important}
.bg-news .text a, .bg-news .text2 a {color: #fff; text-decoration: underline;}

/* NEWS */
.news > li { padding:35px 0; border-bottom:1px solid #d3d3d3; }
.news > li:first-child { padding-top:0; }
.news > li:last-child { border:0; }
.news .date { font-size: 12px; }
.news .date span { display:inline-block; margin-left:15px; padding:0 20px; color:#fff; background:#e60012; font-size:10px; vertical-align:3px; }
.news h3 { margin:30px 0 20px; font-size:22px; }
.news a { text-decoration:none; }
.news a:hover { opacity:0.7; }
.news .txt { line-height:1.4; }

/* PROFILE */
.profile img { width:100%; height:auto; margin-bottom:30px; }
.profile .con_h2 { text-align:left; margin-bottom: 15px; }
.profile .con_h2 + p { font-size: 20px; font-weight: bold; }
.profile .con_h2 + p + p { font-size:14px; }
.profile .concept{margin-bottom: 50px;}
.profile .concept img{ margin: 0; width: auto;}
.member { margin:30px 0 65px; }
.member .con_h3 {font-size: 18px;font-family: inherit;font-weight: bold;font-style: inherit;}
.member > ul { margin-top:10px; }
.member > ul > li {width:calc(100%/4);  float:left; text-align:center; }
/*.member > ul > li:nth-of-type(5n) { margin-right: 0;}*/
.member > ul > li a {display: block; position:relative; height: 100%;}
.member > ul > li .member_detail {position: absolute; bottom: -100%; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background-color: rgba(213,21,66,0.6); -webkit-transition: all 0.6s ease; transition: all 0.6s ease; mix-blend-mode: hard-light;}
.member > ul > li a:hover {opacity: 1;}
.member > ul > li a:hover .member_detail {bottom: 0;}
.member > ul > li .member_detail > ul > li {color: #fff; font-size: 1.4rem;}
.member > ul > li .member_name {margin-top: 10px;}
.member > ul > li .member_name p {margin-bottom: 0;}
.member .tw { position:absolute; bottom:0; left:0; width:100%; padding:15px; border:1px solid #cfcece; box-sizing:border-box; }
.member .twitter-follow-button { margin-top:8px; }

.profile_link {display: flex; flex-wrap: wrap; margin-bottom: 30px;}
.profile_link > li {font-size: 1.4rem;margin-bottom: 0.5em;}
.profile_link > li:not(:last-child):after {content: ""; padding-right: 1em; margin-right: 1em; border-right: 1px solid #e7ecef;}
.profile_link > li.current a {color: #d51542;}

.profile_detail {display: flex; justify-content: space-between; padding-bottom: 60px;}
.profile_detail img {width: auto; max-width: 100%;}
.profile_detail .img {width: 40%;}
.profile_detail .txt {width: 60%; padding: 30px; box-sizing: border-box;}
.profile_detail .txt h3 {font-size: 3rem;}
.profile_detail .txt h3 span {display: block; font-size: 1.3rem; font-weight: normal;}
.profile_detail .txt .list {margin-top: 30px;}
.profile_detail .txt .list > li {font-size: 1.4rem; line-height: 2; word-break: break-all;}
.profile_detail .txt .list > li a + a {margin-left: .6em;}
.profile_detail .txt .list > li p.name {margin-bottom: 0 !important;}
.profile_detail .txt .list > li p.banner img {margin-bottom: 0;}
.profile_detail .txt .list > li .link {text-decoration: underline;}
.profile_detail .txt .list > li i {font-size: 1.8rem;}
.profile_detail .summary {margin-top: 30px; font-size: 1.4rem;}

/* SCHEDULE */
.schedule .con_h2 { line-height:1.4;}
.schedule .con_h2 span { display: block; font-style:normal; font-size:25px;}
.schedule a { text-decoration:none; font-size: 13px; }
.schedule a:hover { opacity:0.5; }

.schedule .category {padding-bottom: 60px;}
.schedule .category_list > li {display: flex; justify-content: space-between; align-items: center; padding: 20px 0; border-bottom: 1px solid #e7ecef;}
.schedule .category_list > li .data {width: 15%; text-align: center;}
.schedule .category_list > li .data span {display: block;}
.schedule .category_list > li .data span.days {font-size: 2.4rem;}
.schedule .category_list > li .data span.year {color: #fff; background-color: #F8596C ;}
.schedule .category_list > li .ttl {width: 80%;}

.sc_pager { width:100%; margin-top:-88px; }
.sc_pager .prev { width:50%; float:left; }
.sc_pager .prev:before {
	content:""; display:inline-block; width:14px; height:14px; margin-right:5px; vertical-align:-2px;
	background:url("../img/schedule/prev.png") 0 0 no-repeat; background-size:14px 14px; }
.sc_pager .next { width:50%; float:right; text-align:right; }
.sc_pager .next:after {
	content:""; display:inline-block; width:14px; height:14px; margin-left:5px; vertical-align:-2px;
	background:url("../img/schedule/next.png") 0 0 no-repeat; background-size:14px 14px; }
.sc_cat { margin-top:20px; text-align:center; font-size: 14px; }
.sc_cat li { display:inline; }
.sc_cat li:after { content:" ｜ "; }
.sc_cat li:last-child:after { content:none; }
.sc_btn { height:44px; margin:-10px 0 20px; position:relative; }
.sc_btn a { display:inline-block; position:absolute; top:0; right:0; padding:8px; background:#000000; border-radius:4px; }
.sc_btn a:hover { background:#999; opacity:1; }

.sc_tbl { width:100%; border-collapse:collapse; table-layout:fixed; margin-bottom: 60px; }
.sc_tbl th,.sc_tbl td { border:1px solid #595757; }
.sc_tbl th { padding:3px 0; font-weight:normal; font-size:17px; text-align:center; background:#ffffff; }
.sc_tbl th.sat { background:#A04FF6 ; color:#fff; }
.sc_tbl th.sun { background:#F8596C ; color:#fff; }
.sc_tbl td { height:140px; padding:10px; position:relative; }
.sc_tbl .date { text-align:right; position:absolute; top:10px; right:10px; font-size:17px; font-weight:bold; color:#555; }
	.sc_tbl .next .date { color:#cbc8c7; }
.sc_tbl .title { margin-top:30px; font-size:14px; line-height:1.4; }
.sc_tbl .title span { display:inline-block; width:100%; line-height:25px; margin-bottom:5px; text-align:center; color:#fff; }
.sc_tbl .title span:after { content:"\A"; white-space:pre; }
	.schedule .live span 	{ background:#00a0e9; }
	.schedule .web span 	{ background:#BB99BB; }
	.schedule .instore span { background:#f8b62d; }
	.schedule .media span 	{ background:#e4007f; }
	.schedule .all span 	{ background:#601986; }
	.schedule .tour span 		{ background:#E1541E; }
	.schedule .event span 		{ background:#8fc31f; }
	.schedule .stage span 		{ background:#e8ca02; }
	.schedule .radio span 		{ background:#009999; }
	.schedule .tv span 		{ background:#EE5599; }
	.schedule .magazine span 		{ background:#BBAA22; }
	.schedule .release span 		{ background:#d31f49; }

.sc_list { width:100%; border-collapse:collapse; text-align:center; margin-bottom: 60px; }
.sc_list th,.sc_list td { padding:8px 15px; border:1px solid #595757; }
.sc_list th { background:#F8596C ; color: #ffffff; }
.sc_list .title { text-align:left; }
.sc_list .sat { color:#A04FF6 ; }
.sc_list .sun { color:#F8596C ; }
.sc_list .title span {
	display:inline-block; width:80px; height:18px; line-height:20px; margin-right:15px;
	font-size:11px; text-align:center; color:#fff; }
@media (max-width:1080px) { .sc_pager { margin-top:-67px; } }
@media (min-width: 768px) { .sc_list { display:none; } #btn_cal { display:none; } .sc_tbl a { display:block; } }
@media (max-width: 768px) { .sc_btn,.sc_tbl { display:none; } .sc_list { margin-top:20px; } }
@media (max-width: 620px) { .schedule .con_h2 { margin-bottom:15px;} .sc_pager { margin:0; } }
table.instore { margin-top:50px; }
table.instore td { position:relative; }
table.instore .reserve { display:inline-block; padding:3px 20px; color:#fff; background:#999; font-style:italic; position:absolute; top:4px; right:4px; }

/* DISCOGRAPHY */
.discography_list {margin: 0 50px}
.discography_tab{display: flex;}
.discography_tab_item{width: 25%; padding: 20px 0 18px; font-size: 2rem; text-align: center; line-height: 1; border-bottom: 2px solid #000; cursor: pointer;}
.discography_tab_item.active{border-color: #d51542;}
.discography_tab_item.active a {color: #d51542;}
.discography_contents{padding: 100px 0 80px;}
.discography_panel_list {position: relative; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; max-width: 100%;}
.discography_panel_list:after{content:""; display:block; width: 32%; height:0;}
.discography_panel_list li {position: relative; width: 32%; margin-bottom: 60px;}
.discography_panel_list li.fadein:nth-of-type(3n+2) {-moz-transition-delay:200ms; -webkit-transition-delay:200ms; -ms-transition-delay:200ms; transition-delay:200ms;}
.discography_panel_list li.fadein:nth-of-type(3n+3) {-moz-transition-delay:400ms; -webkit-transition-delay:400ms; -ms-transition-delay:400ms; transition-delay:400ms;}
.discography_panel_list li a {display: block; overflow: initial;}
.discography_jacket img {display: block; width: auto; max-height: 340px; margin: 0 auto; box-shadow: 5px 5px 5px rgba(0,0,0,0.2);}
.discography_txt {position: absolute; left: 0; bottom: 20px;}
.discography_txt p {display: inline-block; padding: 0 20px; color: #fff; font-weight: bold; font-feature-settings: "palt"; background-color: #000; transition: all 0.3s; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: center top; transform-origin: center top; opacity: 0;}
.discography_txt p.number {line-height: 1.8;}
.discography_txt p.ttl {font-size: 1.8rem;}
.discography_txt span {display: block; width: 100%; background: none; min-height: 0.5em;}
.discography_panel_list li a:hover .discography_txt p {opacity: 1; transition: all 0.3s 0.3s; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1;}
.discography_col {display: flex; justify-content: space-between;}
.discography_left {width: 44%;}
.discography_right {width: 50%;}
.discography_visual img {display: block; margin: 0 auto; box-shadow: 5px 5px 5px rgba(0,0,0,0.2);}
.discography_shop {display: flex; justify-content: space-around; flex-wrap: wrap; max-width: 100%; margin-top: 50px;}
.discography_shop li {width: 48%; margin-bottom: 10px; font-feature-settings: "palt";}
.discography_shop li.fadein:nth-of-type(2n+2) {-moz-transition-delay:200ms; -webkit-transition-delay:200ms; -ms-transition-delay:200ms; transition-delay:200ms;}
.discography_shop li.fadein:nth-of-type(2n+3) {-moz-transition-delay:400ms; -webkit-transition-delay:400ms; -ms-transition-delay:400ms; transition-delay:400ms;}
.discography_shop li a {position: relative; display: block; padding: 14px; font-weight: bold; background-color: #fff; border: 2px solid #000;}
.discography_shop li a:after {content: ""; position: absolute; right: 10px; top: 50%; width: 40px; height: 5px; background: url(/img/common/arrow_bk.png) right center / auto auto no-repeat; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.discography_shop li a i {margin-right: 0.5em;}
.discography_detail_number, .discography_detail_h3 {font-feature-settings: "palt"; line-height: 2;}
.discography_detail_number {font-size: 2.4rem; font-weight: bold;}
.discography_detail_h3 {font-size: 2.8rem;}
.discography_detail_txt {margin-top: 20px;}
.discography_detail_txt p {font-feature-settings: "palt"; line-height: 2;}
.discography_back {position: relative; padding-top: 60px; text-align: center; border-top: 1px solid #e7ecef;}
.discography_back a {font-size: 2.4rem; font-feature-settings: "palt"; }
.discography_back a:before {content: ""; display: inline-block; width: 70px; height: 6px; margin-right: 0.5em; background: url(/img/common/arrow_bk.png) left center / 100% auto no-repeat; transform:scaleX(-1); vertical-align: middle;}

/* MOVIE */
.movie {display: flex;flex-wrap: wrap;justify-content: space-between;}
.movie li { text-align:center; width: 48%;margin-bottom: 40px;}
.movie li a {display: block; overflow: hidden; position: relative;}
.movie p { padding:30px 0 60px; color:#8b8b8b; font-size:12px; }
.movie p.tit {position: relative;display: block;color: #000000;font-weight: normal;padding: 0;opacity: 1;margin-top: 1em;}
.movie-inner .date {margin-top: 0 !important;}
.movie figure {margin: 0;padding: 0;}
.movie figure img {width: 100%;}
.youtube {width: 100%; aspect-ratio: 16 / 9;}
.youtube iframe { width: 100%; height: 100%;}

.form input[type="text"],.form textarea {
	width:100%; padding:3px; font-size:16px; font-family:sans-serif; box-sizing:border-box; }
	.form input[type="text"] { height:30px; }
	.form #num,.mwform-tel-field input[type="text"] { width:auto; }
.form select { max-width:100%; }
.form dt { font-size:20px; font-weight:bold; }
.form .required { color:#c00; margin-left:1em; font-size:14px; font-weight:normal; }
.form dd { margin-bottom:20px; }

.submit { text-align:center; }
.submit li { display:inline; }
.submit input, .submit button {
	margin:0 10px; padding:10px 50px; cursor:pointer; font-size:16px;
	background:#000; color:#fff; border:0; }
.submit input:hover, .submit button:hover {
	background:#333;
	-webkit-transition:.2s linear;
	-moz-transition:.2s linear;
	-o-transition:.2s linear; }

/* CONTACT */
.contact {margin-bottom: 65px !important;}

.notice { margin-bottom:40px; background:#fff; padding:30px; border-radius:10px; border:1px solid #ccc; }

/*スマホ*/
@media (max-width: 680px) {
	.section-ttl {padding: 30px 0;}
  .section-contents {padding: 30px 0;}

	.contents_h2 {font-size: 3rem;}

	.con_h2 {font-size:3.2rem;}
	
	.article-single {margin-bottom: 30px;}
	
	.article .pager {justify-content: center;width: 100%;}
	.article .pager > div {flex: none}
	.article .pager > div.next {margin-left: 20px;}
	.article .pager > div a{font-size: 0;white-space: nowrap}
	.article .pager > div a:before, 
	.article .pager > div a:after {font-size: 1.6rem;}
	.article .pager > div.prev a:before {content: '« prev'}
	.article .pager > div.next a:after {content: 'next »'}

  .wp-pagenavi {padding: 40px 2% 0;}
  .wp-pagenavi a, .wp-pagenavi span {margin-right: 1em; font-size: 1.8;}
  .wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink {width: 30px;}

  /* PROFILE */
  .profile_detail {display: block;}
  .profile_detail .img {width: 80%; margin: 0 auto;}
  .profile_detail .txt {width: 100%;}

  /* SCHEDULE */
  .schedule .category_list > li .data {width: 25%;}
  .schedule .category_list > li .data span.days {font-size: 1.8rem;}
  .schedule .category_list > li .data span.year {font-size: 1.4rem;}
  .schedule .category_list > li .ttl {width: 70%;}

  /* DISCOGRAPHY */
  .discography_list {margin: 0}
  .discography_panel_list li.fadein:nth-of-type(3n+2), .discography_panel_list li.fadein:nth-of-type(3n+3) {-moz-transition-delay:0; -webkit-transition-delay:0; -ms-transition-delay:0; transition-delay:0;}
  .discography_tab_item {display: flex; align-items: center; justify-content: center;padding: 0 0 5px; font-size: 1.4rem; word-break: break-all;}
  .discography_contents {padding: 30px 10%;}
  .discography_panel_list {display: block;}
  .discography_panel_list li {width: 100%;}
  .discography_txt {position: static; margin-top: 20px;}
  .discography_txt p {display: block; padding: 0; color: #000; background-color: transparent; transition: none; -webkit-transform: none; transform: none; opacity: 1;}
  .discography_panel_list li a:hover .discography_txt p {transition: none; -webkit-transform: none; transform: none;}
  .discography_col {display: block;}
  .discography_left, .discography_right {width: 100%;}
  .discography_right {margin-top: 20px;}
  .discography_shop {display: block;}
  .discography_shop li {width: 100%;}
  .discography_detail_number {font-size: 1.8rem;}
  .discography_detail_h3 {font-size: 2.2rem; line-height: 1.5;}
  .discography_back {padding-top: 30px;}

}
@media (max-width: 620px) {
  .news > li,.discography > li { padding-top:60px!important; margin-top:-25px; }
	
	.article h3.title { font-size:20px; line-height:1.3; }
	.article .wp_social_bookmarking_light { width:100%; margin:0 0 20px; }
	.article .date { margin:0 0 20px!important; }
  .article .photo img { width:100%; height:auto; }
  
  /* NEWS */
  .news .thumb { text-align:center; }
  .news .thumb img { max-width:100%; height:auto; margin-bottom:20px; }
  .news h3 { margin:10px 0; font-size:18px; line-height:1.5; }

  /* PROFILE */
	.profile .left img { margin-bottom:0px; }
	.profile .con_h2 { margin-bottom:15px;}
	.member {margin: 30px 0;}
	.member > ul {  margin:auto; }
	.member > ul > li {  margin:30px 2% 0; width: 46%;}
	
	.sc_list .title span { display:block; margin-bottom:5px; width: 100%; }
	
	/* MOVIE */
	.movie .youtube iframe {width: 100%;}
	.movie li { width:100%; }
}

/* タブレット */
@media (min-width: 620px) and (max-width: 1080px) {
	.news > li,.discography > li { padding-top:70px!important; margin-top:-35px; }

  /* NEWS */
	.news .thumb { text-align:center; }
	.news .thumb img { max-width:100%; height:auto; margin-bottom:20px; }
	.news h3 { margin:20px 0 10px; }
  
  /* PROFILE */
	.member > ul { width:100%; margin:auto; }
	.member > ul > li { width:29%; margin:30px 2% 0; }
	.member > ul > li img { width:100%; height:auto; }

  /* MOVIE */
	.movie li { width:48%; margin-right:4%; float:left; }
	.movie li:nth-child(2n) { margin-right:0; }
}
/* PC */
@media (min-width: 1080px) {
	#contents { width:1030px; }
	
	.con_h2 { margin: 0 auto 60px; }

	.article { line-height:1.8; }
	.article h3.title { font-size:30px; }
	.article .text2 { margin-top:70px; }
	.article .photo { display:none; }
	.article .photo.news { display:block; }
	.article .photo2 { display:block; min-width: 40%; margin-left: 5%;}

  /* NEWS */
	.news .thumb { width:250px; float:left; }
	.news .thumb img { width:250px; height:auto; }
	.news .info { width:740px; float:right; }

  /* PROFILE */
	.profile { margin-bottom:30px; }
	.profile .left  { width:552px; float:left; }
	.profile .right { width:350px; float:right; }
	.profile .left img { width:582px; height:auto; }
	.profile .con_h2 + p { margin-bottom:50px !important; }
	.member > ul > li { width: calc(100%/7);  }
	.member > ul > li:last-child { margin-right:0; }
	.member > ul > li img { width:100%; height:auto; }
  
  /* MOVIE */
  .movie p.tit {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: space-around;align-items: center;color: #fff;font-weight: bold;font-size: 16px;line-height: 1.3;z-index: 100;opacity: 0;margin: 0}
  .movie p.tit span {padding: 5%;}
  .movie li a:hover .tit{ opacity: 1;}
  .movie li figure::before{content: '';display: block;width: 100%;height: 100%;background: #f53434;position: absolute;top: 50%;left: 0;z-index: 10;transform: scaleY(0);mix-blend-mode: hard-light;opacity: 0.9;transition: all 0.2s ease;
  }
  .movie li a:hover figure::before{transform: scaleY(2);}
}