@charset utf-8;

/* CSS Document */

/*------------------------

indexページ

------------------------*/

.interview-box li {
	border-top: 3px solid #E0E1E2;
	padding-top: 1em;
	margin-bottom: 1em;
	font-size: 93%;
	line-height: 120%;
	color: #999;
}

.interview-box li .title {
	font-size: 123.1%;
	font-weight: bold;
	line-height: 120%;
	color: #6B6E72;
	margin-top: 1em;
	margin-bottom: 1em;
}

.interview-box li .title.promoter{
	margin-bottom: 5px;
}

.interview-box li .title a {
	text-decoration: none;
	color: #6B6E72;
}

.interview-box li .title.promoter a{
	color: #029ED2;
	text-decoration: underline;
}

.interview-box li .title.promoter a:hover {
    color: #ef6465;
}

.interview-box li .interview-btn {
	margin-top: 2em;
}

.interview-box li {
	border-top: 3px solid #E0E1E2;
	padding-top: 1em;
	margin-bottom: 1em;
	font-size: 93%;
	line-height: 120%;
	color: #999;
}

@media only screen and (max-width: 959px) {
	.interview-box li .unit-40{
		float: left;
		width: 40%;
	}
	
	.interview-box li .unit-40 img{
		max-width: 130px;
		width: 100%;
	}

	.interview-box li .unit-60{
		float: left;
		width: 60%;
		padding-left: 2%;
	}
}

/*------------------------

詳細ページ

------------------------*/

.orange-title,
.green-title,
.ygreen-title,
.red-title,
.gray-title,
.blue-title,
.lpp-title,
.dpp-title {
	font-size: 146.5%;
	font-weight: bold;
	padding-top: 2em;
	margin-bottom: .5em;
	line-height:120%;
}

.orange-title {
	color: #FAAD49;
}

.green-title {
	color: #5DD273;
}

.ygreen-title {
	color: #B9E35B;
}

.red-title {
	color: #E23E62;
}

.gray-title {
	color: #777777;
}

.blue-title {
	color: #05BDFE;
}

.lpp-title {
	color: #C948DD;
}

.dpp-title {
	color: #7D55D1;
}

.youtube {
	text-align: center;
	background-color: #F5F5F5;
	padding: 1em;
	margin: 0 0 2em;
}

.youtube ul{
	padding: 0;
	margin: 2em 2em 1em 2em;
}

.youtube ul li{
	text-align:left;
	list-style:none;
}

.interview-name {
	margin-top: .5em;
	color: #AAA;
	font-size: 116%;
	font-weight: bold;
}
.youtube.movie {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.youtube.movie div {
    flex-basis: 48%;
    text-align: left;
}
.youtube.movie div iframe{
	width: 100%;
}

.display_b{
	display: block;
}
@media only screen and (max-width: 767px) {
.orange-title,
.green-title,
.ygreen-title,
.red-title,
.gray-title,
.blue-title,
.lpp-title,
.dpp-title {
	padding-top: 0;
}
	
.youtube embed,
.youtube object,
.youtube iframe{
	max-width: 100%;
	width: 320px;
	height: 200px;
}
	
.interview-name {
	margin-bottom: 15px;
}

.youtube.movie {
    display: block;

}

.youtube.movie div {

}
	
}