@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/okayama_dam/back_01.png) top center repeat #ace3df;*/
	background     : #ace3df;
}

.section_box
{
	width          : 1100px;
	margin         : 60px auto 0;
	padding        : 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          : #2c8411;
	font-size      : 280%;
	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/okayama_dam/mv_back.jpg) center center no-repeat #12509c;
	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          : #2c8411;
	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;
}





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

　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 .text_link
{
	margin-top     : 60px;
	padding        : 20px 25px;

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

	background     : #eee;
}





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



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



#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%;
}

#TRAILER .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;

}





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

　CAST

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


/*
#CAST .cast_list
{
	display        : flex;
	justify-content: space-between;
}

#CAST .cast_list li
{
	padding        : 35px 35px 30px;

	width          : 390px;

	border         : 3px double #2c8411;
}

#CAST .cast_list li .photo_box
{
	text-align     : center;
}

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

#CAST .cast_list li .text_box
{
	margin-top     : 25px;
}

#CAST .cast_list li .text_box .cast_name
{
	font-size      : 100%;
	font-weight    : bold;
	line-height    : 1.0;
}

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

#CAST .cast_list li .text_box .cast_text
{
	margin-top     : 15px;

	font-size      : 100%;
	line-height    : 1.8;
}
*/

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


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

	border         : 3px double #2c8411;

	display        : flex;
	justify-content: space-between;
	align-items    : center;
}

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

	text-align     : center;
}

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

	border-radius  : 50%;
}

#CAST .cast_box_b .text_box
{
	width          : 690px;
}

#CAST .cast_box_b .text_box .cast_name
{
	font-size      : 100%;
	font-weight    : bold;
	line-height    : 1.0;
}

#CAST .cast_box_b .text_box .cast_nameb
{
	margin-bottom  : 10px;

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

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

#CAST .cast_box_b .text_box .cast_text
{
	margin-top     : 15px;

	font-size      : 100%;
	line-height    : 1.8;
}


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

/*
#CAST .cast_list_c
{
	display        : flex;
	justify-content: center;

	margin-top     : 60px;
}

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

	padding        : 30px;

	width          : 400px;

	border         : 3px double #2c8411;
}

#CAST .cast_list_c li + li
{
	margin-left    : 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          : 175px;
}

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

#CAST .cast_list_c li .text_box .cast_nameb
{
	margin-bottom  : 10px;

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

#CAST .cast_list_c li .text_box .cast_namec
{
	margin-top     : 10px;

	font-size      : 85%;
	line-height    : 1.0;
}
*/




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




.stamp_box
{
	margin         : 60px auto 0;
	padding        : 50px 60px 120px;
	
	width          : 1100px;


	box-sizing     : border-box;

	display        : flex;
	justify-content: space-between;
	align-items    : center;

	background     : url("/asset/img/okayama_dam/stamp_town.png") center bottom repeat-x #fff;
	background-size: 450px;
	box-shadow     : 1.5px 2.6px 3px 0px rgba(0, 0, 0, 0.25);
	border-radius  : 25px;
}

.stamp_box .stamp_logo
{
	width          : 340px;
}

.stamp_box .stamp_logo img
{
	width          : 100%;
}

.stamp_box .stamp_text
{
	width          : 600px;

	font-size      : 110%;
	font-weight    : bold;
	text-align     : left;
	line-height    : 2.0;
}



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



.paddent { display: block; }

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