@charset "UTF-8";


/*-------------------------------------------------------------
 setting
-------------------------------------------------------------*/

/* 基本カラー
-----------------------------------------------

/* キーカラー
---------
#714f9c
---------
*/

/* ポイントカラー
---------
img
---------
*/

/* 背景カラー
---------
rgba(255,255,255,0.9) 
rgba(181,194,220,0.5)  
---------
*/


/* フォント
-------------------------------------------*/
.en {
	font-family: 'Noto Serif JP', serif;
	letter-spacing: .3rem;
}

.t_shadow {
	text-shadow: 0px 0px 5px rgba(0, 0, 0, .3);
}

.text-indent {
	display: inline-block;
	margin-left: 1em;
	text-indent: -1em;
}

.drama_page_fit_contents p>* {
	font-size: 1.8rem;
}

@media screen and (max-width: 750px) {
	.drama_page_fit_contents p>* {
		font-size: 1.6rem;
	}
}



/* カラー指定
-------------------------------------------*/
.text-colar {
	color: a01303;
}


/* 非表示
-------------------------------------------*/

@media screen and (max-width: 751px) {
	.pc-none {
		display: none !important;
	}
}

@media screen and (max-width: 750px) {
	.pc-none {
		display: block !important;
	}
}

/*-------------------------------------------------------------
 レイアウト
-------------------------------------------------------------*/
/*コンテンツ枠
-------------------------------------------*/
.drama_page_wrap {
	background-image: url(../images/bg_contents.jpg);
	transition: all 0.3s ease;
	background-size: cover;
	background-attachment: fixed;
	background-position: bottom;
}

@media screen and (max-width: 750px) {
	.drama_page_wrap {}

}

.drama_page_contents {
	padding-bottom: 40px;
}

.drama_page_contents p {
	font-size: 1.8rem;
	line-height: 1.9;
	text-align: justify;
}

.drama_page_fit_contents {
	max-width: -webkit-calc(1240px + 60px);
	max-width: calc(1240px + 60px);
	margin: 0 auto;
	padding: 0 30px;
	text-align: left;
}

.drama_page_summary_top {
	position: relative;
}

.drama_page_summary {
	position: relative;
}

@media screen and (min-width: 751px) {

	/*.drama_page_summary_top:before {
		content: "";
		position: absolute;
		right: 0;
		top: 500px;
		width: 242px;
		height: 583px;
		background-image: url(../images/bg_contents01.png);
		background-repeat: no-repeat;
		z-index: 1000;
	}
	.drama_page_summary_top:after {
		content: "";
		position: absolute;
		left: 0;
		top: 0px;
		bottom: 0;
		width: 866px;
		height: 771px;
		background-image: url(../images/bg_contents02.png);
		background-repeat: no-repeat;
		z-index: 10;
	}*/
	.drama_page_fit_contents {
		position: relative;
		z-index: 1000;
	}
}


@media screen and (max-width: 750px) {
	.drama_page_fit_contents {
		padding: 0 3%;
	}

	.drama_page_contents {
		padding-bottom: 20px;
	}

	.drama_page_contents p {
		font-size: 1.6rem;
		line-height: 1.8;
		word-break: break-all;
	}
}



/*ヘッダー
-------------------------------------------*/
header {
	position: relative;
	z-index: 1002;
	background-color: #fff;
}

/* ナビゲーション */
.drama_nav {
	text-align: center;
	background: url("../images/bg_nav.jpg") center;
}

.drama_nav nav {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.drama_nav nav .drama_title {
	width: 25%;
}

.drama_nav nav .drama_title a {
	padding: 5px;
	display: block;
}

.drama_nav nav .drama_title img {
	max-height: 75px;
}

.drama_nav nav ul {
	width: 75%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.drama_nav nav li {
	width: 25%;
}

.drama_nav nav li a {
	width: 100%;
	min-height: 90px;
	border-left: 1px solid #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	color: #DEB83A;
	line-height: 1.4;
	text-align: center;
	vertical-align: middle;
}

.drama_nav nav li a.current {
	background: url("../images/bg_nav_active.png") center;
}

.drama_nav nav li .en {
	margin-top: -.5rem;
	display: block;
	color: #DEB83A;
	font-size: 2.8rem;
}

.drama_nav nav li .jp {
	font-size: 1.4rem;
}

.drama_nav nav .drama_title:hover {
	opacity: .7;
}


@media screen and (min-width: 751px) {

	.drama_nav nav .drama_title:hover {
		opacity: .7;
	}

	.drama_nav nav li:hover a {
		background: url("../images/bg_nav_active.png") center;
	}

	.nav_sp,
	.nav_top {
		display: none !important;

	}

	.gakuhiden__header {
		position: relative;
		padding-bottom: 25px;
		background: #fff;
		z-index: 1000;
	}

	header .gnav {
		margin-bottom: 0;
	}

	.drama_nav {
		position: relative;
		z-index: 1000;
	}

	.drama_nav nav {
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
	}

}


@media screen and (max-width: 750px) {
	.nav_pc .drama_nav ul {
		display: none;
	}

	.drama_nav nav,
	.drama_nav nav .drama_title {
		width: 100%;
	}

	.drama_nav nav li {
		background: url("../images/bg_nav.jpg") center;
	}

	.drama_nav nav .drama_title img {
		max-height: 60px;
	}

	.nav_sp {
		margin-bottom: 20px;
	}

	.nav_sp .drama_nav nav {
		width: 100%;
		display: block;
		position: relative;
	}

	.nav_sp .drama_nav nav .drama_title {
		display: none;
	}

	.nav_sp .drama_nav nav ul {
		width: 100%;
		flex-wrap: wrap;
	}

	.nav_sp .drama_nav nav li {
		width: 50%;
		min-height: 68px;
	}

	.nav_sp .drama_nav nav li a {
		min-height: 68px;
		line-height: 1.1;
	}

	.nav_sp .drama_nav nav li a {
		border-top: 1px solid #fff;
	}

	.nav_sp .drama_nav nav li:nth-child(odd) a {
		border-left: none;
	}

	.nav_sp .drama_nav nav li .en {
		font-size: 2.2rem;
	}

	.nav_sp .drama_nav nav li .jp {
		font-size: 1.1rem;
	}
}



/*フッタ―
-------------------------------------------*/
footer {
	position: relative;
	z-index: 1000;
}

.drama_copyright {
	margin-top: 40px;
	color: #333333;
	font-size: 1.4rem;
	font-weight: 700;
	text-align: center;
}


@media screen and (max-width: 750px) {
	.drama_copyright {
		margin-top: 20px;
		font-size: 1.2rem;
	}
}



/*-------------------------------------------------------------
 共通パーツ
-------------------------------------------------------------*/

/* ページタイトル */
.drama_page_ttl {
	margin-bottom: 30px;
	padding: 5px 30px;
	min-height: 60px;
	background: url("../images/bg_ttl.jpg");
	background-size: cover;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #DEB83A;
	line-height: 1;
}

.drama_page_ttl .en {
	margin: 0 10px;
	font-size: 3.4rem;
}


/* タイトル */
.drama_ttl {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #C1272D;
}

.drama_ttl h3 {
	padding-left: 20px;
	border-left: 5px solid #C1272D;
	color: #C1272D;
	font-size: 2.5rem;
	font-weight: 700;
}

.drama_item h3 {
	position: absolute;
	color: #C1272D;
	font-size: 3rem;
	font-weight: 700;
	padding-top: 50px;
	padding-left: 10px;
}

.cast_item h3 {
	position: absolute;
	color: #C1272D;
	font-size: 3rem;
	font-weight: 700;
	padding-top: 50px;
	padding-left: 10px;
}


.staff_item h3 {
	color: #C1272D;
	font-size: 3rem;
	font-weight: 700;
	padding-left: -10px !important;
}

@media screen and (max-width: 750px) {
	.cast_item h3 {
		font-size: 2.5rem;
		padding-top: 10px;
		padding-left: 12px;
	}

	.drama_item h3 {
		padding-left: 12px;
		font-size: 2.5rem;
	}

	.staff_item h3 {
		margin-top: -2rem;
		margin-bottom: -1.2rem;
		font-size: 2.5rem;
	}
}

@media screen and (min-width: 751px) {
	.drama_item h3 {
		font-size: 3rem;
		padding-top: 75px;
		padding-left: 40px;

	}

	.cast_item h3 {
		padding-top: 30px;
		padding-left: 40px;
	}
}

.cast_list .txt {
	padding: 30px 40px;
	padding-top: 80px;
}

.staff_list .txt {
	padding: 30px 40px;
	padding-top: 80px;
}


/* コンテンツ背景 */
.drama_contents {
	padding: 60px 40px;
	background: rgba(255, 255, 255, 0.9);
	position: relative;
	margin-bottom: 30px;
}


/* ボタン */
.btn_area_drama {
	margin-top: 20px;
}

.btn_drama a {
	padding: 10px 20px;
	background-color: #C1272D;
	display: inline-block;
	color: #FFF;
	text-align: center;
}

.btn_drama a:hover {
	opacity: .7;
}

.btn_drama [class*="icon_arrow"]:before {
	margin-right: 10px;
	font-size: 12px;
	vertical-align: 15%;
}

/* SNSボタン */
.sns_block {
	margin: 20px 0;
}

.sns_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.sns_list li {
	margin-left: 10px;
	line-height: 0;
}

.top_maiimage .sns_block {
	position: absolute;
	top: 0;
	right: 20px;
	z-index: 1001;
}


/* 画像ダウンロード禁止対応 */
.guard_wrap {
	width: 100%;
	height: 100%;
	position: relative;
}

.guard {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
	z-index: 1000;
}


@media screen and (max-width: 750px) {
	.drama_page_ttl {
		margin-bottom: 15px;
		padding: 5px 10px;
		min-height: 50px;
	}

	.drama_page_ttl .en {
		margin: 0 5px;
		font-size: 2.4rem;
	}

	.drama_ttl {
		margin-bottom: 12px;
		padding-bottom: 10px;
	}

	.drama_ttl h3 {
		padding-left: 15px;
		font-size: 1.8rem;
	}

	.drama_contents {
		padding: 30px 15px;
	}

	.btn_area_drama {
		margin-top: 15px;
	}

	.btn_drama a {
		display: block;
	}

	.sns_block {
		margin: 10px 0;
	}

	.top_maiimage .sns_block {
		position: absolute;
		top: 10px;
		right: 10px;
		margin: 0;
	}
}



/*-------------------------------------------------------------
 トップページ
-------------------------------------------------------------*/
.top_maiimage {
	max-width: 1240px;
	margin: 0 auto;
	padding-bottom: 40px;
	position: relative;
}


@media screen and (min-width: 751px) {
	.top_maiimage {
		z-index: 1000;
	}
}


@media screen and (max-width: 750px) {
	.top_maiimage {
		padding-bottom: 0;
	}
}

/* プレゼントフォーム */
.drama_page_presents {
	padding-bottom: 40px;
}

.drama_page_present_info {
	padding: 25px 40px;
	background: rgba(255, 255, 255, 0.7);
}

.drama_presents_table {
	width: 100%;
	font-size: 1.8rem;
	line-height: 1.9;
	border: 1px solid #C1272D;
}

.drama_presents_table>tbody>tr>th {
	width: 25%;
	padding: 2rem;
	text-align: center;
	background-color: #C1272D;
	color: #fff;
}

.drama_presents_table>tbody>tr>td {
	width: 75%;
	padding: 2rem;
	background-color: #fff;
}

.drama_presents_note {
	margin-top: 20px;
}

.drama_presents_img {
	margin-bottom: 20px;
	text-align: center;
}


@media print,
screen and (min-width: 751px) {

	.drama_presents_table>tbody>tr {
		border-bottom: 1px solid #fff;
	}

	.drama_presents_table>tbody>tr:last-child {
		border-bottom: 1px solid #C1272D;
	}

	.drama_presents_table>tbody>tr>td {
		border-bottom: 1px solid #C1272D;
	}

	.btn_drama.-present {
		text-align: center;
	}

	.drama_presents_note p {
		text-align: center;
	}
}


@media screen and (max-width: 750px) {

	.drama_page_presents {
		padding-bottom: 20px;
	}

	.drama_page_present_info {
		padding: 15px;
		display: block;
	}

	.drama_presents_table {
		font-size: 1.6rem;
		line-height: 1.8;
	}

	.drama_presents_table>tbody>tr>th {
		display: block;
		width: 100%;
		padding: 1rem;
	}

	.drama_presents_table>tbody>tr>td {
		display: block;
		width: 100%;
		padding: 1rem;
	}

	.drama_presents_note {
		margin-top: 15px;
	}

	.drama_presents_note p {
		font-size: 1.4rem;
		line-height: 1.6;
	}

	.drama_presents_img {
		margin-bottom: 12px;
	}

}


/*-------------------------------------------------------------
 番組紹介
-------------------------------------------------------------*/
/*.intro_contents {
	 background: url("../images/intro_bg_contents.png"); 
	background-size: cover;
}*/

.intro_wrap {
	margin: 0 20px 60px 20px;
	/*background: url("../images/bg_intro.png") center 5% no-repeat;*/
	background-size: contain;
}

.intro_copy {
	padding: 80px 0 60px;
	color: #C1272D;
	font-size: 3rem;
	font-weight: 700;
	line-height: 1.8;
	text-align: center;
}

.intro_ttl {
	margin: 60px 0 40px;
	color: #C1272D;
	font-size: 2.6rem;
	font-weight: 700;
	text-align: center;
}

.intro_ttl span {
	display: block;
}

.about_contents {
	margin-top: 40px;
	padding: 30px 40px;
	background: #c31317;
	color: #FFF;
}

.about_ttl {
	margin: -10px 0 15px;
	position: relative;
	text-align: center;
	line-height: 1.4;
}

.about_ttl:before,
.about_ttl:after {
	width: calc(50% - 9rem);
	height: 2px;
	background: #FFF;
	display: block;
	position: absolute;
	top: 50%;
	content: "";
}

.about_ttl:after {
	right: 0;
}

.about_ttl .en {
	font-size: 3.6rem;
}

.about_ttl .jp {
	display: block;
}

.intro_staff {
	font-size: 1.6rem;
	line-height: 1.7;
	text-align: left;
}

.intro_staff dt {
	margin-bottom: 1rem;
}

.intro_copy span {
	display: block;
}

@media screen and (min-width: 751px) {
	.intro_staff {
		margin-top: 30px;
	}
}


@media screen and (max-width: 750px) {

	.intro_wrap {
		margin: 0 0 20px 0;
		background: none;
	}

	.intro_copy {
		padding: 10px 0 0;
		font-size: 1.6rem;
		line-height: 1.7;
	}

	.intro_ttl {
		margin: 30px 0 20px;
		font-size: 1.6rem;
	}

	.intro_ttl span {
		display: inline-block;
	}

	.about_contents {
		margin-top: 20px;
		padding: 15px;
	}

	.about_ttl {
		margin-top: 0;
	}

	.about_ttl .en {
		font-size: 2.4rem;
	}

	.intro_staff {
		padding: 20px 0;
		font-size: 1.5rem;
		line-height: 1.6;
	}

	.intro_staff dt {
		margin-bottom: 5px;
	}

}




/*-------------------------------------------------------------
 キャスト
-------------------------------------------------------------*/
.cast_contents {
	margin-bottom: 30px;
}

.cast_contents_inner {
	background: rgba(255, 255, 255, 0.9);
	padding: 30px 0 60px;
}

h3.drama_ttl_sub {
	font-size: 3rem;
	font-weight: bold;
	color: #C1272D;
}

.cast_contents h3.drama_ttl_sub {
	padding: 0 0 0 30px;
}

.cast_part {
	display: flex;
	padding-top: 110px;
}

.cast_part .txt {
	margin-top: -30px;
}

.cast_list {
	padding: 30px 0 0;
}

.cast_list li {
	min-height: 360px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 60px;
}

.cast_list li:nth-child(even) {
	flex-direction: row-reverse;
}

.cast_list li:last-child {
	margin-bottom: 0;
}

.cast_list .img {
	width: 450px;
	height: 528px;
	position: relative;
	flex-shrink: 0;
}

.cast_list .js_bg_img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #eee;
	background-size: cover;
}


/* キャスト　テキストない場合 */
.cast_list .txt {
	padding: 0 40px;
	width: 100%;
}

/* .cast_list .txt {
	padding: 0 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
} */

.cast_list .txt>div {
	width: 100%;
}

.cast_list .txt .actor_info {
	margin: 20px 0 0;
	padding: 15px 25px;
	align-self: flex-end;
	background-color: rgba(255, 255, 255, 0.9);
}

.actor_info .name {
	color: #C1272D;
	font-size: 1.8rem;
	font-weight: 700;
}

.cast {
	margin-bottom: 30px;
}



@media screen and (min-width: 751px) {

	.cast_list .txt02 {
		padding: 30px 40px;
		padding-top: 80px;
	}
}

@media screen and (max-width: 750px) {
	.staff_list .txt {
		margin-top: -40px;
	}

	.staff_list .txt>div {
		width: 100%;
	}

	.cast_contents_inner {
		padding: 20px 0;
	}

	h3.drama_ttl_sub {
		font-size: 2rem;
	}

	.cast_contents h3.drama_ttl_sub {
		padding: 0 0 0 15px;
	}

	.cast_list {
		padding: 0;
		margin-top: 0;
	}

	.staff_list .txt {
		padding: 0;
		display: block;
		margin-top: -20px;
	}

	.cast_list li {
		padding: 15px;
		min-height: initial;
		display: block;
		margin-bottom: 10px;
	}

	.cast_part {
		display: block;
		padding-top: 50px;
	}

	.cast_list .img {
		width: 100%;
		height: 0;
		min-height: 0;
		padding-top: 117%;
		position: relative;
	}

	.cast_list .txt {
		padding: 0;
		display: block;
		margin-top: 20px;
	}

	.actor_info {
		margin-top: 15px;
		padding: 15px;
	}

}

a.text-link {
	text-decoration: underline;
}

a.text-link02 {
	text-decoration: underline;
	color: #C1272D
}

/*-------------------------------------------------------------
 あらすじ
-------------------------------------------------------------*/

.story_contents {
	background: #f0f9ff url("../images/story_bg_contents.png");
	background-size: cover;
	padding: 20px;
	margin-bottom: 30px;
	position: relative;
}

.story_item {
	padding: 25px 40px;
	background: rgba(255, 255, 255, 0.9);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.story_item:not(:first-child) {
	margin-top: 20px;
}

.story_item .txt {
	padding-right: 60px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.story_item .img {
	margin-top: 10px;
	width: 480px;
}

.pagenation {
	margin-top: 40px;
	color: #c31317;
	text-align: center;
	font-weight: 700;
}

.pagenation a {
	color: #c31317;
}

.pagenation b {
	color: #be7c03;
}

.story_data {
	margin-top: 40px;
}

.story_data .tab_nav {
	margin-bottom: 40px;
}

.story_data .toggle_ttl {
	display: none;
}

.story_data .toggle_txt .tab_contents_inner:not(:first-child) {
	display: none;
}

.story_data .table_data {
	table-layout: fixed;
	background: none;
}

.story_data .table_data th,
.story_data .table_data td {
	border: 1px solid #C1272D;
	background-color: rgba(255, 255, 255, .7);
}

.tab_content {
	display: none;
}

@media screen and (max-width: 750px) {
	.story_contents {
		padding: 15px;
	}

	.story_item {
		padding: 15px;
		display: block;
	}

	.story_item:not(:first-child) {
		margin-top: 10px;
	}

	.story_item .txt {
		padding-right: 0;
	}

	.story_item .img {
		margin-top: 15px;
		width: 100%;
	}

	.pagenation {
		margin-top: 20px;
	}

	.story_data {
		margin-top: 30px;
	}

	.story_data .toggle_ttl {
		margin-bottom: 20px;
		display: block;
	}

	.story_data .toggle_ttl p {
		padding: 10px 20px;
		background-color: #b41f87;
		color: #FFF;
		text-align: center;
	}

	.story_data .toggle_ttl [class*="icon_arrow"]:before {
		margin-right: 10px;
		font-size: 10px;
		vertical-align: 15%;
		transform: scale(.8);
		display: inline-block;
	}

	.story_data .toggle_ttl.js_show [class*="icon_arrow"]:before {
		transform: scale(.8) rotate(-180deg);
	}

	.story_data .toggle_txt {
		display: none;
	}

	.story_data .tab_nav {
		margin-bottom: 20px;
		border: none;
	}

	.story_data .tab_nav li {
		min-width: 14.8%;
	}

	.story_data .table_data {
		border-bottom: 1px solid #C1272D;
	}

	.story_data .table_data th,
	.story_data .table_data td {
		border-bottom: none;
	}




}



/*-------------------------------------------------------------
 相関図
-------------------------------------------------------------*/
.tab_nav {
	margin-bottom: 20px;
	border-bottom: 2px solid #C1272D;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.tab_nav li {
	min-width: 12%;
	min-height: 60px;
	margin-bottom: -2px;
	border: 2px solid #C1272D;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #C1272D;
	font-size: 2rem;
	font-weight: 700;
}

.tab_nav li:not(:first-child) {
	margin-left: -2px;
}

.tab_nav li.c_nav_on {
	background-color: #C1272D;
	color: #FFF;
}

.tab_contents_inner {
	display: none;
}

.tab_contents_inner.current {
	display: block;
}

@media screen and (max-width: 750px) {
	.tab_nav {
		margin-bottom: 10px;
	}

	.tab_nav li {
		min-height: 40px;
		padding: 0 5px;
		font-size: 1rem;
		font-weight: 700;
	}
}

@media screen and (max-width: 410px) {
	.intro_copy span {
		display: inline;
	}
}

/* プレゼントキャンペーン */
@media screen and (min-width: 751px) {

	.present_contents {
		border: 4px solid #DEB83A;
	}

	.drama_page_present {
		text-align: center;
	}

	.title_sub {
		font-size: 2rem;
	}

	.title_main {
		font-size: 3.5rem;
		color: #C1272D;
	}

	.drama_answer {
		display: flex;
		font-size: 1.8rem;
	}

	.drama_answer_txt {
		font-size: 2rem;
	}

	.drama_answer_txt:nth-child(2) {
		margin-left: 40px;
	}

	.tel {
		color: #C1272D;
	}

	.drama_present_people {
		color: #C1272D;
	}

	.drama_page_fit_contents .drama_present_content {
		font-size: 2.4rem;
	}

	.present_box {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 40px;
		grid-template-areas: "img content";
		align-items: center;
	}

	.present_box p {
		grid-area: content;
	}

	.present_box img {
		grid-area: img;
	}

	.drama_page_fit_contents .drama_present_deadline {
		color: #C1272D;
		font-size: 1.6rem;
	}
}

@media screen and (max-width: 750px) {

	.present_contents {
		border: 2px solid #DEB83A;
	}

	.drama_page_present {
		text-align: center;
	}

	.title_sub {
		font-size: 1.8rem;
	}

	.title_main {
		font-size: 2.8rem;
		color: #C1272D;
	}

	.drama_answer {
		display: block;
		font-size: 1.8rem;
	}

	.drama_answer:nth-child(1) {
		margin-left: 0;
	}

	.drama_answer_txt {
		font-size: 1.8rem;
	}

	.tel {
		color: #C1272D;
	}

	.drama_present_people {
		color: #C1272D;
	}

	.drama_page_fit_contents .drama_present_content {
		font-size: 1.8rem;
	}

	.drama_page_fit_contents .drama_present_deadline {
		color: #C1272D;
		font-size: 1.4rem;
	}

	.spBr {
		display: block;
	}
}

/* プレゼントキャンペーン */