/*
main
{
	font-family    : "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight    : 500;
}
*/

main
{
	padding-bottom : 0px;
	min-width      : 1100px;
	overflow       : hidden;
}

main a
{
	color          : #0088cc;
}


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


.btn_a
{
	display: block;
	position: relative;
	margin:0 auto;
	padding: 15px 0px;
	width:400px;
	color:#fff;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	line-height:1.0;
	text-decoration: none;
	background:#50874b;
	border:2px solid #50874b;
	border-radius: 100px;
}

.btn_a:hover
{
	color:#50874b;
	background:#fff;
}

.btn_a::after
{
    content: "";
    width: 8px;
    height: 8px;
    border-style: solid;
    border-width: 1.5px;
    border-color: transparent transparent #fff #fff;
    transform: rotate(-135deg);
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -5px;
}

.btn_a:hover::after
{
    border-color: transparent transparent #50874b #50874b;
}





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

  MAIN_VISUAL

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


#MAIN_VISUAL
{
	margin-top     : 65px;
	
	text-align     : center;

	background     : #171510;
}

#MAIN_VISUAL .onair
{
	padding        : 25px 0;
	
	background     : #fff;
}

#MAIN_VISUAL .onair dl
{
	margin         : 0 auto;
	
	display        : inline-block; 
}

#MAIN_VISUAL .onair dl dt
{
	float          : left;
	
	padding        : 10px 25px;
	
	color          : #fff;
	font-size      : 120%;
	font-weight    : bold;
	
	background     : #518c4d;
	
	display        : inline-block; 
}

#MAIN_VISUAL .onair dl dd
{
	float          : left;
	
	margin-top     : 6px;
	margin-left    : 15px;
	
	font-size      : 160%;
	font-weight    : bold;
	line-height    : 1.0;
	letter-spacing : 0.05em; 
	font-feature-settings: "palt";
}

#MAIN_VISUAL .onair dl dd strong
{
	font-size      : 140%;
}

#MAIN_VISUAL .onair p
{
	margin-top     : 10px;
	
	clear          : both;
}


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

/*
#MAIN_VISUAL .btn_box
{
	margin-top     : 30px;
}

#MAIN_VISUAL .btn_box a
{
	display: inline-block;
	
	padding:18px 80px;
	
	color:#333;
	font-size:110%;
	font-weight: bold;
	line-height:1.0;
	text-decoration: none;
	
	background     : #eae6e2;
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(234, 230, 226, 1) 5%);
	border:1px solid #ccc;
	border-radius:100px;
	box-shadow: 0 4px 0 0 #9b9086;
	
	position: relative;
}

#MAIN_VISUAL .btn_box a .flex_box
{
	display: flex;
	align-items:center;
}

#MAIN_VISUAL .btn_box a::after
{
	content:"";
	display: block;

	position: absolute;
	top:0;
	bottom:0;
	right:20px;
	
	margin: auto 0;

	width:8px;
	height:8px;
	
	border-top:2px solid #333;
	border-right:2px solid #333;

	transform: rotate(45deg);
}

#MAIN_VISUAL .btn_box a .text_small
{
	margin-left:10px;
	padding:3px 10px;

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

	background:#3e3c62;
}

#MAIN_VISUAL .btn_box a:hover
{
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(219, 211, 202, 1) 5%);
}
*/


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


.ex_link_section
{
	padding        : 40px 0 40px;
	
	background     : #262b2f;
}

.ex_link_section .inner
{
	margin         : 0 auto;
	
	width          : 1100px;
	
	text-align     : center;
}

.ex_link_section .btn_box
{
	margin-top     : 0px;
}

.ex_link_section .btn_box a
{
	display: inline-block;
	
	padding:25px 180px;
	
	color:#333;
	font-size:120%;
	font-weight: bold;
	line-height:1.0;
	text-decoration: none;
	
	background     : #eae6e2;
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(234, 230, 226, 1) 5%);
	border:1px solid #ccc;
	border-radius:100px;
	box-shadow: 0 4px 0 0 #77777c;
	
	position: relative;
}

.ex_link_section .btn_box a .flex_box
{
	display: flex;
	align-items:center;
}

.ex_link_section .btn_box a::after
{
	content:"";
	display: block;

	position: absolute;
	top:0;
	bottom:0;
	right:20px;
	
	margin: auto 0;

	width:8px;
	height:8px;
	
	border-top:2px solid #333;
	border-right:2px solid #333;

	transform: rotate(45deg);
}

.ex_link_section .btn_box a .text_small
{
	margin-left:10px;
	padding:3px 10px;

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

	background:#2c2771;
}

.ex_link_section .btn_box a:hover
{
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(210, 210, 210, 1) 5%);
}





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

  MOVIE

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

	
#MOVIE
{
	padding        : 50px 0 70px;
	
	background     : #e3dcb8;
}

#MOVIE .inner
{
	margin         : 0 auto;
	
	width          : 1100px;
	
	text-align     : center;
}

#MOVIE iframe
{
  border         : 10px solid #fff;
	
	box-shadow     : 0px 0px 10px -5px rgba(0,0,0,0.75);
}
	
#MOVIE .ex_text
{
	margin-bottom  : 50px;
	
	font-family    : "Noto Serif JP", serif;
	font-size      : 130%;
	font-weight    : 600;
	text-align     : center;
	line-height    : 2.6;
	letter-spacing : 0.05em;
}


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


#MOVIE .btn_box
{
	margin-top     : 50px;
}

#MOVIE .btn_box a
{
	display: inline-block;
	
	padding:18px 80px;
	
	color:#333;
	font-size:110%;
	font-weight: bold;
	line-height:1.0;
	text-decoration: none;
	
	background     : #eae6e2;
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(234, 230, 226, 1) 5%);
	border:1px solid #ccc;
	border-radius:100px;
	box-shadow: 0 4px 0 0 #796f66;
	
	position: relative;
}

#MOVIE .btn_box a .flex_box
{
	display: flex;
	align-items:center;
}

#MOVIE .btn_box a::after
{
	content:"";
	display: block;

	position: absolute;
	top:0;
	bottom:0;
	right:20px;
	
	margin: auto 0;

	width:8px;
	height:8px;
	
	border-top:2px solid #333;
	border-right:2px solid #333;

	transform: rotate(45deg);
}

#MOVIE .btn_box a .text_small
{
	margin-left:10px;
	padding:3px 10px;

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

	background:#3e3c62;
}

#MOVIE .btn_box a:hover
{
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(219, 211, 202, 1) 5%);
}

	



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

  ABOUT

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


#ABOUT .inner
{
	margin         : 0 auto;
	padding        : 60px 0 0;
	
	width          : 1100px;
	
	text-align     : center;
	
	position       : relative;
}

#ABOUT h4
{
	margin-bottom  : 60px;
	padding        : 0 40px 15px;
	
	font-size      : 150%;
	font-weight    : bold;
	
	border-bottom  : 3px solid #ff9900;
	
	display        : inline-block;
}

#ABOUT p
{
	margin-bottom  : 50px;
	
	font-size      : 100%;
	text-align     : left;
	line-height    : 2.0;
	letter-spacing : 0.05em;
}

#ABOUT .photo_box
{
	margin-bottom  : 30px;
	
	display        : flex;
	justify-content: space-between;
}

#ABOUT .photo_box img
{
	width          : 530px;
}


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


#ABOUT .btn_box
{
	margin-top     : 60px;
	margin-bottom  : 140px;
}





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

  PERSON

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


#PERSON
{
	margin-top     : 100px;
	
	background     : #a63225;
	
	box-shadow     : 0px 0px 16px -6px rgba(0,0,0,0.6) inset;
}

#PERSON .inner
{
	display        : flex;
	justify-content: space-between;
	align-items    : center;
	
	margin         : 0 auto;
	
	width          : 1100px;
	
	text-align     : center;
}

#PERSON .photo_box
{
	align-self     : flex-end;
	
	margin-top     : -30px;
	
	width          : 380px;
}

#PERSON .photo_box img
{
	width          : 100%;
}

#PERSON .text_box
{	
	padding        : 0px;
	
	width          : 680px;
	
	color          : #fff;
	text-align     : left;
	
	/*
	color          : #4f1e10;
	background     : #fff0d7;
	*/
}

#PERSON .text_box .person_name
{
	display        : inline-block;
	
	position       : relative;
	z-index        : 1;
	
	padding        : 5px 30px;
	
	color          : #4f1e10;
	font-size      : 120%;
	text-align     : left;
}

#PERSON .text_box .person_name::before
{
	content        : "";

	position       : absolute;
	top            : 0;
	bottom         : 0;
	left           : 0;
	right          : 0;

	z-index        : -1;

	background     : #fff;

	transform      : skewX(-20deg);
}

#PERSON .text_box .person_name strong
{
	font-size      : 120%;
	font-weight    : bold;
}

#PERSON .text_box .person_text
{
	margin-top     : 20px;
	
	text-align     : left;
	line-height    : 1.8;
}





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

  NARRATOR

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


#NARRATOR
{
	margin-top     : 60px;
}

#NARRATOR .inner
{
	margin         : 0 auto;
	
	width          : 1100px;
	
	text-align     : center;
}

#NARRATOR h4
{
	margin-bottom  : 60px;
	padding        : 0 40px 15px;
	
	font-size      : 150%;
	font-weight    : bold;
	
	border-bottom  : 3px solid #ff9900;
	
	display        : inline-block;
}

#NARRATOR .narrator_box
{
	display        : flex;
	justify-content: space-between;
	align-items    : center;
	
	padding        : 40px 40px;
	
	border         : 5px solid #eec;
}

#NARRATOR .text_box
{
	width          : 770px;
}

#NARRATOR .text_box p
{
	font-size      : 100%;
	text-align     : left;
	line-height    : 2.0;
	letter-spacing : 0.05em;
}

#NARRATOR .text_box p.text_name
{
	margin-bottom  : 20px;
}

#NARRATOR .text_box p.text_name strong
{
	font-size      : 130%;
	font-weight    : bold;
}

#NARRATOR .photo_box
{
	width          : 200px;
}

#NARRATOR .photo_box img
{
	width          : 100%;
	max-width      : 100%;
	height         : auto;
}





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

  

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


#EX_FOOTER
{
	margin-top     : 100px;
	padding        : 60px 0;

	background     : #52b5b0;
}

#EX_FOOTER .inner
{
	margin         : 0 auto;
	
	width          : 1100px;
	
	text-align     : center;
}

#EX_FOOTER .text_01
{
	margin-top     : -10px;

	color          : #fff;
	font-size      : 130%;
	font-weight    : bold;
	text-align     : center;
	line-height    : 2.0;
}

#EX_FOOTER .btn_box
{
	margin-top     : 40px;
}

#EX_FOOTER .btn_box a
{
	display: block;
	position: relative;
	margin:0 auto;
	padding: 15px 0px;
	width:400px;
	color:#52b5b0;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	line-height:1.0;
	text-decoration: none;
	background:#fff;
	border:2px solid #fff;
	border-radius: 100px;
}

#EX_FOOTER .btn_box a:hover
{
	color:#fff;
	background:#52b5b0;
}

/*
#EX_FOOTER .btn_box a::after
{
    content: "";
    width: 8px;
    height: 8px;
    border-style: solid;
    border-width: 1.5px;
    border-color: transparent transparent #52b5b0 #52b5b0;
    transform: rotate(-135deg);
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -5px;
}

#EX_FOOTER .btn_box a:hover::after
{
    border-color: transparent transparent #fff #fff;
}
*/


#EX_FOOTER .btn_box a::after
{
    content: '';
    display: inline-block;
    margin-left: 15px;
    width: 12px;
    height: 12px;
    background: url(/asset/img/common/ico_exlink_gry60.svg) center / contain no-repeat;
    transform: translateY(-1px);
}

#EX_FOOTER .btn_box a:hover::after
{
    background: url(/asset/img/common/ico_exlink_w.svg) center / contain no-repeat;
}