/* character */

@media only screen and (max-width: 767px) {
  #character .chara_parent_box {
    background: #fff;
  }
  #character .chara_parent_box .pc {
    display: none;
  }
  #character .chara_parent_box .sp {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  #character .chara_parent_box {
    width: 95%;
  }
}

#character .chara_parent_box_inner {
  display: flex;
  z-index: 2;
  position: relative;
}

#character .chara_parent_box_inner .arrow {
  width: 7%;
  align-items: center;
}

#character .chara_parent_box_inner .avatar {
  width: 27%;
  margin: 0 2em 0 5em;
}

#character .chara_parent_box_inner .avatar_dejimon {
  display: flex;
  align-items: flex-end;
}

#character .chara_parent_box_inner .avatar_dejimon img {
  margin-bottom: 15%;
}

@media only screen and (max-width: 767px) {
  #character .chara_parent_box_inner .avatar_dejimon {
    display: block;
  }
}

#character .chara_parent_box_inner .detail {
  width: 32%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3em 0;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  #character .chara_parent_box_inner .detail {
		width: 86%;
		font-size: 0.938em;
		letter-spacing: -0.02em;
		line-height: 1.8;
  }
  
}

#character .chara_parent_box_inner .detail dl:first-child {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #EDEDED;
}

#character .chara_parent_box_inner .detail .character {
  color: #0472C4;
  font-size: 1.857em;
  font-weight: bold;
  line-height: 1.2;
}

#character .chara_parent_box .detail_inner {
  display: flex;
}

#character .chara_parent_box .detail_inner:first-child {
  border-bottom: 1px solid #EDEDED;
  margin-bottom: 30px;
  padding-bottom: 30px;
}

#character .chara_parent_box .detail_inner .avatar {
  width: 37%;
}

#character .chara_parent_box .detail_inner .member {
  width: 60%;
}
#character .chara_parent_box .bg {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: #fff;
  width: 100%;
  height: 90%;
  position: absolute;
  z-index: 0;
}

/* 追加したもの */
#character .chara_parent_box_inner .member.dejimon {
	border-bottom: none !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}
#character .ukkoumon.chara_parent_box .detail_inner,
#character .oowada.chara_parent_box .detail_inner {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
#character .pc_thumbnail {
	width: 80%;
	margin: 0 0 0 auto;
}
#character .mySwiper .swiper-slide {
	filter: grayscale(100%);
	width: 12% !important;
}
#character .mySwiper .swiper-slide-thumb-active {
	filter: grayscale(0) !important;
}
#character .member.dejimon p {
	margin-bottom: 0;
	font-weight: bold;
}
#character .member .actor {
	margin-bottom: 10px;
} 
#character .oowada .chara_parent_box_inner .avatar,
#character .ukkoumon .chara_parent_box_inner .avatar {
	margin: 0 0 0 10em;
}
@media only screen and (max-width: 959px) {
	#character .chara_parent_box_inner .detail {
		width: 80%;
	}
	#character .sp_thumbnail .swiper-wrapper {
		display: flex;
		flex-wrap: wrap;
		justify-content:space-between;
	}
	#character .mySwiper.sp_thumbnail .swiper-slide {
		width: 24% !important;
		margin: 0 0 5px 0 !important;
		padding: 0;
	}
	#character .mySwiper.sp_thumbnail {
		margin-bottom: 4%;
	}
	#character .chara_parent_box_inner {
		background: #fff;
	}
	#character .sp_thumbnail {
		width: 100%;
	}
	#character .oowada .chara_parent_box_inner .avatar,
	#character .ukkoumon .chara_parent_box_inner .avatar {
		margin: 0 2em 0 2em;
	}
	#character .chara_parent_box_inner .avatar {
	  width: 27%;
	  margin: 0 2em 0 2em;
	}
	.nav_character_active {
		color: #0272C4 !important;
	}
	.nav_character_active::after {
		transform: scale(1, 1) !important;
	}
}