@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=LINE+Seed+JP:wght@400;700;800&family=Noto+Sans+JP:wght@100..900&display=swap');
:root {
  --vw: 1vw;
  --vh: 1vh;
  --colorg:  #43ffbc;
  --colory:  #fff142;
  --colorr:  #ff4225;
}

.aaaa{
	margin-bottom:  calc(var(--vw) * -10);
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

html{
    overflow-y: scroll;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

input, textarea{
	margin: 0;
	padding: 0;
}

ol, ul{
    list-style:none;
}

table{
    border-collapse: collapse; 
    border-spacing:0;
}

caption, th{
    text-align: left;
}

a:focus {
	outline:none;
}

.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.both{
	clear:both;
}
p {
    display: block;
    -webkit-margin-before:0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.inline_block {  
	display: inline-block;  
	*display: inline;  
	*zoom: 1;  
}
html{
	font-family: "LINE Seed JP", 'Noto Sans JP', sans-serif,"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
  font-weight: 400;
  font-style: normal;
font-size:10px;
line-height:1.6;
}
body{
	font-size: 1.8rem;
	background-color: #000;
	padding-bottom:min(60px ,calc(var(--vw) * 8));
	overflow: hidden;
	background-position: center;
    position: relative;
}
img{
	display:block;
	width: 100%;
}
a,
a:hover,
a:active,
a:visited,
a:link{
	text-decoration:none;
	color:inherit;
}
span{
	display: inline-block;
	font-weight: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6{
	display: block;
}
article.main{
	position: relative;
	z-index: 5;
}
.bx-wrapper .bx-viewport{
	background: none;
}

.bx-wrapper {
	margin: 0;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
	background-color: var(--colorr);
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background:#000;
}
.full_bg{
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-image: url("../images/bg_pc.png");
	background-position:top center;
	background-size: 100% auto;
	z-index: -1;
	position: fixed;
	opacity: 0;
	-ms-filter: blur(0px);
  filter: blur(0px);
	animation: blur 3s infinite;
	
}
#kv{
	position: relative;
	z-index: 1;
	height:  calc(var(--vw) * 100);
	
}

.kv_logo{
    width: calc(var(--vw) * 32);
    left: calc(var(--vw) * 1);
    top: calc(var(--vw) * 33);
    top: calc(var(--vw) * 30);
	position: absolute;
	z-index: 15;
}
.kv_release{
    width: calc(var(--vw) * 32);
    left: calc(var(--vw) * 1);
    top: calc(var(--vw) * 49);
    top: calc(var(--vw) * 45.5);
	position: absolute;
	z-index: 15;
}
	.kv_yoyakubtn{
    width: calc(var(--vw) * 22);
    left: calc(var(--vw) * 6);
    top: calc(var(--vw) * 61.5);
    top: calc(var(--vw) * 58.5);
	position: absolute;
	z-index: 17;
	}
.kv_circle{
    width: calc(var(--vw) * 82);
	left: calc(var(--vw) * 82 / 2 * -1);
    top: calc(var(--vw) * 6);
	position: absolute;
	z-index:4;
	pointer-events: none;
}

.kv_main{
	position: absolute;
    left: 29vw;
    top: -12vw;
    z-index: 1;
    width: 84vw;
	animation: miku 10s infinite ease-in-out;
}
.kv_effects1{
	top: 0;
	width: 100%;
	left: 0;
	position: fixed;
	z-index: 0;
	animation: blur 2s infinite ;
	transform: rotate(40deg);
	pointer-events: none;
}
#news{
	position: relative;
	z-index: 5;
    display: flex;
    justify-content: flex-end;
    width: 100%;
	max-width: 1060px;
    margin: auto;
	margin-bottom: min(90px ,calc(var(--vw) * 15));
}
.news_main{
	width: 90%;
	height: 354px;
	max-width: 870px;
	position: relative;
    display: flex;
    align-items: center;
	justify-content: flex-start;
}
.news_bg{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100vw;
	background-image: url("../images/news_bg2.svg");
	background-size: auto 100% ;
	background-position: left center;
	background-repeat: no-repeat;
	z-index: 1;
}
.news_inner1{
	width: calc(100% - min(30px, calc(var(--vw) * 5)));
	position: relative;;
    display: flex;
    align-items: center;
	justify-content: flex-end;
	z-index: 3;
}

.title_news{
	max-width: 270px;
	position: absolute;
    max-width: 270px;
    position: absolute;
    left: -10rem;
    top: -4rem;
}
@keyframes miku {
  0% {
	  transform: rotate(0);
  }
  50% {
	  transform: rotate(6deg);
  }
  100% {
	 transform: rotate(0);
  }
}
@keyframes blur {
  0% {
	  -ms-filter: blur(0px);
  filter: blur(0px);
	  opacity: 0;
	  top: 0;
  }
  50% {
	  -ms-filter: blur(0px);
  filter: blur(0px);
	  opacity: 1;
	   top: 40px;
  }
  100% {
	 -ms-filter: blur(0px);
  filter: blur(0px);
	   opacity: 0;
	   top: 80px;
  }
}
.newsmeta{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap:1em;
	margin-bottom: 0.5em;
}
#news_area{
    border-radius: 2rem;
	overflow: hidden;
height: 250px;
}
.newslist{
	overflow: auto;
height: 250px;
	max-width: 610px;;
	background-color: #fff;
    padding: 2rem;
	padding-top: 0;
}
.newslist a{
	padding: 1.5em 0;
	border-bottom: solid 1px #000;
	display: block;
}
.newslist .date{
	margin: 0;
	color: #fc9299 ;
}
.newslist .cat{
	display: block;
	padding: 0.3em 1em;
	line-height: 1;
	background-color:#fc9299 ;
	color: #fff;
    font-size: 0.8em;
}

header{
	height: 70px;
	width: 100%;
	background-image: linear-gradient(90deg, rgba(255, 241, 66, 1), rgba(67, 255, 188, 1));
	position: fixed;
	box-sizing: border-box;
	display: block;
	z-index: 100;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-shadow: 0px 0px 10px 0px #f4ff5c;
	display:none;
}
header .left{
	background: #000000;
	width: 340px;
	height: 70px;
	box-sizing: border-box;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: relative;
}
header .left:before{
	content: "";
    /* background: #5C0305; */
    height: 70px;
    border-top: 140px solid #000000;
    border-right: 140px solid transparent;
    position: absolute;
    right: -140px;
}
header .left a{
	box-sizing: border-box;
	padding: 5px;
	display: block;
	padding-left: 40px;
	padding-right: 20px;
}
header .left img{
	height:56px;
}
header .right{
	width: 50%;
	box-sizing: border-box;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding-right: 40px;
	column-gap: 60px;
}
header img{
	width: 100%;
	max-width: 100%;
}
header .right a{
	
    height: 60px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
	position: relative;
	padding-left: 0;
}
header .right a:before{
	content: "";
    width: 10px;
    height: 10px;
    background: #ffffff;
    border-radius: 50px;
    top: 0;
    left: -15px;
    position: absolute;
    bottom: 0;
    margin: auto;
}
header .right a img{
	height: 18px;
}
.spmenu{
	display: none;
}
.spmenu--close,
.spmenu{
	cursor: pointer
}
.spmenu-contents{
	width: 100%;
    height: 100vh;
    box-sizing: border-box;
    position: fixed;
    /* border-left: solid 2px var(--colory); */
    /* border-right: solid 2px var(--colorg); */
    background-color: rgb(0 0 0 / 60%);
    padding: 3rem;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: 0 4px 8px rgba(255, 255, 255, 0.25);
	z-index: 101;
	color: #ffffff;
	display: none;
}
.spmenu-contents  a img{
	height: 6vh;
}
.spmenu-contents  a{
	display: block;
	margin-bottom: 6vh;
}

.spmenu_head{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.headerlogo{
	    height: 20vh;
    width: auto;
    margin: auto;
    margin-bottom: 10vh;
	margin-top: 10vh;
}
.spmenu--close{
	height: 30px;
	width: auto;
	position: absolute;
	right: 20px;
	top: 20px;
}
#banner a{
	box-shadow: rgb(244, 255, 92) 0px 0px 10px 0px;
}
@media screen and (max-width: 900px){
	header{
		height: 60px;}
	header .right{
		display: none;
	}
	header .left{
		width: 70%;height: 60px;
	}
	header .left a{
		margin-left: 15px;
		padding: 0;
	}
	header .left img {
    height: 40px;
}
	header .left:before{
		height: 60px;
		 border-top: 120px solid #000000;
    border-right: 120px solid transparent;
		right: -120px;
	}
	.spmenu{
	display: block;
		position: absolute;
		right: 15px;
		top: 0;
		bottom: 0;
		margin: auto;
		font-weight: 900;
		height: 20px;
		font-size: 20px;
		cursor: pointer;
}
	.spmenu img{
		height: 20px;
		width: auto;
	}
	
}

#movie{
	position: relative;
	z-index: 7;
	margin-bottom: min(90px ,calc(var(--vw) * 15));
	max-width: 1060px;
    margin: auto;
	margin-bottom: min(90px ,calc(var(--vw) * 15));
}

.title_movie{
    max-width: 280px;
    position: absolute;
    z-index: 10;
    right: calc(-1 * max(5rem, 14%));
	
}
.movie_main{
	width: 90%;
	height: 435px;
    max-width: 850px;
	position: relative;
    display: flex;
    align-items: center;
	justify-content: flex-end;
}
.movie_bg{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 100vw;
	background-image: url("../images/movie_bg1.svg");
	background-size: auto 100% ;
	background-position: right center;
	background-repeat: no-repeat;
	z-index: 1;
}
.news_bg1{
	position: absolute;
    top: -5%;
    left: -8%;
    width: 1175px;
    z-index: 2;
	border-radius: 2rem;
    overflow: hidden;
}
.movie_bg2{
    position: absolute;
    top: -21%;
    right: 0%;
    width: 1105px;
    z-index: 2;
}
.movie_inner1{
	width: calc(100% - min(30px, calc(var(--vw) * 5)));
	position: relative;
	z-index: 3;
}

.movie_area {
  position: relative;
  max-width: 610px;
  width: 100%;
}
.movie_size{
  position: relative;	
	cursor: pointer;
	background-color: #000;
}
.movie_size video{
	opacity: 0.7;
}
.movie_size.play video{
	opacity: 1;
}
.movie_size .playbtn{
	position: absolute;
	width: auto;
	height:  40%;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10;
}

.movie_size.play .playbtn{
	display: none;
}


#movie .movie_area video{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}
.inner{
	max-width: 1000px;
	width: calc(100% - min(60px ,calc(var(--vw) * 10)));
	margin: auto;
	position: relative;
}
#overview{
	color: #fff;
	padding-bottom: min(60px ,calc(var(--vw) * 8));
}

#overview .inner{
	display: flex;
	gap:60px;
	margin-bottom: min(70px ,calc(var(--vw) * 12));
}
#overview .inner .left{
	width: 560px;
	position: relative;
}
.title_overview{
	margin-bottom: 3rem;
	max-width: 510px;
}
#overview .inner .left p{
	margin-bottom: 2rem;
}
#overview .inner .left p:last-child{
	margin-bottom: 0;
}
#overview .inner .right{
	width: 370px;
	position: relative;
}

p.kome{
	font-size: 1.2rem;
	text-align: center;
}

#overview .package_slide {
background: linear-gradient(to bottom,  var(--colory) 0%,var(--colorg) 100%); 
	border: solid 4px #fff;
	box-sizing: border-box;
	padding: 2rem;
    padding-bottom: 5rem;
	border-radius: 4rem;
	margin-bottom: 2rem;
	z-index: 10;
	position: relative;
	
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
	bottom: -6rem;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    width: 15px;
	height: 15px;
	border-radius: 20px;
}
.package_slide_wihite{
	background-color: #fff;
	padding: 2rem;
	padding-top: 3rem;
	border-radius: 3rem;
	position: relative;
}
.package_slide_wihite:before{
	content: "";
	background-color: var(--colory);
	border-radius: 3rem;
	width: 10rem;
	height: 2.6rem;
	top: -1.3rem;
	left: 0;
	right: 0;
	position: absolute;
	margin: auto;
	display: block;
}
#overview .package_slide  .modalbtn:before{
	bottom: calc(20% + min(5px, 2vw));
}
#overview .bx-wrapper{
}
.package_slide li img {
  width: auto;
}
.package_slide li .boxinner {}

.bluray_spec{
	color: #000;
	display: flex;
	max-width: 1000px;
	width: calc(100% - min(60px ,calc(var(--vw) * 10)));
	margin: auto;
}
.bluray_spec > div{
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	padding: 1.6rem;
	box-sizing: border-box;
}
.bluray_spec p{
	font-weight: 700;
	text-align: center;
}
.bluray_spec small{
	font-weight: 400;
	font-size: 0.9em;
}
.bluray_spec strong{
	font-size: 1.2em;
	font-weight: 800;
}
.bluray_spec .left{
	background-color: var(--colorg);
}
.bluray_spec .right{
	background-color: var(--colory);
}

#detail{
	padding-top:min(90px ,calc(var(--vw) * 12));
	padding-bottom: min(120px ,calc(var(--vw) * 16));
	position: relative;
}
#detail .inner{
	display: flex;
	gap:40px;
}
#detail .inner .left,
#detail .inner .right{
	width: calc(50% - 20px);
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: min(90px ,calc(var(--vw) * 6));
	position: relative;
	z-index: 5;
}

.detail_box{
	position: relative;
	background-color: #fff;
	padding: 2rem;
	position: relative;
	border-left: solid 2rem var(--colorg);;
	border-top: solid 2rem var(--colorg);;
	border-right: solid 2rem var(--colory);;
	border-bottom: solid 2rem var(--colory);;
	box-sizing: border-box;
	width: 100%;
	display: block;
}

.detail_box.detail1{
	padding-top:min(80px ,calc(var(--vw) * 12));
}
.detail_box.detail1 .comingsoon{
	margin-top:2rem;
}
.detail_box.detail2{
	padding-top:min(60px ,calc(var(--vw) * 8));
	padding-top:min(40px ,calc(var(--vw) * 5));
}
.detail_box.detail3{
	padding-top:min(30px ,calc(var(--vw) * 6));
    padding-top: min(60px, calc(var(--vw) * 8));
}
.detail_box h3{
	position: absolute;
	width: 100%;
	left: -4rem;
    top: calc(-1 * (min(80px, calc(var(--vw) * 5))));
}
.detail_itemlist li{
	margin-bottom: 2rem;
}
.detail_itemlist li span:first-child{
	color: var(--colorr);
}
.detail_itemlist li:last-child{
	margin-bottom: 0rem;
}


#shop{
	
	padding-top:min(90px ,calc(var(--vw) * 12));
	padding-bottom: min(90px ,calc(var(--vw) * 12));
	color: #fff;
}
.title_shop{
	max-width: 510px;
	margin: auto;
	margin-bottom: 6rem;
}
.shop_readtext{
	margin: auto;
	max-width: 820px;
	margin-bottom: 6rem;
	position: relative;
    z-index: 10;
}
.shop_readtext p{
	margin-bottom: 3rem;
}
.shop_readtext p:last-child{
	margin-bottom: 0rem;
}
.shop_readtext p.icontext{
	display: flex;
	margin-bottom: 1rem;
	gap:0;
	column-gap: 1em;
	align-items: center;
	flex-wrap: wrap;
}
.shop_readtext p.icontext span:first-child{
	display: inline-block;
	padding:0 1rem;
	background-color: var(--colorg);;
	color: #000;
}
 .yoyaku_pre{
	 font-size: 0.9em;
}
p.yoyaku_pre{
	text-align: center;
}
h2 + .yoyaku_pre{
	margin-top: -4rem;
	margin-bottom: 4rem;
}
#shop .shoplist{
	display: flex;
	gap:50px;
	flex-wrap: wrap;
	position: relative;
	align-items: flex-start;
    z-index: 10;
}
.shoplist .left,
.shoplist .right{
	display: flex;
	gap:60px;
	flex-direction: column;
	width: calc(50% - 25px);
	box-sizing: border-box;
	position: relative;
	z-index: 5;
}
.shoplist .right{
	padding-top: 90px;
}
.shoplist_box{
	box-sizing: border-box;
	position: relative;
	border-left: solid 2px var(--colory);
	border-right: solid 2px var(--colorg);
	background-color: rgb(255 255 255 / 20%);
	padding: 3rem;
	backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
	box-shadow: 0 4px 8px rgba(255, 255, 255, 0.25);
}
.shoplist_box:after,
.shoplist_box:before{
	content: "";
	display: block;
	height: 2px;
	width: 100%;
	left: 0;
	position: absolute;
background: linear-gradient(to right,  var(--colory) 0%,var(--colory) 42%,var(--colorg) 58%,var(--colorg) 100%); 
}

.shoplist_box:after{
	bottom:0;
}
.shoplist_box:before{
	top: 0;
}

.shoplist_box h3{
	font-size: 2rem;
	text-align: center;
	font-weight: 800;
    margin-bottom: 2rem;
	color: var(--colorg);
}
.shoplist_box h4{
	color: var(--colorg);
	text-align: center;
	border-bottom: solid 1px var(--colorg);
	display: block;
	font-size: 1.8rem;
	margin-bottom: 1.5rem;
	padding-bottom: 0.5rem;
}

.shop_itemname{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap:0;
	column-gap: 2rem;
	margin-bottom: 0.5rem;
}
.shop_itemname h5{
	font-size: 2.2rem;
	font-weight: 800;
}
.shop_itemname h5 .yellow{
	color: var(--colory);
}
.shop_itemname h5 .green{
	color: var(--colorg);
}
.shop_btn,
.shop_btn:active,
.shop_btn:visited,
.shop_btn:link{
	background-color: var(--colory);
	border: solid 1px var(--colory);
	border-radius: 3rem;
	font-size: 1.8rem;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #000;
	height: 2em;
	max-width: 310px;
	margin: auto;
	margin-top: 3rem;
}
.shop_btn:hover{
	background-color: rgba(0,0,0,0.00);
	color: var(--colory);
}
.shop_btn_area{
	margin-top: 1.5rem;
}
.shop_btn2{
	border-radius: 0.75rem;
	font-size: 1.4rem;
	line-height: 1.4;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.5rem 2rem;
	margin: auto;
	margin-bottom: 1rem;
	position: relative;
}
.shop_btn2,
.shop_btn2:active,
.shop_btn2:visited,
.shop_btn2:link{
	color: #000;
	background-color: var(--colory);
	border: solid 1px var(--colory);
}
.shop_btn2:hover{
	background-color: rgba(0,0,0,0.00);
	color: var(--colory);
}
.shop_btn2:nth-child(2n),
.shop_btn2:nth-child(2n):active,
.shop_btn2:nth-child(2n):visited,
.shop_btn2:nth-child(2n):link{
	background-color: var(--colorg);
	border: solid 1px var(--colorg);
}
.shop_btn2:nth-child(2n):hover{
	color: var(--colorg);
	background-color: rgba(0,0,0,0.00);
}

.shop_btn2:after{
	right: 1rem;
	top: 0;
	bottom: 0;
	right: 1rem;
	position: absolute;
	margin: auto;
	content: "";
	background-image: url("../images/btn2_arrow.svg");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	height: 1.4rem;
	width: 0.7rem;
}

.shop_btn2:last-child{
	margin-bottom: 0;
}

@media screen and (min-width: 901px){
	
.shoplist .left {
    padding-top: 90px;
}
.shoplist .right {
    padding-top: 0px;
}
}
/*
@media screen and (min-width: 901px){
	
	#shop .shoplist {
    display: flex;
    gap: 50px;
		flex-direction: column;
    flex-wrap: wrap;
    position: relative;
    align-items: flex-start;
    z-index: 10;
}
	
.shoplist .left {
	align-items: flex-end;
	align-items: flex-start;
	}.shoplist .right {
	align-items: flex-start;
	}
	.shoplist_box2{
		
	}
	.shoplist_box4{
		
	}
.shoplist .left, .shoplist .right {
	padding-top: 0;
    display: flex;
    gap: 50px;
	width: 100%;
	flex-direction: row;
}
	.shoplist_box.shoplist_box {
    width: calc(50% - 25px);
}
	.shoplist_box.shoplist_box.shoplist_box4 {
		width: 100%;
}
}*/


#shop2{	
	padding-top:min(90px ,calc(var(--vw) * 12));
	color: #fff;
    position: relative;
    z-index: 3;
}
.title_shop2{
	max-width: 600px;
	margin: auto;
	margin-bottom: 6rem;
}

#shop2 .comingsoon{
	max-width: 410px;
	margin: auto;
}

.release_belt{
background: linear-gradient(to right,  var(--colory) 0%,var(--colory) 42%,var(--colorg) 58%,var(--colorg) 100%); 
}
.release_belt li{
	padding: 1vw;
}
.release_belt_naname{
	overflow: hidden;
    height: 15vw;
    display: flex;
    align-items: center;
}
.release_belt_naname .release_belt{
	transform: rotateZ(-4deg);
	width: calc(var(--vw) * 120);
	margin-left: calc(var(--vw) * 10 * -1);
}
#banner{
	padding-top: min(100px ,calc(var(--vw) * 14));
	padding-bottom: min(140px ,calc(var(--vw) * 18));
}
.live_banner{
max-width: 640px;
	margin: auto;
	display:block;

}

.title_share{
	max-width: 510px;
	margin: auto;
	padding-bottom:min(60px ,calc(var(--vw) * 9));
}

#share{
	padding-bottom: min(140px ,calc(var(--vw) * 18));
}
#share ul{
	display: flex;
	gap:4rem;
	justify-content: center;
	align-items: center;
}
#share ul li{
	width: 10rem;
	    width: min(10rem, calc((var(--vw) - 0.06rem) * 14));
}
#share ul li a{
	display: block;
}
.block_partition{
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.block_partition:before{
	content: "";
background: linear-gradient(to right,  var(--colory) 0%,var(--colory) 42%,var(--colorg) 58%,var(--colorg) 100%); 
	width: 100%;
	height: 2px;
	display: block;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	z-index: 1;
}
.block_partition_g,
.block_partition_y{
	width: 190px;
	position: relative;
	z-index: 5;
	display: block;
	margin: 0 2rem;
    max-width: 25%;
}
.block_partition_y{
}
footer{
	color: #fff;
	padding:min(60px ,calc(var(--vw) * 8)) 0;
}
hr{
background: linear-gradient(to right,  var(--colory) 0%,var(--colory) 42%,var(--colorg) 58%,var(--colorg) 100%); 
	height: 2px;
	width: 100%;
	display:block;
	display: block;
	padding: 0;
	margin: 0;
}

.pagetopbtn{
	position: fixed;
	right: min(30px,5vw);
	bottom: min(30px,5vw);
	width: min(80px,18vw);
	display: block;
	z-index: 30;
}
.pagetopbtn:hover{
opacity: 0.5;
}

.effectitem1{
	position: absolute;
	z-index: 1;
	pointer-events: none;
}
.effectitem1_1{
    width: 82px;
    left: -50px;
    top: 240px;
	z-index: 15;
}
.effectitem1_2{
    width: 124px;
    left: -180px;
    top: 400px;
}
.effectitem1_2_2{
	    width: 124px;
    right: -140px;
    top: -60px;
}
.effectitem1_3{
    width: 190px;
    right: -230px;
    top: 420px;
}
.effectitem1_4{
    width:190px;
    right: -150px;
    top: 160px;
}
.effectitem1_5{
    width: 556px;
    left: -180px;
    top: 110%;
}
.effectitem1_6{
    right: max(100%, 750px);
    width: 270px;
    top: 100px;
}
.effectitem1_7{
	width: 136px;
    left: max(100%, 750px);
    top: 30px;
}
.effectitem1_8{
    width: 220px;
    left: 900px;
    top: 130px;
}

.effectitem2{
	position: absolute;
    z-index: 1;
	pointer-events: none;
}
.effectitem_b{
	width: 100%;
	position: relative;
	z-index: 2;
	animation: flash3 linear 3s infinite;
	animation-direction:normal;
}
.effectitem_f{
	width: 100%;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}

.bg_circle{
	position: absolute;
	z-index: 1;
	pointer-events: none;
}
.bg_circle1{
    width: 470px;
    left: -200px;
    top: -280px;
	animation: hunwari linear 6s infinite;
}
.bg_circle2{
    width: 390px;
    bottom: -220px;
    right: 100px;
	animation: hunwari linear 7s infinite;
}
.bg_circle3{
    width: 430px;
    right: -170px;
    top: 170px;
	animation: hunwari linear 5s infinite;
}
.bg_circle4{
    width: 600px;
    left: -500px;
    top: 970px;
	animation: hunwari linear 7s infinite;
}

.effectitem2_5 .effectitem_b{
	animation: flash linear 2.5s infinite;
}
.effectitem2_3 .effectitem_b{
	animation: flash linear 2.8s infinite;
}
.effectitem2_8 .effectitem_b{
	animation: flash linear 2.5s infinite;
}
.effectitem2_6 .effectitem_b{
	animation: flash linear 2s infinite;
}
.effectitem2_4 .effectitem_b{
	animation: flash linear 2.8s infinite;
}

@keyframes hunwari {
  0% {
	 transform: translateY(50px);
	  opacity: 1;
  }
  50% {
	 transform: translateY(30px);
	   opacity: 0.3;
  }
  100% {
	transform: translateY(50px);
	   opacity: 1;
  }
}
.effectitem2_1{
	width: 226px;
    left: -80px;
    top: 160px;
}
.effectitem2_2{
    width: 127px;
    left: -140px;
    bottom: -70px;
}
.effectitem2_3{
	width: 127px;
    right: 0;
    bottom: 0;
}
.effectitem2_4{
    width: 152px;
    right: 54%;
    top: 860px;
}
.effectitem2_5{
    width: 270px;
    right: 0%;
    top: -150px;
}
.effectitem2_6{
    width: 127px;
    left: 50%;
    top: 350px;
}
.effectitem2_7{
    width: 164px;
    left: 49%;
    top: -120px;
}
.effectitem2_8{    width: 185px;
    right: 50px;
    bottom: -130px;
    bottom: -220px;
}


@keyframes flash {
  0% {
	  opacity: 1;transform: translateY(0px);
  }
  8% {
	  opacity: 1; transform: translateY(0px);
  }
  10% {
	  opacity: 0.6;transform: translateY(2px);
  }
  12% {
	  opacity: 1;transform: translateY(4px);
  }
  35% {
	  opacity: 1;transform: translateY(6px);
  }
  36% {
	  opacity: 0.6;transform: translateY(6px);
  }
  38% {
	  opacity: 1;transform: translateY(7px);
  }
  50% {
	  opacity: 1;transform: translateY(8px);
  }
  52% {
	  opacity: 0.8;transform: translateY(8px);
  }
  60% {
	  opacity: 0.8;transform: translateY(6px);
  }
  61% {
	  opacity: 1;transform: translateY(6px);
  }
  63% {
	  opacity: 0.6;transform: translateY(5px);
  }
  65% {
	  opacity: 1;transform: translateY(5px);
  }
  67% {
	  opacity: 0.3;transform: translateY(5px);
  }
  69% {
	  opacity: 1;transform: translateY(4px);
  }
  90% {
	  opacity: 1;transform: translateY(2px);
  }
  91% {
	  opacity: 0.3;transform: translateY(2px);
  }
  93% {
	  opacity: 1;transform: translateY(1px);
  }
  100% {
	  opacity: 1;transform: translateY(0px);
  }
}

@keyframes flash2 {
  0% {
	  opacity: 1;
  }
  8% {
	  opacity: 1;
  }
  10% {
	  opacity: 0.8;
  }
  12% {
	  opacity: 1;
  }
  100% {
	  opacity: 1;
  }
}
@keyframes flash3 {
  0% {
	  opacity: 1;
  }
  50% {
	  opacity: 0.4;
  }
  100% {
	  opacity: 1;
  }
}
.kv_circle{
	animation: circle_rote linear 5s infinite;
}
@keyframes circle_rote {
  0% {
	  transform: rotate(0);
  }
  100% {
	  transform: rotate(360deg);
  }
}






@media screen and (min-width: 901px){
	.sponly{
		display: none;
	}
}
@media screen and (max-width: 900px){
	.pconly{
		display: none;
	}

#kv {
    height: calc(var(--vw) * 202);
        overflow: hidden;
}
	.kv_logo {
    width: calc(var(--vw) * 51);
    left: calc(var(--vw) * 14);
    top: calc(var(--vw) * 3);
    position: absolute;
    z-index: 15;
}
.kv_main {
       top: calc(var(--vw) * -12);
        left: auto;
        right: calc(-1 * var(--vw) * 23);
        width: calc(var(--vw) * 132);
	}
	.kv_circle {
    left: -50vw;
    right: -50vw;
    margin: auto;
    width: calc(var(--vw) * 130);
		top: calc(var(--vw) * 140);
	}
.kv_release {
    width: calc(var(--vw) * 54);
    top: calc(var(--vw) * 155);
    left: 0;
    right: 0;
    margin: auto;
}
	
	.kv_yoyakubtn{
        width: calc(var(--vw) * 38);
        top: calc(var(--vw) * 175);
    left: 0;
    right: 0;
    margin: auto;
	}
	
.kv_effects1 {
	width: 200%;
	}
	
	
	
	.effectitem2_1 {
    width: 146px;
    left: 360px;
    top: -120px;
    right: 110px;
    margin: auto;
}
	#news {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    max-width: none;
    margin: auto;
    margin-bottom: min(90px, calc(var(--vw) * 15));
}
	
.news_main {
    width: 100%;
	max-width:none;
    justify-content: center;
}
	#news_area {
	}
.news_inner1 {
    width: calc(100% - min(60px, calc(var(--vw) * 10)));
	margin: auto;
	}
	
.news_bg {
    left: -3vw;
	width: 103vw;
	}
	
.news_bg1 {
        position: absolute;
        right: -770px;
        left: auto;
        top: -72%;
        width: 905px;
        z-index: 2;
        border-radius: 2rem;
        overflow: hidden;
	}
.title_news {
    max-width: 190px;
    left: 5rem;
	top: -14rem;
	}
	.effectitem2_1 {
    width: 146px;
    left: 360px;
    top: -120px;
    right: 110px;
    margin: auto;
}
	
	
.movie_main {
    width: 100%;
	max-width:none;
    height: 400px;
}
.movie_inner1 {
    width: calc(100% - min(60px, calc(var(--vw) * 10)));
	margin: auto;
	}
	
.movie_bg {
    left: -3vw;
	width: 103vw;
        min-width: 780px;
	}
	
.movie_bg2 {
        width: 1040px;
        right: -140px;
        left: -190px;
        margin: auto;
	}
.title_movie {
	max-width: 190px;
        right: 5rem;
        top: -10rem;
	}
	
.movie_area {
	margin: auto;
	}
	.effectitem1_4{
	display: none;
	}
}
@media screen and (max-width: 600px){	
	
html{
	font-size:8px;
	}
    .effectitem2_1 {
        width: 24vw;
        left: auto;
        top: -20vw;
        right: 24vw;
        margin: auto;
    }
    .title_news {
        max-width: 30vw;
        left: 0;
        top: -19vw;
    }
.news_main {
    width: 100%;
        height: 200px;
	max-width:none;
}
	.news_inner1 {
	        width: calc(100% - min(100px, calc(var(--vw) * 20)));
	}
	#news_area {
	height: 150px;
	}
	.news_bg1{
    top: -50vw;
    right: -152vw;
    width: 180vw;
}
	
	
    .title_movie {
        max-width: 30vw;
        left: auto;
		right: calc(-1 *  min(50px, calc(var(--vw) * 10)));
        top: -16vw;
    }
    .movie_bg {
        background: none;
		background-color: var(--colorg);
	}
	
    .movie_main {
        height: auto;
		padding: 30px 0;
	}
	.movie_inner1{
		width: calc(100% - min(100px, calc(var(--vw) * 20)));
	}
    .movie_bg2 {
        width: 144vw;
        top: -11vw;
        right: -17vw;
        left: auto;
        margin: auto;
    }
}


@media screen and (max-width: 900px){
#overview .inner {

    flex-direction: column;
        align-items: center;
	}
	#overview .inner .left{
		width: 100%;
	}
	#overview .inner .right{
        width: 70%;
		
		max-width: 400px;
	}
	.package_slide .package_slide_wihite li img{
		width: 100%;
	}
	.effectitem2_3 {
		width: 25vw;
		right: -3vw;
		bottom: -2vw;
        max-width: 140px;
	}
	.bluray_spec{
		flex-direction: column;
	}
	.bluray_spec > div {
		width: 100%;
	}
	
	#detail {
		padding-top: min(90px, calc(var(--vw) * 20));
	}
#detail .inner {
    display: flex;
        gap: 20vw;
	flex-direction: column;
	}
	#detail .inner .left, #detail .inner .right {
		width: 100%;
        gap: 20vw;
	}
	
	#shop .shoplist {
		flex-direction: column;;
}
	.shoplist .left, .shoplist .right{
	width: 100%;
	}
	.release_belt li,
	.release_belt li img{
		width: 1000px !important;
		max-width: none;
	}
	
.detail_box h3 {
	top: -17vw;
	}
	#shop .shoplist,
.shoplist .left, .shoplist .right {
	gap: 40px;
	}
	
.shoplist .right {
    padding-top: 0px;
	}
	
	.effectitem1_1 {
    width: 15vw;
		max-width: 90px;
    top: 240px;
    z-index: 15;
    left: auto;
		right: -15vw;
	}
.effectitem1_3 {
    width: 29vw;
    max-width: 150px;
    left: -10vw;
	top: 65vw;
	}
	
.effectitem1_2 {
    width: 21vw;
    max-width: 130px;
    left: -13vw;
    top: 15vw;
	z-index: 10;
	}
	
	.effectitem2_1{
		display: none;
	}
	.effectitem2_5{
        width: 40vw;
        right: -27vw;
        top: 0;
        max-width: 230px;
	}
.effectitem2_8 {
    right: -20px;
    width: 30vw;
	bottom: -130px;
	}
	
.effectitem2_6 {
    width: 22vw;
    left: -20px;
	top: 430px;
	}
.effectitem2_4 {
    width: 34vw;
    top: 1050px;
    right: -50px;
	}
	
.bg_circle1 {
	width: 80vw;
        left: -20vw;
        top: -100px;
}
	
.bg_circle2 {
        width: 80vw;
        right: -40vw;
        top: 570px;
}
	
.bg_circle3 {
    width: 80vw;
    right: -40vw;
    top: 270px;
}
	
.bg_circle4 {
    width: 60vw;
    left: -20vw;
    top: 1280px;
}
}



.type_fade {
	opacity: 0;
	transform: translate(0, 50px);
	transition: 0.3s;
}
.type_fade.show {
	opacity: 1;
	transform: translate(0, 0);
}


.type_fade2 {
	opacity: 0;
	transform: translate(0, 0px);
	transition: 0.3s 0.2s;
}
.type_fade2.show {
	opacity: 1;
	transform: translate(0, 0);
}


#kv{
	transition: 0.3s;
	opacity: 0;
}
#kv.show{
	opacity: 1;
}

#kv .kv_main{
	transition: 0.3s ;
	opacity: 0;
}
#kv.show .kv_main{
	opacity: 1;
}
#kv .kv_circle{
	transition: 0.3s 0.5s;
	opacity: 0;
}
#kv.show .kv_circle{
	opacity: 1;
}
#kv .kv_logo{
	transition: 2s 0.5s;
	opacity: 0;
}
#kv.show .kv_logo{
	opacity: 1;
}
#kv .kv_release{
	transition: 2s 0.7s;
	opacity: 0;
}
#kv.show .kv_release{
	opacity: 1;
}
#kv .kv_yoyakubtn{
	transition: 2s 1s;
	opacity: 0;
}
#kv.show .kv_yoyakubtn{
	opacity: 1;
}



@media screen and (min-width: 1201px){
	
	.title_news,
	.title_movie{
	width: 100%;	
	}
	#news {
    max-width: calc(var(--vw) * 89);
		margin-bottom: calc(var(--vw) * 9);
	}
	
#news_area {
    height: calc(var(--vw) * 21);
        width: calc(var(--vw) * 58);
	}
.news_main {
    height: calc(var(--vw) * 30);
    max-width: none;
	width: calc(var(--vw) * 72);
	}
	
.title_news {
    left: calc(var(--vw) * -1 *9);
    top: calc(var(--vw) * -1 * 4);
	max-width: calc(var(--vw) * 22);
	}
.news_bg1 {
	width: calc(var(--vw) * 98);
	}
.newslist {
    max-width: calc(var(--vw) * 50);
	height: calc(var(--vw) * 21);
        max-width: none;
        width: 100%;
	}
	
.news_inner1 {
    width: 100%;
}
	
	
#movie {
	max-width: calc(var(--vw) * 89);
		margin-bottom: calc(var(--vw) * 9);
	
}
.movie_area {
    max-width: calc(var(--vw) * 51);
}
.movie_main {
    height: calc(var(--vw) * 37);
	max-width: calc(var(--vw) * 70);
	}
.title_movie {
    max-width: calc(var(--vw) * 24);
}
.movie_inner1 {
    width: 100%;
}
.movie_bg2 {
    width: calc(var(--vw) * 92);
}
}
/* よく使うCSS start

img {
	max-width:100%;
}

table {
	width:100%;
}

a,a:hover {
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

a img:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

よく使うCSS end -----
時々使うCSS3 start ---

テキストシャドウ {
	text-shadow: 1px 1px 3px #000;
}

テキストシャドウ {
	text-shadow: 1px 1px 3px #000;
}

ボックスシャドウ {
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

ボックスシャドウ内側 {
	-moz-box-shadow: inset 1px 1px 3px #000;
	-webkit-box-shadow: inset 1px 1px 3px #000;
	box-shadow: inset 1px 1px 3px #000;
}

角丸 {
	border-radius: 10px; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; 
}

トランジション {
	-webkit-transition: 1.5s;
	-moz-transition: 1.5s;
	-o-transition: 1.5s;
	transition: 1.5s;
}

透明 {
	filter: alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
}

背景のみ透明 {
	background-color:rgba(255,255,255,0.2);
}

グラデーション {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000')";
	background-image: -moz-linear-gradient(top, #ffffff, #000000);
	background-image: -ms-linear-gradient(top, #ffffff, #000000);
	background-image: -o-linear-gradient(top, #ffffff, #000000);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#000000));
	background-image: -webkit-linear-gradient(top, #ffffff, #000000);
	background-image: linear-gradient(top, #ffffff, #000000);
}
* {
	-webkit-appearance: none;
}

スマホ　インプットの中身の色
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #cfefff inset;
}

スマホ対応
@media screen and (max-width: 480px){
	
}
@media screen and (max-width: 320px){
	
}

カド三角
		content:"";
		position:absolute;
	width: 0;
	height: 0;
	top:0;
	right:0;
	border-top: 15px solid rgba(255, 255, 255, 0.5);
	border-left: 15px solid transparent;
	border-bottom: 15px solid transparent ;
	border-right: 15px solid rgba(255, 255, 255, 0.5);


下に三角
:after{
      content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -30px;
    left: 0;
    right: 0;
    margin: auto;
    border-top: 15px solid rgba(0,0, 0, 1);
    border-left: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid transparent;
}


幅の引き算
	width : -webkit-calc(100% - 60px);

<style type="text/css">
<!--
.youtube{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
-->
</style>

行数制限+三点リーダー

  height: 72px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;



    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
	
	justify-content:space-between;
	-webkit-justify-content:space-between;
	
    justify-content: space-around ;
    -webkit-align-items: space-around ;
.video{
width:100%;             
padding-bottom: 56.25%;  
height:0px;             
position: relative;
}


文字を中央
top:50%;
     -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}



.anime3 img{
	-webkit-animation:zoom3 1s linear infinite alternate;
    -moz-animation:zoom3 1s linear infinite alternate;
    animation:zoom3 1s linear infinite alternate;
}
@-webkit-keyframes zoom3{
    0% {
      -webkit-transform: rotate(-60deg);}
    100% {
      -webkit-transform: rotate(0deg);}
}
@-moz-keyframes zoom3{
    0% {
      -moz-transform: rotate(-60deg);}
    100% {
      -moz-transform: rotate(0deg);}
}
@keyframes zoom3{
    0% {
      transform: rotate(-60deg);}
    100% {
      transform: rotate(0deg);}
}

.anime3 img{
    animation:zoom3 1s linear infinite alternate;
}
@keyframes zoom3{
    0% {
      transform: rotate(-60deg);}
    100% {
      transform: rotate(0deg);}
}


.tokuhou .rotet_left {
	animation: rotet_left 5s linear infinite normal;
}
@keyframes rotet_left {
 0% {
 transform: rotate(0deg);
}
 100% {
 transform: rotate(360deg);
}
}


時々使うCSS3 end */