@charset 'UTF-8';
body {
	background: #000;
}

.section {
	padding: 45px 0 0;
}
body.sp .section {
	min-width: 100%;
}
body.sp .section p {
	width: 100%;
}

#wrapperArea {
	background: #e0e8ed url(/applause/robot/images/section_11_bg.jpg) top center;	
}
body.pc .mainSection {
	background: url(../images/bg.jpg) top center no-repeat;
	background-size: 2000px auto;
}
body.sp .mainSection {
	background: url(../images/bg_s.jpg) top center no-repeat;
	background-size: 100% auto;
}
body.pc .section .pageTitle {
	width: 784px;
	margin: 58px auto 160px;
}

body.sp .section .pageTitle {
    width: 90%;
    padding: 20% 0 0;
    margin: 0 auto 20%;
	background: transparent;
}

body .section .pageTitle img {
	width: 100%;
}

.bodyMain {
	padding: 30px 0 0;
}
.bodyDescription {
	text-align: center;
	margin: 0 0 20px;
}
body.sp .bodyDescription {
	margin: 0 0 5vw;
}
body.sp .bodyDescription .text-r {
    text-align: left;
}
.bodyDescription h2 {
	color: #022e4f;
	font-weight: bold;
	font-size: 24px;
}
.mainImg {
	padding-bottom: 30px;
}
body.sp .mainImg {
}
.mainImg img {
	width: 100%;
}

body.sp .section_sns .body {
    width: auto;
}

.castName {
	font-weight: bold;
}

.castName strong {
	font-size: 24px;
	font-weight: bold;
}
body.sp .castName strong {
    font-size: 120%;
}
p.writer {
	margin-bottom: 50px;
	font-weight: bold;
}
.writer strong {
	font-size: 20px;
	font-weight: bold;
}
body.sp .writer strong {
    font-size: 120%;
}

.bodyContent {
	clear: both;
	margin-top: 60px;
    overflow: hidden;
}
.bodyContent h2 {
	text-align: left;
	color: #956438;
	font-size: 20px;
	font-weight: bold;
}
.bodyContent p {
	line-height: 2;
}
.bodyContent p strong {
	display: block;
	font-weight: bold;
}
body.pc .bodyContent .img-r {
	float: right;
	margin: 0 0 40px 40px;
}
body.pc .bodyContent .img-l {
	float: left;
	margin: 0 60px 40px 0;
}
body.sp .bodyContent .img-r,
body.sp .bodyContent .img-l {
    text-align: center;
}
body.sp .bodyContent .img-r img,
body.sp .bodyContent .img-l img {
    width: 50%;
}
body.pc .bodyContent .clear {
	clear: both;
}

.profileSection {
	display: flex;
	margin-top: 50px;
	padding: 60px;
	color: #022e4f;
	background-color: #dae3d6;
}
body.sp .profileSection {
	display: block;
}
.profileSectionImage {
	width: 190px;
}
body.sp .profileSectionImage {
	width: 360px;
	margin: 0 auto 40px;
}
body.sp .profileSectionImage img {
	width: 100%;
    height: auto;
}
.profileSectionText {
	padding-left: 30px;
}
body.sp .profileSectionText {
	padding-left: 0;
}
.profileSectionText dt {
	font-weight: bold;
    font-size: 16px;
	margin-bottom: 5px;
}
body.sp .profileSectionText dt {
    font-size: 240%;
}
.profileSectionText dd p {
	margin-bottom: 0;
}

.writerSection {
	clear: both;
	border-top: #5ea437 solid 1px;
	border-bottom: #5ea437 solid 1px;
	margin: 60px 0 40px;
	padding: 45px 0;
}
.writerSection h2 {
	font-size: 16px;
	text-align: left;
	margin: 0 0 5px;
	font-weight: bold;
}
.writerSection p {
	margin: 0;
}
.text-r {
	text-align: right;
}

/* brSp brPc
-------------------------------------------------- */
body.pc .brSp {
	display: none;
}
body.sp .brSp {
	display: block;
}
body.pc .brPc {
	display: block;
}
body.sp .brPc {
	display: none;
}