@charset "UTF-8";


.y_name {
	text-align: center;
    padding: 5px 0 10px;
}
/* ------------------------------
	.fv
------------------------------ */
.fv{
	position: relative;
	width: 100%;
	height: 820px;
	overflow: hidden;
	background: #000 url(../img/index/2021/210806_mv_bk.png) no-repeat center top;
	background-size: cover;
}

.fv .img,
.fv img{
	width: 100%;
}

.fv .fv_box{
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.fv .fv_box .fv_ttl{
	display: block;
	margin-top: 15px;
	text-align: center;
	color: #fff;
	font-weight: 900;
	font-size: 11.0rem;
	line-height: 1;
	letter-spacing: 0;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
}


@media screen and (max-width: 768px){
	.fv{
		height: 500px;
		background: #000 url(../img/index/2021/210806_mv_bk.png) no-repeat center top;
		background-size: cover;
	}
	.fv .fv_box .fv_ttl{
		font-size: 4.5rem;
	}
	.fv .img,.fv img{
		width: 95%;
		margin: 0 auto;
		padding-left: 4%;
	}
}



/* ------------------------------
	.about
------------------------------ */
.about{
	padding: 60px 0;
	background: #fff;
	/*background: url(../img/index/bg_about.png) repeat center center;*/
}

.about .wrap{
	max-width: 800px;
}

.about .img{
	flex-shrink: 0;
	margin-right: 40px;
}

.about .ttl{
	position: relative;
	padding-bottom: 18px;
	margin-bottom: 20px;
	border-bottom: 1px solid #9B7C39;
	font-size: 3.2rem;
	line-height: 1.3;
	font-weight: bold;
	color: #4A3B1D;
}
.about .ttl::before{
	position: absolute;
	left: 0;
	bottom: -1px;
	content: "";
	width: 120px;
	height: 3px;
	background: #9B7C39;
}

.about .txt{
	font-size: 1.8rem;
}

.about .btn{
	margin-top: 35px;
}


@media screen and (max-width: 768px){
	.about{
		padding: 35px 0;
	}

	.about .wrap{
		width: 90%;
		flex-direction: column;
	}

	.about .ttl{
		padding-bottom: 10px;
		margin-bottom: 10px;
		font-size: 2.1rem;
	}

	.about .txt{
		font-size: 1.3rem;
	}

	.about .btn{
		margin-top: 15px;
	}
}

/* ------------------------------
	.danceMovieArea
------------------------------ */
.danceMovieArea .danceMovieBox {
	
}
.danceMovieArea .en_ttl {
    margin-bottom: 33px;
}
.danceMovieArea .danceMovieBox ul {}
.danceMovieArea .danceMovieBox ul li {
	width: 49%;
	margin-right: 2%;
	margin-bottom: 4%;
}
.danceMovieArea .danceMovieBox ul li iframe {
	width: 100%;
}
.danceMovieArea .danceMovieBox ul li:nth-child(2n) {
	margin-right: 0;
}
.danceMovieArea .danceMovieBox ul li:nth-child(3),.danceMovieArea .danceMovieBox ul li:nth-child(4) {
	margin-bottom: 0;
}
@media screen and (max-width: 768px){
	.danceMovieArea .en_ttl {
		margin-bottom: 15px;
	}
}

/* ------------------------------
	.latestInformation
------------------------------ */
.latestInformation {
}

.latestInformation .snsArea {
	/*margin-bottom: 80px;*/
}
.latestInformation .snsArea .en_ttl {
	margin-bottom: 33px;
}
.latestInformation .snsArea .txt {}
.latestInformation .snsArea .snsBox {}
.latestInformation .snsArea .snsBox ul {}
.latestInformation .snsArea .snsBox ul li {
	width: 48%;
}
.latestInformation .snsArea .snsBox ul li .main {
	height: 525px;
	overflow: hidden;
	overflow-y: scroll;
}
.latestInformation .snsArea .snsBox ul li.twitterArea {
	border: 1px solid #55acef;
}
.latestInformation .snsArea .snsBox ul li.twitterArea .title {
	color: #fff;
	text-align: center;
	background: #55ACEF;
	padding: 13px 0 11px;
}
.latestInformation .snsArea .snsBox ul li.twitterArea .title:before {
	content: '';
	display:inline-block;
	width: 25px;
	height: 20px;
	vertical-align: middle;
	background: url(../img/common/ico_tw.png);
	background-size: 25px 20px;
	margin-right: 9px;
}
.latestInformation .snsArea .snsBox ul li.tiktokArea {
	border: 1px solid #f72c55;
}
.latestInformation .snsArea .snsBox ul li.tiktokArea .title {
	color: #fff;
	text-align: center;
	background: #F72C55;
	padding: 13px 0 11px;
}
.latestInformation .snsArea .snsBox ul li.tiktokArea .title:before {
	content: '';
	display:inline-block;
	width: 25px;
	height: 25px;
	vertical-align: middle;
	background: url(../img/common/ico_tt.png);
	background-size: 25px 25px;
	margin-right: 9px;
}

.latestInformation .movieArea {
	margin-top: 70px;
}
.latestInformation .movieArea .en_ttl {
	margin-bottom: 30px;
}
.latestInformation .movieArea .txt {}
.latestInformation .movieArea .movieBox {}
.latestInformation .movieArea .movieBox ul {}
.latestInformation .movieArea .movieBox ul li {
	/*width: 32%;
	margin-right: 2%;*/
	margin-bottom: 4%;
}
.latestInformation .movieArea .movieBox ul li iframe {
	width: 100%;
}
.latestInformation .movieArea .movieBox ul li:nth-child(3n) {
	margin-right: 0;
}
/*サブスクQRコード*/
.latestInformation .subscriptionArea {
	margin-top: 70px;
}
.latestInformation .subscriptionArea .en_ttl {
	margin-bottom: 33px;
}
.latestInformation .subscriptionArea ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.latestInformation .subscriptionArea ul .col4 {
	margin-bottom: 3rem;
	padding: 1rem;
	width: 25%;
	list-style: none;
}
.latestInformation .subscriptionArea ul .col4 .box {
	border: 1px solid #888787;
	padding: 1rem 2rem;
}
.home .subscription ul .col4 img {
	width: 100%;
	height: auto;
}
@media screen and (max-width: 768px){
	.latestInformation .subscriptionArea ul .col4 {
		width: 50%;
	}
	.latestInformation .subscriptionArea ul .col4 img {
		width: 100%;
	}
}

@media screen and (max-width: 768px){
	.latestInformation {
	}
	.latestInformation .movieArea {
		margin-top: 40px;
	}
	.latestInformation .snsArea {
		margin-bottom: 40px;
	}
	.latestInformation .snsArea .en_ttl {
		margin-bottom: 15px;
	}
	
	.latestInformation .snsArea .snsBox ul li {
		width: 100%;
	}
	.latestInformation .snsArea .snsBox ul li .main {
		height: 240px;
	}
	.latestInformation .snsArea .snsBox ul li .main .tiktok-embed {
		width: 90%;
		margin: 0 auto;
		min-width: 300px !important;
	}
	.latestInformation .snsArea .snsBox ul li:not(:last-of-type) {
		margin-bottom: 7%;
	}
	.latestInformation .snsArea .snsBox ul li.tiktokArea .title {
		margin-bottom: 10px;
	}
	.latestInformation .movieArea .en_ttl {
		margin-bottom: 15px;
	}
	.latestInformation .movieArea .movieBox ul li {
		/*width: 49%;
		margin-right: 2%;*/
	}
	.latestInformation .movieArea .movieBox ul li:nth-child(3n) {
		/*margin-right: 2%;*/
	}
	.latestInformation .movieArea .movieBox ul li:nth-child(2n) {
		margin-right: 0;
	}
}

/* ------------------------------
	.baseballDanceMovie
------------------------------ */
.baseballDanceMovie .en_ttl {
	margin-bottom: 33px;
}
@media screen and (max-width: 768px){
	.baseballDanceMovie .en_ttl {
		margin-bottom: 15px;
	}
	.baseballDanceMovie .en_ttl {
		margin-bottom: 15px;
	}
}