/*-----------------------------------------------
* lineHeightCrop
-------------------------------------------------*/
/*-----------------------------------------------
* chara
-------------------------------------------------*/
@media screen and (max-width: 768px) {
	.sub__headline--sub {
	  gap: min(1.25vw, 18.75px);
	  margin-left: auto;
	}
	.sub__headline--sub::before {
	  -webkit-transform: translateX(-12%) translateY(0%);
			  transform: translateX(-12%) translateY(0%);
	}
	.sub__headline--sub > span {
	  -webkit-transform: translateX(0%) translateY(-12%) scale(0.8);
			  transform: translateX(0%) translateY(-12%) scale(0.8);
	}
	#character .sub__headline--inner {
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap;
	}
  }
  /**
   * chara common
   */
  @media screen and (max-width: 768px) {
	.chara {
	  /* margin-top: max(5.3333333333vw, 20px); */
	  overflow: hidden;
	}
  }
  .chara__contents {
	width: 100%;
	margin-top: min(6.6666666667vw, 100px);
	padding: 0 min(13.3333333333vw, 200px);
  }
  @media screen and (max-width: 768px) {
	.chara__contents {
	  width: 100%;
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
		  -ms-flex-direction: column;
			  flex-direction: column;
	  padding: 0 max(6.4vw, 24px);
	  margin-top: 0;
	}
	.chara__contents.charaDetail {
	  padding: 0;
	}
  }
  
  /**
   * chara list
   */
  .chara__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	/* border-top: #cccccc solid 1px; */
	border-left: #cccccc solid 1px;
	max-width: 1400px;
	margin: 0 auto;
  }
  @media screen and (max-width: 768px) {
	.chara__list {
	  -webkit-box-pack: start;
		  -ms-flex-pack: start;
			  justify-content: flex-start;
	}
  }
  .chara__item {
	width: 25%;
	-ms-flex-preferred-size: 25%;
		flex-basis: 25%;
	position: relative;
	overflow: hidden;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
  }
  @media screen and (max-width: 768px) {
	.chara__item {
	  width: 33.3333333333%;
	  -ms-flex-preferred-size: 50%;
		  flex-basis: 50%;
	}
	.chara__item:nth-child(-n+2) {
	  border-top: #cccccc solid 1px;
	}
  }
  @media screen and (min-width: 769px) {
	.chara__item:nth-child(-n+4) {
	  border-top: #cccccc solid 1px;
	}
  }
  .chara__link {
	background: url(../img/common/bg_thmb.png) no-repeat 0 0;
	background-size: cover;
	display: block;
	color: #000;
	text-decoration: none;
	background-color: #FFF;
	position: relative;
	-webkit-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease;
  }
  .chara__link:hover {
	background-color: #00a2c2;
  }
  .chara__link:hover img {
	opacity: 1;
  }
  .chara__link:hover .chara__cover::before {
	background-color: #0f98b3;
  }
  .chara__thumb {
	display: block;
	position: relative;
	z-index: 2;
  }
  .chara__name {
	position: absolute;
	left: 0;
	bottom: min(1.3333333333vw, 16px);
	z-index: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
	-webkit-box-align: start;
		-ms-flex-align: start;
			align-items: flex-start;
	gap: 8px;
  }
  @media screen and (max-width: 768px) {
	.chara__name {
	  gap: max(2.1333333333vw, 8px);
	  bottom: max(2.1333333333vw, 8px);
	}
  }
  .chara__name--en, .chara__name--ja {
	position: relative;
	display: inline-block;
	/* line-height: 1; */
  }
  .lspace{
	letter-spacing: -0.06em;
  }
  @media screen and (max-width: 768px) {
	.chara__name--en, .chara__name--ja {
	  padding: 0 min(2vw, 24px) 0 min(5.3333333333vw, 64px);
	}
  }
  .chara__name--en .-bg-liner, .chara__name--ja .-bg-liner {
	display: inline;
	background: #ffffff;
	/* background-image: -webkit-gradient(linear, left top, right top, from(#FFF), to(#FFF));
	background-image: linear-gradient(to right, #FFF, #FFF);
	background-position: left -100% center;
	background-size: 200% 1em;
	background-repeat: repeat-x; */
  }
  .chara__name--en {
	text-transform: uppercase;
	line-height: 0;
	background-color: #FFF;
	padding: 0 min(0.6666666667vw, 8px) 0 min(2vw, 24px);
  }
  @media screen and (max-width: 768px) {
	.chara__name--en {
	  padding: 0 max(2.1333333333vw, 8px) 0 0;
	}
  }
  .chara__name--en > span {
	display: inline-block;
	font-size: min(1vw, 12px);
	line-height: 0.7;
  }
  @media screen and (max-width: 768px) {
	.chara__name--en > span {
	  padding-left: max(6.4vw, 24px);
	  overflow: hidden;
	  font-size: max(3.2vw, 12px);
	}
  }
  .chara__name--en::before {
	content: "";
	display: block;
	width: 16px;
	height: 8px;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-mask-image: url("../img/common/icon/icon_arrow_type2.svg");
			mask-image: url("../img/common/icon/icon_arrow_type2.svg");
	-webkit-mask-size: contain;
			mask-size: contain;
	-webkit-mask-position: left center;
			mask-position: left center;
	-webkit-mask-repeat: no-repeat;
			mask-repeat: no-repeat;
	background-color: #000;
  }
  @media screen and (max-width: 768px) {
	.chara__name--en::before {
	  width: max(4.6666666667vw, 17.5px);
	  height: 100%;
	  left: 0;
	  -webkit-mask-position: left top;
	  mask-position: left top;
	}
  }
  .chara__name--ja {
	position: relative;
	padding: 0 0 0 min(1vw, 12px);
  /*  margin: 0 min(2vw, 24px) 0 0; */
	font-size: min(1.3333333333vw, 16px);
  }
  @media screen and (max-width: 768px) {
	.chara__name--ja {
	  padding: 0 0 0 max(3.2vw, 12px);
  /*    margin: 0 max(3.2vw, 12px) 0 0; */
	}
  }
  .chara__name--ja::before {
	content: "";
	display: inline-block;
	display: block;
	width: min(2.6666666667vw, 32px);
	height: 100%;
	background-color: #FFF;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
  }
  @media screen and (max-width: 768px) {
	.chara__name--ja::before {
	  width: max(6.4vw, 24px);
	  top: -0.5px;
	}
  }
  .chara__name--ja > span {
	position: relative;
	z-index: 2;
	/* padding-right: min(2vw, 24px); */
  }
  @media screen and (max-width: 768px) {
	.chara__name--ja > span {
	  display: inline-block;
	  /* padding-right: max(4.2666666667vw, 16px); */
	}
  }
  @media screen and (max-width: 768px) {
	.chara__name--ja {
	  font-size: max(3.2vw, 12px);
	}
  }
  .chara__cover {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	border-bottom: #cccccc solid 1px;
	border-right: #cccccc solid 1px;
  }
  .chara__cover::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	-webkit-clip-path: polygon(100% 100%, 0% 100%, 100% 0);
			clip-path: polygon(100% 100%, 0% 100%, 100% 0);
	background-color: #eeeeee;
	-webkit-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease;
  }
  
  /**
   * chara detail
   */
  .chara__detail {
	width: 100%;
	background-color: #FFF;
	margin-bottom: 80px;
	max-width: 1400px;
	margin: 0 auto;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
  }
  .detail__names{
	border-bottom: 1px solid #cccccc;
  }
  @media screen and (min-width: 769px) {
	.chara__detail {
	  border-right: 1px solid #cccccc;
	  border-left: 1px solid #cccccc;
	}
  }
  .detail__introduction{
	border-top: 1px solid #e8e8e8;
  }
  
  .chara__paging {
	width: 100%;
	max-width: 1400px;
	margin: 80px auto;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #FFF;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
	position: relative;
  }
  @media screen and (max-width: 768px) {
	.chara__paging {
	  margin: max(12.8vw, 48px) auto;
	}
  }
  .chara__paging--item > a {
	border-right: 1px solid #cccccc;
	position: relative;
	display: block;
	-webkit-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease;
  }
  .chara__paging--item > a::before {
	display: block;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(0%, -50%);
			transform: translate(0%, -50%);
	z-index: 1;
	font-size: min(1.3333333333vw, 16px);
	color: #000;
	font-family: "futura-pt", sans-serif;
	-webkit-transition: color 0.5s ease;
	transition: color 0.5s ease;
  }
  @media screen and (max-width: 768px) {
	.chara__paging--item > a {
	  border-right:unset;
	}
	.chara__paging--item > a::before {
	  font-size: max(3.2vw, 12px);
	}
  }
  .chara__paging--item > a:hover {
	background-color: #00a2c2;
  }
  .chara__paging--item > a:hover::before {
	color: #00a2c2;
  }
  .chara__paging--item > a:hover img {
	opacity: 1;
  }
  .chara__paging--item > a:hover .chara__cover::before {
	background-color: #0f98b3;
  }
  .chara__paging--item.--next a::before {
	content: "NEXT";
	left: -56px;
  }
  @media screen and (max-width: 768px) {
	.chara__paging--item.--next a::before {
	  left: min(-3.3333333333vw, -40px);
	}
  }
  .chara__paging--item.--prev a {
	border-right: 1px solid #cccccc;
  }
  .chara__paging--item.--prev a::before {
	content: "PREV";
	right: -56px;
  }
  @media screen and (max-width: 768px) {
	.chara__paging--item.--prev a::before {
	  right: min(-3.3333333333vw, -40px);
	}
  }
  .chara__paging .paging-img {
	width: min(10.4166666667vw, 125px);
	height: min(10.4166666667vw, 125px);
	display: block;
	overflow: hidden;
  }
  @media screen and (max-width: 768px) {
	.chara__paging .paging-img {
	  width: max(17.3333333333vw, 65px);
	  height: max(17.3333333333vw, 65px);
	}
  }
  .chara__paging .paging-img > img {
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: relative;
	z-index: 2;
  }
  .chara__paging .paging-img .chara__cover {
	-webkit-transform: scale(-1, -1);
			transform: scale(-1, -1);
  }
  .chara__paging--back {
	width: min(11.6666666667vw, 140px);
	margin: 0 auto;
	z-index: 9;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
  }
  @media screen and (max-width: 768px) {
	.chara__paging--back {
	  width: max(30.1333333333vw, 113px);
	}
  }
  .chara__paging--back > a {
	display: block;
	padding: 8px 0;
	background-color: #000;
	color: #fff;
	text-align: center;
	border: 1px solid #000;
	-webkit-transition: opacity 0.5s ease, background-color 0.5s ease;
	transition: opacity 0.5s ease, background-color 0.5s ease;
  }
  .chara__paging--back > a span {
	line-height: 1;
	font-size: min(1.3333333333vw, 16px);
  }
  @media screen and (max-width: 768px) {
	.chara__paging--back > a span {
	  display: block;
	  font-size: max(3.2vw, 12px);
	}
  }
  .chara__paging--back > a:hover {
	color: #000;
	background-color: #FFF;
  }
  .chara__paging .chara__cover {
	border-bottom: none;
  }
  
  .detail__desc {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	position: relative;
  }
  .detail__desc--in {
	-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	overflow: hidden;
	position: relative;
	z-index: 2;
  }
  .detail__names .detail__desc--in:first-child {
	border-right: #cccccc solid 1px;
  }
  .detail__desc--in .detail__item{
	margin-top: 16px;
  }
  @media screen and (min-width: 769px) {
	.detail__desc--in {
	  min-height: 110px;
	  padding: min(3.3333333333vw, 40px);
	}
  }
  @media screen and (max-width: 768px) {
	.detail__desc--in {
	  padding: max(4.2666666667vw, 16px);
	}
	.detail__desc--in:nth-child(2n) {
	  border-right: none;
	}
  }
  .detail__desc.detail__names .detail__desc--in, .detail__desc.detail__visual .detail__desc--in {
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
  }
  .--column-1 .detail__desc.detail__visual .detail__desc--in {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
  }
  .--column-2 .detail__desc.detail__visual .detail__desc--in .detail__visual--img {
	width: 50%;
	margin: 0 auto;
  }
  .detail__visual--img {
	display: flex;
	justify-content: center;
  }
  .detail__visual--img img {
	width: 50%;
  }
  .detail__desc.detail__visual .detail__desc--in {
	border-right: none;
  }
  @media screen and (min-width: 769px) {
	.detail__desc.detail__visual .detail__desc--in {
	  border-bottom: none;
	}
  }
  .detail__desc.detail__names .detail__desc--in {
	border-bottom: none;
  }
  .detail__subheadline {
	position: relative;
	line-height: 0;
	text-align: left;
	width: 80%;
	background: #fff;
  }
  .detail__visual .detail__subheadline {
	background: none;
  }
  .detail__subheadline > span {
	display: inline-block;
	font-size: min(1vw, 12px);
	line-height: 0.7;
	padding-left: min(2vw, 24px);
  }
  @media screen and (max-width: 768px) {
	.detail__subheadline > span {
	  font-size: max(3.2vw, 12px);
	  padding-left: max(6.4vw, 24px);
	}
  }
  .detail__subheadline::before {
	content: "";
	display: block;
	width: 16px;
	height: 8px;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-mask-image: url("../img/common/icon/icon_arrow_type2.svg");
			mask-image: url("../img/common/icon/icon_arrow_type2.svg");
	-webkit-mask-size: contain;
			mask-size: contain;
	-webkit-mask-position: center center;
			mask-position: center center;
	-webkit-mask-repeat: no-repeat;
			mask-repeat: no-repeat;
	background-color: #000;
  }
  @media screen and (max-width: 768px) {
	.detail__subheadline::before {
	  width: max(4.2666666667vw, 16px);
	  height: 100%;
	}
  }
  .detail__name {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
		-ms-flex-pack: start;
			justify-content: flex-start;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	gap: min(1.3333333333vw, 16px);
	font-size: min(2.6666666667vw, 32px);
	line-height: 1;
	text-align: left;
	margin-top: 16px;
  }
  @media screen and (max-width: 768px) {
	.detail__name {
	  gap: max(3.2vw, 12px);
	  font-size: max(4.2666666667vw, 16px);
	}
  }
  .detail__name > span {
	display: inline-block;
  }
  .detail__visual {
	background: url(../img/common/bg_contentsdetail.png) repeat-y 0 center;
	background-size: 100%;
  }
  @media screen and (max-width: 768px) {
	.detail__visual--img {
	  margin-top: max(3.2vw, 12px);
	}
  }
  .detail__bgName_n {
	text-transform: none !important;
  }
  .detail__bgName,.detail__bgName_s,.detail__bgName_s_s {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
			flex-direction: row-reverse;
	position: absolute;
	z-index: 1;
  }
  @media screen and (max-width: 768px) {
	.detail__bgName,.detail__bgName_s,.detail__bgName_s_s {
	  top: -1px;
	}
  }
  .detail__bgName > p {
	line-height: 0.67;
	font-size: min(10vw, 120px);
	font-weight: 300;
	color: #00a2c2;
	-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
			writing-mode: vertical-rl;
	text-transform: uppercase;
  }
  .detail__bgName_s > p {
	line-height: 0.67;
	font-size: min(7.4vw, 96px);
	font-weight: 300;
	color: #00a2c2;
	-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
			writing-mode: vertical-rl;
	text-transform: uppercase;
	width: calc(min(7.4vw, 96px)*0.67);
  }
  .detail__bgName_s_s > p {
	line-height: 0.67;
	font-size: min(5.6vw, 72px);
	font-weight: 300;
	color: #00a2c2;
	-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
			writing-mode: vertical-rl;
	text-transform: uppercase;
	width: calc(min(5.6vw, 72px)*0.67);
  }
  @media screen and (max-width: 768px) {
	.detail__bgName > p {
	  font-size: max(14.4vw, 54px);
	}
	.detail__bgName_s > p {
	  font-size: max(14.4vw, 54px);
	  width: calc(max(14.4vw, 54px)*0.67);
	}
	.detail__bgName_s_s > p {
	  font-size: max(10.6vw, 40px);
	  width: calc(max(10.6vw, 40px)*0.67);
	}
  }
  .--column-1 .detail__bgName {
	top: 0;
	right: 0;
	height: 100%;
  }
  .--column-1 .detail__bgName_s {
	top: 0;
	right: 0;
	height: 100%;
  }
  .--column-1 .detail__bgName_s_s {
	top: 0;
	right: 0;
	height: 100%;
  }
  .--column-2 .detail__bgName {
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, 0%);
			transform: translate(-50%, 0%);
  }
  .chara10 .detail__bgName p:nth-child(2) {
	text-indent: 0.065em;
  }
  .detail__prof--text {
	margin-top: 16px;
	font-size: min(1.3333333333vw, 16px);
	line-height: 2;
	text-align: left;
  }
  @media screen and (max-width: 768px) {
	.detail__prof--text {
	  margin-top: max(3.4666666667vw, 13px);
	  font-size: max(3.2vw, 12px);
	}
  }
  .detail__mecha {
	position: relative;
  }
  .detail__mecha--link {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
	-webkit-box-align: start;
		-ms-flex-align: start;
			align-items: flex-start;
	color: #000;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
  }
  .detail__mecha--link:hover {
	opacity: 0.7;
  }
  .detail__mecha--name {
	display: block;
	margin-top: 16px;
	font-size: min(2vw, 24px);
	text-align: left;
	line-height: 1;
  }
  @media screen and (max-width: 768px) {
	.detail__mecha--name {
	  font-size: max(3.7333333333vw, 14px);
	}
  }
  .detail__mecha .mecha-name--img {
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	border-left: 1px solid #cccccc;
  }
  .detail__mecha .mecha-name--img > img {
	width: auto;
	height: 100%;
	position: relative;
	z-index: 2;
  }
  .detail__mecha .mecha-name--img .chara__cover {
	-webkit-transform: scale(-1, -1);
			transform: scale(-1, -1);
  }
  .detail__comment {
	display: block;
	background-color: #000;
	border: 1px solid #000;
	margin-top: 2px;
  }
  .detail__comment > span {
	display: block;
	padding: 4px 8px;
	font-size: min(1.3333333333vw, 16px);
	line-height: 1;
	color: #FFF;
  }
  @media screen and (max-width: 768px) {
	.detail__comment > span {
	  font-size: max(2.1333333333vw, 8px);
	}
  }
  .detail__comment:hover {
	background-color: #FFF;
  }
  .detail__comment:hover span {
	color: #000;
  }/*# sourceMappingURL=character.css.map */


  /*MECHA*/
  
.detail__desc.detail__names .detail__desc--in{
	flex-basis: 100%;
	width: 100%;
} 
.detail__desc.detail__names .detail__desc--in:first-child{
	border-right: unset;
}
.detail__subheadline{
	background-color: transparent;
}
.chara__detail.--column-1 .detail__desc.detail__visual .detail__desc--in .detail__visual--img{
	width: 100%;
}
.chara__detail.--column-1 .detail__desc.detail__visual .detail__desc--in .detail__visual--img img{
	margin: 0 auto;
}
@media screen and (max-width: 768px){
	.detail__visual {
		/* border-bottom: 1px solid #cccccc; */
	}
	.detail__desc--in{
		border-bottom: unset;
	}
}