@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&family=Noto+Sans+JP:wght@100..900&display=swap');
:root {
  --vw: 1vw;
}
:root {
  --vh: 1vh;
}
img{
	display: block;
}



.site-header {
    z-index: 10;
    background-color: #000;
	z-index: 100;
}

.header_right{
	display: flex;
	justify-content: flex-end;
	gap:min(20px, 4vw);
	padding-right: 15px;
}
.header_right a{
	display: block;
}
.header_right a img{
	display: block;
	width: auto;
    height: min(40px, 8vw);
}
.kv_red{
	background-image: url("images/kv_pcbg_v2.svg");
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: top center;
}
article img{
	display: block;
}
.kv_red{
	background-color: #ff0000;
	padding-bottom:  calc(var(--vw) * 10);
	margin-bottom:  calc(var(--vw) * -10);
}
#kv{
	padding-top: 10vw;
	width: 28.8vw;
	margin: auto;
}
.mainlogo{
	display: block;
	position: relative;
}
.mainlogo_text1{
	margin: auto;
	margin-bottom: 3vw;
}
.mainlogo_text2{
	margin: auto;
	margin-top: 3vw;
}
.viewmore{
	width: 13vw;
	margin: auto;
	display: block;
	margin-top: 5.1vw;
}

	.viewmore img{
    animation:flash 0.5s linear infinite alternate;
}
@keyframes flash{
    0% {
		opacity: 0.3;
	}
    100% {
		opacity: 1;
	}
}
.challenge_contents{
	display: flex;
	max-width: 1260px;
	margin: auto;
	align-items: stretch;
	padding-bottom: 80px;
}
.challenge_contents > div{
	width: 50%;
    gap: 15px;
    padding-bottom: 7%;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	font-size: min(19px,5vw);
	text-align: center;
	font-weight: 700;
	}

.challenge_title{
width: min(480px,77%);
width: 77%;
}
.challenge_text{
	width: min(560px, 90%);
	width:90%;
}
#challenge1{
	color: #fff;
}
#challenge1 .challenge_mainimg{
width: min(630px,100%);
width:100%;
	max-width: none;
}
#challenge2{
	color: #000;
}
#challenge2 .challenge_mainimg{
	width: min(510px, 81%);
	width: 81%;
	max-width: none;
}
.challenge_btn{
	position: absolute;
	bottom: 0;
    width: min(500px, 80%);
    width: 80%;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
    padding: 2%;
	box-sizing: border-box;
}
.challenge_btn.type_fade.show:hover{
	opacity: 0.5;
}
#challenge1 .challenge_btn{
	background-color: #fff;
}
#challenge2 .challenge_btn{
	background-color: #000;
}
.challenge_btn .challenge_btn_text{
	width: min(192px,41%);
	width: 41%;
	margin: auto;
	display: block;
}

.splash1_base{
	position: relative;
}
.onpu1,
.onpu2,
.splash1,
.splash2{
	position: absolute;
	width: 50px;
}


.onpu1{
	width: min(92px, 19%);
	width: 19%;
    left: -2%;
    top: -85%;
}
.onpu2{
	width: min(76px, 16%);
	width: 16%;
    right: -1%;
    top: -75%;
}
.splash1{
	width: min(78px, 14%);
	width: 14%;
    left: 0;
    top: -33%;
}
.splash2{
	width: min(58px, 12%);
	width: 12%;
    right: -8%;
    bottom: -41%;
}

#about_17live{
	padding-top: 80px !important;
}
@media screen and (max-width: 950px) {
	
.kv_red{
	background-image: url("images/kv_spbg_v2.svg");
}
	#kv{
    padding-top: 40vw;
    width: 47vw;
        margin-bottom: 18.5%;
	}
	.mainlogo_text1 {
		margin-bottom: 9.3vw;
	}
	.mainlogo_text2 {
		margin-top: 9.3vw;
	}
.viewmore {
    width: 25vw;
	margin-top: 14vw;
	}

.challenge_contents{
	margin: auto;
	align-items: stretch;
	flex-direction: column;
}
.challenge_contents > div{
	width: 100%;
        gap: 3vw;
	padding: 0;
	}
	.challenge_title {
		width:84%;
	}
	.challenge_text{
		width: 86%;
	}
	.challenge_btn{
		position: relative;
		bottom: auto;
		width: 78%;
	}
.challenge_btn .challenge_btn_text {
    width: min(192px, 41%);
	width: 52.5%;
	}
	#challenge1{
		margin-bottom: 12%;
	}
	#challenge1 .challenge_btn{
		margin-top: 7%;
	}
	#challenge2 .challenge_btn{
		margin-top: 3%;
	}
}

.lp_footer {
    background-color: #fe0000;
    color: #fff;
	font-size: 20px;
	border-top: #fe0000 0px solid;
}
    .copyright {
    color: #fff;
		font-size: 16px !important;
}


	.type_fade {
	opacity: 0;
	transform: translate(0, calc(var(--vw) * 5));
	}
	.type_fade.show {
	opacity: 1;
	transform: translate(0, 0);
	transition: 0.5s;
	}

	.type_fade2 {
	opacity: 0;
	transform: translate(0, calc(var(--vw) * 5));
	}
	.type_fade2.show {
	opacity: 1;
	transform: translate(0, 0);
	transition: 1s;
	}




.first_box{
	position: relative;
    min-height: calc(var(--vw) * 89);
    padding-top: calc(var(--vw) * 38);
    padding-bottom: calc(var(--vw) * 12);
}
.first_box img{
	/*opacity: 0.5;*/
}

.first_box .atari{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 1;
	display: block;
	display: none;
}
.first_box .atari {
    position: absolute;
    top: calc(var(--vw) * -22.7);
    left: 0;
    z-index: 110;
    opacity: 00.3;
	display: block;
	display: none;
}
.first_box .main_window{
	background-image: url("images/box1_pc_07.svg");
	position: relative;
    min-height: calc(var(--vw) * 39);
	background-size: 100% auto;
	margin: auto;
	width: 80%;
    z-index: 5;
    height: calc(100% - (var(--vw) * 50));
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}
.first_box .main_window_inner{
	position: relative;
	z-index: 20;
	margin: auto;
    max-width: 65%;
    padding: calc(var(--vw) * 4) 0;
    padding-bottom: calc(var(--vw) * 5);
    margin-left: calc(var(--vw) * 16);
}
.first_box .main_window:after,
.first_box .main_window:before{
	content: "";
	background-image: url("images/box1_pc_06.svg");
	position: absolute;
	height: 100px;
	display: block;
	width: 100%;
	background-size: 100% auto;
	background-repeat: no-repeat;
}
.first_box .main_window:before{
	top: -98px;
	background-position: bottom center;
}
.first_box .main_window:after{
	bottom: -98px;
	background-image: url("images/box1_pc_08.svg");
	background-position: top center;
}

@media screen and (max-width: 950px) {
	.first_box .main_window{
	background-image: url("images/box1_sp_08.svg");
}
.first_box .main_window:before{
	background-image: url("images/box1_sp_05.svg");
}
.first_box .main_window:after{
	bottom: -98px;
	background-image: url("images/box1_sp_07.svg");
}
}
@media screen and (max-width: 950px) {
	.box1_pc_01,
	.box1_pc_02,
	.box1_pc_03,
	.box1_pc_04,
	.box1_pc_05{
		display: none !important;
	}
}
@media screen and (min-width: 951px) {
	.box1_sp_01,
	.box1_sp_02,
	.box1_sp_03,
	.box1_sp_04{
		display: none !important;
	}
}
.box1_pc_01{
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
}
.box1_pc_02{
    position: absolute;
    top: calc(var(--vw) * 7);
    width: 100%;
    z-index: 4;
}
.box1_pc_03{
	position: absolute;
    bottom: calc(var(--vw) * -4);
    width: 100%;
    z-index: 6;
}
.box1_pc_04{
	position: absolute;
    bottom: calc(var(--vw) * -1);
    width: 100%;
    z-index: 1;
}
.box1_pc_05{
	position: absolute;
    bottom: calc(var(--vw) * -1.7);
    width: 100%;
    z-index: 5;
	padding-top: calc(var(--vw) * 50);
}
.box1_backpink{
	position: absolute;
    height: calc(100% - var(--vw) * 8.7);
    bottom: calc(var(--vw) * 3);
    width: 100%;
    z-index: 1;
    background-color: #ff58ce;
	display: block;
}


.box1_sp_01{
    position: absolute;
    top: calc(var(--vw) * -22);
    width: 100%;
    z-index: 10;
}
.box1_sp_02{
    position: absolute;
    bottom: calc(var(--vw) * 0);
    width: 100%;
    z-index: 7;
}
.box1_sp_03{
	position: absolute;
    top: calc(var(--vw) * -19);
    width: 100%;
	display: block;
    z-index: 6;
	background-image: url("images/box1_sp_03.svg");
	background-size: 100% auto;
	height: calc(100% - var(--vw) * 11);
}
.box1_sp_04{
    position: absolute;
    bottom: calc(var(--vw) * 5);
    width: 100%;
    z-index: 6;
}
@media screen and (max-width: 950px) {
.first_box .main_window {
    background-image: url(images/box1_pc_07.svg);
    position: relative;
    min-height: calc(var(--vw) * 39);
    background-size: 100% auto;
    margin: auto;
    width: 88%;
    z-index: 6;
    height: calc(100% - (var(--vw) * 50));
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: calc(var(--vw) * 65.5);
	}
	
.first_box .main_window_inner {
    position: relative;
    z-index: 20;
    margin: auto;
    max-width: 75%;
    padding: calc(var(--vw) * 43.5) 0;
    padding-bottom: calc(var(--vw) * 28);
    margin-left: calc(var(--vw) * 12);
    /*min-height: calc(var(--vw) * 244); */
}
.first_box .main_window {
    background-image: url(images/box1_sp_08.svg);
    position: relative;
    min-height: calc(var(--vw) * 39);
    background-size: 100.05% auto;
    margin: auto;
    width: 88%;
    z-index: 6;
    height: calc(100% - (var(--vw) * 100));
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: calc(var(--vw) * 66.5);
}
}
.theme_list{
	    position: relative;
    padding-top: calc(var(--vw) * 20);
    padding-bottom: calc(var(--vw) * 13);
    background-repeat: round;
    background-position: top calc(var(--vw) * 23) center;
	background-color: #fff;
}
.theme_list img{
}

.theme_list .atari{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 1;
    z-index: 10;
    opacity: 0.3;
	display: none;
}
.theme_list_front,
.theme_list_bg{
    height: calc(100% - var(--vw) * 0);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    width: 100%;
    position: absolute;
    top: calc(var(--vw) * 3);;
}
.theme_list_bg{
    z-index: 1;
}
.theme_list_front > div,
.theme_list_bg > div{
	height: 100%;
}
.theme_list_front{
	z-index: 10;
	height: calc(100% - var(--vw) * 17);
    top: calc(var(--vw) * 10);
	justify-content: flex-end;
}
/*.bgrepeat,
.frontrepeat{
    background-image: url(images/box2_pc_04.svg);
    background-repeat: space;
    background-position: top 0 center;
    background-size: 100% auto;
}
.bgrepeat{
    background-image: url(images/box2_pc_07.svg);
}*/

.bgrepeat,
.frontrepeat{
	display: flex;
    flex-direction: column;
	width: 100%;
	position: relative;
}
.bgrepeat > div,
.frontrepeat > div{
	width: 100%;
	background-size: 100% auto;
	background-repeat: no-repeat;
}
.box2_pc_07_1{
	height: 100%;
	background-image: url("images/box2_pc_07_1.svg");
	background-position: top center;
	position: absolute;
	top: 0;
	left: 0;
}
.box2_pc_07_2{
	height: 100%;
	bottom: 0;
	left: 0;
	position: absolute;
	background-image: url("images/box2_pc_07_2.svg");
	background-position: bottom center;
}
.box2_pc_04_1{
	height: 100%;
	background-image: url("images/box2_pc_04_1.svg");
	background-position: top center;
	position: absolute;
	top: 0;
	left: 0;
}
.box2_pc_04_2{
	height: 100%;
	bottom: 0;
	left: 0;
	position: absolute;
	background-image: url("images/box2_pc_04_2.svg");
	background-position: bottom center;
}
/*
.box2_pc_07_3{
	height: 20%;
	background-image: url("images/box2_pc_07_3.svg");
	background-position: top 40% center;
}
.box2_pc_07_4{
	height: 20%;
	background-image: url("images/box2_pc_07_4.svg");
	background-position: top 60% center;
}
.box2_pc_07_5{
	height: 20%;
	background-image: url("images/box2_pc_07_5.svg");
	background-position: top 80% center;
}
*/
.theme_list .main_window{
	position: relative;
	background-size: 100% auto;
	margin: auto;
	width: 80%;
    z-index: 5;
    height: calc(100% - (var(--vw) * 50));
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    height: calc(100% - var(--vw) * 33);
}
.theme_list .main_window.shirowaku{
    height: calc(100% - var(--vw) * 25);
	    border: solid calc(var(--vw) * 0.7) #ff7000;
	border-radius: calc(var(--vw) * 3);
	margin-top: calc(var(--vw) * -5.5);
	box-sizing: border-box;
	background-color: #fff;
	padding: calc(var(--vw) * 0.7);
}
.theme_list .main_window.shirowaku:before{
	z-index: 1;
	content: "";
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	    border: solid calc(var(--vw) * 0.7) #93278f;
	border-radius: calc(var(--vw) * 1.8);
	box-sizing: border-box;
	display: block;
}
.theme_list .main_window_inner2{
	position: relative;
	z-index: 20;
	margin: auto;
    max-width: 67%;
    padding: calc(var(--vw) * 6) 0;
}

.theme_list_main{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	column-gap:calc(var(--vw) * 5);
	gap:0;
	column-gap:calc(10% / 4);
}
	.modal_movie_open{
		cursor: pointer
	}

.wakuchalle_title{
	position: absolute;
    top: calc(var(--vw) * -9.5);
    width: calc(var(--vw) * 47.5);
    left: calc(var(--vw) * 8.5);
    /* right: 0; */
    margin: auto;
}
.wakuchalle_icon{
    position: absolute;
    top: calc(var(--vw) * -7);
    width: calc(var(--vw) * 9.5);
    left: 0;
    right: 0;
	margin: auto;
}
.movie_modalinner{
	height:auto;
	display:none;
	margin:auto;
}
.movie_modalinner.show{
	display:block;
}
.movie_modal{
    position: fixed;
	top:0;
	z-index:1000;
	height:100vh;
	width:100%;
	display:none;
	background-color:rgba(25,25,25,1.00);
	overflow:auto;
	padding: 100px 20px;
	box-sizing: border-box;
}
.movie_modalclose{
	width:50px;
	height: 50px;
	margin-bottom:10px;
	display:block;
}
.movie_modalclose img{
	display: block;
}
.movie_modalinner {
    width: 100%;
    z-index: 100001;
    display: none;
    align-items: center;
    align-items: flex-end;
    justify-content: center;
    flex-direction: column;
    max-width: 1500px;
    margin: auto;
}
.movie_modalinner iframe {
  width: 100%;
}

.movie_modal.short_movie{
	padding: 60px 20px;
	padding-top: 30px;
}
.moviebox{
	display:flex;
	width:100%;
	height:calc(var(--vw) * 100);
}
.youtubearea {
  padding: 0 !important;
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 56.25% !important;
  overflow: hidden;
}
.youtubearea iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: -20%;
  right: -20%;
  left: -20%;
  bottom: -20%;
  margin: auto;
}

.movie_modal.short_movie{
    padding: 60px 20px;
    padding-top: 30px;
}
.short_movie .movie_modalinner{
    width: calc(var(--vh) * 56.25 - 80px);
    max-width: calc(100% - 0px);
}
.short_movie .youtubearea{
	padding: 0 !important;
    width: 100%;
    height: calc(var(--vh) * 100 - 150px);
    max-height: calc(var(--vw) * 100 * 16 / 9 - 70px);
    margin: 0;
    position: relative;
    overflow: hidden;
}

.short_movie_open{
	position: relative;
	cursor: pointer;
}
.modal_movie_open:after,
.short_movie_open:after {
    content: "";
    background-size: contain;
    background-position: center;
    background-image: url(images/play_icon.svg);
    background-repeat: no-repeat;
    height: calc(var(--vw) * 6);
    width: calc(var(--vw) * 6);
    bottom: 0;
    top: 0;
    left: 0;

    right: 0;
    margin: auto;
    display: block;
    z-index: 11;
    position: absolute;
}

@media screen and (max-width: 950px) {
.short_movie_open:after {
        height: calc(var(--vw) * 12);
        width: calc(var(--vw) * 12);
    }
}
@media screen and (max-width: 500px) {
	.short_movie .movie_modalclose {
    width: 40px;
    height: 40px;
}
.movie_modal.short_movie {
    padding: 30px 20px;
    padding-top: 20px;
}
.short_movie .youtubearea {
    height: calc(var(--vh) * 100 - 100px);
	max-height: calc(var(--vw) * 100 * 16 / 9 - 50px);
	}
}




.first_box1{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
    font-size: calc(var(--vw) * 1.2);
    margin-bottom: calc(var(--vw) * 2.5);
	font-family: "M PLUS Rounded 1c";
}

.first_box_movie{
	width: 100%;
	    width: calc(var(--vw) * 33);
    padding: calc(var(--vw) * 1.5) calc(var(--vw) * 1.5);
	background-image: url("images/movie_flame.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.first_box_movie .movie_thumb{
	width: 100%;
    border-radius: calc(var(--vw) * 0.8);
	overflow: hidden;
    padding-top: 56.25%;
	display: block;
	position: relative;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 0;
}
.first_box_textarea1{
    width: calc(var(--vw) * 28);
    padding-top: calc(var(--vw) * 0.5);
}
.first_box_linkbtn{
	display: flex;
	justify-content: flex-end;
	margin-top: calc(var(--vw) * 1);
}
.omoide_block{
	padding-left: calc(var(--vw) * 3);
	display: flex;
    gap: calc(var(--vw) * 1);
    font-size: calc(var(--vw) * 1.2);
}
.omoide_textblock{    margin-right: calc(var(--vw) * 0.8);
	flex-shrink: 1;
	width: 100%;
}

.first_box1 h3{margin-top: calc(var(--vw) * -0.8);
    font-size: 1.15em;
    margin-bottom: 1em;
	font-weight: 700;
	color: #00baff;
}
.omoide_img{
	    width: calc(var(--vw) * 12.8);
	flex-shrink: 0;
}
.omoide_title{
    width: calc(var(--vw) * 18);
    padding-left: calc(var(--vw) * 1);
    margin-bottom: calc(var(--vw) * 1);
}
.btn_kwsk,
.btn_more{
    padding: calc(var(--vw) * 0.2) calc(var(--vw) * 0.8);
}
.btn_kwsk img,
.btn_more img{
	display: block;
	height: calc(var(--vw) * 1.2);
}

.comingsoon{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: calc(var(--vw) * 10);
    font-size: calc(var(--vw) * 4);
}
.themebox{
	width: 100%;
	margin-bottom: calc(var(--vw) * 9.5);
	position: relative;
	font-family: "M PLUS Rounded 1c";
}
.themebox:nth-child(1):after,
.themebox:nth-child(2):after,
.themebox:nth-child(3):after{
	content: "";
    display: block;
    height: calc(var(--vw) * 9.5);
    width: calc(var(--vw) * 64.5);
    left: calc(var(--vw) * 1);
    position: absolute;
    bottom: calc(var(--vw) * -8);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(images/box2_pc_09.svg);
}
	.themebox:last-child{
		margin-bottom: 0;
	} 
	.themebox:last-child:after{
		display: none !important;
	}
.themebox2{
	width: 18%;
}
.theme_block1{
	
    margin-left: calc(var(--vw) * 4.5);
    width: calc(var(--vw) * 59.5);
	display: flex;
	justify-content: space-between;
    margin-bottom: calc(var(--vw) * 4);
    font-size: calc(var(--vw) * 1.6);
    font-size: calc(var(--vw) * 1.2);
    line-height: 1.3;
    line-height: 1.5;
}
.theme_block1 h3{
	margin-top: calc(var(--vw) * -0.8);
    font-size: 1.15em;
    margin-bottom: 1em;
	font-weight: 700;
}
.theme_block1 .left{
	width: calc(310 / 820 * 100%); 
	position: relative;
}
.theme_block1 .right{
	width: calc(450 / 820 * 100%); 
}
.theme_block1 .thumb{
    border-radius: calc(var(--vw) * 0.8);
    border: solid calc(var(--vw) * 0.3);
	overflow: hidden;
}
.thumb_area{
	width: 100%;
    padding-top: 100%;
	display: block;
	position: relative;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 0;
}
.btn_kwsk2 img{
    display: block;
	height: calc(var(--vw) * 2.4);
}
.theme_list{
	font-size: calc(var(--vw) * 1.2);
}

.short_title{
    font-size: calc(var(--vw) * 2.2);
    text-align: center;
    font-weight: 800;
    margin-bottom: calc(var(--vw) * 1);
}


.theme_list_movie .movie_thumb{
	width: 100%;
    padding-top: 179%;
	display: block;
	position: relative;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 0;
    margin-bottom: calc(var(--vw) * 1);
    padding-top: 152%;
}

.theme_list_movies_flex{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	column-gap:calc(10% / 4);
}
.theme_list_movies_flex > div{
	width: 18%;
}
.movie_livername{
    text-align: center;
    margin-bottom: calc(var(--vw) * 0.5);
    display: block;
    font-size: calc(var(--vw) * 1);
    font-weight: 700;
}
.movie_category{
    color: #fff;
    border-radius: calc(var(--vw) * 0.5);
    font-size: calc(var(--vw) * 1);
    margin-bottom: calc(var(--vw) * 1);
	text-align: center;
}
.movie_text{
	text-align: center;
    font-size: calc(var(--vw) * 1);
}

.icon_theme_archive{
	width: 100%;    margin-bottom: calc(var(--vw) * 2);
}
.icon_theme_archive img{
    width: calc(var(--vw) * 15);
    margin: auto;
	display: block;
}

.theme_block1 .thumb{
    border-radius: calc(var(--vw) * 1.2);
    border: solid calc(var(--vw) * 0.3);
	overflow: hidden;
	border-color: #93278f;
	background-color: #93278f;
	position: relative;
}

.icon_new{
	position: absolute;
    display: none;
    left: calc(var(--vw) * -3.2);
    top: calc(var(--vw) * -3.2);
    width: calc(var(--vw) * 6.8);
    z-index: 1;
	}
.themebox:first-child .icon_new{
	display: block;
}
.icon_theme{
	position: absolute;
    display: block;
    left: 0;
    right: 0;
    margin: auto;
    top: calc(var(--vw) * -4.2);
    width: calc(var(--vw) * 12.5);
}

.btn1{
	display: flex;
	justify-content: center;
	gap:1em;
}

.btn1 a{
    display: block;
    padding: 0.5em 1em;
    border-radius: 2em;
    background-color: #ffdc00;
    color: #000;
    line-height: 1;
    font-weight: 700;
    transition: 0.3s;
    font-weight: 400;
    font-size: calc(var(--vw) * 1.2);
}
.btn1 a:active,
.btn1 a:link,
.btn1 a:visited,
.btn1 a:hover{
    background-color: #ffdc00;
    color: #000;
}
@media screen and (max-width: 950px) {
.btn1 a{
        font-size: calc(var(--vw) * 3);
	}
}
.omoide_block .btn1{
	justify-content: flex-end;
}

.movie_category{
    background-color: #93278f;
}
.theme_color_purple .theme_block1 h3{
	color: #93278f;
}
.theme_color_purple .short_title{
	color: #93278f;
}
.theme_color_purple .movie_category{
    background-color: #93278f;
}
.theme_color_purple .theme_block1 .thumb{
	border-color: #93278f;
	background-color: #93278f;
}

.theme_color_orange1 .theme_block1 h3{
	color: #ffa700;
}
.theme_color_orange1 .short_title{
	color: #ffa700;
}
.theme_color_orange1 .movie_category{
    background-color: #ffa700;
}
.theme_color_orange1 .theme_block1 .thumb{
	border-color: #ffa700;
    background-color:#ffa700;
}

.theme_color_orange2 .theme_block1 h3{
	color: #ff7000;
}
.theme_color_orange2 .short_title{
	color: #ff7000;
}
.theme_color_orange2 .movie_category{
    background-color: #ff7000;
}
.theme_color_orange2 .theme_block1 .thumb{
	border-color: #ff7000;
	background-color: #ff7000;
}

.theme_color_red .theme_block1 h3{
	color: #ff0000;
}
.theme_color_red .short_title{
	color: #ff0000;
}
.theme_color_red .movie_category{
    background-color: #ff0000;
}
.theme_color_red .theme_block1 .thumb{
	border-color: #ff0000;
    background-color:#ff0000;
}


@media screen and (min-width: 951px) {
	.sp_only{
		display: none !important;
	}
	.theme_list_main > section:nth-of-type(9){
		display: none;
	}
}
@media screen and (max-width: 950px) {
	.pc_only{
		display: none !important;
	}
	.box1_backpink {
    position: absolute;
    height: calc(100% - var(--vw) * 14.7);
    bottom: calc(var(--vw) * 20);
    width: 100%;
    z-index: 1;
    background-color: #ff58ce;
}
	.first_box1{
		flex-direction: column;
		align-items: center;
    font-size: calc(var(--vw) * 3);
		margin-bottom: calc(var(--vw) * 3);
	}
	.first_box_movie,
	.first_box_textarea1{
		width: 100%;
	}
	.first_box_movie{
		margin-bottom: calc(var(--vw) * 4.5);
		    padding: calc(var(--vw) * 4.8) calc(var(--vw) * 3.4);
	}
	.first_box_movie .movie_thumb {
		border-radius: calc(var(--vw) * 2);
	}
	.first_box_textarea1{
		width: calc(var(--vw) * 68.5);
    margin-bottom: calc(var(--vw) * 5.5);
	}
	.omoide_block{
		flex-direction: column;
		align-items: center;
		padding: 0;
	}
	.theme_block1{
		    flex-direction: column;
    margin: auto;
    margin-bottom: calc(var(--vw) * 4);
		width: 100%;
	}
	.theme_block1 .left,
	.theme_block1 .right{
	width: 100%;
	}
	.first_box_linkbtn {
    margin-top: calc(var(--vw) * 3);
		justify-content: center;
	}
	.btn_kwsk img, .btn_more img {
    display: block;
    height: calc(var(--vw) * 6);
}
	.omoide_textblock{
        width: 85%;
        margin: auto;
        font-size: calc(var(--vw) * 2.6);
	}
.omoide_title {
    width: calc(var(--vw) * 45);
    margin: auto;
    padding: 0;
    margin-bottom: calc(var(--vw) * 3);
	}
	.omoide_slideblock{
	    width: 81%;
		margin: auto;
	}
.omoide_slideblock img{
	width: 100%;	
}
}


.theme_list_movies_slideouter{
	max-width:calc(var(--vw) * 55);
	margin: auto;
}
.wakuchalle_title_sp_bg1,
.wakuchalle_title_sp_bg2,
.wakuchalle_title_sp_bg3{
	width: 100%;
	position: absolute;
	z-index: 1;
    top: calc(var(--vw) * 27);
	left: 0;
	display: block;
}
.wakuchalle_title_sp_bg2{
    z-index: 25;
}
.wakuchalle_title_sp_bg3{
    z-index: 6;
}
.bx-wrapper .bx-controls-direction a.bx-next,
.bx-wrapper .bx-controls-direction a.bx-prev{
	    padding: 0;
    margin: auto;
	background-image: url("images/slide_arrow_l.svg");
    padding: 0;
    background-position: center;
    background-size: 50%;
    margin: auto;
    top: calc(var(--vw) * 40.5);
    bottom: auto;
    left: calc(var(--vw) * -10.5);
    right: auto;
    padding-top: calc(var(--vw) * 9.5);
    width: calc(var(--vw) * 8.5);
}
.bx-wrapper .bx-controls-direction a.bx-next{
    background-image: url(images/slide_arrow_r.svg);
    right: calc(var(--vw) * -10.5);
    left: auto;
}
.first_box .bx-wrapper .bx-controls-direction a.bx-next,
.first_box .bx-wrapper .bx-controls-direction a.bx-prev {
    margin: auto;
    top: 0;
    bottom: 0;
}
.first_box .bx-wrapper .bx-controls-direction a.bx-next{
	right: calc(var(--vw) * -9.5);
}
.first_box .bx-wrapper .bx-controls-direction a.bx-prev {
	left: calc(var(--vw) * -9.5);
}
.imgroop_item{
	display: block;
    width: 100%;
}
.theme_list .main_window.imgroop_ura1_pc,
.theme_list .main_window.imgroop_ura2_pc,
.theme_list .main_window.imgroop_ura{
	z-index: 4;
    width: 100%;
    background: none;
}
.theme_list .main_window.imgroop_omote_pc,
.theme_list .main_window.imgroop_omote{
	z-index: 6;
    width: 100%;
    background: none;
}
.theme_list .main_window.imgroop_omote_pc,
	.theme_list .main_window.imgroop_ura1_pc,
	.theme_list .main_window.imgroop_ura2_pc,
.theme_list .main_window.imgroop_omote,
	.theme_list .main_window.imgroop_ura{
		display: flex;
		align-items: center;
		justify-content: space-around;
		flex-direction: column;
	}
.theme_list .main_window.imgroop_ura1_pc:before,
.theme_list .main_window.imgroop_ura2_pc:before,
.theme_list .main_window.imgroop_omote_pc:before,
.theme_list .main_window.imgroop_ura1_pc:after,
.theme_list .main_window.imgroop_ura2_pc:after,
.theme_list .main_window.imgroop_omote_pc:after,
.theme_list .main_window.imgroop_ura:before,
.theme_list .main_window.imgroop_omote:before,
.theme_list .main_window.imgroop_ura:after,
.theme_list .main_window.imgroop_omote:after{
	display: none;
}
@media screen and (min-width: 951px) {
	.imgroop_ura,
	.imgroop_omote{
		display: none;
	}
	.frontrepeat,
	.bgrepeat{
		display: none;
	}
}
@media screen and (max-width: 950px) {
	
.wakuchalle_title {
        top: calc(var(--vw) * -11.5);
        width: calc(var(--vw) * 76.5);
        left: calc(var(--vw) * -5.5);
}
	.wakuchalle_icon {
    top: calc(var(--vw) * -21);
	width: calc(var(--vw) * 24.5);
	}
	.theme_list{
		padding-top: calc(var(--vw) * 35);
        padding-top: calc(var(--vw) * 45);
        margin-top: calc(var(--vw) * -10);
	}
	.box2_pc_06{
		display: none;
	}
.theme_list .main_window {
	height: calc(100% - var(--vw) * 55);
	}
	
.theme_list .main_window_inner2 {
    max-width: 68%;
        padding: calc(var(--vw) * 19.5) 0;
        padding-bottom: calc(var(--vw) * 11.5);
	}
	.theme_list .main_window {
        padding: calc(var(--vw) * 19.5) 0;
    width: 88%;
	}
	
	.theme_list .main_window.shirowaku{
    height: calc(100% - var(--vw) * 44.5);
    border: solid calc(var(--vw) * 1.2) #ff7000;
    border-radius: calc(var(--vw) * 3);
    margin-top: calc(var(--vw) * -5.5);
    box-sizing: border-box;
    background-color: #fff;
    padding: calc(var(--vw) * 1.2);
	}
	.theme_list .main_window.shirowaku:before {
		border: solid calc(var(--vw) * 1.2) #93278f;
	}
	.theme_block1 .thumb {
    border-radius: calc(var(--vw) * 1.2);
		border: solid calc(var(--vw) * 1);
	}
	.icon_new {
    left: calc(var(--vw) * -7.2);
    top: calc(var(--vw) * -8.2);
    width: calc(var(--vw) * 16.8);
}
	.thumb_area{
		border-radius: calc(var(--vw) * 1);
	}
.themebox {
	margin-bottom: calc(var(--vw) * 27.5);
	}
	.theme_list_bg{
    justify-content: flex-end;
	}
	.theme_block1{
        align-items: center;
	}
	.theme_block1 .left{
		width: calc(var(--vw) * 59.5);
	}
	.theme_block1 .right {
    margin-top: calc(var(--vw) * 4.2);
    font-size: calc(var(--vw) * 3);
	}
	.theme_block1 h3 {
    margin-top: 0;
    margin-bottom: calc(var(--vw) * 3);
}
.icon_theme {
    top: calc(var(--vw) * -10);
	width: calc(var(--vw) * 29.5);
	}
.btn_kwsk2 img {
	height: calc(var(--vw) * 7);
	}
	.short_title {
		font-size: calc(var(--vw) * 4.2);
	}
	
.theme_list_movie .movie_thumb {
	margin-bottom: calc(var(--vw) * 3);
	}
	
.movie_livername {
    text-align: center;
    margin-bottom: calc(var(--vw) * 0.5);
    display: block;
	font-size: calc(var(--vw) * 5);
	}
.movie_category {
    color: #fff;
    border-radius: calc(var(--vw) * 2);
    font-size: calc(var(--vw) * 4);
    margin-bottom: calc(var(--vw) * 1);
    text-align: center;
    font-weight: 500;
}
.movie_text {
    font-size: calc(var(--vw) * 4);
}
.theme_list_main {
	column-gap: calc(20% / 4);
}
.icon_theme_archive {
    margin-bottom: calc(var(--vw) * 4);
}
.icon_theme_archive img {
	width: calc(var(--vw) * 29);
	}
.themebox2 {
    width: 30%;
}

.themebox:nth-child(1):after,
	.themebox:nth-child(2):after,
	.themebox:nth-child(3):after {
    content: "";
    display: block;
        height: calc(var(--vw) * 6.5);
        width: calc(var(--vw) * 71.5);
        left: calc(var(--vw) * -3);
        position: absolute;
        bottom: calc(var(--vw) * -12);
        background-image: url(images/box2_sp_09.svg);
}
	.themebox:last-child{
		margin-bottom: 0;
	} 
	.themebox:last-child:after{
		display: none !important;
	}
	.frontrepeat,
	.bgrepeat{
	display: none !important;
	}
	.theme_list_bottom_ura{
		margin-bottom: calc(var(--vw) * -4);
	}
	.theme_list_front{
		justify-content: flex-end;
    top: calc(var(--vw) * 20);
	}
	.theme_list_bottom_omote{
		flex-shrink: 0;
    margin-bottom: calc(var(--vw) * -12);
	}
}

.box1_pc_01 img{
	position: absolute;
	left: 0;
	top: 0;
}
.box1_pc_01 img:first-child{
	position: relative;
}

.box1_pc_03 img{
	position: absolute;
	left: 0;
	top: 0;
}
.box1_pc_03 img:first-child{
	position: relative;
}
.box1_sp_01 img{
	position: absolute;
	left: 0;
	top: 0;
}
.box1_sp_01 img:first-child{
	position: relative;
}
.box1_sp_02{
}
.box1_sp_02 img{
	position: absolute;
	left: 0;
	bottom: 0;
}
.box1_sp_02 img:first-child{
	position: relative;
}	




 .anime_box img{
	opacity: 0;
	transform: translate(0, calc(var(--vw) * 5));
}
.anime_box.show .pc_fukidashi_1{
	transition: 0.5s 0.3s;
}	
.anime_box.show .pc_fukidashi_2{
	transition: 0.5s 0.6s;
}	
.anime_box.show .pc_fukidashi_3{
	transition: 0.5s 0.9s;
}	
.anime_box.show .pc_fukidashi_4{
	transition: 1.3s 0.5s;
}
.anime_box .pc_fukidashi_4{
	transform: translate(0, 0);
}
.anime_box .box1_pc_01_01{
	transform: translate(0, calc(var(--vw) * -5));
	}
.anime_box.show .box1_pc_01_01{
	transition: 1.5s 0s;
}
.anime_box.show .anime_item01{
	transition: 0.5s 0s;
	}
.anime_box.show .anime_item02{
	transition: 0.5s 0.1s;
	}
.anime_box.show .anime_item03{
	transition: 0.5s 0.2s;
	}
.anime_box.show .anime_item04{
	transition: 0.5s 0.3s;
	}
.anime_box.show .anime_item05{
	transition: 0.5s 0.4s;
	}
.anime_box.show .anime_item06{
	transition: 0.5s 0.5s;
	}
.anime_box.show .anime_item07{
	transition: 0.5s 0.6s;
	}
.anime_box.show .anime_item08{
	transition: 0.5s 0.7s;
	}
.anime_box.show .anime_item09{
	transition: 0.5s 0.8s;
	}
.anime_box.show .anime_item10{
	transition: 0.5s 0.9s;
	}
.anime_box.show .anime_item11{
	transition: 0.5s 1s;
	}
.anime_box.show .anime_item12{
	transition: 0.5s 1.1s;
	}
.anime_box.show .anime_item13{
	transition: 0.5s 1.2s;
	}
.anime_box.show .anime_item14{
	transition: 0.5s 1.3s;
	}
.anime_box.show .anime_item15{
	transition: 0.5s 1.4s;
	}
.anime_box.show .anime_item16{
	transition: 0.5s 1.5s;
	}
.anime_box.show .anime_item17{
	transition: 0.5s 1.6s;
	}
.anime_box.show .anime_item18{
	transition: 0.5s 1.7s;
	}
.anime_box.show .anime_item19{
	transition: 0.5s 1.8s;
	}
.anime_box.show .anime_item20{
	transition: 0.5s 2s;
	}
.box1_backpink{
	transition: 1s 0.6s;
}
.anime_box.show img{
	opacity: 1;
	transform: translate(0, 0);
	}
.box1_sp_04.show,
.box1_sp_03.show{
	transition: 0.3s 1s;
}
.box1_sp_03{
}
.wakuchalle_title{
	transform: translate(0, calc(var(--vw) * -10));
	opacity: 0;
}
.wakuchalle_title.show{
	transform: translate(0, 0);
	transition: 0.5s 0s;
	opacity: 1;
}

.wakuchalle_title .wakuchalle_icon{
	transform: translate(0, calc(var(--vw) * -5));
	opacity: 0;
}
.wakuchalle_title.show .wakuchalle_icon{
	transform: translate(0, 0);
	transition: 0.3s 0.3s;
	opacity: 1;
}


.theme_list_front .box1_pc_01_01{
	transform: translate(0, calc(var(--vw) * -5));
	opacity: 0;
	}
.theme_list_front.show .box1_pc_01_01{
	transform: translate(0, 0);
	transition: 0.5s 0s;
	opacity: 1;
}

.first_box.show .main_window,
.first_box.show .main_window_inner{
	transition: 0.5s 0.2s;
	transform: translate(0, 0);
	opacity: 1;
}
.first_box.show .main_window_inner{
	transition: 0.5s 0.5s;
}
.anime_box .box1_sp_01_01{
	transform: translate(0, calc(var(--vw) * -5));
	}
.anime_box.show .box1_sp_01_01{
	transition: 1.5s 0s;
}