@charset "UTF-8";


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

	scroll-padding : var(--header2);

	scroll-behavior: smooth;
}


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


main
{
	min-width      : 1200px;
	
	font-family    : 'Zen Maru Gothic', "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	color          : #333333;
	font-size      : 14pt;
	font-weight    : 500;
	line-height    : 1.8;
}

img { height: auto; }

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

/*	background     : url(/asset/img/okayama_dam/back_01.png) top center repeat #ace3df;*/
	background     : #fdefc7;
}

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

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

	box-sizing     : border-box;

	position       : relative;
}

.section_title
{
	margin-top     : -20px;
	margin-left    : -70px;
	margin-bottom  : 50px;

	width          : 280px;
}

.section_title img
{
	width          : 100%;
}

.page-top { z-index: 9999!important; }


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


.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        : 0px 0 0;

	background     : url(/asset/img/moudouken_setouchi/mv_back.png) center center repeat #3ac2e5;
	background     : #3ac2e5;
	/*background-size: cover;*/
}

#MAIN_VISUAL .mv
{
	margin         : 0 auto;

	width          : 100%;

	text-align     : center;

	position       : relative;
}

#MAIN_VISUAL .mv img
{
	width          : 100%;
	height         : auto;
}





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

　MENU

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



#MENU
{
	padding        : 25px 0;

	background     : #fff;
}

#MENU .nav_list
{
	display        : flex;
	justify-content: center;
	align-items    : center;

	margin         : auto;

	width          : 1100px;
}

#MENU .nav_list li
{

}

#MENU .nav_list li + li
{
	margin-left    : 50px;
}

#MENU .nav_list li a
{
	color          : #ad4339;
	font-size      : 130%;
	font-weight    : bold;
	line-height    : 1.0;
	text-decoration: none;
}

#MENU .nav_list li a:hover
{
	color          : #f7612f;
}





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

　ONAIR

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



#ONAIR
{
	background     : #2aa4a8;
}

#ONAIR .inner
{
	margin         : 0 auto;
	padding        : 90px 0 60px;

	width          : 1100px;

	position       : relative;
}

#ONAIR .title_bln
{
	position       : absolute;
	top            : 20px;
	left           : 0;
}

#ONAIR .onair_list
{
	margin         : 0 auto;

	width          : 980px;

	border-bottom  : 4px dotted #fff;
}

#ONAIR .onair_list li
{
	display        : flex;
	justify-content: center;
	align-items    : center;

	padding        : 15px 0;

	color          : #fff;
	text-align     : left;
	line-height    : 1.0;
	font-feature-settings: "palt";

	border-top     : 4px dotted #fff;
}

#ONAIR .onair_list li .onair_name
{
	margin-left    : 20px;

	min-width      : 160px;
}

#ONAIR .onair_list li .onair_date
{
	margin-left    : 40px;

	min-width      : 350px;
}

#ONAIR .onair_list li .onair_date .num
{
	margin         : 0 3px;

	font-size      : 150%;
}


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


#ONAIR2
{
	padding        : 60px 0;

	background     : url(/asset/img/moudouken_setouchi/onair2_back.png) center top repeat #2aa4a8;
}

#ONAIR2 .section_box
{
	margin         : 0 auto;
}

#ONAIR2 .onair_list
{
	margin         : 0 auto;

	width          : 980px;

	border-bottom  : 3px dotted #2aa4a8;
}

#ONAIR2 .onair_list li
{
	display        : flex;
	justify-content: center;
	align-items    : center;

	padding        : 15px 0;

	color          : #333;
	text-align     : left;
	line-height    : 1.0;
	font-feature-settings: "palt";

	border-top     : 3px dotted #2aa4a8;
}

#ONAIR2 .onair_list li .onair_name
{
	margin-left    : 20px;

	min-width      : 220px;

	/*color          : #ad4339;*/
	font-size      : 120%;
}

#ONAIR2 .onair_list li .onair_date
{
	margin-left    : 40px;

	min-width      : 350px;
}

#ONAIR2 .onair_list li .onair_date .num
{
	margin         : 0 3px;

	font-size      : 150%;
}

#ONAIR2 .onair_list li .subtext
{
	margin-top     : 15px;
	margin-bottom  : 10px;
	
	font-size      : 80%;
}





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

　ABOUT

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



#ABOUT .section_box
{
	padding-bottom : 140px;

	background     : url(/asset/img/moudouken_setouchi/about_illust_02.png) center bottom no-repeat #fff;
}

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

	color          : #683a1b;
	font-size      : 110%;
	line-height    : 2.4;
}

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

	margin-top     : 50px;
}

#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_illust_01
{
	position       : absolute;
	top            : -10px;
	right          : 30px;

	width          : 95px;
}





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

　TRAILER

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



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

#TRAILER .movie_box + .movie_box
{
	margin-top     : 50px;
}

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

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

	width          : 100%;
	height         : 100%;
}





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

　REPORT

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



/*#REPORT .report_box
{

}*/

/*#REPORT .report_box[data-type="teleco_pc"]
{
	display        : flex;
	flex-direction : column-reverse;
}*/

#REPORT .report_box + .report_box
{
	margin-top     : 60px;
	padding-top    : 60px;

	border-top     : 4px dotted #2aa4a8;
}

#REPORT .report_box .text_box
{
	margin-top     : -5px;
	margin-bottom  : -5px;

	font-size      : 100%;
}

#REPORT .report_box * + .text_box
{
	margin-top     : 40px;
}

#REPORT .report_box .photo_box
{
	display        : flex;
	flex-wrap      : wrap;
	justify-content: space-between;
}

#REPORT .report_box .photo_box .photo_frame
{
	width          : 480px;

	padding        : 6px;

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

#REPORT .report_box .photo_box .photo_frame img
{
	width          : 100%;
}

#REPORT .report_box .photo_box .photo_frame p
{
	margin-top     : 4px;

	font-size      : 80%;
	text-align     : center;
	line-height    : 1.5;
}

#REPORT .report_box .photo_box .photo_frame:nth-child(n+3)
{
	margin-top     : 20px;
}

#REPORT .report_box * + .photo_box
{
	margin-top     : 40px;
}


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


#REPORT .report_box * + .slide_box
{
	margin-top     : 60px;
}

#REPORT .report_box .slide_box .slider
{
	display        : flex;
	justify-content: center;
	align-items    : center;
	
	margin         : 0 auto;
	margin-top     : 0;
	padding        : 40px 90px 80px;
	
	width          : 100%;

	position       : relative;
	
	background     : #f2f2eb;
}

#REPORT .report_box .slide_box .slider .slick-list
{
	margin         : 0 auto!important;
	
	width          : 640px!important;
}

#REPORT .report_box .slide_box .slider .slick-slide .photo_frame
{
	width          : 640px;

	padding        : 6px;

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

#REPORT .report_box .slide_box .slider .slick-slide li img
{
	width          : 100%;
}

#REPORT .report_box .slide_box .slider .slick-slide li p
{
	margin-top     : 4px;

	font-size      : 90%;
	text-align     : center;
	line-height    : 1.5;
}

#REPORT .report_box .slide_box .slider .slide-arrow
{
	display        : block;
	
	margin         : 0 20px;
	
	width          : 20px;
	
	z-index        : 10;
}

#REPORT .report_box .slide_box .slider .slick-dots
{
	bottom         : 40px!important;
}





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

　CAST

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



#CAST .cast_box
{
	padding        : 40px 40px 40px;
	
	display        : flex;
	justify-content: space-between;
	align-items    : center;

	border-radius  : 10px;
}

#CAST .cast_box + .cast_box
{
	margin-top     : 60px;
}

#CAST .cast_box[data-type="type_01"]
{
	background     : #9ddbf0;
}

#CAST .cast_box[data-type="type_02"]
{
	background     : #a2e0d8;
	
	flex-direction : row-reverse;
}

#CAST .cast_box .photo_box
{
	width          : 260px;
}

#CAST .cast_box .photo_box img
{
	width          : 100%;

	border-radius  : 100%;
}

#CAST .cast_box .text_box
{
	width          : 600px;

	color          : #1a1a1a;
	font-size      : 90%;
}

#CAST .cast_box .text_box .cast_name
{
	padding-bottom : 30px;
	
	font-size      : 100%;
	line-height    : 1.0;
	
	border-bottom  : 2px dotted #1a1a1a;
}

#CAST .cast_box .text_box .cast_name strong
{
	font-size      : 150%;
}

#CAST .cast_box .text_box .cast_text
{
	margin-top     : 20px;
	
	font-size      : 100%;
}


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


#CAST .cast_box_b
{
	margin-top     : 60px;
	padding        : 40px;

	border         : 3px dotted #2aa4a8;
	
	display        : flex;
	justify-content: space-between;
	align-items    : center;
}

#CAST .cast_box_b .photo_box
{
	width          : 200px;

	text-align     : center;

	display        : flex;
	align-items    : center;
}

#CAST .cast_box_b .photo_box img
{
	width          : 100%;
}

#CAST .cast_box_b .text_box
{
	width          : 660px;

	font-size      : 90%;
}

#CAST .cast_box_b .text_box .cast_name
{
	/*margin-top     : 5px;*/

	font-size      : 100%;
	font-weight    : bold;
	line-height    : 1.0;
}

#CAST .cast_box_b .text_box .cast_name strong
{
	font-size      : 150%;
}

#CAST .cast_box_b .text_box .cast_name .s_text_02
{
	font-size      : 100%;
}

#CAST .cast_box_b .text_box .cast_text
{
	margin-top     : 25px;
	
	font-size      : 100%;
}





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

　SONG

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



#SONG
{
	margin-top     : 60px;
	padding        : 60px 0;

	background     : url(/asset/img/moudouken_setouchi/song_back.jpg) center center no-repeat #81ced0;
	background-size: cover;
	background-attachment: fixed;
}

#SONG .section_box
{
	margin         : 0 auto;
}


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


#SONG .title_box
{
	margin-top     : -80px;

	text-align     : center;
}

#SONG .title_box .text_title_01
{
	font-size      : 110%;
	font-weight    : bold;
	line-height    : 1.0;
}

#SONG .title_box .text_title_02
{
	margin-top     : 25px;

	font-size      : 250%;
	font-weight    : bold;
	line-height    : 1.0;
}


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

/*
#SONG .movie_box
{
	width          : 640px;
}

#SONG .movie_box .movie
{
  position       : relative;
}

#SONG .movie_box .movie a:before
{
  content        : '';
  display        : inline-block;
  
  width          : 640px;
  height         : 360px;
  
  background     : url(/asset/img/moudouken_setouchi/play.png);
  background-size: contain;
  
  position       : absolute;
}

#SONG .movie_box .movie a:hover
{
  opacity        : 0.7;
}
*/


#SONG .movie_box
{
	margin         : 0 150px;
	margin-top     : 50px;

	border         : 10px solid #ebe9e6;
}

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

#SONG .movie_box iframe
{
	position       : absolute;
	top            : 0;
	left           : 0;

	width          : 100%;
	height         : 100%;
}


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

/*
#SONG .artist_box
{
	margin-top     : 60px;
	padding        : 40px;
	
	display        : flex;
	justify-content: space-between;
	align-items    : center;

	background     : #cce8d5;
	background     : #d3ebe3;
}

#SONG .artist_box .text_box
{
	font-size      : 90%;
}

#SONG .artist_box .text_box .artist_name
{
	font-size      : 100%;
	font-weight    : bold;
	line-height    : 1.0;
}

#SONG .artist_box .text_box .artist_name strong
{
	font-size      : 150%;
}

#SONG .artist_box .text_box .artist_name .s_text_02
{
	font-size      : 100%;
}

#SONG .artist_box .text_box .artist_text
{
	margin-top     : 30px;
	
	font-size      : 100%;
}
*/

#SONG .artist_box[data-type="type_02"]
{
	margin-top     : 60px;
	padding        : 30px;
	
	display        : flex;
	justify-content: space-between;
	align-items    : center;

	/*background     : #cce8d5;*/
	background     : #d3ebe3;
}

#SONG .artist_box[data-type="type_02"] .text_box
{
	font-size      : 80%;
}

#SONG .artist_box[data-type="type_02"] .text_box .artist_name
{
	font-size      : 100%;
	font-weight    : bold;
	line-height    : 1.0;
}

#SONG .artist_box[data-type="type_02"] .text_box .artist_name strong
{
	font-size      : 150%;
}

#SONG .artist_box[data-type="type_02"] .text_box .artist_name .s_text_02
{
	font-size      : 100%;
}

#SONG .artist_box[data-type="type_02"] .text_box .artist_text
{
	margin-top     : 20px;
	
	font-size      : 100%;
}


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


#SONG .btn_box
{
	margin-top     : 60px;

	text-align     : center;
}

#SONG .btn_box a
{
	font-size      : 110%;
}





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

　PROGRAM

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



#PROGRAM
{
	padding        : 60px 0;

	background     : url(/asset/img/moudouken_setouchi/program_back.png) center top repeat #38a395;
}

#PROGRAM .section_box
{
	margin         : 0 auto;
}


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


#PROGRAM .program_box
{
	display        : flex;
	justify-content: space-between;
}

#PROGRAM .program_box .text_box
{
	padding        : 40px 40px 35px;

	width          : 540px;
	
	background     : #faf8de;
	
	display        : flex;
	flex-direction : column;
}

#PROGRAM .program_box .text_box .text_title
{
	margin-top     : 15px;
	
	color          : #07a494;
	font-size      : 250%;
	font-weight    : bold;
	line-height    : 1.0;
}

#PROGRAM .program_box .text_box .text_subtitle
{
	font-size      : 100%;
	font-weight    : bold;
	line-height    : 1.0;
}

#PROGRAM .program_box .text_box .text_onair
{
	margin-top     : 30px;
	
	font-size      : 120%;
	font-weight    : bold;
	line-height    : 1.0;
}

#PROGRAM .program_box .text_box .text_onair .num
{
	margin         : 0 3px;

	font-size      : 120%;
}

#PROGRAM .program_box .text_box .btn_box
{
	margin-top     : auto;

	text-align     : center;
}

#PROGRAM .program_box .text_box .btn_box a
{
	display        : block;
	
	margin         : 0 auto;
	padding        : 15px 0;
	
	width          : 400px;
	
	color          : #07a494;
	line-height    : 1.0;
	text-decoration: none;

	background     : #fff;
	border-radius  : 100px;
}

#PROGRAM .program_box .text_box .btn_box a:hover
{
	color          : #ff9900;
}

#PROGRAM .program_box img
{
	width          : 440px;
}

#PROGRAM .program_text
{
	margin-top     : 40px;
}





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

　MOUDOUKEN

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



#MOUDOUKEN
{
	
}

#MOUDOUKEN .top_text_box
{
	display        : flex;
	justify-content: space-between;
}

#MOUDOUKEN .top_text_box p
{
	width          : 740px;
}

#MOUDOUKEN .top_text_box img
{
	margin-top     : -120px;
	margin-right   : 20px;

	width          : 180px;
}

#MOUDOUKEN .midashi_h3
{
	margin-top     : 50px;
	padding        : 20px 0;

	color          : #2aa4a8;
	font-size      : 160%;
	font-weight    : bold;
	text-align     : center;
	line-height    : 1.0;
	
	border-top     : 4px dotted #2aa4a8;
	border-bottom  : 4px dotted #2aa4a8;
}


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


#MOUDOUKEN .moudouken_box
{
	margin-top     : 50px;
	padding        : 0 20px;
	padding-bottom : 60px;

	border-bottom  : 4px dotted #2aa4a8;
}

#MOUDOUKEN .moudouken_box .midashi_h4
{
	color          : #2aa4a8;
	font-size      : 130%;
	font-weight    : bold;
	text-align     : left;
	line-height    : 1.0;

	padding        : 20px 0 20px 20px;
	border-left    : 5px solid #2aa4a8;
}

#MOUDOUKEN .moudouken_box .midashi_h4 .s_text_02
{
	color          : #333333;
	font-size      : 60%;
	font-weight    : normal;
}

#MOUDOUKEN .moudouken_box .text_01
{
	margin-top     : -5px;
	margin-bottom  : -5px;

	font-size      : 100%;
}

#MOUDOUKEN .moudouken_box .text_01 .s_text_02
{
	font-size      : 75%;
}

#MOUDOUKEN .moudouken_box .image_box
{
	display        : flex;
	flex-direction : column;

	padding        : 0 15px 15px 15px;

	text-align     : center;

	border         : 1px solid #2aa4a8;

	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	     -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
}

#MOUDOUKEN .moudouken_box .image_box img
{
	margin         : 0 auto;

	width          : 100%;
}

#MOUDOUKEN .moudouken_box .image_box img[data-size="size_420"]
{
	width          : 420px;
}

#MOUDOUKEN .moudouken_box .image_box p
{
	margin-top     : auto;

	color          : #2aa4a8;
	font-size      : 90%;
	text-align     : center;
	line-height    : 1.4;
}

#MOUDOUKEN .moudouken_box .flex_box
{
	display        : flex;
	justify-content: space-between;
}

#MOUDOUKEN .moudouken_box .flex_box .text_01
{
	width          : 450px;
}

#MOUDOUKEN .moudouken_box .flex_box .image_box
{
	width          : 450px;
}

#MOUDOUKEN .moudouken_box .text_note
{
	margin-top     : 60px;
	padding        : 20px 30px;

	font-size      : 80%;

	background     : #ebe9e6;
}


#MOUDOUKEN .moudouken_box * + .text_01
{
	margin-top     : 55px;
}

#MOUDOUKEN .moudouken_box * + .image_box,
#MOUDOUKEN .moudouken_box * + .flex_box
{
	margin-top     : 60px;
}

#MOUDOUKEN .moudouken_box .text_01 + .text_01
{
	margin-top     : 35px;
}

#MOUDOUKEN .moudouken_box .midashi_h4 + .text_01
{
	margin-top     : 45px;
}

#MOUDOUKEN .moudouken_box .text_01 + .image_box,
#MOUDOUKEN .moudouken_box .text_01 + .flex_box
{
	margin-top     : 40px;
}

#MOUDOUKEN .moudouken_box .flex_box .text_01,
#MOUDOUKEN .moudouken_box .flex_box .image_box
{
	margin-top     : 0;
}


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


#MOUDOUKEN .btm_text_box
{
	margin-top     : 50px;
}

#MOUDOUKEN .btm_text_box p
{
	text-align     : left;
}





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

　SUPPORTER

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



#SUPPORTER .supporter_list
{
	display        : flex;
	flex-wrap      : wrap;
}

#SUPPORTER .supporter_list li
{
	margin-right   : 40px;

	width          : 300px;
	
	border         : 1px solid #ccc;

	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	     -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
}

#SUPPORTER .supporter_list li:nth-child(3n)
{
	margin-right   : 0px;
}

#SUPPORTER .supporter_list li:nth-child(n+4)
{
	margin-top     : 40px;
}

#SUPPORTER .supporter_list li img
{
	width          : 100%;
	height         : auto;
}

#SUPPORTER .supporter_list li a:hover
{
	opacity        : 0.5;
}






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



#footer_ovbnr
{
	position       : relative;

	width          : 100%;
}

#footer_ovbnr .bnr_box
{
	display        : none;
	
	position       : fixed;
	bottom         : 0;
	z-index        : 999;

	padding        : 5px 0;
	width          : 100%;

	background     : rgba(255, 255, 255, 0.75);
}

#footer_ovbnr .bnr_img
{
	text-align     : center;
}

#footer_ovbnr .bnr_img img
{
	max-height     : 80px;
}



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



.paddent { display: block; }

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