@charset "utf-8";
@import "common/0-import.css";
/*------------------------------------------------------------
	インタビュー 一覧
------------------------------------------------------------*/
#conts .read {
	margin-bottom: 15px;
	color: #666;
	font-size: 1em;
	line-height: 1.8;
}

#conts h2.title01 {
	margin-bottom: 7px;
	padding: 0;
	height: auto;
	background: none;
}

#conts .infoBox {
	margin: 0 15px;
	padding: 11px 0 15px;
	border-bottom: 1px dotted #999;
}

#conts .infoBox:first-of-type {
	border-top: 1px dotted #999;
}

#conts .infoBox .infoTtl {
	margin-bottom: 4px;
	padding-left: 10px;
	background: url(/img/common/icon/03.gif) no-repeat 0 4px;
	font-weight: bold;
}

#conts .infoBox .infoMedia {
	display: flex;
}

#conts .infoBox .infoImg {
	margin-left: 13px;
}

/*------------------------------------------------------------
	インタビュー 記事
------------------------------------------------------------*/
#conts div .snsBtns {
	margin: 5px 0 9px;
	float: left;
}

#conts .date {
	margin-bottom: 15px;
	text-align: right;
	font-size: 12px;
	color: #999;
}

#conts .box {
	margin: 0 15px 25px;
}

#conts .lead {
	padding: 0 10px;
}

#conts .box .rBox {
	width: 187px;

	float: right;
}

#conts .box .lBox {
	width: 458px;

	float: left;
}

#conts .box .rBox ul li {
	margin-bottom: 10px;
	float: left;
}

#conts .box .rBox ul li img {
	display: block;
}

#conts .box .rBox ul li.none {
	margin-bottom: 0;
}

#conts .box .lBox .mapBox {
	margin-bottom: 8px;
}

#conts .box .lBox a {
	margin: 0 0 0 1px;
	font-size: 0.9em;
	text-align: left;
}

#conts .box .lBox p {
	margin: 1px 0 0 1px;
}

#conts .box .lBox span {
	font-weight: bold;
}

#conts .textBox {
	margin: 0 15px 0;
}

#conts .textBox p {
	margin: 0 0 10px 9px;
}

#conts .textBox img {
	margin: 0 0 8px 10px;
	display: block;
}

#conts .textBox p.special {
	margin-bottom: 21px;
}

#conts .textBox ul {
	margin: 0 0 0 10px;
}

#conts .textBox ul li {
	padding-left: 10px;
	background: url(/img/common/icon/03.gif) no-repeat left 5px;
}

#conts .textBox ul li a {
	font-size: 1.1em;
}

#conts table {
	margin-top: 10px;
	width: 100%;
	border-collapse: collapse;
}

#conts table th,
#conts table td {
	padding: 5px 8px;
	border: 1px solid #ccc;
	font-size: 12px;
	text-align: left;
	vertical-align: middle;
}

#conts table th {
	background: #F9F9F9;
	font-weight: normal;
}

#conts table .dl01 dt,
#conts table .dl02 dt {
	float: left;
}

#conts table .dl02 dt {
	background: url(/img/common/icon/03.gif) no-repeat left 2px;
    padding: 0 0 0 10px;
}

#conts table .dl01 dd {
	padding-left: 100px;
}

#conts table .dl02 dd {
	padding-left: 225px;
}

#conts table .dl01 dd,
#conts table .dl02 dd {
	margin-bottom: 2px;
}

#conts h2 {
	background: url(../img/interview/01/h2_bg01.jpg) left top repeat-x;
	height: 52px;
	margin-bottom: 8px;
	padding: 12px 0 0 20px;
	color: #FFF;
	font-size: 2.5em;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}

#conts h2.interview08 {
	font-size: 28px;
}

#conts h2.interview09 {
	font-size: 26px;
}

#conts h3 {
	margin-bottom: 20px;
	color: #009299;
	font-size: 1.84em;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}

#conts p {
	font-size: 1.17em;
	line-height: 2.0em;
}

#conts .interviewBox,
#conts .interviewBox02,
#conts .interviewBox03,
#conts .interviewBox04,
#conts .interviewBox05,
#conts .interviewBox06,
#conts .interviewBox07,
#conts .interviewBox08,
#conts .interviewBox09,
#conts .interviewBox10,
#conts .interviewBox11,
#conts .interviewBox12,
#conts .interviewBox13 {
	background: #F7F7F7 url(../img/interview/01/photo01.jpg) right top no-repeat;
	margin: 0 auto 25px;
	padding: 15px 0 15px 20px;
	width: 648px;
	border: 1px solid #F0F0F0;
}

#conts .interviewBox02 {
	background: #F7F7F7 url(../img/interview/02/photo01.jpg) right top no-repeat;
}

#conts .interviewBox03 {
	background: #F7F7F7 url(../img/interview/03/photo01.jpg) right top no-repeat;
}

#conts .interviewBox04 {
	background: #F7F7F7 url(../img/interview/04/photo01.jpg) right top no-repeat;
}

#conts .interviewBox05 {
	background: #F7F7F7 url(../img/interview/05/photo01.jpg) right top no-repeat;
}

#conts .interviewBox06 {
	background: #F7F7F7 url(../img/interview/06/photo01.jpg) right top no-repeat;
}

#conts .interviewBox07 {
	background: #F7F7F7 url(../img/interview/07/photo01.jpg) right top no-repeat;
}

#conts .interviewBox08 {
	background: #F7F7F7 url(../img/interview/08/photo01.jpg) right top no-repeat;
}

#conts .interviewBox09 {
	background: #F7F7F7 url(../img/interview/09/photo01.jpg) right top no-repeat;
}

#conts .interviewBox10 {
	background: #F7F7F7 url(../img/interview/10/photo01.jpg) right top no-repeat;
}

#conts .interviewBox11 {
	background: #F7F7F7 url(../img/interview/11/photo01.jpg) right top no-repeat;
}

#conts .interviewBox12 {
	background: #F7F7F7 url(../img/interview/12/photo01.jpg) right top no-repeat;
}

#conts .interviewBox13 {
	background: #F7F7F7 url(../img/interview/13/photo01.jpg) right top no-repeat;
}

#conts .interviewBox p.message {
	background: url(../img/interview/01/line01.gif) left bottom repeat-x;
	margin-bottom: 15px;
	padding: 0 217px 11px 0;
	width: 413px;
}

#conts .interviewBox02 .message p,
#conts .interviewBox03 .message p,
#conts .interviewBox04 .message p,
#conts .interviewBox06 .message p {
	margin-bottom: 28px;
}

#conts .interviewBox02 .message p.last,
#conts .interviewBox03 .message p.last,
#conts .interviewBox04 .message p.last,
#conts .interviewBox05 .message p.last,
#conts .interviewBox06 .message p.last,
#conts .interviewBox07 .message p.last,
#conts .interviewBox08 .message p.last {
	margin-bottom: 0;
}

#conts .interviewBox02 .message,
#conts .interviewBox03 .message,
#conts .interviewBox04 .message,
#conts .interviewBox05 .message,
#conts .interviewBox06 .message,
#conts .interviewBox07 .message,
#conts .interviewBox08 .message,
#conts .interviewBox09 .message,
#conts .interviewBox10 .message,
#conts .interviewBox11 .message,
#conts .interviewBox12 .message,
#conts .interviewBox13 .message {
	background: url(../img/interview/01/line01.gif) left bottom repeat-x;
	margin-bottom: 18px;
	padding: 0 217px 0 0;
	width: 413px;
	height: 318px;
}

#conts .interviewBox03 .message {
	width: 402px;
	height: 235px;
}

#conts .interviewBox04 .message,
#conts .interviewBox09 .message {
	width: 402px;
	height: 207px;
}

#conts .interviewBox05 .message {
	width: 414px;
	height: 207px;
	letter-spacing: -0.02em;
}

#conts .interviewBox06 .message {
	width: 414px;
	height: 209px;
}

#conts .interviewBox07 .message {
	width: 384px;
	height: 207px;
}

#conts .interviewBox08 .message {
	width: 401px;
	height: 207px;
}

#conts .interviewBox10 .message {
	width: 400px;
	height: 236px;
}

#conts .interviewBox11 .message {
	width: 407px;
	height: 180px;
}

#conts .interviewBox12 .message,
#conts .interviewBox13 .message {
	width: 397px;
	height: 179px;
}

#conts .interviewBox ul,
#conts .interviewBox02 ul,
#conts .interviewBox03 ul,
#conts .interviewBox04 ul {
	font-size: 1.17em;
}

#conts .interviewBox02 ul,
#conts .interviewBox03 ul,
#conts .interviewBox04 ul,
#conts .interviewBox05 ul,
#conts .interviewBox06 ul,
#conts .interviewBox07 ul,
#conts .interviewBox12 ul,
#conts .interviewBox13 ul {
	font-size: 1.17em;
	width: 514px;
	float: right;
}

#conts .interviewBox09 ul,
#conts .interviewBox10 ul {
	font-size: 1.17em;
	width: 506px;
	float: right;
}

#conts .interviewBox11 ul {
	font-size: 1.17em;
	width: 506px;
	float: right;
}

#conts .interviewBox12 ul,
#conts .interviewBox13 ul {
	width: 504px;
}

#conts .interviewBox ul li {
	background: url(../img/interview/01/01.gif) left 5px no-repeat;
	display: inline;
	margin: 5px 12px 0 0;
	padding: 0 0 0 12px;
	white-space: nowrap;
}

#conts .interviewBox02 ul li,
#conts .interviewBox03 ul li,
#conts .interviewBox04 ul li,
#conts .interviewBox05 ul li,
#conts .interviewBox06 ul li,
#conts .interviewBox07 ul li,
#conts .interviewBox08 ul li,
#conts .interviewBox09 ul li,
#conts .interviewBox10 ul li,
#conts .interviewBox12 ul li,
#conts .interviewBox13 ul li {
	background: url(../img/interview/01/01.gif) left 7px no-repeat;
	margin: 5px 12px 0 0;
	padding: 0 0 0 12px;
	white-space: nowrap;
	float: left;
}

#conts .interviewBox11 ul li {
	background: url(../img/interview/01/01.gif) left 8px no-repeat;
	margin: -5px 12px 0 0;
	padding: 0 0 0 12px;
	white-space: nowrap;
	width: 140px;
	float: left;
}


#conts .interviewBox07 ul li,
#conts .interviewBox12 ul li,
#conts .interviewBox13 ul li  {
	float: none;
}

#conts .interviewBox ul li.last,
#conts .interviewBox02 ul li.last,
#conts .interviewBox03 ul li.last,
#conts .interviewBox04 ul li.last,
#conts .interviewBox05 ul li.last,
#conts .interviewBox06 ul li.last,
#conts .interviewBox07 ul li.last,
#conts .interviewBox08 ul li.last,
#conts .interviewBox09 ul li.last,
#conts .interviewBox10 ul li.last,
#conts .interviewBox11 ul li.last {
	margin-right: 0;
}

#conts .interviewBox ul li.name {
	background: none;
	margin-top: 0;
	padding-left: 0;
	font-weight: bold;
}

#conts .interviewBox02 p.name,
#conts .interviewBox03 p.name {
	padding: 10px 0 0;
	background: none;
	margin-top: 0;
	padding-left: 0;
	font-weight: bold;
	width: 130px;
	float: left;
}

#conts .interviewBox04 p.name,
#conts .interviewBox05 p.name,
#conts .interviewBox06 p.name,
#conts .interviewBox07 p.name,
#conts .interviewBox08 p.name,
#conts .interviewBox09 p.name,
#conts .interviewBox10 p.name,
#conts .interviewBox11 p.name,
#conts .interviewBox12 p.name,
#conts .interviewBox13 p.name {
	background: none;
	margin-top: 0;
	padding-left: 0;
	font-weight: bold;
	width: 130px;
	float: left;
}

#conts .interviewBox09 p.name,
#conts .interviewBox10 p.name,
#conts .interviewBox11 p.name,
#conts .interviewBox12 p.name,
#conts .interviewBox13 p.name {
	width: 140px;
}

#conts .interviewBox07 p.name {
	margin-top: 27px;
}

#conts .interviewBox12 p.name,
#conts .interviewBox13 p.name {
	margin-top: 11px;
}

#conts .interviewBox ul li.name span,
#conts .interviewBox02 p.name span,
#conts .interviewBox03 p.name span,
#conts .interviewBox04 p.name span,
#conts .interviewBox05 p.name span,
#conts .interviewBox06 p.name span,
#conts .interviewBox07 p.name span,
#conts .interviewBox08 p.name span,
#conts .interviewBox09 p.name span,
#conts .interviewBox10 p.name span,
#conts .interviewBox11 p.name span,
#conts .interviewBox12 p.name span,
#conts .interviewBox13 p.name span {
	font-size: 1.43em;
}

#conts .innerContents {
	margin: 0 auto;
	padding-bottom: 20px;
	width: 670px;
}

#conts .innerContents p {
	margin-bottom: 2em;
}

#conts .innerContents p.reference {
	line-height: 2.4;
}

#conts .innerContents p.reference a {
	display: inline-block;
	line-height: 2.0;
	margin-top: -14px;
}

#conts .alignright {
	display: block;
	border: 1px solid #F0F0F0;
	padding: 4px;
	margin: 0 0 10px 20px;
}

#conts .abilitys {
	border: 3px solid #F0F0F0;
	padding: 20px 20px 15px 20px;
	margin: 0 0 15px 0;
	font-size: 1.17em;
	font-weight: bold;
}

#conts .abilitys dt {
	padding-top: 1px;
	width: 18px;
	float: left;
	clear: left;
}

#conts .abilitys dd {
	border-bottom: 1px solid #F0F0F0;
	margin-bottom: 10px;
	padding: 0 0 10px 28px;
}

#conts .abilitys dd.last {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

#conts .backConts {
	border-top: 1px solid #F0F0F0;
	clear: both;
	margin: 0 0 35px;
	padding-top: 10px;
	text-align: center;
	font-size: 1em;
}

#conts .backConts ul li {
	width: 192px;
	float: left;
}

#conts .backConts ul li.prev {
	padding: 0 20px;
	text-align: right;
}

#conts .backConts ul li.toTop {
	width: 223px;
}

#conts .backConts ul li.toTop a {
	padding: 0 20px;
	text-align: center;
}

#conts .backConts ul li.next {
	padding: 0 20px;
	text-align: left;
}

#conts .innerContents .illust {
	margin-bottom: 40px;
}

#conts .innerContents a.marker01 {
	padding: 0 0 0 10px;
	background: url(/img/common/icon/03.gif) no-repeat left 2px;
}