/*------------------------------------------------------------------------------
								CHARA
------------------------------------------------------------------------------*/
#chara-area {
}
.chara {
	width: 100%;
	min-width: 1280px;
	max-width: 1600px;
	margin: 0 auto;
	box-sizing: border-box;
	padding:0 70px 0;
}
.chara li {
	width: 100%;
	position: relative;
}

.chara .photo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: calc(100% - 820px);
	height: 240px;
	margin: 0;
}
.chara .photo1 {background: url("../../img/chara/chara-photo1.jpg") center center / cover;}
.chara .photo2 {background: url("../../img/chara/chara-photo2.jpg") center center / cover;}
.chara .photo3 {background: url("../../img/chara/chara-photo3.jpg") center center / cover;}
.chara .photo4 {background: url("../../img/chara/chara-photo4.jpg") center center / cover;}
.chara .photo5 {background: url("../../img/chara/chara-photo5.jpg") center center / cover;}
.chara .photo6 {background: url("../../img/chara/chara-photo6.jpg") center center / cover;}
.chara .photo7 {background: url("../../img/chara/chara-photo7.jpg") center center / cover;}
.chara .photo8 {background: url("../../img/chara/chara-photo8.jpg?ver1.0") center center / cover;}
.chara .photo9 {background: url("../../img/chara/chara-photo9.jpg?ver1.0") center center / cover;}
.chara .photo10 {background: url("../../img/chara/chara-photo10.jpg") center center / cover;}
.chara .photo11 {background: url("../../img/chara/chara-photo11.jpg") center center / cover;}
.chara .photo12 {background: url("../../img/chara/chara-photo12.jpg?ver1.0.0") center center / cover;}
.chara .photo13 {background: url("../../img/chara/chara-photo13.jpg") center center / cover;}
.chara-box {
	padding-top: 50px;
	padding-bottom: 70px;
}
.chara-box.chara-box-3line {
	padding-top: 30px;
	padding-bottom: 55px;
}
.chara-box.chara-box-4line {
	padding-top: 10px;
	padding-bottom: 50px;
}
.chara-box.chara-box-5line {
	padding-top: 0px;
	padding-bottom: 25px;
}
.chara .cast-photo {
	position: absolute;
	top: 0px;
	left: calc((100% - 820px) + 10px);
	width: 160px;
	height: 240px;
	margin: 0;
}
.chara .cast-photo1 {background: url("../../img/chara/chara-cast-photo1.jpg") center center / cover;}
.chara .cast-photo2 {background: url("../../img/chara/chara-cast-photo2.jpg") center center / cover;}
.chara .cast-photo3 {background: url("../../img/chara/chara-cast-photo3.jpg") center center / cover;}
.chara .cast-photo4 {background: url("../../img/chara/chara-cast-photo4.jpg") center center / cover;}
.chara .cast-photo5 {background: url("../../img/chara/chara-cast-photo5.jpg") center center / cover;}
.chara .cast-photo6 {background: url("../../img/chara/chara-cast-photo6.jpg") center center / cover;}
.chara .cast-photo7 {background: url("../../img/chara/chara-cast-photo7.jpg") center center / cover;}
.chara .cast-photo8 {background: url("../../img/chara/chara-cast-photo8.jpg") center center / cover;}
.chara .cast-photo9 {background: url("../../img/chara/chara-cast-photo9.jpg") center center / cover;}
.chara .cast-photo10 {background: url("../../img/chara/chara-cast-photo10.jpg") center center / cover;}
.chara .cast-photo11 {background: url("../../img/chara/chara-cast-photo11.jpg") center center / cover;}
.chara .cast-photo12 {background: url("../../img/chara/chara-cast-photo12.jpg") center center / cover;}
.chara .cast-photo13 {background: url("../../img/chara/chara-cast-photo13.jpg") center center / cover;}
.chara .chara-box {
	padding-left: calc(100% - 600px);
	box-sizing: border-box;
}
.chara h3 {
	font-family: "Shippori Mincho", serif;
	font-weight: 800;
	font-size: 32px;
	background: #b288d6;
	color: #FFFFFF;
	line-height: 56px;
	padding: 0 0.5em;
	display: inline-block;
}
.chara h4 {
	font-family: "Shippori Mincho", serif;
	font-weight: 800;
	font-size: 32px;
	line-height: 60px;
	padding: 0 0.5em 0 0;
	display: inline-block;
}
.chara h4 span {
	font-size: 22px;
	margin-right: 0.5em
}
.chara .profile h5 {
	font-size: 16px;
	line-height: 2em;
	padding: 0 1em;
	display: inline-block;
	border: 1px solid #666666;
	font-weight: 400;
}
.chara .intro {
	font-family: "Shippori Mincho", serif;
	font-weight: 800;
	font-size: 20px;
	line-height: 1.8em;
}
.chara .profile {
	font-size: 17px;
	line-height: 1.5em;
	font-weight: 400;
}
.chara .comment {
	background: rgba(178,136,214,0.2);
	padding: 30px;
}
.chara .comment h5 {
	font-size: 16px;
	line-height: 2em;
	padding: 0 1em;
	display: inline-block;
	color: #e4e7f2;
	background: #666666;
	font-weight: 500;
}
.chara .comment p {
	font-size: 17px;
	line-height: 1.5em;
}
.chara p {
	text-align: justify;
}
.chara p.syutsuen {
	font-size: 16px;
	line-height: 1.8em;
	text-indent: -9.25em;
	padding-left: 9.25em;
}
.chara p.syutsuen strong {
	margin-right: 1em;
	color: #b288d6;
	font-weight: 600;
}
.chara p.syutsuen span {
	margin-right: 1.5em;
}
.chara .profile p.syutsuen {
	line-height: 1.8em;
	text-indent: 0em;
	padding-left: 0em;
}
@media screen and (max-width: 1000px) {
/*------------------------------------------------------------------------------
								CHARACTER & CAST
------------------------------------------------------------------------------*/
.chara {
	min-width: 740px;
	max-width: 1000px;
	padding:0 40px 0;
}
.chara .photo {
	width: 75%;
	height: 0px;
	padding-top: 36%;
	margin: 0;
}
.chara-box {
	padding-top: 39.5%;
	padding-bottom: 0px;
}
.chara-box.chara-box-2line {
	padding-top: 39.5%;
	padding-bottom: 4vw;
}
.chara-box.chara-box-3line {
	padding-top: 39.5%;
	padding-bottom: 4vw;
}
.chara-box.chara-box-4line {
	padding-top: 39.5%;
	padding-bottom: 4vw;
}
.chara-box.chara-box-5line {
	padding-top: 39.5%;
	padding-bottom: 4vw;
}
.chara .cast-photo {
	left: auto;
	right: 0px;
	width: 24%;
	height: 0px;
	padding-top: 36%;
}
.chara .chara-box {
	padding-left: 0px;
}
.chara .name-box {
	display: inline-flex;
	justify-content: center;
	width: 100%;
}
.chara h3 {
	font-weight: 800;
	font-size: 4.5vw;
	line-height: 6vw;
	padding: 0 0.5em;
}
.chara h4 {
	font-size: 4.5vw;
	line-height: 6vw;
}
.chara h4 span {
	font-size: 3.5vw;
}
.chara .intro {
	font-size: 2.9vw;
	line-height: 1.6em;
	margin-bottom: 0px;
	text-align: center;
}
.chara .profile h5 {
	font-size: 2.2vw;
	margin: 0 auto;
	display:block;
	text-align: center;
	padding: 0px;
	width: 12em;
	margin-bottom: 3vw;
	margin-top: 4vw;
}
.chara .profile {
	font-size: 2.5vw;
}
.chara .comment {
	padding: 4vw;
	margin-top: 4vw!important;
	margin-bottom: 12vw;
}
.chara .comment h5 {
	margin: 0 auto;
	font-size: 2.5vw;
	display: block;
	text-align: center;
	width: 12em;
	padding: 0px;
	margin-bottom: 3vw;
	
}
.chara .comment p {
	font-size: 2.5vw;
	line-height: 1.8em;
}
.chara p.syutsuen {
	font-size: 2.2vw;
	text-indent: 0px;
	padding-left: 0px;
	text-align: center;
	line-height: 1.8em;
	margin: 0px!important;
	padding-top: 1vw;
}
.chara p.syutsuen strong {
	font-size: 2.5vw;
	line-height: 2.2em;
}
.chara p.syutsuen span {
	margin-right: 1em;
}
}


@media print{
.main ul li .photo-none {
	display:none;
}
}