@charset "UTF-8";


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

	scroll-padding : var(--header2);

	scroll-behavior: smooth;
}

img
{
	height         : auto;
}


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


main
{
	min-width      : 1200px;
	
	font-family    : 'Noto Sans JP', "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", arial, "Lucida Sans", "メイリオ", Meiryo, "Osaka", sans-serif;
	color          : #331b00;
	
	background     : #fff;
}

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

	background     : #fff;
	border-radius  : 25px;
	box-sizing     : border-box;
}

.text_h2
{
	margin-bottom  : 70px;

	font-family    : "Noto Serif JP", serif;
	color          : #ee3508;
	font-size      : 200%;
	font-weight    : 700;
	text-align     : center;
	line-height    : 1.0;
}

.text_h2 > span
{
	display        : inline-block;
	
	padding        : 4px;

	background-image: linear-gradient(0deg, #e5ce70, #705621 49%, #ecdfbc 50%, #ccaa46);
	box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}

.text_h2 > span > span
{
	display        : block;

	padding        : 20px 100px;

	background-image: linear-gradient(0deg, #eff1f7, #ffffff 50%, #eff1f7);
	box-shadow: rgba(89, 50, 7, 0.40) 0px 1px 1px 0px inset;
}




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

  MAIN_VISUAL

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



#MAIN_VISUAL
{
	position       : relative;

	margin-top     : 65px;
	padding        : 40px 0;
	
	text-align     : center;
	/*
	background     : url(/asset/img/nakanohito/mv_back.jpg) no-repeat center center;
	background-size: cover;
	*/
	background     : #593207;
	background     : #442103;
	background     : url(/asset/img/nakanohito/mv_back.jpg) repeat center center #593207;
	
}

#MAIN_VISUAL .mv
{
      width: 1100px;
      margin: auto;
      text-align: center;
      box-shadow: 10px 10px 16px -15px rgba(0, 0, 0, 0.86);
      position: relative;
}

#MAIN_VISUAL .mv img
{
	margin         : 0 auto;
}

#MAIN_VISUAL .ex_text_box
{
	position       : absolute;
	top            : 40px;
	left           : 40px;
	
	font-family    : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", arial, "Lucida Sans", "メイリオ", Meiryo, "Osaka", sans-serif; 
	font-size      : 110%;
	font-weight    : bold;
	line-height    : 1.0;
	
	text-shadow:
            2px 2px 2px #fff, -2px -2px 2px #fff,
           -2px 2px 2px #fff,  2px -2px 2px #fff,
            2px 0px 2px #fff, -2px -0px 2px #fff,
            0px 2px 2px #fff,  0px -2px 2px #fff;
}

#MAIN_VISUAL .onair_box
{
	position       : absolute;
	top            : 40px;
	right          : 0px;
}

#MAIN_VISUAL .onair_box .inbox
{
	position       : relative;
	
	display        : flex;
	align-items    : center;
	
	padding        : 0px 20px;
	
	height         : 50px;
	
	background     : #fff;
}

#MAIN_VISUAL .onair_box .inbox::before
{
  content        : '';
	
	position       : absolute;
	top            : 0px;
	left           : -20px;
	
  width          : 0;
  height         : 0;
	
  border-width   : 0 20px 50px 0;
  border-style   : solid;
  border-color   : transparent #fff transparent transparent;
}

#MAIN_VISUAL .onair_box p
{
	font-weight    : 500;
	line-height    : 1.0;
	transform      : rotate(0.03deg);
}

#MAIN_VISUAL .onair_box p strong
{
	color          : #ff00aa;
	font-size      : 150%;
	font-weight    : 700;
}


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


.onair_area
{
	padding        : 25px 0;

	background     : #fff;
}

.onair_area .inner
{
	margin         : 0 auto;

	width          : 1100px;

	text-align     : center;
}

.onair_area .inner time
{
	font-family    : "Noto Serif JP", serif;
	font-size      : 180%;
	font-weight    : 700;
	text-align     : center;
	line-height    : 1.0;
}

.onair_area .inner time .num
{
	margin         : 0 5px;

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

.onair_area .text_sub{ margin-top:15px; text-align:center; font-size: 90%; }
.onair_area .text_sub2{ text-align:center; font-size:120%; font-weight:bold; }






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

  ABOUT

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



#ABOUT
{
	padding        : 80px 0;
	
	background     : #e6d89f;
	box-shadow     : 0px 10px 5px -10px rgba(0,0,0,0.5) inset;
}

#ABOUT .inner
{
	margin         : 0 auto;

	/*width          : 1100px;*/

	text-align     : center;
}

#ABOUT p
{
	margin-top     : -0.8em;
	/*margin-top     : calc( ( 2.6em - 1.0em ) / 2 * -1 );*/

	font-family    : "Noto Serif JP", serif;
	font-size      : 150%;
	font-weight    : 400;
	text-align     : center;
	line-height    : 2.6;
	letter-spacing : 0.05em;
}

#ABOUT .btn_box
{
	margin-top     : 45px;
}

#ABOUT .btn_box a
{
	display        : inline-block;

	padding        : 25px 100px;

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

	background     : #583106;
	border-radius  : 100px;
	
	transition     : all 0.15s;
}

#ABOUT .btn_box a:hover
{
	background     : #d47a13;
}




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



.content_area
{
	padding        : 80px 0;

	/*background     : #e5b92b;*/
	background     : #b99f3f;
}

.content_area > * + *
{
	margin-top     : 80px;
}





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

  NEXT

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



#NEXT
{

}

#NEXT .next_box
{

}

#NEXT .next_box .photo_box
{

}

#NEXT .next_box .movie_box
{

}

#NEXT .next_box .movie_box .inbox
{

}

#NEXT .next_box .movie_box .inbox iframe
{
	display        : block;

	margin         : 0 auto;
	padding        : 0;

	width          : 800px;
	height         : 450px;
}

#NEXT .next_box .next_title
{
	margin-top     : 40px;

	font-size      : 120%;
}

#NEXT .next_box .next_text
{
	margin-top     : 10px;

	text-align     : left;
	line-height    : 1.8;
}

#NEXT .next_box .onair_box
{
	margin-top     : 50px;
	padding        : 30px;
	
	background     : #f5f2ea;
}

#NEXT .next_box .onair_box .onair_01
{
	font-size      : 130%;
	font-weight    : 700;
	text-align     : left;
	line-height    : 1.0;
}

#NEXT .next_box .onair_box .onair_02
{
	margin-top     : 10px;
	
	display        : flex;
	flex-wrap      : wrap;
	justify-content: space-between;
}

#NEXT .next_box .onair_box .onair_02 dt
{
	margin-top     : 15px;
	padding        : 5px 0;
	
	width          : 110px;
	
	color          : #fff;
	font-size      : 100%;
	font-weight    : 500;
	text-align     : center;
	line-height    : 1.0;
	
	background     : #ee3508;
}

#NEXT .next_box .onair_box .onair_02 dd
{
	margin-top     : 15px;
	padding        : 5px 0;
	
	width          : 795px;
	
	font-size      : 100%;
	font-weight    : 500;
	line-height    : 1.0;
}





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

　PRESENT

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



#PRESENT
{
	
}

#PRESENT .section_box
{
	padding        : 70px 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          : 420px;
}

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

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

	font-size      : 90%;
	text-align     : right;
	font-feature-settings: "palt";
}

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

#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 .ex_text_box
{
	margin-bottom  : 70px;
	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 .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;
}





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

  ARCHIVE

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



#ARCHIVE
{
	
}

#ARCHIVE .archive_list
{
	display        : flex;
	flex-wrap      : wrap;
	gap            : 40px 40px;
}

#ARCHIVE .archive_list li
{
	display        : flex;

	width          : 470px;

	border         : 1px solid #ccc;

	box-sizing     : border-box;
}

#ARCHIVE .archive_list li a
{
	display        : flex;
	justify-content: space-between;

	padding        : 20px;

	width          : 100%;

	color          : #331b00;
	text-decoration: none;
}

#ARCHIVE .archive_list li a:hover
{
	background     : rgb(255, 247, 195);
}

#ARCHIVE .archive_list .photo_box
{
	width          : 160px;
}

#ARCHIVE .archive_list .photo_box img
{
	width          : 100%;
}

#ARCHIVE .archive_list .text_box
{
	width          : 250px;
}

#ARCHIVE .archive_list .text_box .arc_title
{
	font-size      : 100%;
	font-weight    : bold;
}

#ARCHIVE .archive_list .text_box .arc_onair
{
	margin-top     : 10px;

	color          : #ccc;
	font-size      : 90%;
}





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

	


.footer_btn_box
{
	margin-top     : 80px;

	text-align     : center;
}

.footer_btn_box a
{
	display        : inline-block;

	padding        : 25px 200px;

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

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

	transition     : all 0.15s;
}

.footer_btn_box a:hover
{
	color          : #331b00;
	background     : #fff;
}










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