@media screen and (min-width:768px){
	.sp_only{
		display: none!important;
	}
}/*@media screen and (min-width:768px){*/

@media screen and (max-width:767px){
	.sp_hide{
		display: none!important;
	}


		/*
	------------------------------------
	共通パーツ
	------------------------------------
	*/

	.container{
		max-width: 450px;
		width:calc(345 / 375 * 100vw);
	}

	.common_wave{
		width:800px;
		max-height: 200px;
	}

	.common_wave.top{
		top:-50px;
	}
	.common_wave.bottom{
		bottom:-50px;
	}




	.common_sec_deco{
		width:1013px;
		height:23px;
	}

	.common_sec_deco.top{
		top:20px;
	}
	.common_sec_deco.bottom{
		bottom:20px;
	}

	.common_slide_area{
		max-width: 2000px;
		margin:40px auto 0;
	}

	.common_slide_area .swiper_block.shift{
		margin-top: 24px;
		width: calc(100% + 125px);
		margin-left: -125px;
	}

	/*縦長動画のカード*/

	.common_slide_area .movie_slide{
		width:140px!important;
		padding:0 10px;
	}

	.common_movie_card .movie_rank{
		padding-bottom: 4px;
		width: 70px;
		height:45px;
		margin:0 auto 12px;
		font-size: 12px;
	}

	.common_movie_card .movie_count{
		margin-top: 8px;
		/* font-size: 14px; */
		font-size: 13px;
	}



	/*横長動画のカード*/

	.common_slide_area .full_movie_slide{
		width:250px!important;
		padding:0 10px;
	}


	.common_full_movie_card .movie_title{
		margin-top: 12px;
		line-height: 1.5;
		font-size: 13px;
	}

	/*動画のポップアップ*/

	.common_movie_pop .movie_pop_inner{
		height: 100vh;
		height: calc(var(--vh2, 1vh) * 100);

	}

	.common_movie_pop .movie_pop_close{
		top:30px;
		right:30px;
	}

	.common_movie_pop .movie_pop_close::after{
		width:24px;
		height:24px;
	}

	.common_movie_pop .movie_frame{
		height: 80vh;
		max-height: 700px;
	}


	.common_movie_pop[data_pop_movie_type="full_movie"] .movie_frame{
		width:1000px;
		max-width: 90%;
		height:auto;
	}


	/*タグ一覧エリア*/
	.common_tag_area{
		margin-top: 32px;
	}

	.common_tag_area .tag_line{
		display: flex;
		font-size: 16px;

	}

	.common_tag_area .tag_track{
		gap:0 16px;
	}

	.common_tag_area .tag_list{
		gap:0 16px;
	}


	.common_tag_area .tag_line{

	}
	.common_tag_area .tag_line + .tag_line{
		margin-top: 16px;
	}



	/*
	------------------------------------
	ヘッダー
	------------------------------------
	*/
	header{
		
	}

	header .header_inner{
	padding:0 12px;
}

	header .header_flex{
		
		height:45px;

	}

	header .header_logo{
		display: none;
	}

	header .header_logo img{
		height:18px;
		width:auto;

	}

	header .drawer_open{
		min-width: 30px;
		min-height: 25px;
	}

	header .drawer_open .bar{
		width:30px;
		height:3px;
	}

	header .drawer_open .bar02{
		margin:6px 0;
		width:80%;
	}

	header .drawer_open.active .bar01 {
		transform: translateY(1px) rotate(-45deg);
	}

	header .drawer_open.active .bar03 {
		transform: translateY(-2px) rotate(45deg);
	}

	/*
	------------------------------------
	フッター
	------------------------------------
	*/
	footer{
		padding-top: 60px;
		padding-bottom: 40px;
	}

	footer .footer_logo_flex{
		display: flex;
		justify-content: center;
		align-items: flex-start;
		gap:0 16px;
	}

	footer .footer_logo_flex img{
		height:30px;
		width:auto;
	}

	footer .footer_copy{
		margin-top: 24px;
		font-size: 13px;
		text-align: center;
	}

	/*
	------------------------------------
	トップページ
	------------------------------------
	*/

	body.top_body{
		
	}

	main.top_main{

	}

	.common_wave.top{
		z-index: 20;
	}

	.top_section{
		position: relative;
	}

	.top_section .sec_title{
		font-weight: bold;
		font-size: 24px;
		text-align: center;	
	}

	.top_fv_section{
		position: relative;

	}
	.top_fv_section .fv_common_slide_area{
		position: relative;
	}
	.top_fv_section .fv_common_slide_area::before{
		content:'';
		width:100%;
		height:100%;
		background-color: rgba(0,0,0,0.2);
		position: absolute;
		top:0;
		left:0;
		z-index: 8;
	}


	.top_fv_section .fv_catch{
		max-height: 50%;
		right:auto;
		left:24px;
		top:30px;
	}

	.top_fv_section .top_fv_slide{
		width:100%;
	}

	.top_fv_section .top_fv_card{
		height: calc(100vh - 400px);
		min-height: 400px;
	}


	.top_fv_section .fv_view_more{
		width:34px;
		bottom:10%;
		right:auto;
		left:24px;
		display: none;
	}

	.top_prologue_section{
		padding-top: 70px;
		padding-bottom: 80px;
		
	}

	.top_prologue_section::before{
		height: calc(100% - 40px);
		top: 20px;
	}
	

	.top_prologue_section .prologue_area{
		max-width: 1100px;
		margin-inline: auto;

	}

	.top_prologue_section .prologue_head{
		font-size: 24px;	
	}

	.top_prologue_section .prologue_text{
		font-size: 15px;
		line-height: 2.5;
		margin-top: 32px;

	}

	.top_prologue_section .prologue_text strong{
		font-size: 24px;
		
	}

	.top_secion_list{
		position: relative;
	}

	.top_secion_list .top_secion_bg{
		min-width: 1000px;
		opacity: 0.3;
		background-image: url('../img/top/top_bg.png');
	}

	.top_recent_section{
		padding-top:84px;
		padding-bottom: 90px;
	}

	.top_rank_section{
		padding-top: 30px;
		padding-bottom: 60px;
	}

	.top_rank_section::before{
		height: calc(100% - 40px);
		top: 20px;
	}


	.top_recommend_section{
		padding-top: 100px;
		padding-bottom: 60px;
	}

	.top_category_section{
		padding-top: 100px;
		padding-bottom: 120px;
	}


	.top_category_section .movie_category_list{
		max-width: 1120px;
		margin:40px auto 0;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		flex-wrap: wrap;
		gap:24px 0;
	}

	.top_category_section .movie_category_list li{
		width:31%;
	}



	.top_category_section .movie_category_list span{

		font-size:16px;
	}


	/*
	------------------------------------
	動画一覧ページ
	------------------------------------
	*/

	body.movie_list_body{
		
	}

	main.movie_list_main{
		
	}

	.movie_list_section{

	}

	.movie_list_section .selected_tag{
		margin-top: 12px;

		font-size: 16px;

	}

	.movie_list_section .no_result{
		margin-top: 24px;
	}

	.movie_archive_section{
		margin-top: 60px;
		padding-top: 80px;
		padding-bottom: 48px;
	}

	.movie_archive_section .page_title{
		font-size: 28px;

	}

	.movie_archive_section .movie_category_list{
		margin-top: 56px;
		
		gap: 24px 0;
		justify-content: space-between;
	}

	.movie_archive_section .movie_category_list li{
		width: 48.5%;
	}

	.movie_archive_section .movie_category_list li a{
		width: 100%;
		height: 50px;
		border-radius: 25px;
		font-size: 18px;
		
	}

	.movie_archive_section .swiper_block + .swiper_block{
		margin-top: 24px;
	}


}/*@media screen and (max-width:767px){*/