@charset "utf-8";
/* CSS Document */
html {
	scroll-behavior: smooth;
}

body {
	position: relative;
	width: 100%;
	background: #14232e;
	overflow-x: hidden;
}

html,body{
	height: 100%;/*高さを100%にして描画エリアをとる*/
}

@font-face {
	font-family: 'SourceHanSerif-ExtraLight';
	src: url("../fonts/SourceHanSerif-ExtraLight.otf")format("opentype");
}

/*
body {
	overflow-y: scroll;
}
*/

a {
	text-decoration: none;
}

/*========= LoadingのためのCSS ===============*/

/* Loading背景画面設定　*/
#splash {
    /*fixedで全面に固定*/
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 10000;
	background: rgb(24,56,94);
	background: -moz-linear-gradient(180deg, rgba(24,56,94,1) 50%, rgba(9,19,31,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(24,56,94,1) 50%, rgba(9,19,31,1) 100%);
	background: linear-gradient(180deg, rgba(24,56,94,1) 50%, rgba(9,19,31,1) 100%);
	display: none;
}

/* Loading画像中央配置　*/
#splash_logo {
	position: absolute;
	top: 50%;
	left: 56%;
	transform: translate(-50%, -50%);
}

/* Loading アイコンの大きさ設定　*/
#splash_logo img {
	width: 70%;
	height: auto
}

/* fadeUpをするアイコンの動き */
.fadeUp{
animation-name: fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}
	
#all_wraper {
    display: block;
    position: relative;
    overflow-x: hidden;
}

#top_wrap {
	display: block;
}

.animation_area {
    display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	width: 100%;
	padding: 2% 0 2% 2%;
	position: relative;
	z-index: 6;
}

.sp_nav_frame {
	background: transparent;
}

.thirtyth {
	width: 5%;
	height: auto
}

.logo {
	width: 15%;
	height: auto;
}

.thirtyth img {
	width: 100%;
	height: auto;
}

.logo img {
    width: 100%;
    height: auto;
}

.nav {
	display: block;
	width: 100%;
	position: relative;
	min-height: 412px;
	background-image: url("../images/nav/nav_frame.png");
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 5;
}

.nav ul,
.nav li {
	list-style: none;
}

.nav ul {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	width: 90%;
	margin: 0 auto;
	padding-top: 3%;
}

.nav li {
	width: 12.5%;
	height: auto;
}

.nav li img {
	width: 100%;
	height: auto;
}

.animated:hover{
animation: pulse 1s;
}

.main_visual {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 4;
	min-height: 1500px;
	background-image: url("../images/top_mv/mv.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	
}

.notice {
    display: block;
    font-family: wanpaku-ruika, sans-serif;
    font-weight: 100;
    font-style: normal;
    font-size: 96px;
    line-height: 122px;
    background: linear-gradient(45deg, orange , yellow, green, cyan, blue, violet, red, orange, yellow);
    background: -webkit-linear-gradient(45deg, orange , yellow, green, cyan, blue, violet, red, orange, yellow);
    background: -o-linear-gradient(45deg, orange, yellow, green, cyan, blue, violet, red, orange, yellow);
    background: -moz-linear-gradient(45deg, orange, yellow, green, cyan, blue, violet, red, orange, yellow);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    text-align: center;
    -webkit-text-stroke: 1px #FFF;
    text-stroke: 1px #FFF;
}

.mv_area {
    width: 100%;
    position: relative;
    display: block;
    height: auto;
    min-height: 90vh;
}

.mv01 {
    width: 28%;
    position: absolute;
    top: 42%;
    right: 15%;
    z-index: 3;
}

.mv02 {
    width: 25%;
    position: absolute;
    top: 20%;
    right: 3%;
    z-index: 2;
}

.mv03 {
    width: 20%;
    position: absolute;
    top: 5%;
    right: 30%;
    z-index: 2;
}

/* アニメーションスタートの遅延時間を決めるCSS*/

.delay-time07{
animation-delay: 0.7s;
}

.delay-time1{
animation-delay: 1s;
}

.delay-time12{
animation-delay: 1.2s;
}

.delay-time15{
animation-delay: 1.5s;
}

/*==================================================
スタート時は要素自体を透過0にするためのopacity:0;を指定する
===================================*/

.box{
	opacity: 0;
}

/*==================================================
動き自体の指定：今回は「ふわっ」
===================================*/

.fadeUp {
animation-name:fadeUpAnime;
animation-duration:0.8s;
animation-fill-mode:forwards;
opacity: 0;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}

.mv01 img,
.mv02 img,
.mv03 img {
	width: 100%;
	height: auto;
}

.introduction {
	width: 70%;
	height: auto;
	position: absolute;
	top: 40%;
	left: 3%;
	z-index: 4;
}

.sub_title img {
	width: 30%;
	height: auto;
	display: block;
	margin-left: 5%;
}

.intro_text p {
	padding-top: 3%;
	width: 100%;
	color: #fff;
	text-shadow: 1px 1px 2px #1f142e;
	font-size: 18px;
	line-height: 42px;
	font-family: toppan-bunkyu-midashi-min-st, serif;
	font-weight: 900;
	font-style: normal;
}

.highlight {
	font-size: 28px;
	line-height: 48px;
	animation-name: Highrights;
	animation-duration: .8s;
	animation-fill-mode: forwards; 
}

@keyframes Highrights{
	0% {
		opacity: 0;
}
	90% {
		opacity: 1;
}
	100% {
		opacity: 1;
} 
}

#info_wrap {
	position: relative;
	z-index: 4;
	margin-top: 115vh;
}

.info_bg {
	background-image: url("../images/info_bg.png");
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	min-height: 600px;
	width: 100%;
    height: auto;
    top: -5%;
    left: 0;
}

.info_innrer {
	width: 80%;
	margin: 0 auto;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	padding: 5% 0;
}

.info_box {
	width: 48%;
}

.info_box > .info_title {
	width: 50%;
	margin: 5% auto 10% auto;
}

.info_title img {
	width: 100%;
}

.info_box > .news {
	border-radius: 25px;
	padding: 24px;
	background: #14232e;
	max-height: 350px;
}

.news_wrap {
	overflow-y: scroll;
	max-height: 300px;
}

.news_wrap::-webkit-scrollbar{
   width: 10px;
}
.news_wrap::-webkit-scrollbar-track{
   background-color: #14232e;
}
.news_wrap::-webkit-scrollbar-thumb{
   background-color: aquamarine;
   border-radius: 2px;
}

.newspage_inner2 {
	width: 70%;
	position: relative;
	top: -20vh;
	margin: 0 auto;
}

.newspage_title {
	font-size: 24px;
	color: #fff;
	font-family: toppan-bunkyu-midashi-min-st, serif;
	font-style: normal;
	font-weight: 900;
	text-align: center;
	line-height: 1.5em;
	text-shadow: 2px 2px 3px #000;
}

.newspage_inner2 p {
	font-size: 16px;
	color: #fff;
	font-family: shippori-mincho, sans-serif;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5em;
	text-align: left;
	width: 70%;
	margin: 5vh auto 0 auto;
}

p.right {
	text-align: right!important;
	font-size: 16px;
	color: #fff;
	font-family: shippori-mincho, sans-serif;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5em;
	width: 70%;
	margin: 0 auto;
}

canvas {
	  display: block;
	  vertical-align: bottom;
	  position: relative;
	}
	/* ---- particles.js container ---- */
	
	#particles-js{ 
	position:fixed;/*描画固定*/
	z-index:-1;/*描画を一番下に*/
	width: 100%;
	height: 100%;
	background-color: #14232e;/*背景色*/
}

	/* ---- stats.js ---- */ 
	.count-particles {
	  background: #000022;
	  position: absolute;
	  top: 48px;
	  left: 0;
	  width: 80px;
	  color: #13E8E9;
	  font-size: .8em;
	  text-align: left;
	  text-indent: 4px;
	  line-height: 14px;
	  padding-bottom: 2px;
	  font-family: Helvetica, Arial, sans-serif;
	  font-weight: bold;
	}
	.js-count-particles {
	  font-size: 1.1em;
	}
	#stats, .count-particles {
	  -webkit-user-select: none;
	  margin-top: 5px;
	  margin-left: 5px;
	}
	#stats {
	  border-radius: 3px 3px 0 0;
	  overflow: hidden;
	}

.news_inner {
	border: 1px solid #2D475A;
	padding: 12px;
	font-size: 16px;
	font-family: toppan-bunkyu-midashi-min-st, serif;
	font-weight: 900;
	font-style: normal;
	border-radius: 3px;
	background: rgba(225, 225, 225, .4);
	margin-bottom: 2%;
}

.news_inner > .day {
	display: inline-block;
	color: #333;
	background: #fff;
	margin-bottom: 12px;
}

.news_inner > p {
	color: #fff;
}

.info_box > .twitter_inner {
	border-radius: 25px;
	padding: 24px;
	background: #14232e;
	min-height: 300px;
}

.news_inner a,
.news_inner:visited {
	color: yellow;
	transition: all ease .25s;
}

.news_inner a:hover {
	color: aquamarine;
}

#banner_area {
	position: relative;
	margin: 0;
	width: 100%;
	padding: 0 0 5% 0;
	background: #14232e;
}

#banner_area ul,
#banner_area li {
	list-style: none;
}

#banner_area ul {
	width: 80%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#banner_area li {
	width: 48%;
	margin-top: 5%;
}

#banner_area li img {
	width: 100%;
	height: auto;
	transition: all ease .25s;
}

#banner_area li img:hover {
	transform: scale(0.95);
}

#footer {
	padding: 3%;
	border-top: 1px solid #5C7D95;
	background: #14232e;
	position: relative;
	z-index: 2;
}

#footer img {
	width: 5%;
	height: auto;
	display: block;
	margin: 0 auto 2.5% auto;
}

#footer p {
	text-align: center;
	font-size: 16px;
	font-family: toppan-bunkyu-midashi-min-st, serif;
	font-weight: 900;
	font-style: normal;
	color: #fff;
	letter-spacing: 2px;
}

/*========= ページトップのためのCSS ===============*/
/*リンクの形状*/
#page-top a{
	display: flex;
	justify-content:center;
	align-items:center;
	color: #fff;
	text-align: center;
	text-transform: uppercase; 
	text-decoration: none;
	font-size:0.6rem;
	transition:all 0.3s;
}
/*

#page-top a:hover{
	background: #777;
}
*/

/*リンクを右下に固定*/
#page-top {
	position: fixed;
	right: 0.5%;
	z-index: 2;
    /*はじめは非表示*/
	opacity: 0;
	transform: translateY(100px);
}

/*　上に上がる動き　*/

#page-top.UpMove{
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}

/*　下に下がる動き　*/

#page-top.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 1;
	transform: translateY(0);
  }
  to {
  	opacity: 1;
	transform: translateY(100px);
  }
}

/*検証のためのCSS*/
/*
section{
padding: 500px 0;
}
*/

/*
#footer{
background:#333;
}
*/

#news_wrap {
	width: 100%;
	height: auto;
	background-image: url("../images/common_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 200vh;
	position: relative;
}

#common_wrap {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
}

.common_title {
	width: 40%;
	height: auto;
	margin: 0 auto;
	margin-bottom: 8%;
}

.common_title img {
	width: 100%;
	height: auto;
}

.newspage_inner,
.commentpage_inner {
	width: 100%;
	position: relative;
	top: -20vh;
}

.newspage_inner ul,
.newspage_inner li,
.commentpage_inner ul,
.commentpage_inner li {
	list-style: none;
}

.newspage_inner ul {
	width: 70%;
	margin: 0 auto;
}

.commentpage_inner ul {
	width: 55%;
	margin: 0 auto;
}

.newspage_inner li,
.commentpage_inner li {
	display: inline-block;
	border-bottom: 1px solid #fff;
	width: 100%;
	margin-bottom: 3%;
	padding-left: 24px;
	padding-bottom: 6px;
	color: #fff;
    font-size: 16px;
    font-family: toppan-bunkyu-midashi-min-st, serif;
    font-weight: 500;
}

.new {
	background: #FF0047;
    color: #fff;
    font-family: "video", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    border-radius: 2px;
    padding: 2px;
    margin-left: 3px;
    display: inline-block;
    vertical-align: top;
}

.newspage_day {
    display: inline-block;
    color: #14232e;
    font-size: 16px;
    font-family: toppan-bunkyu-midashi-min-st, serif;
    font-weight: 500;
    background: #fff;
    border-radius: 3px;
    padding: 3px;
	margin-right: 1.5em;
}

.news_text a,
.news_text a:visited {
	font-size: 16px;
	font-family: toppan-bunkyu-midashi-min-st, serif;
	font-weight: 900;
	color: yellow;
	text-decoration: none;
	transition: all ease .3s;
}
.comment_text a,
.comment_text a:visited {
	font-size: 16px;
	font-family: toppan-bunkyu-midashi-min-st, serif;
	font-weight: 900;
	color: #fff;
	text-decoration: none;
	transition: all ease .3s;
}

.news_text a:hover,
.comment_text a:hover {
	color: aquamarine;
}

.cast_title {
	margin-bottom: 2%;
}

.cast_list ul li {
	list-style: none;
}

.cast_list ul {
	width: 40%;
    margin: 0 auto;
}

.cast_list li {
	margin-bottom: 24px;
}

.cast_list li img {
	width: 100%;
}

.cast_list li a {
	display: block;
	transition: all ease .25s;
}

.cast_list li a:hover {
	background: #00B414;
}

.cast_comment {
	width: 55%;
	margin: 2.5% auto;
	text-align: center;
}

ul.q_a {
	text-align: left;
	margin-top: 5%;
}

ul.q_a li {
	margin: 2.5% 0;
	line-height: 1.8em;
}

li.question {
	color: yellow;
	font-size: 16px;
    font-family: 'SourceHanSerif-ExtraLight';
    font-weight: 400;
}

li.c-answer {
	font-size: 16px;
    font-family: 'SourceHanSerif-ExtraLight';
    font-weight: 400;
	color: #fff;
	padding: 0 36px;
}

.cast_img {
	width: 100%;
	padding: 5% 20% 0 20%;
}

.cast_img img {
	width: 100%;
}

.cast_comments_back {
	width: 100%;
	text-align: center;
}
.cast_comments_back a,
.cast_comments_back a:visited {
	text-decoration: none;
	color: #fff;
	transition: all ease .25s;
	font-size: 16px;
    font-family: 'SourceHanSerif-ExtraLight';
    font-weight: 400;
}
.cast_comments_back a:hover {
	color: aquamarine;
}

.fa-regular,
.fa-solid {
	margin-left: 0.2em;
}

.story_inner {
	width: 100%;
	position: relative;
	top: -20vh;
}
/*tabの形状*/
.tab{
  display: flex;
  flex-wrap: nowrap;
	width: 55%;
	height: auto;
	margin: 0 auto;
}
.tab li a{
  display: block;
  margin:0 3px;
  padding: 3px 6px;
}
/*liにactiveクラスがついた時の形状*/
.tab li.active a{
  
}

.tab li a img {
	width: 100%;
	height: auto;
}


/*エリアの表示非表示と形状*/
.area {
  display: none;/*はじめは非表示*/
  opacity: 0;/*透過0*/
  padding:50px 20px;
}

.area h2 img {
	width: 100%;
	height: auto;
	margin-bottom: 3%;
}

.sp_h2 {
	display: none;
}

.area h3 {
	font-size: 24px;
	font-family: toppan-bunkyu-midashi-min-st, serif;
	font-weight: 500;
	color: #fff;
	margin-top: 3%;
	text-align: center;
}

.area li {
	width: 65%;
	margin: 0 auto;
	color: #fff;
	line-height: 48px;
	font-size: 16px;
	font-family: toppan-bunkyu-midashi-min-st, serif;
	font-weight: 500;
}

.area li .spec {
	font-size: 12px;
	font-family: "SukimaGothic Regular";
	color: #fff;
	text-align: center;
}

/*areaにis-activeというクラスがついた時の形状*/
.area.is-active {
    display: block;/*表示*/
    animation-name: displayAnime;/*ふわっと表示させるためのアニメーション*/
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

ul.scene {
	width: 65%;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 24px auto 0 auto;
}

.scene li {
	width: 23%;
	margin-bottom: 24px;
}

.scene li img {
	width: 100%;
}

@keyframes displayAnime{
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.hidden {
	pointer-events: none;
}

.hidden img {
	filter: grayscale(100%);
}

#staff_cast_wrapper {
	width: 100%;
	position: relative;
	top: -20vh;
}

.staff_cast_inner {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
	width: 60%;
	margin: 0 auto;
}

.staff_cast_title {
	width: 100%;
	height: auto;
	display: block;
}

.staff_cast_title img {
	width: 100%;
	height: auto;
	margin-bottom: 5%;
}

.staff_inner,
.cast_inner {
	width: 48%;
	height: 100%;
	padding-left: 5%;
}

.inner_title {
	display: inline-block;
	background: #fff;
	color: #000;
	padding: 3px 3px 6px 3px;
	font-family: shippori-mincho, sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 18px;
	margin: 3% 0;
	height: auto;
}

.staff_inner ul,
.staff_inner li,
.cast_inner ul,
.cast_inner li {
	list-style: none;
}

.staff_inner li,
.cast_inner li {
	width: 100%;
	font-family: shippori-mincho, sans-serif;
	font-weight: 600;
	font-style: normal;
	color: #fff;
	font-size: 18px;
	letter-spacing: 1px;
	margin-bottom: 12px;
}

.cast_inner li.blank {
	height: .5em;
	display: block;
}

.record {
	display: block;
	color: #6ad7ff;
	font-size: 12px;
	font-family: shippori-mincho, sans-serif;
	font-weight: 600;
	font-style: normal;
}

.credit {
	font-size: 12px;
	font-family: shippori-mincho, sans-serif;
	font-weight: 600;
	font-style: normal;
	color: aquamarine;
}

.character_wrappr {
	width: 100%;
	position: relative;
	top: -20vh;
}

.character_link {
    position: relative;
    z-index: 10;
    top: -10vh;
}

.character_link ul,
.character_link li {
	list-style: none;
}

.character_link ul {
	width: 70%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	margin: 0 auto;
	padding-left: 0;
}

.character_link li {
	width: 14%;
	margin: 0 2.5%;
}

.c__animated:hover{
animation: bounce 1s;
}

.character_link li img {
	width: 100%;
	height: auto;
}

.character_inner {
    width: 100%;
    position: relative;
    top: 0;
}

.vol1,
.vol2,
.vol3,
.vol4,
.vol5,
.vol6,
.vol_ex {
	width: 100%;
	height: auto;
}

.vol1 {
    padding-top: 5vh;
}

.section_title {
	width: 100%;
	height: auto;
	margin: 3% 0;
	position: relative;
	top: 5vh;
	display: block;
}

.section_title_sp {
	display: none;
}

.section_title img {
	width: 100%;
	height: auto;
}

.vol1 ul,
.vol1 li,
.vol2 ul,
.vol2 li,
.vol3 ul,
.vol3 li,
.vol4 ul,
.vol4 li,
.vol5 ul,
.vol5 li,
.vol6 ul,
.vol6 li,
.vol_ex ul,
.vol_ex li {
	list-style: none;
}

.vol1 ul,
.vol2 ul,
.vol3 ul,
.vol4 ul,
.vol5 ul,
.vol6 ul,
.vol_ex ul {
	width: 70%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
	padding-left: 0;
}

.vol1 li,
.vol2 li,
.vol3 li,
.vol4 li,
.vol5 li,
.vol6 li,
.vol_ex li {
	width: 28%;
	height: auto;
	margin: 2% 0;
}

.chara_pc {
	display: block;
}

.chara_sp {
	display: none;
}

.vol1 li img,
.vol2 li img,
.vol3 li img,
.vol4 li img,
.vol5 li img,
.vol6 li img,
.vol_ex li img {
	width: 100%;
	height: auto;
}

.modaal-image .modaal-container {
    width: auto;
    max-width: 100%;
    background: transparent;
}

.modaal-image .modaal-inner-wrapper {
	padding-left: 20vw!important;
    padding-right: 20vw!important;
}

.modaal-gallery-item.is_active {
    display: block;
    border: 1px solid #f4e16c;
	border-radius:5px;
}

.modaal-gallery-item img {
    display: block;
	width: 100%;
	height: auto;
    border-radius: 5px;
}

.goods_inner {
	width: 100%;
	position: relative;
	top: -20vh;
}

.goods_wrapper ul,
.goods_wrapper li {
	list-style: none;
}

.goods_wrapper ul {
	width: 60%;
	height: auto;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-around;
	margin: 0 auto;
	padding-left: 0;
}

.goods_wrapper li {
	width: 45%;
	height: auto;
}

.goods_wrapper li p {
	margin-top: 2%;
}

.goods_wrapper li img {
	width: 100%;
	height: auto;
	transition:  all ease .25s;
}

.goods_wrapper li img:hover {
	filter: brightness(150%);
}

.streaming_bluray_inner {
	width: 100%;
	position: relative;
	top: -20vh;
}

.bluray_wrappr {
	width: 100%;
	height: auto;
	position: relative;
	background: rgba(225, 225, 225, .5);
}

.streaming_wrapper,.rental_wrappr {
	width: 100%;
	height: auto;
	position: relative;
	background: rgba(225, 225, 225, .5);
}

.streaming_bluray_title {
	width: 100%;
	height: auto;
}

.streaming_bluray_title_sp {
	display: none;
}

.streaming_wrapper p {
	font-size: 36px;
	text-align: center;
	width: 100%;
	color: #CA1F07;
	font-family: toppan-bunkyu-midashi-min-st, serif;
	font-weight: 900;
	padding: 5% 0 10% 0;
}

.streaming_bluray_title img {
	width: 100%;
	height: auto;
}

.bluray_wrappr ul,
.bluray_wrappr li,
.streaming_wrapper ul,
.streaming_wrapper li {
	list-style: none;
}

.bluray_wrappr ul,
.streaming_wrapper ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 70%;
	margin: 0 auto;
	margin-top: 3%;
}

.bluray_wrappr li,
.streaming_wrapper li {
	width: 31%;
	height: auto;
	margin-bottom: 5%;
}

p.picture {
	overflow: hidden;
	border-radius: 3px;
	border: 1px solid #f4e16c;
}

.bluray_wrappr li img,
.streaming_wrapper li img {
	width: 100%;
	height: auto;
	border-radius: 3px;
	transition: all ease .25s;
}

.data {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	font-size: 8px;
	color: #333;
	margin: 1.5% 0;
	width: 100%;
	align-items: flex-end;
}

.bluray_wrappr span,
.streaming_wrapper span {
	background: #04459F;
	color: #fff;
	font-family: shippori-mincho, sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 12px;
	padding: 3px;
	border-radius: 3px;
}

.bluray_wrappr li img:hover,
.streaming_wrapper li img:hover {
	transform: scale(1.2);
}

a.bluray_title,
a.bluray_title:visited {
	color: #fff;
	font-size: 18px;
	text-decoration: none;
	transition: all ease .25s;
	font-family: shippori-mincho, sans-serif;
	font-weight: 900;
	font-style: normal;
}

a.bluray_title:hover {
	color: #6ad7ff;
}
.blank {
	height: 8%;
}

.stm_01,.stm_02 {
    width: 85%;
    margin: 0 auto;
    padding: 0 0 5% 0;
}

.stm_01 a,.stm_02 a{
    font-family: "corporate-logo-ver2", sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    transition: all ease .25s;
}

.stm_01 a:hover,.stm_02 a:hover {
    color: aqua;
}

.stm_01 h1, .stm_02 h1, .rental_inner h1 {
    font-family: "corporate-logo-ver2", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 28px;
    color: #ffd900;
    letter-spacing: 0.2em;
    text-align: center;
    margin-top: 1.5%;
    margin-bottom: 1.5%;
}

.stm_01 p, .stm_02 p {
    text-align: center;
    font-family: a-otf-gothic-mb101-pr6n, sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    font-size: 18px;
    line-height: 1.8em;
    padding: 12px;
    margin: 0 auto;
    margin-bottom: 1.5%;
    letter-spacing: 0.1em;
    background: #101033;
    border-radius: 5px;
    width: 50%;
}

.stm_01 p span.big, .stm_02 p span.big {
    display: inline-block;
    background: #e83929;
    font-size: 18px;
    padding: 0 6px;
    margin: 0 6px;
    color: #fff;
    font-family: a-otf-gothic-mb101-pr6n, sans-serif;
    font-weight: 500;
    font-style: normal;
    transition: all ease .25s;
}

p.attention {
    color: yellow;
    font-size: 14px;
    font-family: shippori-mincho, sans-serif;
    font-weight: 900;
    font-style: normal;
    background: transparent;
}

.detail_inner {
    width: 100%;
    text-align: center;
    padding: 12px 0 6px 0;
    border-bottom: 1px dashed #f4e16c;
}

.detail_inner a {
    display: inline-block;
    width: calc(100% /4 - 28px);
    font-size: 20px;
}

.detail_inner a:nth-child(2), .detail_inner a:nth-child(3), .detail_inner a:nth-child(4){
    border-left: solid 1px #333;
}

.rental_inner {
    padding-bottom: 20vh;
    width: 70%;
    margin: 0 auto;
}

.rental_inner ul, li {
    list-style: none;
}

.rental_inner ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.rental_inner li {
    width: calc(100% / 3 - 28px);
    margin-bottom: 4.5%;
}

.rental_inner li p {
    background: #04459F;
    color: #fff;
    font-family: shippori-mincho, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 14px;
    padding: 6px;
    border-radius: 3px;
    text-align: center;
}

.rental_inner li img {
    width: 100%;
    border: solid 1px #565656;
}

.rental_inner p {
    color: yellow;
    font-size: 14px;
    font-family: shippori-mincho, sans-serif;
	font-weight: 900;
	font-style: normal;
    text-align: center;
}

.special_pk_inner {
	width: 100%;
	position: relative;
	top: -20vh;
}

.common_manufacturer_wrapper,
.common_allstores_wrapper {
	width: 100%;
	height: auto;
}

.common_allstores_wrapper {
	margin-top: 3%;
	margin-bottom: 3%;
}

 .common_manufacturer_wrapper img,
.common_allstores_wrapper img {
	width: 100%;
	height: auto;
}

.special_pk_title {
	width: 50%;
	height: auto;
	margin: 0 auto;
	margin-top: 2%;
}

.special_pk_title  img {
	width: 30%;
	height: auto;
}

.common_manufacturer_wrapper ul,
.common_manufacturer_wrapper li,
.common_allstores_wrapper ul,
.common_allstores_wrapper li {
	list-style: none;
}

.common_manufacturer_wrapper ul,
.common_allstores_wrapper ul {
	width: 50%;
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-left: 0;
	align-items: flex-start;
}

.common_manufacturer_wrapper li,
.common_allstores_wrapper li {
	width: 40%;
	margin: 5% 0;
}

.common_manufacturer_wrapper li.explanation {
	width: 55%;
}

.common_manufacturer_wrapper li img
,
.common_allstores_wrapper li img {
	width: 100%;
	height: auto;
}

.common_manufacturer_wrapper h5,
.common_allstores_wrapper h5 {
	font-family: toppan-bunkyu-midashi-min-st, serif;
	font-weight: 900;
	font-size: 18px;
	color: #fff;
	margin-bottom: 3%;
}

.common_manufacturer_wrapper p,
.common_allstores_wrapper p  {
	font-size: 12px;
	color: #fff;
	line-height: 20px;
}

.common_manufacturer_wrapper span,
.common_allstores_wrapper  span {
	font-size: 10px;
	color: yellow;
	line-height: 12px;
}

.common_manufacturer_wrapper li.hr,
.common_allstores_wrapper li.hr {
	width: 100%;
	background-image: url("../images/bluray/hr.png");
	background-repeat: no-repeat;
	background-size: contain;
	min-height: 5px;
	margin: 0;
}

.caution {
	font-size: 14px;
	color: yellow;
	width: 50%;
	margin: 0 auto;
}

.store_logo {
	width: 100%;
	margin-bottom: 10%;
}

/*リンクを右下に固定*/
#page-top {
	position: fixed;
	right: 10px;
	bottom:10px;
	z-index: 5;
    /*はじめは非表示*/
	opacity: 0;
	transform: translateY(100px);
	width: 30px;
	height: auto;
}

#page-top img {
	width: 100%;
	height: auto;
}

/*　上に上がる動き　*/

#page-top.UpMove{
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}

/*　下に下がる動き　*/

#page-top.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 1;
	transform: translateY(0);
  }
  to {
  	opacity: 1;
	transform: translateY(250px);
  }
}

.bluray_inner {
	width: 100%;
	position: relative;
	top: -20vh;
}

.bluray_inner ul,
.bluray_inner li {
	list-style: none;
}

.bluray_inner ul {
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	width: 60%;
	margin: 0 auto;
}

ul.bottom_line {
	margin: 0 auto 2.5% auto;
	padding-bottom: 2.5%;
	border-bottom: 1px #FFD700 dashed;
}

.bluray_inner li {
	width: 55%;
}

.bluray_inner li img {
	width: 50%;
}

.bluray_inner li.pkg {
	width: 40%;
}
.bluray_inner li.pkg img {
	width: 100%;
}

.bluray_inner li.hr {
	width: 100%;
	background-image: url("../images/bluray/hr.png");
	background-repeat: no-repeat;
	background-size: contain;
	min-height: 5px;
	margin: 5% auto;
}

.bluray_inner h5 {
	color: #fff;
	margin-top: 5%;
	font-family: toppan-bunkyu-midashi-min-st, serif;
	font-weight: 600;
	font-size: 18px;
}

.bluray_inner p {
    font-size: 12px;
    margin: 2.5% 0;
    color: #fff;
    line-height: 18px;
}

span.include {
	font-size: 16px;
	font-weight: 900;
}

.special_inner {
	width: 100%;
	position: relative;
	top: -20vh;
}

.special_wrapper p {
	font-size: 36px;
	text-align: center;
	width: 100%;
	color: #CA1F07;
	font-family: toppan-bunkyu-midashi-min-st, serif;
	font-weight: 900;
	padding: 5% 0 10% 0;
}

.special_wrapper ul,
.special_wrapper li {
	list-style: none;
}

.special_wrapper ul {
	padding-left: 0;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: flex-start;
	width: 70%;
	margin: 0 auto;
}

.special_wrapper li {
	width: 30%;
}

.special_wrapper li img {
	width: 100%;
	height: auto;
}

/*
.special_wrapper li p {
	margin-top: 2%;
}
*/

.special_wrapper li img {
	width: 100%;
	height: auto;
	transition:  all ease .25s;
}

.special_wrapper li img:hover {
	filter: brightness(150%);
}

.promotion_inner {
	width: 100%;
	position: relative;
	top: -20vh;
}

.promotion_wrapper ul,
.promotion_wrapper li {
	list-style: none;
}

.promotion_wrapper ul {
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	width: 70%;
	margin: 0 auto;
}

.promotion_wrapper li {
	width: 30%;
}

.promotion_wrapper li img {
	width: 100%;
	height: auto;
	border-radius: 3px;
	border: solid 1px #f4e16c;
}

.promotion_wrapper li p {
	margin-top: 2%;
	font-size: 16px;
	font-family: toppan-bunkyu-midashi-min-st, serif;
	font-weight: 600;
	color: #fff;
}

.event_wrapper {
	width: 100%;
	position: relative;
	top: -20vh;
}

.event_bg {
	position: relative;
	width: 80%;
	margin: 0 auto 5% auto;
}

.event_bg img {
	width: 100%;
	height: auto;
}

.comments_wrapper {
	width: 100%;
	position: relative;
	top: -20vh;
}

.comments_wrapper h2 {
	font-size: 24px;
    font-family: toppan-bunkyu-midashi-min-st, serif;
    font-weight: 500;
	color: #fff;
	text-align: center;
}

.artist {
	width: 50%;
	margin: 2.5% auto;
	border-bottom: dashed 1px #BFBFBF;
	padding-bottom: 2.5%;
}

.artist img {
	width: 50%;
	height: auto;
	display: block;
	margin: 0 auto;
	border-radius: 5px;
}

.artist_name {
	font-size: 18px;
    font-family: toppan-bunkyu-midashi-min-st, serif;
    font-weight: 500;
	color: yellow;
	text-align: center;
	padding-top: 12px;
}

.profile {
	font-size: 16px;
    font-family: "a-otf-gothic-mb101-pr6n", sans-serif;
    font-weight: 300;
    font-style: normal;
	color: #fff;
	line-height: 1.8em;
	padding: 2.5% 0;
}

.sub_title {
	font-size: 16px;
    font-family: toppan-bunkyu-midashi-min-st, serif;
    font-weight: 500;
	color: yellow;
}

span.c-sub {
	background: #fff;
	color: #111;
	padding: 3px;
	margin-right: 1%;
	border-radius: 3px;
}

.artist_comment {
	width: 50%;
	margin: 0 auto;
}

.comment {
	text-align: center;
	margin: 12px 0;
}

.comment a,
.comment a:valid {
	font-family: toppan-bunkyu-midashi-min-st, serif;
    font-weight: 500;
	background: #fff;
	padding: 3px 12px;
	font-size: 16px;
	border-radius: 3px;
	transition: all ease .25s;
}

.comment a:hover {
	color: aquamarine;
	background: transparent;
}

.question {
	font-size: 14px;
    font-family: toppan-bunkyu-midashi-min-st, serif;
    font-weight: 500;
	color: yellow;
}

.answer {
	font-size: 16px;
	font-family: "a-otf-gothic-mb101-pr6n", sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #fff;
	padding: 2% 0 4% 4%;
}

.profile a,
.profile a:visited {
	text-decoration: underline;
	transition: all ease .25s;
}

.profile a:hover {
	color: aquamarine;
}


.hamburger-menu {
	display: none;
}
.streaming_bluray_title_sp {
		display: none;
	}
.common_manufacturer_wrapper h2 {
	display: block;
	width: 100%;
	}
.common_manufacturer_wrapper h2 img {
	height: auto;
	width: 100%;
	}
.common_manufacturer_h2 {
		display: none;
	}

@media screen and (max-width:1024px) {
    .stm_01 p, .stm_02 p {
    width: 70%;
}
}

@media screen and (max-aspect-ratio:8/5) {
	.animation_area {
    top: 5vh;
    left: 5vw;
}
	.logo {
    margin-bottom: 2vh;
}
	.logo img {
    width: 55%;
    margin: 0;
}
	.notice {
    font-size: 80px;
    text-align: left;
}
	.mv_area {
    min-height: 80vh;
}
	.mv03 {
    width: 27%;
    top: 10%;
    right: 30%;
}
	.mv02 {
    width: 35%;
    top: 38%;
    right: 2%;
    z-index: 3;
}
	.mv01 {
    width: 42%;
    top: 45%;
    right: 13%;
    z-index: 4;
}

.hamburger-menu {
	display: none;
}
	

.sp_h2 {
	display: none;
}
.streaming_bluray_title_sp {
		display: none;
	}
.common_manufacturer_wrapper h2 {
	display: block;
	width: 100%;
	}
.common_manufacturer_wrapper h2 img {
	height: auto;
	width: 100%;
	}
.common_manufacturer_h2 {
		display: none;
	}
.cast_comment {
    width: 85%;
}
}

@media screen and (max-width:1200px) {
	.animation_area {
    top: 5vh;
    left: 5vw;
}
	.logo {
    margin-bottom: 2vh;
}
	.logo img {
    width: 55%;
    margin: 0;
}
	.notice {
    font-size: 80px;
    text-align: left;
}
	.mv_area {
    min-height: 80vh;
}
	.mv03 {
    width: 27%;
    top: 10%;
    right: 30%;
}
	.mv02 {
    width: 35%;
    top: 38%;
    right: 2%;
    z-index: 3;
}
	.mv01 {
    width: 42%;
    top: 45%;
    right: 13%;
    z-index: 4;
}

.hamburger-menu {
	display: none;
}
	

.sp_h2 {
	display: none;
}
.streaming_bluray_title_sp {
		display: none;
	}
.common_manufacturer_wrapper h2 {
	display: block;
	width: 100%;
	}
.common_manufacturer_wrapper h2 img {
	height: auto;
	width: 100%;
	}
.common_manufacturer_h2 {
		display: none;
	}
}

@media screen and (max-width:1000px) {
	.animation_area {
    top: 5vh;
    left: 5vw;
}
	.logo {
    margin-bottom: 2vh;
}
	.logo img {
    width: 55%;
    margin: 0;
}
	.notice {
    font-size: 80px;
    text-align: left;
	z-index: 5;
}
	.mv_area {
    min-height: 80vh;
}
	.mv03 {
    width: 27%;
    top: 10%;
    right: 30%;
}
	.mv02 {
    width: 35%;
    top: 38%;
    right: 2%;
    z-index: 3;
}
	.mv01 {
    width: 42%;
    top: 45%;
    right: 13%;
    z-index: 4;
}

.hamburger-menu {
	display: none;
}
	

.sp_h2 {
	display: none;
}
.streaming_bluray_title_sp {
		display: none;
	}
.common_manufacturer_wrapper h2 {
	display: block;
	width: 100%;
	}
.common_manufacturer_wrapper h2 img {
	height: auto;
	width: 100%;
	}
.common_manufacturer_h2 {
		display: none;
	}
}


@media only screen and (max-aspect-ratio:4/3) {
#all_wraper {
    display: block;
    position: relative;
    width: 100%;
    overflow-x: hidden;
}
	#top_wrap {
    display: block;
    width: 100%;
    overflow-x: hidden;
}
	#common_wrap {
		padding-top: 0vh;
	}
.animation_area {
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    padding: 12px 24px;
    box-sizing: border-box;
}
	.logo {
    margin-bottom: 0;
    width: 20%;
}
	.logo img {
    width: 100%;
    margin: 0;
}
	.notice {
    font-size: 80px;
    text-align: left;
	position: inherit;
}
	.mv_area {
    min-height: 60vh;
}
	.mv03 {
    width: 27%;
    top: 10%;
    right: 30%;
}
	.mv02 {
    width: 35%;
    top: 38%;
    right: 2%;
    z-index: 3;
}
	.mv01 {
    width: 42%;
    top: 45%;
    right: 13%;
    z-index: 4;
}
	.main_visual {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 4;
    min-height: 80vh;
    background-image: url("../images/top_mv/mv.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}
	.nav {
    display: block;
    width: 100%;
    min-height: 276px;
    position: relative;
    background-image: url("../images/nav/nav_frame.png");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 5;
}
	
	#info_wrap {
    position: relative;
    z-index: 4;
    margin-top: 35vh;
}
	.info_bg {
    background-image: url("../images/info_bg_tablet.png");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    min-height: 50vh;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
}
	.info_innrer {
	width: 90%;
    padding: 8% 0 5% 0;
	flex-wrap: wrap;
}
	.info_box > .info_title {
    width: 25%;
    margin: 5% auto;
}
	.info_box {
    width: 100%;
}

.hamburger-menu {
	display: none;
}
	#news_wrap {
    min-height: 90vh;
}
	.newspage_inner {
    top: -5vh;
}
	.common_title {
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-bottom: 5%;
}
	.story_inner {
    top: 0vh;
}

.sp_h2 {
	display: none;
}
#staff_cast_wrapper {
    top: -10vh;
}
.inner_title {
    padding: 3px;
}
.character_inner {
    top: 0;
}
.character_wrappr {
    top: -5vh;
}
.section_title {
    top: 2vh;
}
.section_title_sp {
	display: none;
}
.modaal-image .modaal-inner-wrapper {
    padding-left: 5vw!important;
    padding-right: 5vw!important;
}
.streaming_bluray_inner {
    top: -10vh;
}
.common_streaming_bluray_title {
	width: 60%;
	}
.streaming_bluray_title_sp {
	display: none;
}
.special_pk_inner,
.special_inner {
    top: -10vh;
}
.common_manufacturer_wrapper ul, .common_allstores_wrapper ul {
    width: 70%;
}
.special_pk_title {
    width: 70%;
}
.common_manufacturer_wrapper h2 {
	display: block;
	width: 100%;
	}
.common_manufacturer_wrapper h2 img {
	height: auto;
	width: 100%;
	}
.common_manufacturer_h2 {
		display: none;
	}
.bluray_inner {
    width: 100%;
    position: relative;
    top: -10vh;
}
.bluray_inner ul {
    width: 70%;
}
.goods_inner,
.promotion_inner {
    width: 100%;
    position: relative;
    top: -10vh;
}
#page-top {
    right: 10px;
    bottom: 5%;
}
.newspage_inner, .commentpage_inner {
    top: -10vh;
}
.comments_title,
.event_title {
	width: 60%;	
	}
.comments_title img,
.event_title img {
		width: 100%;
		height: auto;
	}
.comments_wrapper {
    top: -10vh;
}
.event_wrapper {
    top: -10vh;
}
.cast_list ul {
    width: 50%;
}
}

@media screen and (max-width:769px) {
	.animation_area {
    top: 5vh;
    left: 5vw;
}
	.logo {
    margin-bottom: 2vh;
}
	.logo img {
    width: 55%;
    margin: 0;
}
	.notice {
    font-size: 60px;
    text-align: left;
}
	.mv_area {
    min-height: 50vh;
}
	.mv03 {
    width: 25%;
    top: 15%;
    right: 25%;
}
	.mv02 {
    width: 30%;
    top: 40%;
    right: 2%;
}
	.mv01 {
    width: 30%;
    top: 55%;
    right: 13%;
}
	.info_innrer {
	width: 95%;
    padding: 8% 0 5% 0;
}

.sp_h2 {
	display: none;
}
.streaming_bluray_title_sp {
		display: none;
	}
.common_manufacturer_wrapper h2 {
	display: block;
	width: 100%;
	}
.common_manufacturer_wrapper h2 img {
	height: auto;
	width: 100%;
	}
.common_manufacturer_h2 {
		display: none;
	}
}

@media only screen and (max-width:768px) {
	.animation_area {
    top: 0;
    left: 0;
}
	.logo {
    margin-bottom: 0;
    width: 30%;
}
	.logo img {
    width: 55%;
    margin: 0;
}
	.nav {
    min-height: 207px;
}
	.notice {
    font-size: 60px;
    text-align: left;
}
	.mv_area {
    min-height: 50vh;
}
	.mv03 {
    width: 25%;
    top: 15%;
    right: 25%;
}
	.mv02 {
    width: 30%;
    top: 40%;
    right: 2%;
}
	.mv01 {
    width: 30%;
    top: 55%;
    right: 13%;
}
	#info_wrap {
    margin-top: 40vh;
}
	.story_inner {
    top: -3vh;
}
	.tab {
    width: 75%;
}
	.area {
    display: none;
    opacity: 0;
    padding: 5% 0;
}
	.area li {
    width: 85%;
}

.sp_h2 {
	display: none;
}

.streaming_bluray_title_sp {
		display: none;
	}
.stm_01 h1, .stm_02 h1, .rental_inner h1 {
    font-size: 24px;
}
    .stm_01, .stm_02 {
    width: 90%;
}
    .rental_inner {
    width: 85%;
}
    
.stm_01 p, .stm_02 p {
    width: 85%;
}
.detail_inner a {
    font-size: 14px;
}
.common_manufacturer_wrapper h2 {
	display: block;
	width: 100%;
	}
.common_manufacturer_wrapper h2 img {
	height: auto;
	width: 100%;
	}
.common_manufacturer_h2 {
		display: none;
	}
}

@media screen and (min-width:400px) and (max-width:767px) {
	#splash_logo {
    left: 52%;
}
	#splash_logo img {
    width: 100%;
}
	#common_wrap {
		padding-top: 15vh;
	}
	.animation_area {
    top: 0;
    left: 2.5%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    width: 95%;
}
	.logo {
    margin-bottom: 0;
    width: 20%;
}
	.logo img {
    width: 100%;
}
	.notice {
    font-size: 30px;
    width: 55%;
    text-align: right;
}
	.mv_area {
    min-height: 50vh;
}
	.mv01 {
    width: 60%;
    top: 45%;
    right: 15%;
}
	.mv02 {
    width: 55%;
    top: 35%;
    right: 1%;
}
	.mv03 {
    width: 43%;
    top: 22%;
    right: 43%;
}
	.nav {
		display: none;
	}
	.main_visual {
     min-height: 100vh;
    background-image: url("../images/top_mv/mv_sp.jpg");
    background-size: contain;
}
	.sp_nav_frame {
    background-image: url("../images/nav/nav_frame_sp.jpg");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
    padding: 6px 12px;
    position: fixed;
}
	.hamburger-menu {
		display: block!important;
	}
	#menu-btn-check {
    display: none;
}
	.menu-btn {
    position: fixed;
    top: 6px;
    right: 5px;
    display: flex;
    height: 50px;
    width: 50px;
    justify-content: center;
    align-items: center;
    z-index: 90;
    cursor: pointer;
    border-radius: 50%;
}
	.menu-btn span, .menu-btn span:before, .menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 40px;
    border-radius: 3px;
    background-color: #333;
    position: absolute;
}
	.menu-btn span:before {
    bottom: 16px;
}
	.menu-btn span:after {
    top: 16px;
}
	.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%;
    z-index: 80;
    background: -moz-linear-gradient(35deg, rgba(55,30,78,.5) 0%, rgba(29,40,87,.5) 50%, rgba(6,90,113,.5) 100%);
	background: -webkit-linear-gradient(35deg, rgba(55,30,78,.5) 0%, rgba(29,40,87,.5) 50%, rgba(6,90,113,.5) 100%);
	background: linear-gradient(35deg, rgba(55,30,78,.5) 0%, rgba(29,40,87,.5) 50%, rgba(6,90,113,.5) 100%);
	transition: all 0.5s;
}
	.menu-content ul {
    padding: 70px 10px 0;
	font-family: "Rounded M+ 1m medium";
}
	.menu-content ul li {
    border-bottom: solid 1px #fff;
    list-style: none;
}
	.menu-content ul li a {
    display: block;
    width: 100%;
    font-size: 16px;
    box-sizing: border-box;
    color:#fff;
    text-decoration: none;
    padding: 9px 15px 10px 24px;
	font-family: shippori-mincho, sans-serif;
	font-weight: 900;
	font-style: normal;
    position: relative;
}
	.menu-content ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 16px;
}

#menu-btn-check:checked ~ .menu-content {
    left: 0;/*メニューを画面内へ*/
}
	.info_innrer {
	width: 95%;
    padding: 8% 0 5% 0;
	flex-wrap: wrap;
}
	.info_box > .info_title {
    margin: 10% auto 5% auto;
}
	.info_box {
    width: 100%;
}
	#banner_area {
    padding: 0 0 2vh 0;
}
	#banner_area li {
    width: 100%;
}
	#footer p {
    font-size: 12px;
}
	
	.newspage_inner {
    top: 0;
}
	.common_title {
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-bottom: 5%;
}
	.count-particles {
	  border-radius: 0 0 3px 3px;
	}
	#news_wrap {
    min-height: 100vh;
    padding-top: 15vh;
}
	.newspage_inner ul {
    width: 85%;
    margin: 0 auto;
}
	.newspage_inner li {
    margin-bottom: 10%;
    padding-left: 12px;
}
	.newspage_day {
    margin-bottom: 3px;
}
	.news_text {
		display: block;
	}
	.story_inner {
    top: 0;
}
	.tab {
    width: 95%;
}
	.tab li a {
    padding: 0;
}

.area h2 img {
	display: none;
}

.sp_h2 {
	display: block;
	width: 100%;
}
.sp_h2 img {
		width: 100%;
		height: auto;
	}
.area li {
    width: 85%;
    padding-top: 24px;
    line-height: 1.5em;
}
.area h3 {
    font-size: 16px;
}
#staff_cast_wrapper {
    top: 0vh;
}
.staff_cast_inner {
    flex-wrap: wrap;
    width: 85%;
}
.staff_inner, .cast_inner {
    width: 100%;
    margin-bottom: 24px;
}
.staff_inner li, .cast_inner li {
    font-size: 16px;
}
.character_inner {
    top: 0;
}
.character_wrappr {
    top: 0vh;
}
.section_title {
		display: none;
	}
.section_title_sp {
		width: 100%;
	display: block;
	}
.section_title_sp img {
		width: 100%;
		height: auto;
	}
.common_streaming_bluray_title {
    width: 80%;
}
.streaming_bluray_title {
	display: none;
}
.streaming_bluray_title_sp {
		width: 100%;
		display: block;
	}
.streaming_bluray_title_sp img {
		width: 100%;
		height: auto;
	}
.streaming_bluray_inner {
    top: 0;
}
.bluray_wrappr li, .streaming_wrapper li {
    width: 100%;
    margin-bottom: 20%;
}
.stm_01 h1, .stm_02 h1, .rental_inner h1 {
    font-size: 20px;
}
    .detail_inner a {
    font-size: 16px;
    }
.stm_02 .detail_inner {
    border: none;
    padding:0;
    }
    .stm_02 .detail_inner a {
    width: 100%;
    padding: 12px 0 6px 0;
    border-bottom: 1px dashed #f4e16c;
    }
.stm_01 h1, .stm_02 h1, .rental_inner h1 {
    font-size: 16px;
}
.stm_01 p, .stm_02 p {
    width: 95%;
    font-size: 12px;
}
.stm_01 p span.big, .stm_02 p span.big {
    font-size: 12px;
}
p.attention,
.rental_inner p {
    text-align: left;
}
.detail_inner a:nth-child(2), .detail_inner a:nth-child(3), .detail_inner a:nth-child(4) {
    border-left: none;
}
.rental_inner ul {
    width: 95%;
    margin: 2.5% auto;
}
.rental_inner li {
    width: 100%;
    margin-bottom: 4.5%;
}
.special_pk_inner {
    top: 0;
}

.common_manufacturer_wrapper h2,
.common_allstores_wrapper h2{
		display: none;
	}
.common_manufacturer_h2 {
		display: block;
	width: 100%;
	}
.common_manufacturer_h2 img {
	height: auto;
	width: 100%;
	}
.special_pk_title {
    width: 70%;
    margin-top: 5%;
}
.special_pk_title  img {
    width: 100%;
    height: auto;
}
.common_manufacturer_wrapper ul, .common_allstores_wrapper ul {
    width: 90%;
    margin-top: 2.5%;
}
.common_manufacturer_wrapper li, .common_allstores_wrapper li {
    width: 100%;
    margin: 5% 0;
}
.common_manufacturer_wrapper li.explanation {
    width: 100%;
}
.common_manufacturer_wrapper p, .common_allstores_wrapper p {
    font-size: 16px;
    line-height: 24px;
}
.common_manufacturer_wrapper span, .common_allstores_wrapper  span {
    font-size: 14px;
}
.caution {
    width: 80%;
}
.bluray_inner {
    top: 0;
}
.bluray_inner ul {
    width: 80%;
}	
.bluray_inner li,
.bluray_inner li.pkg {
    width: 100%;
}
.bluray_inner li.pkg {
	margin-bottom: 5%;
	}
.goods_inner,
.special_inner,
.promotion_inner   {
    top: 0;
}
.goods_wrapper ul {
    width: 80%;
    flex-wrap: wrap;
}
.goods_wrapper li {
    width: 100%;
    margin-bottom: 5%;
}
.special_wrapper ul {
    display: flex;
    width: 80%;
}
.special_wrapper li {
    width: 100%;
    margin-bottom: 5%;
}
.promotion_wrapper ul {
    display: flex;
    width: 80%;
}
.promotion_wrapper li {
    width: 100%;
}
.modaal-video-wrap {
    margin: auto 12px!important;
}
.chara_pc {
	display: none;
}
.vol1 ul, .vol2 ul, .vol3 ul, .vol4 ul, .vol5 ul, .vol6 ul, .vol_ex ul {
    width: 80%;
    margin: 5% auto;
}
.vol1 li, .vol2 li, .vol3 li, .vol4 li, .vol5 li, .vol6 li, .vol_ex li {
    width: 45%;
    height: auto;
    margin: 2% 0;
}
.vol1 {
    padding-top: 0;
}
.chara_sp {
	display: block;
}
.comments_wrapper,
.event_wrapper {
    top: -5vh;
}
.artist {
    width: 90%;
}
.comments_wrapper h2 {
    font-size: 18px;
    width: 90%;
    margin: 0 auto;
}
.artist img {
    width: 90%;
}
.artist_comment {
    width: 90%;
}
.event_bg {
    width: 100%;
    margin: 0 auto 35% auto;
}
ul.q_a li {
    line-height: 1.5em;
}
li.question,li.c-answer {
    font-size: 14px;
}
.cast_list ul {
    width: 80%;
}
#footer img {
    width: 15%;
}
}

@media screen and (min-width:361px) and (max-width:399px) {
	#splash_logo {
    left: 52%;
}
	#splash_logo img {
    width: 100%;
}
	#common_wrap {
		padding-top: 15vh;
	}
	.animation_area {
    top: 0;
    left: 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
	.sp_nav_frame {
    background-image: url("../images/nav/nav_frame_sp.jpg");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
    padding: 6px 12px;
    position: fixed;
}
	.hamburger-menu {
		display: block!important;
	}
	#menu-btn-check {
    display: none;
}
	.menu-btn {
    position: fixed;
    top: 6px;
    right: 5px;
    display: flex;
    height: 50px;
    width: 50px;
    justify-content: center;
    align-items: center;
    z-index: 90;
    cursor: pointer;
    border-radius: 50%;
}
	.menu-btn span, .menu-btn span:before, .menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 40px;
    border-radius: 3px;
    background-color: #333;
    position: absolute;
}
	.menu-btn span:before {
    bottom: 16px;
}
	.menu-btn span:after {
    top: 16px;
}
	.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%;
    z-index: 80;
    background: -moz-linear-gradient(35deg, rgba(55,30,78,.5) 0%, rgba(29,40,87,.5) 50%, rgba(6,90,113,.5) 100%);
	background: -webkit-linear-gradient(35deg, rgba(55,30,78,.5) 0%, rgba(29,40,87,.5) 50%, rgba(6,90,113,.5) 100%);
	background: linear-gradient(35deg, rgba(55,30,78,.5) 0%, rgba(29,40,87,.5) 50%, rgba(6,90,113,.5) 100%);
	transition: all 0.5s;
}
	.menu-content ul {
    padding: 70px 10px 0;
	font-family: "Rounded M+ 1m medium";
}
	.menu-content ul li {
    border-bottom: solid 1px #fff;
    list-style: none;
}
	.menu-content ul li a {
    display: block;
    width: 100%;
    font-size: 16px;
    box-sizing: border-box;
    color:#fff;
    text-decoration: none;
    padding: 9px 15px 10px 24px;
	font-family: shippori-mincho, sans-serif;
	font-weight: 900;
	font-style: normal;
    position: relative;
}
	.menu-content ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 16px;
}

#menu-btn-check:checked ~ .menu-content {
    left: 0;/*メニューを画面内へ*/
}
	.logo {
    margin-bottom: 0;
    width: 20%;
}
	.logo img {
    width: 100%;
}
	.notice {
    font-size: 28px;
    text-align: right;
	width: 55%;
	position: relative;
}
	.mv_area {
    min-height: 45vh;
}
	.mv01 {
    width: 56%;
    top: 50%;
    right: 17%;
}
	.mv02 {
    width: 50%;
    top: 35%;
    right: 2%;
}
	.mv03 {
    width: 43%;
    top: 28%;
    left: 10%;
}
	.main_visual {
    min-height: 80vh;
    background-image: url("../images/top_mv/mv_sp.jpg");
    background-size: cover;
}
	.nav {
		display: none;
	}
	#info_wrap {
    position: relative;
    z-index: 4;
    margin-top: 68vh;
}
	.info_bg {
    background-image: url("../images/info_bg_sp.png");
}
	.info_innrer {
	width: 95%;
    padding: 8% 0 5% 0;
	flex-wrap: wrap;
}
	.info_box > .info_title {
    margin: 5% auto;
	width: 50%;
}
	.info_box {
    width: 100%;
}
	#banner_area {
    padding: 0 0 2vh 0;
}
	#banner_area li {
    width: 100%;
}
	#footer p {
    font-size: 12px;
}
	.newspage_inner {
    top: 0vh;
}
	.common_title {
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-bottom: 5%;
}
	#news_wrap {
    min-height: 100vh;
    padding-top: 15vh;
}
	.newspage_inner ul {
    width: 85%;
    margin: 0 auto;
}
	.newspage_inner li {
    margin-bottom: 10%;
    padding-left: 12px;
}
	.newspage_day {
    margin-bottom: 3px;
}
	.news_text {
		display: block;
	}
	.story_inner {
    top: 10vh;
}
	.tab {
    width: 95%;
}
	.tab li a {
    padding: 0;
}

.area h2 img {
	display: none;
}

.stm_01 h1, .stm_02 h1, .rental_inner h1 {
    font-size: 20px;
}
    .detail_inner a {
    font-size: 16px;
    }
.stm_02 .detail_inner {
    border: none;
    padding:0;
    }
    .stm_02 .detail_inner a {
    width: 100%;
    padding: 12px 0 6px 0;
    border-bottom: 1px dashed #f4e16c;
    }
.detail_inner a:nth-child(2), .detail_inner a:nth-child(3), .detail_inner a:nth-child(4) {
    border-left: none;
}
.rental_inner ul {
    width: 95%;
    margin: 2.5% auto;
}
.rental_inner li {
    width: 100%;
    margin-bottom: 4.5%;
}

.stm_01 h1, .stm_02 h1, .rental_inner h1 {
    font-size: 16px;
}
.stm_01 p, .stm_02 p {
    width: 95%;
    font-size: 12px;
}
.stm_01 p span.big, .stm_02 p span.big {
    font-size: 12px;
}
p.attention,
.rental_inner p {
    text-align: left;
}
.detail_inner a:nth-child(2), .detail_inner a:nth-child(3), .detail_inner a:nth-child(4) {
    border-left: none;
}
.rental_inner ul {
    width: 95%;
    margin: 2.5% auto;
}
.rental_inner li {
    width: 100%;
    margin-bottom: 4.5%;
}
.sp_h2 {
	display: block;
	width: 100%;
}
.sp_h2 img {
		width: 100%;
		height: auto;
	}
.area li {
    width: 85%;
    padding-top: 24px;
    line-height: 1.5em;
}
.area h3 {
    font-size: 16px;
}
#staff_cast_wrapper {
    top: 0vh;
}
.staff_cast_inner {
    flex-wrap: wrap;
    width: 85%;
}
.staff_inner, .cast_inner {
    width: 100%;
    margin-bottom: 24px;
}
.staff_inner li, .cast_inner li {
    font-size: 16px;
}
.character_inner {
    top: 0;
}
.character_wrappr {
    top: 0vh;
}
.section_title {
		display: none;
	}
.section_title_sp {
		width: 100%;
	display: block;
	}
.section_title_sp img {
		width: 100%;
		height: auto;
	}
.common_streaming_bluray_title {
    width: 80%;
}
.streaming_bluray_title {
	display: none;
}
.streaming_bluray_title_sp {
		width: 100%;
		display: block;
	}
.streaming_bluray_title_sp img {
		width: 100%;
		height: auto;
	}
.streaming_bluray_inner {
    top: 0;
}
.bluray_wrappr li, .streaming_wrapper li {
    width: 100%;
    margin-bottom: 20%;
}
.detail_inner a {
    font-size: 16px;
    width: 100%;
}
.special_pk_inner {
    top: 0;
}

.common_manufacturer_wrapper h2,
.common_allstores_wrapper h2{
		display: none;
	}
.common_manufacturer_h2 {
		display: block;
	width: 100%;
	}
.common_manufacturer_h2 img {
	height: auto;
	width: 100%;
	}
.special_pk_title {
    width: 70%;
    margin-top: 5%;
}
.special_pk_title  img {
    width: 100%;
    height: auto;
}
.common_manufacturer_wrapper ul, .common_allstores_wrapper ul {
    width: 90%;
    margin-top: 2.5%;
}
.common_manufacturer_wrapper li, .common_allstores_wrapper li {
    width: 100%;
    margin: 5% 0;
}
.common_manufacturer_wrapper li.explanation {
    width: 100%;
}
.common_manufacturer_wrapper p, .common_allstores_wrapper p {
    font-size: 16px;
    line-height: 24px;
}
.common_manufacturer_wrapper span, .common_allstores_wrapper  span {
    font-size: 14px;
}
.caution {
    width: 80%;
}
.bluray_inner {
    top: 0;
}
.bluray_inner ul {
    width: 80%;
}	
.bluray_inner li,
.bluray_inner li.pkg {
    width: 100%;
}
.bluray_inner li.pkg {
	margin-bottom: 5%;
	}
.goods_inner,
.special_inner,
.promotion_inner   {
    top: 0;
}
.goods_wrapper ul {
    width: 80%;
    flex-wrap: wrap;
}
.goods_wrapper li {
    width: 100%;
    margin-bottom: 5%;
}
.special_wrapper ul {
    display: flex;
    width: 80%;
}
.special_wrapper li {
    width: 100%;
    margin-bottom: 5%;
}
.promotion_wrapper ul {
    display: flex;
    width: 80%;
}
.promotion_wrapper li {
    width: 100%;
}
.modaal-video-wrap {
    margin: auto 12px!important;
}
	
.character_link {
    top: -2vh;
}
	
.chara_pc {
	display: none;
}

.vol1 ul, .vol2 ul, .vol3 ul, .vol4 ul, .vol5 ul, .vol6 ul, .vol_ex ul {
    width: 80%;
    margin: 5% auto;
}
.vol1 li, .vol2 li, .vol3 li, .vol4 li, .vol5 li, .vol6 li, .vol_ex li {
    width: 45%;
    height: auto;
    margin: 2% 0;
}
.vol1 {
    padding-top: 0vh;
}
.chara_sp {
	display: block;
}
.comments_wrapper,
.event_wrapper {
    top: -5vh;
}
.artist {
    width: 90%;
}
.comments_wrapper h2 {
    font-size: 18px;
    width: 90%;
    margin: 0 auto;
}
.artist img {
    width: 90%;
}
.artist_comment {
    width: 90%;
}
.event_bg {
    width: 100%;
    margin: 0 auto 35% auto;
}

ul.q_a li {
    line-height: 1.5em;
}
li.question,li.c-answer {
    font-size: 14px;
}
.cast_img {
    padding: 5%;
}
.cast_list ul {
    width: 80%;
}
}

@media screen and (min-width:0px) and (max-width:360px) {
	#splash_logo {
    left: 52%;
}
	#splash_logo img {
    width: 100%;
}
	#common_wrap {
		padding-top: 15vh;
	}
	.animation_area {
    top: 0;
    left: 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
	position: relative;
}
	.sp_nav_frame {
    background-image: url("../images/nav/nav_frame_sp.jpg");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
    padding: 6px 12px;
    position: fixed;
}
	.logo {
    margin-bottom: 0;
    width: 40%;
}
	.logo img {
    width: 100%;
}
	.notice {
    font-size: 24px;
    width: 59%;
    text-align: right;
}
	.mv_area {
    min-height: 45vh;
}
	.mv01 {
    width: 60%;
    top: 40%;
    right: 17%;
}
	.mv02 {
    width: 50%;
    top: 18%;
    right: 1%;
}
	.mv03 {
    width: 43%;
    top: 0%;
    left: 7%;
}
	.main_visual {
    min-height: 90vh;
    background-image: url("../images/top_mv/mv_sp.jpg");
    background-size: cover;
}
	.nav {
		display: none;
	}
	#info_wrap {
    position: relative;
    z-index: 4;
    margin-top: 60vh;
}
	.info_bg {
    background-image: url("../images/info_bg_sp.png");
}
	.info_innrer {
	width: 95%;
    padding: 8% 0 5% 0;
	flex-wrap: wrap;
}
	.info_box > .info_title {
    margin: 10% auto 5% auto;
}
	.info_box {
    width: 100%;
}
	#banner_area {
    padding: 0 0 2vh 0;
}
	#banner_area li {
    width: 100%;
}
	#footer p {
    font-size: 12px;
}
	.newspage_inner {
    top: 10vh;
}
	.newspage_inner2 {
    width: 90%;
    top: 5vh;
}
	.newspage_title {
    font-size: 18px;
		text-align: left;
}
	.newspage_inner2 p {
    width: 100%;
}
	.common_title {
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-bottom: 5%;
}
	#news_wrap {
    min-height: 100vh;
    padding-top: 10vh;
}
	.newspage_inner ul {
    width: 85%;
    margin: 0 auto;
}
	.newspage_inner li {
    margin-bottom: 10%;
    padding-left: 12px;
}
	.newspage_day {
    margin-bottom: 3px;
}
	.news_text {
		display: block;
	}
	.story_inner {
    top: 0;
}
	.tab {
    width: 95%;
}
	.tab li a {
    padding: 0;
}

.area h2 img {
	display: none;
}

.stm_01 h1, .stm_02 h1, .rental_inner h1 {
    font-size: 20px;
}
    .detail_inner a {
    font-size: 16px;
    }
.stm_02 .detail_inner {
    border: none;
    padding:0;
    }
    .stm_02 .detail_inner a {
    width: 100%;
    padding: 12px 0 6px 0;
    border-bottom: 1px dashed #f4e16c;
    }
.detail_inner a:nth-child(2), .detail_inner a:nth-child(3), .detail_inner a:nth-child(4) {
    border-left: none;
}
.rental_inner ul {
    width: 95%;
    margin: 2.5% auto;
}
.rental_inner li {
    width: 100%;
    margin-bottom: 4.5%;
}
.detail_inner a {
    font-size: 16px;
    width: 100%;
}

.stm_01 h1, .stm_02 h1, .rental_inner h1 {
    font-size: 16px;
}
.stm_01 p, .stm_02 p {
    width: 95%;
    font-size: 12px;
}
.stm_01 p span.big, .stm_02 p span.big {
    font-size: 12px;
}
p.attention,
.rental_inner p {
    text-align: left;
}
.detail_inner a:nth-child(2), .detail_inner a:nth-child(3), .detail_inner a:nth-child(4) {
    border-left: none;
}
.rental_inner ul {
    width: 95%;
    margin: 2.5% auto;
}
.rental_inner li {
    width: 100%;
    margin-bottom: 4.5%;
}
.sp_h2 {
	display: block;
	width: 100%;
}
.sp_h2 img {
		width: 100%;
		height: auto;
	}
.area li {
    width: 85%;
    padding-top: 24px;
    line-height: 1.5em;
}
.area h3 {
    font-size: 16px;
}
#staff_cast_wrapper {
    top: 0;
}
.staff_cast_inner {
    flex-wrap: wrap;
    width: 85%;
}
.staff_inner, .cast_inner {
    width: 100%;
    margin-bottom: 24px;
}
.staff_inner li, .cast_inner li {
    font-size: 16px;
}
.character_inner {
    top: 0;
}
.character_wrappr {
    top: 0vh;
}
.section_title {
		display: none;
	}
.section_title_sp {
		width: 100%;
	display: block;
	}
.section_title_sp img {
		width: 100%;
		height: auto;
	}

.common_streaming_bluray_title {
    width: 80%;
}
.streaming_bluray_title {
	display: none;
}
.streaming_bluray_title_sp {
		width: 100%;
		display: block;
	}
.streaming_bluray_title_sp img {
		width: 100%;
		height: auto;
	}

.streaming_bluray_inner {
    top: 0;
}
.bluray_wrappr li, .streaming_wrapper li {
    width: 100%;
    margin-bottom: 20%;
}
.special_pk_inner {
    top: 0;
}
.common_manufacturer_wrapper h2,
.common_allstores_wrapper h2{
		display: none;
	}
.common_manufacturer_h2 {
		display: block;
	width: 100%;
	}
.common_manufacturer_h2 img {
	height: auto;
	width: 100%;
	}
.special_pk_title {
    width: 70%;
    margin-top: 5%;
}
.special_pk_title  img {
    width: 100%;
    height: auto;
}
.common_manufacturer_wrapper ul, .common_allstores_wrapper ul {
    width: 90%;
    margin-top: 2.5%;
}
.common_manufacturer_wrapper li, .common_allstores_wrapper li {
    width: 100%;
    margin: 5% 0;
}
.common_manufacturer_wrapper li.explanation {
    width: 100%;
}
.common_manufacturer_wrapper p, .common_allstores_wrapper p {
    font-size: 16px;
    line-height: 24px;
}
.common_manufacturer_wrapper span, .common_allstores_wrapper  span {
    font-size: 14px;
}
.caution {
    width: 80%;
}
.bluray_inner {
    top: 0;
}
.bluray_inner ul {
    width: 80%;
}	
.bluray_inner li,
.bluray_inner li.pkg {
    width: 100%;
}
.bluray_inner li.pkg {
	margin-bottom: 5%;
	}
.goods_inner,
.special_inner,
.promotion_inner   {
    top: 0;
}
.goods_wrapper ul {
    width: 80%;
    flex-wrap: wrap;
}
.goods_wrapper li {
    width: 100%;
    margin-bottom: 5%;
}
.special_wrapper ul {
    display: flex;
    width: 80%;
}
.special_wrapper li {
    width: 100%;
    margin-bottom: 5%;
}
.promotion_wrapper ul {
    display: flex;
    width: 80%;
}
.promotion_wrapper li {
    width: 100%;
}
.modaal-video-wrap {
    margin: auto 12px!important;
}
	
.character_link {
    top: -2vh;
}
.chara_pc {
	display: none;
}
.vol1 ul, .vol2 ul, .vol3 ul, .vol4 ul, .vol5 ul, .vol6 ul, .vol_ex ul {
    width: 80%;
    margin: 5% auto;
}
.vol1 li, .vol2 li, .vol3 li, .vol4 li, .vol5 li, .vol6 li, .vol_ex li {
    width: 45%;
    height: auto;
    margin: 2% 0;
}
.vol1 {
    padding-top: 0vh;
}
.chara_sp {
	display: block;
}
.comments_wrapper,
.event_wrapper {
    top: -5vh;
}
.artist {
    width: 90%;
}
.comments_wrapper h2 {
    font-size: 18px;
    width: 90%;
    margin: 0 auto;
}
.artist img {
    width: 90%;
}
.artist_comment {
    width: 90%;
}
.event_bg {
    width: 100%;
    margin: 0 auto 35% auto;
}

ul.q_a li {
    line-height: 1.5em;
}
li.question,li.c-answer {
    font-size: 14px;
}
.cast_img {
    padding: 5%;
}
.cast_list ul {
    width: 80%;
}
}