/*
 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
*/

/* 全体設定 */
body{
	font-family: 'Noto Sans JP', sans-serif!important;
	font-size: .85rem!important;
	color: #000!important;
}
body.home{
	margin-top: 0!important;
}
a{ color: #000!important;}
a:hover{ text-decoration: none!important;}
.wrapper{
	padding-top: 0!important;
	margin-top: 0!important;
}
:focus{
	outline: none!important;
	box-shadow:none !important;
}
.news-content a{ word-break: break-all!important;}
.bg-black{ background-color: #000!important;}
@media screen and (max-width:991.98px) {}
@media screen and (max-width:767.98px) {
	body.fixed {
		position: fixed;
		width: 100%;
	}
	body.home{ margin-top: 2rem!important;}
}

/* パンくずリスト */
.breadcrumb{
	display: block!important;
	overflow-x: hidden!important;
	white-space: nowrap!important;
	text-overflow: ellipsis!important;
}
.breadcrumb .breadcrumb-item{
	display: inline!important;
}

/* フォント */
.ttl{
	font-family: 'Chathura', sans-serif!important;
}
a.nav-link{
	font-family: 'Chathura', sans-serif!important;
	font-weight: 700;
	font-size: 	1.75rem;
}
.page-ttl{
	font-size: 2.5rem!important;
	font-weight: 700;
	line-height: 1!important;
}
.news-date{
	font-size: 1.65rem;
	line-height: 1;
}
.news-category{
	font-family: 'Encode Sans Semi Condensed', sans-serif!important;
	font-size:.65rem;
}
.fw-bold{
	font-weight: bold!important;
}
span.category{
	color: #fff!important;
	padding: .1rem .8rem;
}
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: #f18d00!important;
}
span.category.news-release{
	background-color: #FFC107!important;
}
span.category.no-category{
	display: none!important;
}
span.category.uncategorized{
	display: none!important;
}
@media screen and (max-width:767.98px) {
	.page-ttl{
	font-size: 2rem!important;
	font-weight: 600;
	line-height: 1!important;
}
}

/* リンク関連 */
.text-black{
	color: rgba(0,0,0,1)!important;
	transition: all .1s;
}
.text-black:hover{
	color: rgba(0,0,0,.5)!important;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
	color: rgba(0,0,0,1)!important;
}
a.news-link{
	transition: all .2s;
}
a.news-link:hover{
	text-decoration: none!important;
	padding: 1rem;
	background-color: rgba(0,0,0,.05);
	box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{ color: rgba(0,0,0,1)!important;}
.navbar-light .navbar-nav .nav-link{color: rgba(0,0,0,.5)!important;}
.navbar-light .navbar-nav .nav-link:hover{color: rgba(0,0,0,1)!important;}
.news-content a,
p.link-text a{
	color: #007bff!important;
}

/* ボタン */
.btn-outline-black{
	font-family: 'Chathura', sans-serif!important;
	color: #000!important;
	font-size: 1.6rem!important;
	border: 1px solid #000!important;
	background-color: rgba(0,0,0,0)!important;
	transition: all .3s;
}
.btn-outline-black:hover,.btn-outline-black:active,.btn-outline-black:focus{
	color: #fff!important;
	background-color: rgba(0,0,0,1)!important;
	transition: all .3s;
}
.news-content a.btn-outline-black{
	font-family: 'Noto Sans JP', sans-serif!important;
	color: #000!important;
	font-size: 1rem!important;
	line-height: 2!important;
}
.news-content a.btn-outline-black:hover,.news-content a.btn-outline-black:active,.news-content a.btn-outline-black:focus{
	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);
}

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

/* ヘッダー */
.navbar-brand img{
	max-width: 120px;
}
nav.navbar{
	border-bottom: 1px solid #000;
	z-index: 9999!important;
}
.navbar-brand{
	margin-right: 2rem!important;
}

/* ナビバー改造 */
@media screen and (max-width:991.98px) {
	.navbar-brand img{ max-width: 80px;}
	.navbar-light .navbar-toggler{
		border: none!important;
	}
	.navbar-light .navbar-toggler-icon{
		background-image: none!important;
		position: relative;
		display: block;
		width: 25px;
		height: 2px;
		margin: 16px 0px;
		transition: all .3s;
		border-radius: 0px;
		background-color: #000;
	}
	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: #000;
	}
	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: 60px; /* ナビバーの高さ */
		bottom: 0;
		left: 100%;
		width: 80%;
		padding: 0 1rem!important;
		border-top: 1px solid #000;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		background-color: #fff;
		z-index: 9999;
		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: .5rem 0;
		border-bottom: 1px solid #dee2e6;
	}
}

/* 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: 9990;
}

/* メインヴィジュアル */
.main-vsl{
	width: 100%;
	height: auto;
	position: relative;
	padding-top: 70px;
}
@media screen and (max-width:1600px) {
	.main-vsl{ background-position: center;}
}
@media screen and (max-width:1120px) {
	.main-vsl{ 
		height: auto;
		padding-top: 50px;
	}
}
@media screen and (max-width:991.98px) {
	.main-vsl{ height: auto;}
}
@media screen and (max-width:767.98px) {
	.main-vsl{
		height: auto;
		padding-top: 25px;
	}
}

/* バナースライダー */
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right: -30px!important;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left: -30px !important;}
.swiper-button-black{ color:#000!important;}

/* スケジュール */
.schedule-card{
	background-color: rgba(255,255,255,1);
	border: 2px solid #000;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
	transition: all .2s;
	background-image: url(https://7minofficial.net/wp-content/uploads/2021/03/bg-icon5.png);
	background-repeat: no-repeat;
	background-size: 50%;
	background-position: top right;
}
.schedule-card:hover{
	text-decoration: none!important;
	background-color: rgba(255,255,255,.1);
	box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
}
.schedule-list h3,
.schedule-card h3{
	font-weight: bold;
	font-size: 4rem!important;
}
.no-schedule{ position: relative;}
.no-schedule p{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
.archive-schedule-post .row{
	opacity: .8!important;
}
@media screen and (max-width:767.98px) {
	.schedule-list h3,.schedule-card h3{ font-size: 2rem!important;}
	.schedule-list h4,.schedule-card h4{ font-size: .9rem!important;}
	.schedule-list p,.schedule-card p{ font-size: .7rem!important;}
}

/* プロフィール */
.swiper-button-next, .swiper-button-prev{ top: calc(50% - 30px)!important;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left: 36%!important;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right: 36%!important;}
.pr-sns ul li{ vertical-align: bottom!important;}
@media screen and (max-width:767.98px) {
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left: 18%!important;}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right: 18%!important;}
}

/* NEWS */
.choose-category .news-category{
	line-height: 2.5!important;
}
.choose-category a.active{
	background: #000;
	color: #fff!important;
}
.choose-category a{
	background: #fff;
	color: #000!important;
	transition: all .2s;
}
.choose-category a:hover{
	background: #000;
	color: #fff!important;
}

/* ページネーション */
.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;
}

/* フッター */
#wrapper-footer{
	border-top: 1px solid #000!important;
}

/* コンタクトフォーム */
.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: .1rem .5rem;
	margin-left: .5rem;
	border-radius: 0;
	line-height: 1;
}
.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%;
}

/* サンクスページ */
h1.thanks-ttl{
	font-size: 1.5rem!important;
}

/* メニューSNSアイコン */
li.menu-item-148,li.menu-item-149,li.menu-item-150,li.menu-item-244,li.menu-item-246{
	display: none;
}
@media screen and (max-width:767.98px) {
	.navbar-nav{ display: block!important;}
	li.menu-item-246{ display: block;}
	li.menu-item-148,li.menu-item-149,li.menu-item-150,li.menu-item-244{
		display: inline-block!important;
		width: 15%;
		padding-top: 1rem;
	}
	li.menu-item-148 a,li.menu-item-149 a,li.menu-item-150 a,li.menu-item-244 a{
		border-bottom: none!important;
		padding: 0!important;
	}
}

/* 商品詳細 */
.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;
}
.btn-cart{
	border: 1px solid #000!important;
	border-radius: 0!important;
	background: #fff!important;
	color: #000!important;
}
.btn-cart:hover{
	border-radius: 0!important;
	background: #000!important;
	color: #fff!important;
}
table.size-table{
	font-size: .75rem!important;
	border-bottom: 1px solid #dee2e6!important;
}
table.size-table thead th{
	border-bottom: 1px solid #dee2e6!important;
}
.size-table th, .size-table td{
	text-align: center!important;
	border-left: 1px solid #dee2e6!important;
}
.size-table th:last-child, .size-table td:last-child{
	border-right: 1px solid #dee2e6!important;
}

/* インフォメーション関連ページ */
.information-page h1.ttl-jp{
	font-size: 1.25rem!important;
}

/* FCページ */
.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;
}

.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: 'Chathura', sans-serif!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.8rem;
	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-12 .fc-toolbar h2{
	font-family: 'Noto Sans JP', sans-serif!important;
	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;
}
.fc-view-container{
	font-family: 'Noto Sans JP', sans-serif!important;
}
.cmcal-calendar-container .fc-ltr .fc-day-top .fc-day-number{
	font-family: 'Noto Sans JP', sans-serif!important;
	display: inline-block!important;
	text-align: center!important;
	width: auto!important;
	font-size: .7rem!important;
}
.cmcal-calendar-container.cmcal-calendar-12 .fc-today .fc-day-number{
	padding: 0 0.5rem;
	border-radius: 50rem;
	color: #fff!important;
}
.cmcal-calendar-container.cmcal-calendar-12 .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-12 .fc-other-month .fc-day-number, .cmcal-calendar-container.cmcal-calendar-12 .fc .fc-bg td.fc-day.fc-other-month, .cmcal-calendar-container.cmcal-calendar-12 .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-family: 'Chathura', sans-serif!important;
	line-height: 0.8!important;
	font-size: 1.5rem;
}
.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;
}

.cmcal-calendar-container .fc-body a{
	pointer-events: none!important;
}
p.suchedule-contents-date.hinomiyayu,
p.suchedule-contents-place.hinomiyayu,
h3.schedule-list-ttl.hinomiyayu{
	color: #e83a51!important;
}
p.suchedule-contents-date.mizuharakyoya,
p.suchedule-contents-place.mizuharakyoya,
h3.schedule-list-ttl.mizuharakyoya{
	color: #3d69b2!important;
}
p.suchedule-contents-date.shirokanerintaro,
p.suchedule-contents-place.shirokanerintaro,
h3.schedule-list-ttl.shirokanerintaro{
	color: #f4dc3b!important;
}
p.suchedule-contents-date.kiseryoga,
p.suchedule-contents-place.kiseryoga,
h3.schedule-list-ttl.kiseryoga{
	color: #15a371!important;
}
p.suchedule-contents-date.usamikento,
p.suchedule-contents-place.usamikento,
h3.schedule-list-ttl.usamikento{
	color: #e84a88!important;
}
p.suchedule-contents-date.hinoderiku,
p.suchedule-contents-place.hinoderiku,
h3.schedule-list-ttl.hinoderiku{
	color: #f18d00!important;
}

/* カラオケ配信ソング投票 */
.karaoke-vsl{
	background-image: url(https://7minofficial.net/wp-content/uploads/2024/06/karaoke-ttl-bg.jpg);
	background-size: cover;
	background-position: center;
	position: relative;
	width: 100vw;
	height: 70vh;
}
.karaoke-vsl .title-logo{
	max-width: 90%;
	width: 1200px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
.karaoke-lead{
	background-image: url(https://7minofficial.net/wp-content/uploads/2024/06/vote_dot_bg.png);
	background-size: 50%;
	text-align: center;
	padding: 5rem 0;
}
.karaoke-lead img{
	max-width: 90%;
	width: 800px;
}
.songlist{
	background-color: #4daae8;
	padding: 5rem 0;
}
.songlist-item{
	background-color: #fff;
	color: #4daae8;
	display: block;
	font-size: .8rem!important;
	padding-right: .25rem !important;
	padding-left: .25rem !important;
}
.songlist-item.rounded-pill{
	margin-top: 1rem;
	min-height: 50px;
	position: relative;
}
.songlist-item.rounded-pill .song-name{
	width: 90%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
.karaoke-howto{
	background-color: #ff73bf;
	padding: 5rem 0;
	color: #fff!important;
}
#PDI_container13940609 .pds-box,
#PDI_container .pds-box{
	width: 100%!important;
	border-radius: 0.85rem!important;
	border: 3px solid #000!important;
}
#PDI_container13940609 .pds-box .pds-question-top,
#PDI_container .pds-box .pds-question-top{
	margin-bottom: 25px!important;
}
#PDI_container13940609 .pds-box .pds-question-top div,
#PDI_container .pds-box .pds-question-top div{
	font-size: 1rem!important;
}
#PDI_container13940609 .pds-box .pds-input-label,
#PDI_container .pds-box .pds-input-label{
	margin-bottom: 0!important;
}
#PDI_container13940609 .pds-box .pds-answer-group,
#PDI_container .pds-box .pds-answer-group{
	margin-bottom: 18px!important;
}
#PDI_container13940609 .pds-box .pds-links,
#PDI_container .pds-box .pds-links{
	display: none!important;
}
#PDI_container13940609 .pds-box .pds-vote,
#PDI_container .pds-box .pds-vote{
	padding-top: 25px!important;
}
#PDI_container13940609 .pds-box .pds-vote-button, .pds-box .pds-vote-button-load,
#PDI_container .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_container13940609 .pds-box .pds-vote-button:hover, .pds-box .pds-vote-button-load:hover,
#PDI_container .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) {
	.karaoke-vsl{
		height: 32vh;
	}
	.karaoke-lead{
		background-size: 90%;
		padding: 3rem 0;
	}
	.songlist,.karaoke-howto{
		padding: 3rem 0;
	}
	.songlist-item{
		font-size: .6rem!important;
	}
	.songlist-item.rounded-pill{
		min-height: 45px;
	}
}