@charset "UTF-8";
/*
 intro.css（ファイル名変更可）
 本サイト各ページ用CSS
*/
.intro-area{
	margin: 0;
}
.intro-area .intro-inner{
	padding: 0 10px 10%;
}
.intro-area .d-box-title.intro{
	text-indent: -9999px;
	width: 67.85%;
	padding-top: 19.1%;
	margin-left: 16.42%;
	background: url(../images/intro/intro-title-pc.png) no-repeat;
	background-size:cover;
	height: 0;
}
.intro-area .intro-img{
	width: 100%;
	padding-top: 123.8%;
	background: url(../images/intro/intro-img-pc.png) no-repeat;
	background-size: cover;
	text-indent: -9999px;
	height: 0;
}
.intro-area .d-box-title.comment{
	text-indent: -9999px;
	width: 67.85%;
	padding-top: 21.7%;
	margin-left: 16.42%;
	background: url(../images/intro/comment-title-pc.png) no-repeat;
	background-size:cover;
	height: 0;
}
.intro-area .drama-box-body.comment{
	border: 2px solid #d4b79b;
	border-radius: 3px;
	background: #fbe7bf;
	padding: 8.16% 7.65% 7.14%;
}
.intro-area .cast_txt span.quest {
    font-weight: bold;
    line-height: 1.5;
    display: block;
    margin-bottom: 8px;
    margin-top: 30px;
}

.intro-area .cast_comment_pic {
    width: 32.53%;
    margin-right: 5.17%;
    float: left;
}

.intro-area .cast_comment_pic img{
	width: 100%;
	height: auto;
}

.intro-area .cast_comment_txt {
    word-break: break-word;
    float: right;
    width: 61.4%;
}

.intro-area .cast_comment_box {
    overflow: hidden;
    display: flex;
}

.intro-area hr.border {
    margin-top: 75px;
    margin-bottom: 80px;
    height: 1px;
    background: #000;
    border: none;
}

.intro-area .cast_play_name {
    font-weight: bold;
    line-height: 1;
    margin-bottom: 25px;
}

.intro-area .cast_name {
    font-weight: bold;
    line-height: 1;
}

/* ---------------------------------
 SP用
--------------------------------- */
@media only screen and (max-width: 600px) {
	.intro-area{
		background: linear-gradient(to bottom, rgb(242, 192, 124) 0%,rgba(240,199,130,1) 26%,rgba(244,203,100,1) 72%,rgba(255,211,160,1) 100%);
	}
	.intro-area .intro-inner{
		padding: 0 2.8125% 12.1875%;
	}
	.intro-area .d-box-title.intro{
		width: 99.33%;
		padding-top: 29.9%;
		margin-left: .67%;
		background: url(../images/intro/intro-title-sp.png) no-repeat;
		background-size:cover;
	}
	.intro-area .d-box-title.comment{
		width: 87.25%;
		padding-top: 33.1%;
		margin-left: 6.95%;
		background: url(../images/intro/comment-title-sp.png) no-repeat;
		background-size:cover;
	}
	.intro-area .intro-img{
		padding-top: 244.9%;
		background: url(../images/intro/intro-img-sp.png) no-repeat;
		background-size: cover;
	}
	.intro-area .drama-box-body.comment{
		padding: 6.62% 5.29% 12.91% 6.29%;
	}
	.intro-area .cast_txt span.quest {
	    font-size: 4.0625vw;
	    line-height: 1.5;
	    margin-bottom: 2.25%;
	    margin-top: 5.17%;
	}

	.intro-area .cast_comment_pic {
	    width: 100%;
	    margin-right: 0;
	    float: none;
	    text-align: center;
	    margin-bottom: 7.51%;
	}

	.intro-area .cast_comment_pic img{
		width: 98%;
		height: auto;
	}

	.intro-area .cast_comment_txt {
	    float: none;
	    width: 100%;
	    font-size: 3.4375vw;
	}

	.intro-area .cast_comment_box {
	    display: block;
	}

	.intro-area hr.border {
	    margin-top: 6.57%;
	    margin-bottom: 7.33%;
	    width: 95.67%;
	    margin-left: 3%;
	}

	.intro-area .cast_play_name {
	    font-size: 5.625vw;
	    margin-bottom: 4.83%;
	}

	.intro-area .cast_name {
	    font-size: 4.375vw;
	}
}

/* ---------------------------------
 PC用
--------------------------------- */
@media screen and (min-width: 993px) {
	.intro-area .cast_txt span.quest {
	    font-size: 24px!important;
	    font-size: 2.4rem!important;
	}

	.intro-area .cast_comment_txt {
	    font-size: 18px!important;
	    font-size: 1.8rem!important;
	}

	.intro-area .cast_play_name {
	    font-size: 32px!important;
	    font-size: 3.2rem!important;
	}

	.intro-area .cast_name {
	    font-size: 28px!important;
	    font-size: 2.8rem!important;
	}
}

/* ---------------------------------
 tablet FONT用
--------------------------------- */
@media screen and (min-width : 601px){
	.intro-area .cast_txt span.quest {
	    font-size: 20px;
	    font-size: 2rem;
	}

	.intro-area .cast_comment_txt {
	    font-size: 14px;
	    font-size: 1.4rem;
	}

	.intro-area .cast_play_name {
	    font-size: 28px;
	    font-size: 2.8rem;
	}

	.intro-area .cast_name {
	    font-size: 24px;
	    font-size: 2.4rem;
	}

}