/*
 Theme Name:   UnderStrap Child
 Theme URI:    https://www.understrap.com
 Description:  UnderStrap Child Theme
 Author:       Holger Koenemann
 Author URI:   http://www.holgerkoenemann.de
 Template:     understrap
 Version:      0.5.5
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: holger1411/understrap-child
*/


/* 全体設定 */
.wrapper{
	margin-top: 47px;
}
:focus{
	outline: none!important;
	box-shadow:none !important;
}
@media screen and (max-width:991.98px) {}
@media screen and (max-width:767.98px) {
	.wrapper{ margin-top: 37px;}
	body.fixed {
		position: fixed;
		width: 100%;
	}
}

/* 背景設定 */
.bg-blk{ background-color: #000!important;}


/* 文字設定 */
.ttl{ font-family: 'Poiret One', cursive!important;}
.btn .text-blk{
	color: #000!important;
}
.btn:hover .text-blk{
	color: #fff!important;
}
.news-content a{
	color: #007bff!important;
}
.news-content a:hover{
	color: #1f58ad!important;
	text-decoration: underline!important;
}
.fw-bold{
	font-weight: bold!important;
}

.entry-content p.has-red-color{ color: #DC3545!important;}
.entry-content p.has-blue-color{ color: #007BFF!important;}
.entry-content p.has-purple-color{ color: #5533FF!important;}
.entry-content p.has-indigo-color{ color: #6610F2!important;}
.entry-content p.has-pink-color{ color: #E83E8C!important;}
.entry-content p.has-orange-color{ color: #FD7E14!important;}
.entry-content p.has-yellow-color{ color: #FFC107!important;}
.entry-content p.has-green-color{ color: #28A745!important;}
.entry-content p.has-teal-color{ color: #20C997!important;}
.entry-content p.has-cyan-color{ color: #17A2B8!important;}
.entry-content p.has-white-color{ color: #FFF!important;}
.entry-content p.has-gray-color{ color: #6C757D!important;}


/* ボタン設定 */
.btn-blu {
	color: #fff!important;
	background-color: #0076d7!important;
	border: 2px solid #0076d7!important;
	transition: all 0.1s linear;
}
.btn-blu:hover {
	color: #0076d7!important;
	background-color: #fff!important;
}
.btn-stickarrow{
	position: relative;
	font-size: .85rem!important;
}
.btn-stickarrow:after{
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 8px;
	border-bottom: 1px solid #000;
	border-right: 2px solid #000;
	transform: skew(45deg);
}
.btn-outline-black{
	color: #000!important;
	border: 1px solid #000!important;
	background-color: #fff!important;
	transition: all .3s;
}
.btn-outline-black:hover,.btn-outline-black:active,.btn-outline-black:focus{
	color: #fff!important;
	background-color: #000!important;
	transition: all .3s;
}

.btn-outline-acc{
	color: #fff!important;
	border: 1px solid #000!important;
	background-color: #000!important;
	transition: all .3s;
}
.btn-outline-acc:hover,.btn-outline-acc:active,.btn-outline-acc:focus{
	color: #000!important;
	background-color: #fff!important;
	transition: all .3s;
}


/* その他設定 */
.arrow-right {
	position: relative;
}
.arrow-right:after{
	position: absolute;
	width: 20px;
	height: 20px;
	border-top: 2px solid #343a40;
	border-right: 2px solid #343a40;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	right: 1rem;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: all .3s;
}


/* ヘッダー */
.navbar-brand img{ max-width: 45px;}
ol.breadcrumb.small{
	font-size: .65rem!important;
}
@media screen and (max-width:991.98px) {
	.navbar-brand img{ max-width: 35px;}
	.navbar-dark .navbar-toggler{
		border: none!important;
	}
	.navbar-dark .navbar-toggler-icon{
		background-image: none!important;
		position: relative;
		display: block;
		width: 25px;
		height: 2px;
		margin: 16px 0px;
		transition: all .3s;
		border-radius: 1px;
		background-color: #fff;
	}
	nav .navbar-toggler-icon:before, nav .navbar-toggler-icon:after {
		position: absolute;
		display: block;
		width: 100%;
		height: 2px;
		content: '';
		transition: all .3s;
		border-radius: 0px;
		background-color: #fff;
	}
	nav .navbar-toggler-icon:before{top: -9px;}
	nav .navbar-toggler-icon:after{top: 9px;}
	.navbar-toggler.open .navbar-toggler-icon{ background-color: transparent;}
	.navbar-toggler.open .navbar-toggler-icon:before{
		transform: translate(0px, 9px) rotate(45deg);
		-ms-transform: translate(0px, 9px) rotate(45deg);
		width: 25px;
	}
	.navbar-toggler.open .navbar-toggler-icon:after{
		transform: translate(0px, -9px) rotate(-45deg);
		-ms-transform: translate(0px, -9px) rotate(-45deg);
		width: 25px;
	}
	.offcanvas-collapse {
		position: fixed;
		top: 65px; /* ナビバーの高さ */
		bottom: 0;
		left: 100%;
		width: 80%;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		background-color: #fff;
		z-index: 9998;
		transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
		transition: transform .3s ease-in-out, visibility .3s ease-in-out;
		transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
	}
	.offcanvas-collapse.open {
		visibility: visible;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	ul.navbar-nav li a.nav-link{
		padding: 1rem!important;
		border-bottom: 1px solid #dee2e6;
	}
	ul.navbar-nav li:first-child a.nav-link{
		padding: 0!important;
	}
	.navbar-dark .navbar-nav .nav-link {
		color: rgba(0,0,0,.5)!important;
	}
	.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link{
		color: #000!important;
	}
}


/* メインビジュアル */
.bg-video-wrap {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100vh;
	/* background: url(https://9bicofficial.net/wp-content/uploads/2020/07/Aaliyah_2-min.gif) no-repeat center center/cover; */
}
.bg-video-wrap video {
	-webkit-transform: translateX(-50%);
	left: 50%;
	max-height: initial;
	max-width: initial;
	min-width: 100%;
	min-height: 100vh;
	position: absolute;
	bottom: 0;
	transform: translateX(-50%);
	z-index: 1;
}
.overlay {
	width: 100%;
	height: 100vh;
	position: absolute;
	top: 0;
	left: 0;
	background-image:
		radial-gradient(#000 35%, transparent 36%),
		radial-gradient(#000 35%, transparent 36%);
	background-size: 4px 4px;
	background-position: 0 0, 2px 2px;
	z-index: 2;
}
.bg-video-wrap img{
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin:0;
	padding:0;
	z-index: 3;
	max-width: 200px;
}
.main-v-img{
	max-height: 100vh;
	overflow:hidden;
}
@media screen and (max-width:767.98px) {
	.bg-video-wrap,
	.bg-video-wrap video,
	.overlay {
		height: 70vh;
		min-height: 70vh;
	}
	.bg-video-wrap img{
		top: 55%;
		max-width: 100px;
	}
}


/* スクロールボタン */
.scroll-bottom{
	position: absolute;
	padding-top: 50px;
	bottom: -20px;
	left: 0;
	right: 0;
	z-index: 2;
	display: inline-block;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.scroll-bottom a{
	text-decoration: none;
	transition: all .3s;
}
.scroll-bottom a:hover{
	text-decoration: none;
	opacity: .7;
}
.scroll-bottom a span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 46px;
	height: 46px;
	margin-left: -23px;
	border: 2px solid #000;
	border-radius: 100%;
	box-sizing: border-box;
}
.scroll-bottom a span::after {
	position: absolute;
	top: 50%;
	left: 50%;
	content: '';
	width: 16px;
	height: 16px;
	margin: -12px 0 0 -8px;
	border-left: 2px solid #000;
	border-bottom: 2px solid #000;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	box-sizing: border-box;
}


/* ニュース */
.su-posts-news-loop a dd,
.su-posts-news-loop a{
	transition: all .3s;
}
.su-posts-news-loop a:hover{
	text-decoration: none;
	background-color: rgba(0,0,0,.1);
}
.su-posts-news-loop a{
	padding-right: 2.5rem!important;
}
.su-posts-news-loop a:first-child{
	border-top: 1px solid #dee2e6!important;
}
.news-link dd{
	font-size: .9rem!important;
}
span.category{
	color: #fff!important;
	font-weight: normal!important;
	padding: .15rem .8rem;
}
.news-date{
	font-size: .85rem!important;
}
.news-category{
	font-size: .8rem!important;
	font-family: 'Poiret One',cursive!important;
}
span.category.news-goods{
	background-color: #f44336!important;
}
span.category.news-info{
	background-color: #03A9F4!important;
}
span.category.news-live{
	background-color: #4CAF50!important;
}
span.category.news-media{
	background-color: #673AB7!important;
}
span.category.news-release{
	background-color: #FFC107!important;
}
span.category.no-category{
	display: none!important;
}

/* プロフィール */
img.profile-logo{ max-width: 800px;}

p.concept-text{
	font-family: "Sawarabi Mincho"!important;
	font-size: 1.5rem;
}
.p-logo img{ max-width: 100px;}
.p-sns{ font-size: .8rem!important;}
.profile-text-area{ font-size: .9rem!important;}
DD.career{
	font-size: .8rem!important;
	line-height: 1.35!important;
}
@media screen and (max-width:767.98px) {
	img.profile-logo{ max-width: 100%;}
	h4.p-name{ font-size: 1rem!important;}
	p.p-name{ font-size: .7rem!important;}
	.p-logo img{ max-width: 80px;}
}


/* グッズ */
.swiper-pagination-thumb {
  width: 20%;
  display: inline-block;
  padding: .25rem;
  cursor: pointer;
}
.swiper-pagination-thumb:hover,
.swiper-pagination-thumb:focus {
  outline: 0;
}
.swiper-pagination-thumb img{opacity: .75;}
.swiper-pagination-thumb-active img {
  border: 1px solid #343a40;
  opacity: 1;
}


/* fadeLayer */
.fadeLayer{
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	visibility: hidden;
	z-index: 5;
	transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;	
	transition: transform .3s ease-in-out, visibility .3s ease-in-out;	
	transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
}
.fadeLayer.in{
	visibility: visible;
	z-index: 980;
}


/* スケジュール */
.schedule-post:first-child{
	border-top: 1px solid #dee2e6!important;
}
.archive-schedule-post .row{
	opacity: .8!important;
}
@media screen and (max-width:767.98px) {
	.schedule-post h6{font-size: 80%!important;}
	.schedule-post h5{font-size: 90%!important;}
	.schedule-post p{font-size: 70%!important;}
	.schedule-post .arrow-right:after{ right: 0;}
}


/* コンタクトフォーム */
.wpcf7 {
	max-width: 100%!important;
}
.wpcf7 .wpcf7-form label{
	color: #000!important;
	vertical-align: text-top;
	margin-bottom: 0;
	line-height: 2;
}
textarea,
input[type="text"],
input[type="email"],
input[type="date"],
input[type="tel"],
input[type="file"],
select{
	border: solid 1px #7c7c7c!important;
}

textarea:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="date"]:focus,
input[type="tel"]:focus,
input[type="file"]:focus,
select:focus {
	box-shadow: none!important;
	border: solid 2px #000!important;
}
.haveto {
	background-color: #000;
	color: #fff!important;
	font-size: 70%;
	padding: 3px .5rem;
	margin-left: .5rem;
	border-radius: 0;
	vertical-align: text-bottom;
	line-height: 1.5;
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled, .wpcf7 input.disabled[type=submit], .wpcf7 input:disabled[type=submit]{
	padding-right:1.5rem!important;
	padding-left:1.5rem!important;
	border-radius: 50rem!important;
}
.btn-outline-primary, .wpcf7 input[type=submit]{
	color: #000!important;
	background-color: transparent;
	padding-right:1.5rem!important;
	padding-left:1.5rem!important;
	border-radius: 50rem!important;
}
.btn-outline-primary, .wpcf7 input[type=submit]{
	border-color: #000!important;
}
.btn.disabled, .btn:disabled, .wpcf7 input.disabled[type=submit], .wpcf7 input:disabled[type=submit],
.btn.disabled:hover, .btn:disabled:hover, .wpcf7 input.disabled[type=submit]:hover, .wpcf7 input:disabled[type=submit]:hover{
	color: #515151!important;
	border-color: #515151!important;
	background-color: transparent!important;
}
.btn-outline-primary, .wpcf7 input[type=submit]:hover{
	color: #fff!important;
	background-color: #000!important;
}
.wpcf7c-btn-back{
	background-color: transparent!important;
	border-radius: 50rem!important;
	border: 1px solid #515151!important;
	color: #515151!important;
	padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 1.5rem;
}
.ajax-loader{display: none!important;}
.btn-outline-primary, .wpcf7 input[type=submit],.wpcf7c-btn-back,
.btn-outline-primary.disabled, .btn-outline-primary:disabled, .wpcf7 input.disabled[type=submit], .wpcf7 input:disabled[type=submit]{
	width: 50%!important;
}
.form-group, .wpcf7 .wpcf7-form p{ text-align: center;}
.wpcf7-response-output{ display: none!important;}

@media screen and (max-width:767.98px) {
	.btn-outline-primary, .wpcf7 input[type=submit],.wpcf7c-btn-back,.btn-outline-primary.disabled, .btn-outline-primary:disabled, .wpcf7 input.disabled[type=submit], .wpcf7 input:disabled[type=submit]{
		width: 90%!important;
	}
}


/* reCAPTCHA */
.grecaptcha-badge { visibility: hidden; }
.recaptcha_policy {
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 11px !important;
	color: #444 !important;
}
.recaptcha_policy a {
	font-size: 11px !important;
	color: #111 !important;
}

.soldout-flg{
	top: 0;
	left: 0;
	width: 100%;
}

/* ページネーション */
.pagination{
	display: inline-flex!important;
}
.page-link{
	color: #000!important;
	font-size: .8rem;
}
.page-item.active .page-link{
	color: #fff!important;
	background-color: #000!important;
	border-color: #000!important;
}

/* カテゴリーページ */
.archive.category{
	padding: 0!important;
}
ul.choose-category span.news-category{
	font-size: .85rem!important;
}
ul.choose-category li a{
	color: #000!important;
}
ul.choose-category li a:hover{
	text-decoration: none!important;
}

/* ファンクラブページ */
.fc-contents p.text-line{
	position: relative;
	display: inline-block;
	padding: 0 30px;
	font-weight: bold;
}
.fc-contents p.text-line:before,.fc-contents p.text-line:after{
	content: '';
	position: absolute;
	top: 30%;
	display: inline-block;
	width: 25px;
	height: 2px;
	background-color: black;
}
.fc-contents p.text-line:before {
	left:0;
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg);
}
.fc-contents p.text-line:after {
	right: 0;
	-webkit-transform: rotate(-60deg);
	transform: rotate(-60deg);
}
.fc-contents h2{
  position: relative;
  display: inline-block;
  padding: 0 55px;
}
.fc-contents h2:before, .fc-contents h2:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: black;
}
.fc-contents h2:before {
  left:0;
}
.fc-contents h2:after {
  right: 0;
}
.fc-inner-contents h3{font-size: 1.5rem!important;}
.btn-fc-black{
	border: 1px solid #000!important;
	background-color: #000!important;
	color: #fff!important;
}
.btn-fc-white{
	border: 1px solid #000!important;
	background-color: #fff!important;
	color: #000!important;
}
.text-large{ font-size: 2rem!important;}
@media screen and (max-width:767.98px) {
	.fc-contents p.text-line{ font-size: .85rem!important; }
	.fc-contents h4{ font-size: 1.1rem!important; }
	.fc-inner-contents h3{font-size: 1rem!important;}
	.fc-inner-contents h1{font-size: 2rem!important;}
	.fc-inner-contents p{font-size: .8rem!important;}
	.fc-inner-contents p.small{font-size: .6rem!important;}
}



/* Youtube背景動画 */
#yt-vsl{
	position: relative;/*ローディング画像などを表示す際の基点とするため指定*/
	height: 100vh;/*高さを全画面にあわせる*/
	text-align: center;
}
#yt-vsl-area{
	position: absolute;
	z-index: 1;/*最背面に設定*/
	top: 0;
	right:0;
	left:0;
	bottom:0;
	overflow: hidden;
}
/*jQueryで付与されたappearクラスがついたらYoutubeエリアをふわっと表示*/
#yt-vsl-area.appear {
	animation-name:PageAnimeAppear;
	animation-duration:.5s;
	animation-fill-mode:forwards;
}
@keyframes PageAnimeAppear{
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
#yt-vsl-contents {
/*天地中央配置*/
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
/*縦横幅指定*/
  width: 177.77777778vh; /* 16:9 の幅→16 ÷ 9＝ 177.77% */
  height: 56.25vw; /* 16:9の幅 → 9 ÷ 16 = 56.25% */
  min-height: 100%;
  min-width: 100%;
}
/*youtubeがクリックされないためのマスク*/
#youtube-mask{
	position: absolute;
	z-index: 2;/*下から2番目に表示*/
	top:0;
	width:100%;
	height: 100%;
}
@media screen and (max-width:767.98px) {
	#yt-vsl{
		height: 70vh;/*高さを全画面にあわせる*/
	}
}

.soldout-flg-fade{
	background-color: #aaa;
	position: relative;
}
.soldout-flg-fade img.soldout-flg{
	opacity: .3;
}
.soldout-flg-fade:before{
	content: 'SOLD OUT';
	font-family: 'Poiret One', cursive!important;
	color: #fff!important;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	z-index: 10;
	font-size: 1.25rem;
	width: 100%;
	text-align: center;
	font-weight: bold;
}


/* スケジュールカレンダー */
.cmcal-calendar-container{
	width: 100%!important;
	max-width: 100%!important;
	border: 3px solid #000;
}
.cmcal-calendar-container.cmcal-calendar-25 .fc-toolbar h2{
	color: #fff!important;
	letter-spacing: 2px;
	font-weight: 700!important;
}
.cmcal-calendar-container .fc-toolbar .fc-right .fc-button{
	padding: .25rem 1rem!important;
	border-radius: 5px!important;
	border: 1px solid #000;
}
.cmcal-calendar-container .fc-ltr .fc-day-top .fc-day-number{
	display: inline-block!important;
	text-align: center!important;
	width: auto!important;
	font-size: .7rem!important;
}
.cmcal-calendar-container.cmcal-calendar-25 .fc-today .fc-day-number{
	padding: 0 0.5rem;
	border-radius: 50rem;
	color: #fff!important;
}
.cmcal-calendar-container.cmcal-calendar-25 .fc-event{
	font-size: .6rem!important;
	line-height: 1.25!important;
	white-space: nowrap!important;
	overflow: hidden!important;
	color: #fff!important;
}
.cmcal-calendar-container.cmcal-calendar-25 .fc-other-month .fc-day-number, .cmcal-calendar-container.cmcal-calendar-25 .fc .fc-bg td.fc-day.fc-other-month, .cmcal-calendar-container.cmcal-calendar-25 .fc .fc-row td.fc-day-top.fc-other-month a{
	color: #e5e6ea!important;
}
.upcoming-inner{
	background-color:#000;
	color: #fff;
}
.schedule-inner{
	border: 3px solid #000;
	background-color: #fff;
}
.suchedule-contents-date{
	font-weight: bold!important;
	font-size: .85rem!important;
	font-style: italic;
}
.suchedule-contents-place{
	font-size: .78rem!important;
}
.top-schedule-list ul li{
	margin-bottom: 1rem;
}
.top-schedule-list ul li:last-child{
	margin-bottom: 0rem;
}
.top-schedule-list ul li a{
	color: #000!important;
	transition: all .2s;
}
.top-schedule-list ul li a:hover{
	text-decoration: none!important;
	color: #000!important;
	opacity: .5;
}
.schedule-list-ttl{
	font-size: .9rem!important;
}
.cmcal-calendar-container .fc-body a{
	pointer-events: none!important;
}
p.suchedule-contents-date.shikiryoga,
p.suchedule-contents-place.shikiryoga,
h3.schedule-list-ttl.shikiryoga{
	color: #e83a51!important;
}
p.suchedule-contents-date.ichikawakeiichirou,
p.suchedule-contents-place.ichikawakeiichirou,
h3.schedule-list-ttl.ichikawakeiichirou{
	color: #3d69b2!important;
}
p.suchedule-contents-date.kariyasesatsuki,
p.suchedule-contents-place.kariyasesatsuki,
h3.schedule-list-ttl.kariyasesatsuki{
	color: #f4dc3b!important;
}
p.suchedule-contents-date.kunugiminato,
p.suchedule-contents-place.kunugiminato,
h3.schedule-list-ttl.kunugiminato{
	color: #15a371!important;
}
p.suchedule-contents-date.futabakotaro,
p.suchedule-contents-place.futabakotaro,
h3.schedule-list-ttl.futabakotaro{
	color: #e84a88!important;
}
p.suchedule-contents-date.rikkakiyoharu,
p.suchedule-contents-place.rikkakiyoharu,
h3.schedule-list-ttl.rikkakiyoharu{
	color: #920783!important;
}


/* オーディションページ */
.audition-head{
	position: relative;
}
.main-ttl{
	position: absolute;
	bottom: -15%;
	left: 0;
	width: 100%;
}
.main-ttl img{
	width: 100%;
}
.audition-vslvideo{
	height: 100%;
}
.audition-vslvideo video{
	max-width: 100vw;
	width: 100%;
}
.audition-vslimg img{
	width: 100%;
}
.audition-wrapper .lead-text{
	background-image: url(https://9bicofficial.net/wp-content/uploads/2023/12/bg5.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding-top: 5rem;
}
.audition-wrapper .lead-text .text-image{
	width: 100%;
	margin-top: 5rem;
}
.audition-wrapper .lead-text .text-image img{
	width: 100%;
}
.audition-wrapper .group-info{
	background-image: url(https://9bicofficial.net/wp-content/uploads/2023/12/bg2.jpg);
	background-size: 500px;
	padding-top: 5rem;
	padding-bottom: 5rem;
}
.audition-wrapper .group-info img{
	max-width: 160px;
}
.group-info-inner img{
	max-width: 100%!important;
	width: 100%;
}
.audition-howto{
	padding-top: 5rem;
	padding-bottom: 5rem;
}
.audition-attention{
	margin-top: 5rem;
	padding-top: 5rem;
	padding-bottom: 5rem;
}
.audition-howto h2.audition-ttl{
	position: relative;
	line-height: 1.4;
	padding:0.25em 1em;
	display: inline-block;
	top:0;
	font-weight: bold!important;
	letter-spacing: 10px;
	margin-right: -10px;
}
.audition-howto h2.audition-ttl:before,
.audition-howto h2.audition-ttl:after { 
	position: absolute;
	top: 0;
	content:'';
	width: 8px;
	height: 100%;
	display: inline-block;
}
.audition-howto h2.audition-ttl:before {
	border-left: solid 2px black;
	border-top: solid 2px black;
	border-bottom: solid 2px black;
	left: -10px;
}
.audition-howto h2.audition-ttl:after {
	content: '';
	border-top: solid 2px black;
	border-right: solid 2px black;
	border-bottom: solid 2px black;
	right: 0;
}
ul.section-6{
	border: 4px solid #000;
}
ul.section-6 li{
	position: relative;
	padding-left: 25px;
	margin-bottom: 1rem;
}
ul.section-6 li:last-child{
	margin-bottom: 0;
}
ul.section-6 li:before{
	content: '\f14a';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	top: 0;
	left: 0;
	color: #2AAAE2!important;
}

.audition-main .section-1{
	font-family: "Sawarabi Mincho"!important;
	font-size: 1.25rem!important;
	line-height: 2;
	text-align: center;
	margin-top: 9%;
	letter-spacing: 1px!important;
}
span.section-1-l{
	font-size: 1.75rem!important;
}
.audition-main .section-2{
	text-align: center;
	line-height: 2;
	font-size: .85rem!important;
}
.audition-main .section-3{
	text-align: center;
	line-height: 1.75;
	font-weight: bold;
}
.audition-main .section-3 span.s3-l{
	font-size: 1.5rem;
	color: #59b7e2;
}
.audition-main .section-4{
	line-height: 2;
	text-align: center;
}
.audition-main .section-5{
	line-height: 1.5;
	text-align: center;
	font-size: .9rem!important;
	font-style: italic!important;
}
.audition-main .section-4 i{
	color: #2AAAE2!important;
}
.section-7 .small-text{
	font-size: 1.25rem!important;
}
.section-7 h4{
	line-height: 1.5!important;
}
.section-8 h4.small-text{
	line-height: 1.5;
}
.section-8 h4 i{
	color: #0ac756;
}
.audition-main .section-9{
	line-height: 1.5;
	text-align: center;
	font-size: .9rem!important;
	font-style: italic!important;
}
a.btn-line{
	background-color: #0ac756!important;
	color: #fff!important;
	font-size: .9rem!important;
	font-weight: bold;
}
h3.scheme-ttl{
	background-color: #000!important;
	color: #fff!important;
	font-weight: bold;
	text-align: center;
	padding: 1rem 0;
	font-size: 1.5rem;
}
.audition-scheme dl dd{
	font-size: 1.25rem;
}
.audition-scheme dl dd small{
	font-size: .8rem!important;
}
.audition-scheme dl dt{
	line-height: 1.75;
}
.audition-scheme dl dd span.debut{
	font-size: .9rem;
	font-weight: bold;
	font-style: italic!important;
}
.audition-foot{
	padding-top: 5rem;
}
.audition-foot p.company{
	letter-spacing: 3px;
}
.audition-foot,.audition-foot a{
	color: #000!important;
	pointer-events: none!important;
}
.audition-main .group-info .su-youtube{
	border: 1px solid #fff;
}
@media screen and (max-width:991.98px) {
	.audition-main .section-1{
		margin-top: 5%;
	}
}
@media screen and (max-width:767.98px) {
	.audition-main .section-1{
		margin-top: 3%;
	}
	.audition-main .section-1,
	.audition-main .section-3,
	.audition-main .section-5{
		text-align: left;
	}
	.audition-main .section-2{
		text-align: justify!important;
	}
	.audition-main .section-3{
		line-height: 1.5;
		font-size: .85rem;
		text-align: justify!important;
	}
	.audition-main .section-3 span.s3-l{
		font-size: 1.25rem;
	}
	.audition-wrapper .lead-text{
		padding-top: 4rem;
	}
	.audition-wrapper .lead-text .text-image{
		margin-top: 2rem;
	}
	.audition-wrapper .group-info,
	.audition-howto{
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	.audition-attention{
		margin-top: 4rem;
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	.section-8 h4.small-text{
		font-size: 1.2rem;
		line-height: 1.5;
	}
	h3.scheme-ttl{
		padding: .7rem 0;
		font-size: 1.25rem;
	}
	.audition-scheme dl dt{
		font-size: .7rem;
	}
	.audition-scheme dl dd{
		font-size: .9rem;
	}
	.audition-scheme dl dd small{
		font-size: .65rem!important;
	}
	.audition-scheme dl dd span.debut{
		font-size: .85rem;
	}
	.audition-foot{
		padding-top: 4rem;
	}
}


/* 投票ページ */
.vote-mainvsl{
	background-image: url(https://9bicofficial.net/wp-content/uploads/2024/02/vote_mainlogo_bg.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 80vh;
}
.vote-mainvsl .container{
	position: relative;
	width: 100%;
	height: 100%;
}
.vote-mainvsl-inner{
	width: 100%;
	height: 80vh;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
.vote-mainvsl-inner img{
	max-height: 100%!important;
}
.vote-dot-bg{
	background-image: url(https://9bicofficial.net/wp-content/uploads/2024/02/vote_dot_bg.png);
	background-size: 50%;
}
.vote-nominate{
	background-color: #FF7BAC;
}
.vote-howto{
	background-color: #24D38C;
}
.nominate-item{
	background-color: #fff;
	color: #FF7BAC;
	font-weight: bold;
	text-align: center;
	font-size: .8rem;
	margin-bottom: .5rem;
	padding-top: .75rem;
	padding-bottom: .75rem;
}
.nominate-outer{
	padding-right: .25rem!important;
	padding-left: .25rem!important;
}
.vote-howto p.howto-text{
	font-size: .9rem!important;
	font-weight: bold;
}
.vote-wrapper{
	padding-bottom: 0!important;
	margin-bottom: -47px!important;
}
#PDI_container13376594 .pds-box,
#PDI_container13401292 .pds-box{
	width: 100%!important;
	border-radius: 0.85rem!important;
	border: 3px solid #000!important;
}
#PDI_container13376594 .pds-box .pds-question-top,
#PDI_container13401292 .pds-box .pds-question-top{
	margin-bottom: 25px!important;
}
#PDI_container13376594 .pds-box .pds-question-top div,
#PDI_container13401292 .pds-box .pds-question-top div{
	font-size: 1rem!important;
}
#PDI_container13376594 .pds-box .pds-input-label,
#PDI_container13401292 .pds-box .pds-input-label{
	margin-bottom: 0!important;
}
#PDI_container13376594 .pds-box .pds-answer-group,
#PDI_container13401292 .pds-box .pds-answer-group{
	margin-bottom: 18px!important;
}
#PDI_container13376594 .pds-box .pds-links,
#PDI_container13401292 .pds-box .pds-links{
	display: none!important;
}
#PDI_container13376594 .pds-box .pds-vote,
#PDI_container13401292 .pds-box .pds-vote{
	padding-top: 25px!important;
}
#PDI_container13376594 .pds-box .pds-vote-button, .pds-box .pds-vote-button-load,
#PDI_container13401292 .pds-box .pds-vote-button, .pds-box .pds-vote-button-load{
	display: block!important;
	width: 100%!important;
	background-color: #ff7cac!important;
	border: 1px solid #ff7cac!important;
	padding: 10px 25px!important;
	font-size: 1rem!important;
}
#PDI_container13376594 .pds-box .pds-vote-button:hover, .pds-box .pds-vote-button-load:hover,
#PDI_container13401292 .pds-box .pds-vote-button:hover, .pds-box .pds-vote-button-load:hover{
	color: #ff7cac!important;
	background-color: #fff!important;
}
@media screen and (max-width:991.98px) {}
@media screen and (max-width:767.98px) {
	.vote-mainvsl{
		height: 100vw;
	}
	.vote-mainvsl-inner{
		height: auto;
	}
	.vote-dot-bg{
		background-size: 100%;
	}
	.nominate-item{
		font-size: .6rem;
	}
	.vote-howto p.howto-text{
		font-size: .765rem!important;
	}
}