.catch {
  width: 90%;
  left: 5%;
}

.logo {
  width: 70%;
  left: 8%;
}

.salesdate {
  width: 44%;
  right: 29%;
  top: 90%;
}

.movie-contents {
  width: 64%;
}

.caption.exsub2 {
  max-width: 950px;
}

.subcaption {
  font-size: 40rem;
}

.story-section .text {
  width: 90%;
  font-size: 40rem;
  text-align: left;
  margin-left: 6%;
}

.character-section .subcharacter-profile-prev {
  left: 10%;
  top: 20%;
}

.character-section .subcharacter-profile-next {
  right: 10%;
  top: 20%;
}

.character-discription {
  width: 100%;
  font-size: 37rem;
  position: relative;
  z-index: 100;
  white-space: normal;
}

.character-profile {
  width: 98%;
  height: 1500px;
}

.character-profile-prev {
  left: 10%;
  top: 20%;
}

.character-profile-next {
  right: 10%;
  top: 20%;
}

.character-slide .contents-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.character-slide .contents-left {
  width: 90%;
  padding: 0;
  height: auto;
  margin: auto;
  margin-top: 0;
}

.character-slide .contents-right {
  position: relative;
  top: initial;
  right: initial;
  width: 96%;
  margin: auto;
  height: auto;
  max-height: 46%;
  overflow-y: visible;
}

.character-slide .contents-right .character-visual {
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
}

.character-name {
  width: 100%;
}

.character-name .cv {
  font-size: 30rem;
}

.character-ss {
  width: 60%;
  margin: auto;
}

.character-flex-container {
  height: auto;
  max-height: 100%;
}

/*
.swiper-container{
	.character-ss{
		display: none;
	}
}
*/
.system-section .image-wrapper {
  width: 90%;
}

.system-section .image-container {
  width: 60%;
}

.system-section .image-container:nth-child(2n) {
  margin-left: auto;
  margin-right: 3%;
}

.system-section .image-container:nth-child(2n+1) {
  margin-right: auto;
  margin-left: 3%;
}

.gallery-container {
  width: 98%;
}

.gallery-swiper-container {
  padding: 20px 0;
  height: auto;
}

.gallery-swiper-container img {
  width: 100%;
}

.gallery-slide-prev {
  top: 35%;
  left: 3%;
}

.gallery-slide-next {
  top: 35%;
  right: 3%;
}

.gallery-image-wrapper {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.gallery-image-container {
  width: 46%;
  margin: 10px 1%;
}

.special-section .comic-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 98%;
}

.special-section .comic-container {
  width: 48%;
  margin: 20px 1%;
}

.special-section .image-wrapper {
  width: 98%;
}

.special-section .image-container.sp {
  width: 50%;
}

.special-section .image-container.pc {
  width: 90%;
}

.special-section .dlbtn {
  /*//---non-use background-image--
			font-size: 35rem;
			width: 300rem;
			*/
  width: 343.2px;
  height: 87.6px;
}

.special-section .goods-wrapper {
  width: 70%;
  margin: auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.special-section .goods-btn {
  /*//---non-use background-image---
				font-size: 35rem;
				height: 3.0em;
				width: 55%;
				margin: auto;
				margin-bottom: 20px;
				box-shadow: 0 20px 10px 4px rgba(255, 255, 255, 0.7) inset, 0 -5px 10px 5px rgba(255, 255, 255, 0.7) inset, 0 0 5px rgba(0, 0, 0, 0.7);
				&::before{
					left: 38%;
					bottom: 17%;
				}
				*/
  width: 374.4px;
  height: 122.4px;
  margin-bottom: 20px;
}

.comic-item {
  max-width: 800px;
  margin: 1% auto;
}

.comic-item .page {
  bottom: initial;
  right: initial;
  top: -1%;
  left: 0%;
}

.spec-section .image-wrapper {
  width: 96%;
  margin-left: 4%;
}

.spec-section .text {
  font-size: 27rem;
}

.spec-section .buybtn {
  /*
			font-size: 35rem;
			*/
  width: 751.2px;
  height: 87.6px;
}

.spec-section .storebtn {
  width: 80%;
}