@charset "UTF-8";


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

	scroll-padding : var(--header2);

	scroll-behavior: smooth;
}

img
{
	height         : auto;
}


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


main
{
	min-width      : 1200px;

	font-size      : 1.8rem;
}

.content_area
{
	margin         : 0 auto;

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

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

	background     : #fff;
	box-shadow     : rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	border-radius  : 25px;

	box-sizing     : border-box;
}

.section_title
{
	margin-bottom  : 60px;

	font-family    : "Zen Old Mincho", serif;
	/*font-family: "WDXL Lubrifont JP N", sans-serif;*/
	color          : #de1f0d;
	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        : 0px 0 0;

	background     : url(/asset/img/rakugo/back_02.jpg) center center repeat #c1a144;
}

#MAIN_VISUAL .mv
{
	margin         : 0 auto;

	width          : 1100px;

	text-align     : center;

	position       : relative;
}





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

　ABOUT

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



#ABOUT.section_box
{
	padding-bottom : 0;
}


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



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

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

#ABOUT .about_text strong
{
	display        : block;

	margin-bottom  : 20px;

	font-family    : "Zen Old Mincho", serif;
	color          : #de1f0d;
	font-size      : 140%;
	font-weight    : bold;
	text-align     : left;
	line-height    : 1.8;
}


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


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

#ABOUT .btn_box a
{
	display        : flex;
	justify-content: center;
	align-items    : center;
	
	margin         : 0 auto;
	padding        : 20px 0px;

	width          : 600px;

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

	background     : #d3311b;
}

#ABOUT .btn_box a::after
{
	content        : '';

	display        : block;

	margin-left    : 10px;

	width          : 0;
	height         : 0;

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

#ABOUT .btn_box a:hover
{
	background     : #009aa5;
}


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


#ABOUT .shisho_box
{
	display        : flex;
	justify-content: center;
	align-items    : center;

	margin-top     : 60px;
}

#ABOUT .shisho_box .text_box
{
	position       : relative;
	display        : inline-block;

	margin-bottom  : 140px;
	margin-bottom  : 80px;
	padding        : 30px 50px;

	font-family    : "Zen Old Mincho", serif;
	font-size      : 130%;
	text-align     : left;
	line-height    : 2.0;

	background     : #fcf8be;
	border-radius  : 1000px;
}
/*
#ABOUT .shisho_box .text_box::after
{
	content: "";

	position: absolute;
	bottom: 0;
	left: 25%;

	border-style: solid;
	border-width: 20px 20px 0 0;
	border-color: #fcf8be transparent transparent;

	translate: calc(-50% - 0.4px) 100%;
	transform: skew(-25deg);
	transform-origin: top;
}
*/
/*
#ABOUT .shisho_box .text_box::after
{
	content: "";

	position: absolute;
	top: 50%;
	left: 0;

	border-style: solid;
	border-width: 10px 20px 10px 0;
	border-color: transparent #fcf8be transparent transparent;

	translate: -100% -50%;
}
*/
#ABOUT .shisho_box .text_box::after
{
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	border-style: solid;
	border-width: 15px 50px 15px 0;
	border-color: transparent #fcf8be transparent transparent;
	translate: -100% -50%;
	transform: skew(0, 30deg);
	transform-origin: right;
}

#ABOUT .shisho_box .photo_box
{
	width          : 300px;
}

#ABOUT .shisho_box .photo_box img
{
	width          : 100%;
}


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


#ABOUT .movie_box
{
	margin         : 0 100px;
	margin-top     : 40px;
	margin-bottom  : 60px;
}

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

	border         : 10px solid #e6e2d1;
}

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

	width          : 100%;
	height         : 100%;
}





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

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

#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
{
	
}

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

	padding        : 40px 40px;

	background     : #fcf8be;
}

#CAST .cast_list li + li
{
	margin-top     : 40px;
}

#CAST .cast_list li .photo_box
{
	width          : 300px;
}

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

#CAST .cast_list li .text_box
{
	width          : 560px;
}

#CAST .cast_list li .text_box .c_ex
{
	margin-bottom  : 20px;
}

#CAST .cast_list li .text_box .c_ex span
{
	display        : inline-block;

	padding        : 5px 30px;

	color          : #fff;
	line-height    : 1.0;

	background     : #333;
}

#CAST .cast_list li .text_box .c_name
{
	font-family    : "Zen Old Mincho", serif;
	font-size      : 110%;
	font-weight    : bold;
	line-height    : 1.0;
}

#CAST .cast_list li .text_box .c_name strong
{
	color          : #d3311b;
	font-size      : 170%;
}

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

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





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

　KANAMARUZA

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



#KANAMARUZA
{

}

#KANAMARUZA .kanamaruza_photo
{

}

#KANAMARUZA .kanamaruza_text
{
	margin-top     : 40px;

	line-height    : 1.8;
}





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

　OVERVIEW

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



#OVERVIEW
{
	margin-top     : 100px;
	padding        : 80px 0 80px;

	background     : #009aa5;
	background     : #cea535;
	background     : rgba(169, 123,  0, 0.65);
}


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


#OVERVIEW .ov_list
{
	/*margin-top     : 80px;*/

	margin         : 0 auto;

	width          : 1100px;
}

#OVERVIEW .ov_list dl
{
	display        : flex;

	background     : #fff;
	border-radius  : 10px;
	overflow       : hidden;
}

#OVERVIEW .ov_list dl + dl
{
	margin-top     : 30px;
}

#OVERVIEW .ov_list dl dt
{
	display        : flex;
	align-items    : center;

	padding        : 30px 0 30px 30px;

	width          : 200px;

	color          : #fff;
	font-size      : 110%;
	font-weight    : bold;
	
	background     : #cea535;
	background     : #494539;

	box-sizing     : border-box;
}

#OVERVIEW .ov_list dl dd
{
	padding        : 30px;
	
	width          : 900px;

	line-height    : 1.8;

	box-sizing     : border-box;
}

#OVERVIEW .ov_list dl dd .text_01
{
	font-size      : 160%;
	font-weight    : bold;
	line-height    : 1.4;
}

#OVERVIEW .ov_list dl dd .text_02
{
	font-size      : 120%;
	font-weight    : bold;
}

#OVERVIEW .ov_list dl dd * + .text_02
{
	margin-top     : 15px;
}

#OVERVIEW .ov_list dl dd .txt_color
{
	color          : #d3311b;
}

#OVERVIEW .ov_list dl dd .txt_large160
{
	font-size      : 160%;
	font-weight    : bold;
}

#OVERVIEW .ov_list dl dd .txt_large140
{
	font-size      : 140%;
	font-weight    : bold;
}

#OVERVIEW .ov_list dl dd .txt_large120
{
	font-size      : 120%;
	font-weight    : bold;
}

#OVERVIEW .ov_list dl dd .txt_circle
{
/*
	display        : flex;
	justify-content: center;
	align-items    : center;
*/
	display        : inline-block;

	margin-bottom  : 5px;
	margin-left    : 3px;

	width          : 1.5em;
	height         : 1.5em;

	color          : #fff;
	font-size      : 80%;
	text-align     : center;
/*	line-height    : 1.5em;*/
	vertical-align : middle;

	background     : #d3311b;
	border-radius  : 50%;
}

#OVERVIEW .ov_list dl dd .txt_part
{
	display        : inline-block;
	margin-right   : 10px;
	padding        : 5px 30px;
	color          : #d3311b;
	line-height    : 1.0;
	border         : 1px solid #d3311b;
}

#OVERVIEW .ov_list dl dd * + .txt_part
{
	margin-top     : 20px;
}

#OVERVIEW .ov_list dl dd .text_note
{
	display        : block;

	margin-top     : 15px;

	font-size      : 90%;
	line-height    : 1.2;
}

#OVERVIEW .ov_list dl dd .text_note[data-type="note2"]
{
	margin-top     : 25px;
}

#OVERVIEW .ov_list dl dd .text_note[data-type="note3"]
{
	margin-top     : 35px;
}

#OVERVIEW .ov_list dl dd .text_note + .text_note
{
	margin-top     : 10px;
}

#OVERVIEW .ov_list dl dd .text_list li
{
	list-style-type: disc;
	margin-left    : 1.5em;

	line-height    : 1.6;
}

#OVERVIEW .ov_list dl dd .text_list li + li
{
	margin-top     : 5px;
}

#OVERVIEW .ov_list .btn_box
{
	margin-top     : 20px;
}

#OVERVIEW .ov_list .btn_box a
{
	display        : flex;
	justify-content: center;
	align-items    : center;
	
	padding        : 10px 20px;

	width          : 200px;

	color          : #fff;
	line-height    : 1.0;
	text-decoration: none;

	background     : #d3311b;
}

#OVERVIEW .ov_list .btn_box a::after
{
	content        : '';

	display        : block;

	margin-left    : 10px;

	width          : 0;
	height         : 0;

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

#OVERVIEW .ov_list .btn_box a:hover
{
	background     : #009aa5;
}


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


#OVERVIEW .btn_box_flyer
{
	margin-top     : 80px;
}

#OVERVIEW .btn_box_flyer a
{
	display        : flex;
	justify-content: center;
	align-items    : center;
	
	margin         : 0 auto;
	padding        : 20px 0px;

	width          : 600px;

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

	background     : #d3311b;
}

#OVERVIEW .btn_box_flyer a::after
{
	content        : '';

	display        : block;

	margin-left    : 10px;

	width          : 30px;
	height         : 30px;

	background     : url(/asset/img/common/ico_pdf_w.svg) center center no-repeat;
	background-size: contain;
}

#OVERVIEW .btn_box_flyer a:hover
{
	background     : #009aa5;
}





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




#footer_area
{
	padding        : 30px 0;

	background     : #997f38;
	background     : #fff;
}

#footer_area .inner
{
	display        : flex;
	justify-content: space-between;
	align-items    : center;

	margin         : 0 auto;

	width          : 1100px;
}


#footer_area .box_01
{
	display        : flex;
	align-items    : center;
	gap            : 25px;

	width          : 300px;
}

#footer_area .box_01 .shusai_text
{
	font-size      : 90%;
	line-height    : 1.0;
}

#footer_area .box_01 .shusai_logo
{
	width          : 220px;
}

#footer_area .box_01 .shusai_logo img
{
	display        : block;

	width          : 100%;
}

#footer_area .box_02
{
	display        : flex;
	align-items    : center;
	gap            : 20px;

	width          : 320px;
}

#footer_area .box_02 .kyosan_text
{
	font-size      : 90%;
	line-height    : 1.0;
}

#footer_area .box_02 .kyosan_logo
{
	width          : 200px;
}

#footer_area .box_02 .kyosan_logo img
{
	display        : block;

	width          : 100%;
}

#footer_area .box_03
{
	width          : 400px;

	font-size      : 90%;
	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; }