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

/*----------------------------------------------------------------*/
/*---cnt_area_search-------------------------------------------------------------*/

div.cnt_area_search{
	width: 100%;
  background-color: #f3f5fa;
	background-color: rgb(205,222,0,0.2);
	background-color: rgba(255,255,255,0.1);
	background-image:url(../../img/common/stripes_bk.svg);
	background-size: 30px;
	background-repeat: repeat;
	padding: 25px 20px;
	margin: 0 auto;
	margin-bottom: 40px;
	border: 4px rgba(0,0,0,0.05) solid;

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

/*---text-------------------------------------------------------------*/

div.cnt_area_search div.text{
	z-index: 110;
	position: relative;
	width: 100%;
}

div.cnt_area_search div.text h2{
	width: 100%;
	font-size: 18px;
	font-weight: 500;
	text-align: center;
}
div.cnt_area_search div.text p{
	width: 100%;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.7em;
	margin-top: 5px;
}
div.cnt_area_search div.text p:first-child{
	margin-top: 0;
}

div.cnt_area_search div.text span.coution{
font-size: 12px;
line-height: 1.6em;
margin-top: 5px;
}

/*---narrow-------------------------------------------------------------*/

div.cnt_area_search form.narrow{
	width: 100%;
	margin-top: 10px;
}
div.cnt_area_search form.narrow ul.bt_label{
	width: 100%;

	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
div.cnt_area_search form.narrow ul.bt_label li{
	width:48%;
	margin-top: 8px;
}
div.cnt_area_search form.narrow ul.bt_label li label{
	color: #ffffff;
	padding: 8px 4px;
}

div.cnt_area_search form.narrow input.pubt{
	width: 100px;
	height: 30px;
	margin: 0 auto;
	margin-top: 15px;
}

/*---map-------------------------------------------------------------*/

div.cnt_area_search div.map{
	position: relative;
}

div.cnt_area_search div.map div.image{
	z-index: -1;
	position: absolute;top:-70%;left:0;
		width: 100%;
	opacity: 0.2;
}
div.cnt_area_search div.map div.image img{
	width: 95%;
	margin: 0 auto;
}

/*---cnt_area_link-------------------------------------------------------------*/

ul.cnt_area_link{
	z-index: 110;
	position: relative;
	width: 100%;
	margin-top: 25px;

	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

ul.cnt_area_link > li{
	width: 48%;
	margin-top: 8px;
}
ul.cnt_area_link > li:first-child{
}

ul.cnt_area_link > li > b{
	font-size: 14px;
	font-weight: 600;
}

ul.cnt_area_link > li > ul{
	margin-left: -12px;

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

ul.cnt_area_link > li > ul > li{
	margin-left: 12px;
}
ul.cnt_area_link > li > ul > li:first-child{
}

ul.cnt_area_link > li > ul > li span,
ul.cnt_area_link > li > ul > li a{
	color:#000011;
	font-size: 13px;
}
ul.cnt_area_link > li > ul > li span{
	font-weight: 200;
}
ul.cnt_area_link > li > ul > li a{
	font-weight: 500;
}
ul.cnt_area_link > li > ul > li a:hover{
  color: #cdde00;
}

/*----------------------------------------------------------------*/
/*---cnt_contents_detail-------------------------------------------------------------*/

div.cnt_contents_detail{
	width: 100%;
	padding-bottom: 20px;
	margin: 0 auto;
	border-bottom: 1px rgba(0,0,0,0.1) solid;
}

div.cnt_contents_detail div.left{
	width: 100%;
}

div.cnt_contents_detail div.right{
}

div.cnt_contents_detail + a.pubt.backpage{
	margin: 0 auto;
	margin-top: 30px;
}

/*---title-------------------------------------------------------------*/


div.cnt_contents_detail div.title{
	width: 100%;
	padding-bottom: 15px;
	margin-bottom: 25px;
	border-bottom: 1px rgba(0,0,0,0.1) solid;

	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.cnt_contents_detail div.title h1{
}
div.cnt_contents_detail div.title h1 b{
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4em;
	letter-spacing: 0.05em;
}
div.cnt_contents_detail div.title h1 span{
	font-size: 14px;
}

div.cnt_contents_detail div.title h1 ul.icon{
margin-left: 10px;

	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.cnt_contents_detail div.title h1 ul.icon li{
  height: 20px;
  background-color: #ececec;
	background-color: #cdde00;
	color: #ffffff;
  font-size: 12px;
  font-weight: 500;
	line-height: 1.1em;
  letter-spacing: 0.05em;
  padding: 0 4px;
	margin-left: 10px;

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

	display: -webkit-flex;
	display: flex;
	-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.cnt_contents_detail div.title h1 ul.icon li:first-child{
	margin-left: 10px;
}

/*---sns_ic_menu-------------------------------------------------------------*/

div.cnt_contents_detail div.title ul.sns_ic_menu{
	margin-left: auto;
}
div.cnt_contents_detail div.title ul.sns_ic_menu li{
	margin-left: 20px;
}
div.cnt_contents_detail div.title ul.sns_ic_menu li a{
	width:24px;
	height:24px;
	background-size:20px;
}

div.cnt_contents_detail div.title ul.sns_ic_menu .sn_inst a{background-image:url(../../img/common/icon/sn_inst.svg);}
div.cnt_contents_detail div.title ul.sns_ic_menu .sn_tk a{background-image:url(../../img/common/icon/sn_tk.svg);}
div.cnt_contents_detail div.title ul.sns_ic_menu .sn_tw a{background-image:url(../../img/common/icon/sn_tw.svg);}
div.cnt_contents_detail div.title ul.sns_ic_menu .sn_fb a{background-image:url(../../img/common/icon/sn_fb.svg);}
div.cnt_contents_detail div.title ul.sns_ic_menu .sn_yt a{background-image:url(../../img/common/icon/sn_yt.svg);}

/*---sns_ic_menu-------------------------------------------------------------*/

div.cnt_contents_detail div.title div.event_date{
	min-width: 180px;
	margin-left: auto;
}
div.cnt_contents_detail div.title div.event_date b{
	min-width: 200px;
font-size:32px;
font-weight: 700;
font-family: 'Teko', 'Noto Sans Japanese', sans-serif;
line-height: 0.8em;
letter-spacing: 0.05em;
text-align: right;
}

/*---image-------------------------------------------------------------*/

div.cnt_contents_detail div.left div.image{
}
div.cnt_contents_detail div.left div.image a{
	width: 100%;
}

div.cnt_contents_detail div.left div.image img{
	width: 100%;
}

/*---intro_text-------------------------------------------------------------*/

div.cnt_contents_detail div.intro_text{
	padding-top: 30px;
}

div.cnt_contents_detail div.intro_text h2{
font-size: 18px;
font-weight: 600;
line-height: 1.7em;
}

div.cnt_contents_detail div.intro_text h3{
font-size: 14px;
font-weight: 400;
line-height: 2.0em;
}

/*---value_list-------------------------------------------------------------*/

ul.value_list{
	margin-top: 20px;
	margin-bottom: 20px;
}
ul.value_list > li{
	padding-top: 10px;
	padding-left: 12px;
	margin-top: 20px;
	border-left: 4px #cdde00 solid;
}
}
ul.value_list > li:first-child{
	padding-top: 0;
	margin-top: 0;
}

ul.value_list > li div.dt_title{
	position: relative;
	width: 100%;
	/* margin-left: -10px; */
	margin-bottom: 5px;

	display: -webkit-flex;
	display: flex;
	-ms-flex-line-pack: center;
	align-content: center;
}
/* ul.value_list > li div.dt_title::after{
	z-index: 100;
	position: absolute;bottom: 13px;left:0;
	content: '';
	width: 100%;
	border-bottom: 2px #999 solid;
	display: block;
} */

ul.value_list > li div.dt_title b{
	z-index: 110;
	position: relative;
	height: 24px;
	/* background-color: #ffffff; */
	font-size: 16px;
	font-weight: 600;
	line-height: 1.0em;
	/* padding: 0 7px;
	margin-left: 20px; */
}

ul.value_list > li > ul.vl_text_list{
}
ul.value_list > li > ul.vl_text_list > li{
	padding: 11px 0;
	border-bottom: 1px rgba(0,0,0,0.1) dashed;

	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-line-pack: center;
	align-content: center;
}
ul.value_list > li > ul.vl_text_list > li > b{
	min-width: 100px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.4em;
}
ul.value_list > li > ul.vl_text_list > li > div{
	-webkit-flex: 1;
	flex: 1;
}
ul.value_list > li > ul.vl_text_list > li > div p{
font-size: 13px;
font-weight: 400;
line-height: 1.4em;
}

/*---vl_image_list-------------------------------------------------------------*/

ul.value_list > li > ul.vl_image_list{
	width: 100%;
	margin-left: -10px;

	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-line-pack: center;
	align-content: center;
}
ul.value_list > li > ul.vl_image_list > li{
	width: 25%;
	padding-top: 10px;
	padding-left: 10px;
}
ul.value_list > li > ul.vl_image_list.wd100 > li{width: 100%;}
ul.value_list > li > ul.vl_image_list.wd50 > li{width: 50%;}
ul.value_list > li > ul.vl_image_list.wd33 > li{width: 33%;}

ul.value_list > li > ul.vl_image_list > li > a.lq_img{
	width: 100%;
	padding-bottom: 65%;
}
ul.value_list > li > ul.vl_image_list > li > a.lq_img:hover{
	opacity: 0.8;
}

/*---event_text-------------------------------------------------------------*/

div.cnt_contents_detail div.event_text{
}

div.cnt_contents_detail div.event_text p{
font-size: 14px;
font-weight: 400;
line-height: 2.0em;
margin-top: 10px;
}

/*----------------------------------------------------------------*/
/*---sec_studio_detail-------------------------------------------------------------*/

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

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/
/*---sec_studio-------------------------------------------------------------*/

div#sec_studio{
	width: 100%;
	padding: 0 6%;
	margin: 0 auto;
}

div#sec_studio div.cnt_title2{
	margin-bottom: 25px;
}

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

div#sec_studio div#sec_ucm_list div.picup{
}

div#sec_studio div#sec_ucm_list div.latest_news{
	margin-top: 30px;
}

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

div#sec_studio ul.cnt_ucm_list{
	z-index: 120;
	position: relative;
}

body.bd_rental_space div#contents_container{
	padding-bottom: 0;
}

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/
/*---sec_event-------------------------------------------------------------*/

div#sec_event{
	width: 100%;
	padding: 0 6%;
	margin: 0 auto;
}

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/
/*---sec_circle-------------------------------------------------------------*/

div#sec_circle{
	width: 100%;
	padding: 0 6%;
	margin: 0 auto;
}