@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/


/* トップスプリット */
.rebel-catch{
position: absolute;
top:56%;
left:50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
z-index:999999;
color:white;
}

.rebel-main-catch{	
font-size:40px;
text-align:center;
margin-bottom:10px;
}

.rebel-sub-catch{
font-size:20px;
text-align:center;
}


.rebel-section{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}


.rebel-section .rebel-movie{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.rebel-section .rebel-movie#effect1{
clip-path: polygon(0 0, 0% 100%, 100% 100%);
}

.rebel-section .rebel-movie#effect2{
clip-path: polygon(0 0, 100% 0, 100% 100%);
}

.rebel-section .rebel-movie video{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}


.rebel-top{
margin-top:150vh;
}

/* youtube埋め込み */

.movie-content-wrap {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	 overflow:hidden; //これを記述することではみ出た部分を非表示にします。
}



.movie-content-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.movie-content-wrap img {
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}
.movie-content-wrap img:hover{
	transform:scale(1.1,1.1);
	transition:1s all;
}

@media screen and (max-width: 959px) {
	.rebel-section{
		width:100%;
		height:56.25vw;
	}
	.rebel-section .rebel-movie{
		height:56.25vw;
	}
	.wp-block-cover.cover-sprit{
		min-height:0;
	}
	.rebel-top{
		margin-top:20vh;
	}
	.sec-cover.wp-block-cover .wp-block-cover__image-background{
		object-fit:contain;
	}
	.sec-cover.wp-block-cover{
		min-height:480px!important;
	}
	.sec-news.swell-block-fullWide.has-bg-img{
		background-size:contain;
	}
}
@media screen and (max-width: 480px) {
	.rebel-section{
		width:100%;
		height:56.25vw;
	}
	.rebel-section .rebel-movie{
		height:56.25vw;
	}
	.wp-block-cover.cover-sprit{
		min-height:0;
	}
	.rebel-top{
		margin-top:20vh;
	}

		.sec-clublade.wp-block-cover .wp-block-cover__image-background{
		object-fit:contain;
	}
	.sec-cover.wp-block-cover{
		min-height:240px!important;
	}

}