@charset "utf-8";
/* CSS Document */

div#contents_container{
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
}

/*----------------------------------------------------------------*/
/*---sec_kinocorium-------------------------------------------------------------*/

div#sec_kinocorium{
	width: 100%;
	margin: 0 auto;
}

div#sec_kinocorium div.inner_frame{
	width: 100%;
	margin: 0 auto;
	margin-top: 25px;
}

b.knr_cnt_title{
	width: 100%;
	background-image:url(../../../contents/kinocorium/img/kinocorium_logo.svg);
	background-position: top center;
	background-size: auto 26px;
  color: #4D7133;
  font-size: 23px;
  font-weight: 500;
  font-family: 'Sawarabi Mincho', sans-serif;
  line-height: 1.1em;
  letter-spacing: 0.05em;
	text-align: center;
	padding-top: 37px;
	margin-bottom: 20px;
}

/*----------------------------------------------------------------*/
/*---knr_header-------------------------------------------------------------*/

div#sec_kinocorium div#knr_header{
	position: relative;
		width: 100%;
		height: 70vh;

		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-line-pack: center;
		align-content: center;
}
div#sec_kinocorium div#knr_header img.logo{
	z-index: 110;
	position: absolute;bottom: 30px;left:50%;
	width: 40%;
	margin-left: -20%;
}
div#sec_kinocorium div#knr_header img.copy{
	z-index: 110;
	position: absolute;bottom: 16vh;left:50%;
	width: 80%;
	margin: 0 auto;
	margin-left: -40%;
}
div#sec_kinocorium div#knr_header div.lq_img{
	z-index: 100;
	position: absolute;top:0;left:0;
	width: 100%;
	height: 100%;
	background-position: top left 5%!important;
}

/*----------------------------------------------------------------*/
/*---knr_about-------------------------------------------------------------*/

div#sec_kinocorium div#knr_about{
}

div#sec_kinocorium div#knr_about > ul{
}
div#sec_kinocorium div#knr_about > ul li{
	padding: 0 5%;
	margin-top: 30px;
}
div#sec_kinocorium div#knr_about > ul li:first-child{
	margin-top: 0;
}
div#sec_kinocorium div#knr_about > ul li a.lq_img{
	width: 100%;
	padding-bottom: 70%;

	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

div#sec_kinocorium div#knr_about > ul li div.text{
margin-top: 15px;
}
div#sec_kinocorium div#knr_about > ul li div.text h2{
    color: #77994d;
    font-size: 17px;
    font-family: 'Sawarabi Mincho', sans-serif;
    text-indent: -0.5em;
    line-height: 1.5em;
    padding-left: 0.5em;
		margin-bottom: 10px;
}
div#sec_kinocorium div#knr_about > ul li div.text h2 br{
	display: none;
}
div#sec_kinocorium div#knr_about > ul li div.text p{
	font-size: 13px;
	padding-left: 0.5em;
	margin-top: 8px;
}


/*----------------------------------------------------------------*/
/*---knr_tieup-------------------------------------------------------------*/

div#sec_kinocorium div#knr_tieup{
background-color: rgba(66,101,89,0.05);
padding: 30px 30px;
margin-top: 30px;

-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;

display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
}
div#sec_kinocorium div#knr_tieup img{
	margin-bottom: 20px;
}
div#sec_kinocorium div#knr_tieup p{
	width: 100%;
}

/*----------------------------------------------------------------*/
/*---knr_lineup-------------------------------------------------------------*/

div#sec_kinocorium div#knr_lineup{
margin-top: 40px;
}
div#sec_kinocorium div#knr_lineup ul.cnt_item_list{
	padding: 0 6%;
margin-top: -10px;
}

/*----------------------------------------------------------------*/
/*---knr_making-------------------------------------------------------------*/

div#sec_kinocorium div#knr_making{
margin-top: 50px;

display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
}

div#sec_kinocorium div#knr_making h3{
	width: 88%;
	background-color: rgba(31,153,94,0.1);
	font-size: 14px;
	line-height:1.7em;
	padding: 20px 20px;
	margin: 0 auto;

	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
}