@charset "UTF-8";


:root
{
	--header       : 65px;
	--header2      : 100px;

	scroll-padding : var(--header2);

	scroll-behavior: smooth;
}


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


main
{
	min-width      : 1200px;
}

.content_area
{
	margin         : 0 auto;
	padding-bottom : 100px;

	background     : url(/asset/img/tainaka/back_01.jpg) top center repeat #e8e5d6;
}

.section_box
{
	width          : 1100px;
	margin         : 60px auto 0;
	padding        : 70px 60px;

	background     : #fff;
	box-shadow     : 1.5px 2.6px 3px 0px rgba(0, 0, 0, 0.25);
	border-radius  : 25px;

	box-sizing     : border-box;
}

.section_title
{
	margin-bottom  : 60px;

	/*color          : #61c1af;*/
	color          : #ff9f7d;
	font-size      : 260%;
	font-weight    : bold;
	text-align     : center;
	line-height    : 1.0;
}


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


.btn_b
{
	display        : inline-block;

	padding        : 20px 180px;

	color          : #fff;
	font-size      : 130%;
	font-weight    : bold;
	text-align     : center;
	line-height    : 1.0;
	text-decoration: none;

	background     : #ff6c00;
	border-radius  : 100px;

	position       : relative;
}

.btn_b:hover
{
	background     : #ffaa00;
}

.btn_b::before
{
	content        : '';

	border-style   : solid;
	border-width   : 8px 0 8px 8px;
	border-color   : transparent transparent transparent #fff;

	display        : inline-block;

	width          : 0;
	height         : 0;

	position       : absolute;
	top            : 50%;
	right          : 20px;

	transform      : translateY(-50%);
}





/*=========================================================================================================

　MAIN_VISUAL

=========================================================================================================*/



#MAIN_VISUAL
{
	margin-top     : 65px;
	padding        : 40px 0 0;

	background     : url(/asset/img/tainaka/mv_back.jpg) center center no-repeat #faf9f5;
	background-size: cover;
}

#MAIN_VISUAL .mv
{
	margin         : 0 auto;

	width          : 1100px;

	text-align     : center;

	box-shadow     : 10px 10px 16px -15px rgba(0, 0, 0, 0.86);

	position       : relative;
}

#MAIN_VISUAL .date
{
	margin-top     : 40px;
	/*padding        : 5px 0;*/

	background     : #fff;
}

/*
#MAIN_VISUAL .date .inner
{
	display        : flex;
	justify-content: center;
	align-items    : center;

	margin         : auto;

	width          : 1100px;
}

#MAIN_VISUAL .date .inner time
{
	font-size      : 150%;
	font-weight    : bold;
}

#MAIN_VISUAL .date .inner time .num
{
	font-family    : "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	font-size      : 110%;
}

#MAIN_VISUAL .date .inner time .num.color
{
	margin         : 0 3px;

	color          : #fc6666;
	font-size      : 180%;
}
*/

#MAIN_VISUAL .date .text_sub
{
	padding-bottom : 6px;

	text-align     : center;
}

#MAIN_VISUAL .date .text_sub2
{
	padding-bottom : 12px;

	font-size      : 120%;
	font-weight    : bold;
	text-align     : center;
}


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


#MAIN_VISUAL .date .inner
{
	margin         : auto;
	padding        : 20px 0 15px;

	width          : 1100px;

	text-align     : center;
}

#MAIN_VISUAL .date .onair_list
{
	display        : flex;
	justify-content: center;

	margin-bottom  : 15px;
}

#MAIN_VISUAL .date .onair_list ul
{
	display        : flex;
	flex-direction : column;
}

#MAIN_VISUAL .date .onair_list ul li
{
	display        : flex;
	align-items    : center;
}

#MAIN_VISUAL .date .onair_list ul li + li
{
	margin-top     : 15px;
}

#MAIN_VISUAL .date .onair_list ul li .timebox
{
	margin-right   : 15px;
	padding        : 8px 30px;

	color          : #fff;
	font-size      : 2rem;
	font-weight    : bold;
	line-height    : 1.0;

	background     : #61c1af;
}

#MAIN_VISUAL .date .onair_list ul li time
{
	font-size      : 150%;
	font-weight    : bold;
	line-height    : 1.0;
}

#MAIN_VISUAL .date .onair_list ul li time .num
{
	font-family    : "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	font-size      : 110%;
}

#MAIN_VISUAL .date .onair_list ul li time .num.color
{
	margin         : 0 3px;

	color          : #ff9f7d;
	font-size      : 180%;
}





/*=========================================================================================================

　ABOUT

=========================================================================================================*/



#ABOUT .about_text
{
	margin-top     : -10px;

	font-size      : 110%;
	line-height    : 2.0;
}

#ABOUT .about_photo
{
	display        : flex;
	flex-wrap      : wrap;
	justify-content: space-between;

	margin-top     : 40px;
}

#ABOUT .about_photo li
{
	width          : 480px;

	padding        : 6px;

	border         : 1px solid #ccc;
	box-sizing     : border-box;
	overflow       : hidden;
}

#ABOUT .about_photo li img
{
	width          : 100%;
}

#ABOUT .about_photo li:nth-child(n+3)
{
	margin-top     : 20px;
}

#ABOUT .about_photo p
{
	margin-top     : 3px;

	font-size      : 90%;
	text-align     : center;
}

#ABOUT .text_link
{
	margin-top     : 60px;
	padding        : 20px 25px;

	font-weight    : bold;
	line-height    : 1.8;

	background     : #eee;
}





/*=========================================================================================================

　TRAILER

=========================================================================================================*/



#TRAILER .movie_box,
#ARCHIVE .movie_box
{
	margin         : 0 150px;
}

#TRAILER .movie_box + .movie_box,
#ARCHIVE .movie_box + .movie_box
{
	margin-top     : 60px;
}

#TRAILER .movie_box .mb_inner,
#ARCHIVE .movie_box .mb_inner
{
	position       : relative;
	height         : 0;
	padding-bottom : 56.25%;
	overflow       : hidden;
}

#TRAILER .movie_box iframe,
#ARCHIVE .movie_box iframe
{
	position       : absolute;
	top            : 0;
	left           : 0;

	width          : 100%;
	height         : 100%;
}

#TRAILER .movie_box .movie_title,
#ARCHIVE .movie_box .movie_title
{
	margin-bottom  : 20px;
	padding        : 15px 10px;

	color          : #2c8411;
	font-size      : 100%;
	font-weight    : bold;
	text-align     : center;
	line-height    : 1.0;

	border-top     : 1px dotted #2c8411;
	border-bottom  : 1px dotted #2c8411;

}

#TRAILER .movie_box .movie_title,
#ARCHIVE .movie_box .movie_title
{
	margin-bottom:30px;
	padding:15px 10px;
	
	color:#fc6666;
	font-size:120%;
	font-weight: bold;
	text-align: center;
	line-height:1.0;
	
	border-top:2px dotted #fc6666;
	border-bottom:2px dotted #fc6666;
	
}





/*=========================================================================================================

　CAST

=========================================================================================================*/



#CAST .cast_list_c
{
	margin-top     : -20px;
}

#CAST .cast_list_c li
{
	display        : flex;
	justify-content: space-between;
	align-items    : center;

	margin         : 0 auto;

	width          : 780px;
}

#CAST .cast_list_c li + li
{
	margin-top     : 50px;
}

#CAST .cast_list_c li .photo_box
{
	width          : 200px;

	text-align     : center;
}

#CAST .cast_list_c li .photo_box img
{
	width          : 100%;

	border-radius  : 50%;
}

#CAST .cast_list_c li .text_box
{
	width          : 540px;
}

#CAST .cast_list_c li .text_box .cast_name
{
	color          : #61c1af;
	font-size      : 150%;
	font-weight    : bold;
	line-height    : 1.0;
}

#CAST .cast_list_c li .text_box .cast_name span
{
	font-size      : 80%;
}

#CAST .cast_list_c li .text_box .cast_text
{
	margin-top     : 20px;
}


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


#CAST * + .section_title
{
	margin-top     : 100px;
}





/*=========================================================================================================

　PRESENT

=========================================================================================================*/



#PRESENT
{
	
}

#PRESENT.section_box
{
	padding        : 60px 0 0;

	overflow       : hidden;
}

#PRESENT .present_box
{
	display        : flex;
	justify-content: space-between;
	flex-wrap      : wrap;

	padding        : 0px 60px 0;
}

#PRESENT .present_box .photo_box
{
	width          : 430px;
}

#PRESENT[data-type="pre"]  .present_box .photo_box
{
	width          : 410px;
}

#PRESENT .present_box .photo_box img
{
	width          : 100%;
}

#PRESENT .present_box .photo_box .text_note
{
	margin-top     : 5px;

	font-size      : 90%;
}

#PRESENT .present_box .text_box
{
	width          : 500px;
}

#PRESENT[data-type="pre"]  .present_box .text_box
{
	width          : 540px;
}

#PRESENT .present_box .text_box .text_head
{
	color          : #f60;
	font-size      : 160%;
	font-weight    : bold;
}

#PRESENT .present_box .text_box .text_main
{
	margin-top     : 15px;

	line-height    : 1.8;
}

#PRESENT .present_box .text_box .text_limit
{
	margin-top     : 30px;
	
	color          : #cf2908;
	font-size      : 130%;
	font-weight    : bold;
}

#PRESENT .present_box .text_box .text_limit .label
{
	margin-right   : 15px;
	padding        : 3px 40px;

	color          : #fff;
	font-size      : 90%;

	background     : #cf2908;
}

#PRESENT .present_box .text_box .text_note
{
	margin-top     : 40px;
}

#PRESENT .present_box .text_box .text_note li
{
	font-size      : 90%;

	text-indent    : -1em;
	padding-left   : 1em;
}

#PRESENT .present_box .text_box .text_note li + li
{
	margin-top     : 5px;
}

#PRESENT .present_box .ex_text_box
{
	margin-bottom  : 60px;
	padding        : 10px 0;

	width          : 100%;

	color          : #f00;
	font-size      : 120%;
	font-weight    : bold;
	text-align     : center;

	border         : 3px solid #f00;
}

#PRESENT .present_box .btn_box
{
	margin-top     : 60px;

	width          : 100%;

	text-align     : center;
}

#PRESENT .present_box .btn_box a
{
	display        : inline-block;
	
	padding        : 15px 100px;
	
	color          : #fff;
	font-size      : 120%;
	font-weight    : bold;
	line-height    : 1.0;
	text-decoration: none;
	
	background     : #000;
	border-radius  : 100px;

	transition     : all .3s;
}

#PRESENT .present_box .btn_box a:hover
{
	background     : #f90;
}


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


#PRESENT .app_box
{
	margin-top     : 60px;
	padding        : 25px 40px 35px;

	text-align     : center;

	background     : #4a884f;

	display        : flex;
	justify-content: center;
	flex-wrap      : wrap;
}

#PRESENT[data-type="pre"] .app_box
{
	margin-top     : 0px;
}

#PRESENT .app_box .app_text
{
	display        : flex;
	justify-content: center;
	align-items    : center;

	width          : 100%;

	color          : #fff;
	font-size      : 150%;
	font-weight    : bold;
}

#PRESENT .app_box .app_text::before
{
	content        : "";

	display        : inline-block;
	
	margin-right   : 0.6em;

	width          : 3px;
	height         : 1.1em;

	background     : #fff;

	transform      : rotate(-40deg);
}

#PRESENT .app_box .app_text::after
{
	content        : "";

	display        : inline-block;

	margin-left    : 0.4em;

	width          : 3px;
	height         : 1.1em;

	background     : #fff;

	transform      : rotate(40deg);
}

#PRESENT .app_box .app_btnbox
{
	display        : flex;

	justify-content: center;
	align-items    : center;

	margin-top     : 20px;
	padding        : 35px 0;

	width          : 660px;

	background     : #fff;
	border         : none;
}

#PRESENT .app_box .app_btnbox .btn_as
{
	display        : flex;
	align-items    : center;
	padding-right  : 35px;
	border-right   : 2px solid #d1d1d1;
}

#PRESENT .app_box .app_btnbox .btn_gp
{
	display        : flex;
	align-items    : center;
	margin-left    : 35px;
}

#PRESENT .app_box .app_btnbox a
{
	margin-right   : 30px;
}

#PRESENT .app_box .app_btnbox a:hover
{
	opacity        : 0.5;
}

#PRESENT .app_box .app_btnbox .icon
{
	width          : auto;
	height         : 50px;
}

#PRESENT .app_box .app_btn
{
	display        : flex;
	justify-content: center;
	align-items    : center;

	margin-top     : 20px;

	width          : 320px;

	background     : #ffeb68;
}

#PRESENT .app_box .app_btn a
{
	display        : block;

	position       : relative;

	padding        : 15px 50px;

	color          : #4a884f;
	font-size      : 110%;
	font-weight    : bold;
	text-align     : center;
	text-decoration: none;

	background     : #fff;
	border         : 2px solid #4a884f;
	border-radius  : 50px;

	transition     : all .3s;
}

#PRESENT .app_box .app_btn a::after
{
	content        : '';

	border         : 0;
	border-top     : solid 2px #4a884f;
	border-right   : solid 2px #4a884f;

	display        : inline-block;
	width          : 10px;
	height         : 10px;

	position       : absolute;
	top            : 50%;
	right          : 20px;
	
	transform      : translateY(-50%) rotate(45deg);

	transition     : all .3s;

}

#PRESENT .app_box .app_btn a:hover
{
	color          : #fff;

	background     : #4a884f;
}

#PRESENT .app_box .app_btn a:hover::after
{
	border-top     : solid 2px #fff;
	border-right   : solid 2px #fff;
}





/*=======================================================================================================*/



.paddent { display: block; }

br.compact { display: block; content: ""; margin-top: 20px; }
br.compact2{ display: block; content: ""; margin-top: 10px; }