@charset "UTF-8";
/*---	全体	---------------------------*/
html {
}
body{
}
.no-scroll {
    overflow: hidden;
    height: 100vh;
}

/*---	サイドバー	---------------------------*/
#body_wrapper{
    position: relative;
    width: 100%;
    min-height: 100%;
    /*overflow: hidden;*/
}

#sidebar{
    position: fixed;
	width:80px;
	height:100vh;
	background:var(--c-sidebar-plaza);
	color:var(--c-white);
	z-index:1200;
}
#sidebar aside{
	padding-top:25px;
	width:100%;
	height:100%;
	position:relative;

    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}
#sidebar.sidebar_plaza aside{		background:var(--c-sidebar-plaza);	}
#sidebar.sidebar_hitaru aside{	background:var(--c-sidebar-hitaru);	}
#sidebar.sidebar_scarts aside{	background:var(--c-sidebar-scarts);	}
#sidebar.sidebar_library aside{	background:var(--c-sidebar-library);	}


#sidebar aside .sidebar_menu_ul{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
    align-content: center;
	text-align:center;
}#sidebar aside .sidebar_menu_ul li{
	width:100%;
	padding:0 3px;
	position:relative;
}
#sidebar aside .sidebar_menu_ul li a{
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
    align-content: center;
	margin-bottom:8px;
	padding:10px 0;
	text-decoration: none !important;
}#sidebar aside .sidebar_menu_ul li img.other{
	position:absolute;
	top:3px;	right:3px;
}#sidebar aside .sidebar_menu_ul li p{
	width:100%;
	color:var(--c-white);
	margin-top:5px;
	font-size:0.75em;
	line-height:0.9;
}
#sidebar aside .sidebar_menu_ul li.membar{
	padding:0;
}
#sidebar aside .sidebar_menu_ul li.membar a{
	background:var(--c-membar);
}

#sidebar aside .sidebar_menu_ul.pagetop{
/*	position:absolute;*/
	bottom:10px;
	left:0;
}
#sns_menu{
	display:none;
    position: fixed;
	width:600px;
	height:100vh;
	background:var(--c-gray2);
	top:0;
	left:-600px;
	z-index: -1;
	padding:30px 100px;
	color:#ffffff;
}
#sns_menu .sns_menu_main{
	display:flex;
	flex-wrap:wrap;
}#sns_menu .sns_menu_main .sns_box{
	width:100%;
	text-align:center;
	border-bottom:1px solid var(--c-gray5);
	margin-bottom:20px;
}#sns_menu .sns_menu_main .sns_box:last-child{
	border-bottom:none;
	margin-bottom:0;
}#sns_menu .sns_menu_main .sns_box h5{
	margin:0;
}

#sns_menu .sns_menu_main .sns_box ul.sns_list_ul{
	display:flex;
    justify-content: space-evenly;
	padding:20px 0;
}#sns_menu .sns_menu_main .sns_box ul.sns_list_ul li{
	width:calc(25% - 10px);
}#sns_menu .sns_menu_main .sns_box ul.sns_list_ul li .icon{
	margin-bottom:5px;
}#sns_menu .sns_menu_main .sns_box ul.sns_list_ul li .icon img{
	width:40px; height:40px;
	object-fit: contain;
}#sns_menu .sns_menu_main .sns_box ul.sns_list_ul li a{
	color:#ffffff;
	line-height:1;
}

#main_area{
	display: inline-block;
	width:100%;
	padding-left:80px;
}


/*---	ヘッダー	---------------------------*/
header{
	position:relative;
	width: calc(100% - 100px);
    min-width: calc(var(--fullsize) + 150px);
	margin:15px auto 0;
/*	height:100px;*/
	background-color:transparent;
/*	z-index: 100;*/
	z-index: 1100;
}
header .header_left{
/*	position:absolute;
	top:0;	left:0;*/
}header .header_left h1 a img{
	height:85px;
	width:auto;
	vertical-align: bottom;
}


header .header_center{
	position:absolute;
	bottom:0;	left:50%;
	transform: translateX(-50%);
}header .header_center h1{
	text-align:center;
}
header .header_center h1.logo_hitaru img{		width: 70%;  margin-top: -50px;	}
header .header_center h1.logo_scarts img{		width: 70%;  margin-top: -50px;	}
header .header_center h1.logo_library img{		width: 90%;  margin-top: -50px;	}

header ul.header_link_ul{
	display:flex;
    justify-content: center;
	width: 660px;
	height:100%;
}header ul.header_link_ul li{
	border-left:1px solid var(--main-color);
	width:33%;
}header ul.header_link_ul li:last-child{
	border-right:1px solid var(--main-color);
}header ul.header_link_ul li a{
	white-space: nowrap;
	padding:10px 22px;
	line-height:1.3;
    font-size: 0.95em;
	font-weight: 500;
	width:100%;
	height:100%;
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
    /*align-content: center;*/
    align-content: space-around;
	text-align:center;
	text-decoration:none;
}header ul.header_link_ul li a:hover,
header ul.header_link_ul li a:focus{
	text-decoration: underline;
}

header ul.header_link_ul li.hitaru{	background:var(--c-sidebar-hitaru);	border:none;	}
header ul.header_link_ul li.scarts{	background:var(--c-sidebar-scarts);	border:none;	}
header ul.header_link_ul li.library{	background:var(--c-sidebar-library);	border:none;}
header ul.header_link_ul li.hitaru+li,
header ul.header_link_ul li.scarts+li,
header ul.header_link_ul li.library+li{border-left:none;}
header ul.header_link_ul li.hitaru a,
header ul.header_link_ul li.scarts a,
header ul.header_link_ul li.library a{
	color:#ffffff;
	text-decoration:none !important;
}

header .header_right{
	position:absolute;
	bottom:-10px;	right:0;
}

header .header_menu{
/*	display:flex;
    justify-content: flex-end;*/
	margin-bottom:0;
}
header .header_menu .head_icon{
	display:inline-flex;
	margin-left:10px;
	width: 50px;
}
header .header_menu .head_icon > div a{
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
    align-content: center;
	text-align:center;
	text-decoration:none;
}header .header_menu .head_icon > div img{
	height:30px; width:30px;
	object-fit: contain;
}header .header_menu .head_icon > div a p{
	font-size:0.8em;
	width:100%;
}
header .header_menu .head_btn{
	display:inline-flex;
	flex-wrap:wrap;
	justify-content: center;
    align-content: center;
	text-align:center;
	margin-right: 5px;
}header .header_menu .head_btn > div{

}header .header_menu .head_btn > div a{
    background: var(--base-color);
	border:1px solid var(--main-color);
	border-radius:11px;
	padding:3px 7px;
	text-decoration:none;
}

header .open-close{
	position:absolute;
	top:calc(100% + 20px);	right:0;
	width:180px;
	text-align:center;
	padding:5px 10px 3px;
}header .open-close.library{
	background:var(--c-library);
	color:#ffffff;
	padding: 10px;
    font-size: 1.15em;	}
header .open-close.scarts{	background:#ffffff;border:1px solid var(--c-scarts);	}
header .open-close p.time{
	border-top:1px solid #ffffff;
	padding-top:3px;	margin-top:3px;
}header .open-close.scarts p.time{
	border-top:1px solid var(--c-gray3);
}
header .open-close.library.close_on{background:#7F2A27;	}
header .open-close.scarts.close_on{	border:1px solid var(--c-gray2);	}

/* fontbox */
.fontbox{	}

.fontbox ul{
	overflow:hidden;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;}

.fontbox ul li{
	margin:0 0 8px 5px;
	float:left;
	display:block;}

.fontbox li a{
	width:27px;
	height:27px;
	display:block;}

.fontbox li:nth-of-type(2) a{	width:23px;	height:23px;}
.fontbox li:nth-of-type(3) a{	width:27px;	height:27px;}
.fontbox li:nth-of-type(4) a{	width:33px;	height:33px;}

.fontbox ul li.tit{
	margin:0 8px 0 0;
	padding:0;}



.inner{
	width:var(--fullsize);
	margin:0 auto;
}
.inner.white_box{
	background:#ffffff;
}


.header_title{
	width:var(--fullsize);
	margin:15px auto 0;
	text-align:center;
    position: relative;
    z-index: 1;
}/*.header_title.sub_facility{
	margin:35px auto 0;
}*/
.header_title h2{
	margin:0 auto;
	display:inline-block;
	margin-top:50px;
	margin-bottom:60px;
	font-size:1.8em;
	line-height:1.3;
}
.header_title .bread{
	margin-bottom:10px;
}
.header_title .bread_list{
	display:flex;
	flex-wrap:wrap;
}.header_title .bread_list li{
	margin-right:55px;
	position:relative;
	text-align: left;
}.header_title .bread_list li:after{
	content:"＞";
	position:absolute;
	right:-37px;
}.header_title .bread_list li:last-child{
	margin-right:0;
}.header_title .bread_list li:last-child:after{
	display:none;
}

#language_menu,#search_menu{
	z-index: 10000;
	position:absolute;
	top:-150px;
/*	top:-15px;*/
	right:-50px;
	width:100vw;
	min-width:calc(var(--fullsize) + 200px);
	background:var(--c-sidebar-plaza);
	display:none;
}
#language_menu .menu_language_list,
#search_menu .menu_search_box{
	position:relative;
	text-align:center;
	padding:50px;
}#language_menu .menu_language_list ul.language_ul{
	display:flex;
	justify-content: space-evenly;
	width:var(--fullsize);
	margin:0 auto;
}#language_menu .menu_language_list ul.language_ul li{
	width:15%;
}#language_menu .menu_language_list ul.language_ul a{
	display:block;
	color:#ffffff;
	padding:3px;
	width:100%;
	border:1px solid var(--c-sidebar-plaza);
	cursor: pointer;
	text-decoration:none;
}#language_menu .menu_language_list ul.language_ul a:hover,
#language_menu .menu_language_list ul.language_ul a:focus{
	border:1px solid var(--c-gray3);
}#language_menu .menu_language_list ul.language_ul a[data-stt-active]{
	border:1px solid #ffffff;
	color:#ffffff;
}
.open_menu .menu_close{
	display:flex;
    flex-wrap: wrap;
    width: 50px;
    justify-content: center;
	color:#ffffff;
	font-size:0.8em;
	text-decoration:none;
	position:absolute;
	bottom:50%;	right:20px;
	transform: translateY(50%);
}.open_menu .menu_close img{
	margin:0 5px;
}

#search_menu{
	width:100vw;
	background:var(--c-sidebar-plaza);
}#search_menu .menu_search_box{
	width:var(--fullsize);
	margin:0 auto;
}




/*---	トップページ	---------------------------*/
/*総合トップ*/
.header_title.toppage{
	width:var(--fullsize);
	position:relative;
	overflow:visible;
	margin: 15px auto 0;
	display:flex;
    margin-bottom: 60px;
}
.header_title.toppage.top_library{
	width:100%;
}

.header_title.toppage .mainimage_left{
	width:770px;
	margin-right:10px;
}.header_title.toppage .mainimage_right{
	width:calc(100% - 780px);
}
.header_title.toppage .toppage_slider{
	background:#cccccc;
	height:400px;
}

.header_title.toppage.top_scarts .mainimage_left{
	width:690px;
	margin-right:10px;
}.header_title.toppage.top_scarts .mainimage_right{
	width:calc(100% - 700px);
}
.header_title.toppage.top_scarts .toppage_slider{
	background:#cccccc;
	height:360px;
}

.header_title.toppage.top_library .toppage_slider{
	width:100%;
	min-width:var(--fullsize);
	background:none;
	height:400px;
	margin:0 auto;
}.header_title.toppage.top_library{
	margin-bottom:60px;
}

	.splide__track,
	.splide__list{
		height:100%;
	}
	.splide__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;

	}
	.splide__toggle{
	    cursor: pointer;
	    appearance: none;
	    border: none;
	    padding: 0;
	    background: transparent;
		position: absolute;
	    bottom: 0;
	    right: 0;
	}
	.top_scarts .splide__toggle{
		bottom:unset;	top:0;
	}
	.splide__pagination{
		position:absolute;
		bottom:-25px;	left:50%;
		transform: translateX(-50%);
		width:100%;
		display:flex;
		justify-content: center;
	}
	.splide__pagination li{
		margin-right:10px !important;
	}.splide__pagination li:last-child{
		margin-right:0 !important;
	}
	.splide__pagination li button{
		display:inline-block;
		width:12px;	height:12px;
		padding:0;
		background:var(--c-gray4);
		border-radius:50%;
		cursor: pointer;
		border:none;
	}.splide__pagination li button.is-active{
		background:var(--c-gray2);
	    transform: scale(1.3);
		cursor: unset;
	}
	.splide__arrows{
		position:absolute;
		width:100%;
		top:50%;	left:0;
	}
	.splide__arrows .splide__arrow--prev,
	.splide__arrows .splide__arrow--next{
		position:absolute;
		top:50%;
		left:0;
		transform: translateY(-50%);
		width:50px;	height:unset;
		border: none;
	    background: none;
	    cursor: pointer;
		z-index:50;
	}.splide__arrows .splide__arrow--next{
		left:unset;right:0;
	}.splide__arrows .splide__arrow--prev svg{
		transform:rotate(180deg);
	}

.splide__slide .slide_text{
	position:absolute;
	bottom:0;	left:0;
	width:100%;
	background:#00000099;
	color:#ffffff;
	padding:7px 10px 5px;
}.splide__slide .slide_text h3{
	font-size:1em;
	text-align:left;
}.splide__slide .slide_text p{
	position:absolute;
	bottom:5px;	right:5px;
	display:inline-block;
	border:1px solid #ffffff;
	font-size:0.8em;
	padding:0 5px;
}
.top_scarts a.splide__slide{
	display:block;
}

.top_scarts .splide__slide .slide_text h3{
	width: calc(100% - 77px);
}

.top_library .splide__slide .slide_text,
.top_plaza .splide__slide .slide_text{
	position:absolute;
	bottom:20px;	left:0;
/*	background:#ffffffbb;*/
	background:rgba(255,255,255,0.9);
	color:var(--font-color);
	padding:12px 0;
	text-align:left;
	width:fit-content;
}
.top_library .splide__slide .slide_text.lb{
	bottom:20px;	left:0;
	padding-right:30px;
}.top_library .splide__slide .slide_text.lt{
	top:20px;	left:0;	bottom:unset;
	padding-right:30px;
}.top_library .splide__slide .slide_text.rb{
	bottom:20px;	right:0;	left:unset;
	text-align:right;
	padding-left:30px;
}.top_library .splide__slide .slide_text.rb h3{
	text-align:right;
}
.top_library .splide__slide .slide_text h3,
.top_plaza .splide__slide .slide_text h3{
	font-size:1.8em;
	padding:10px 15px 10px;
	border-bottom:3px solid var(--c-library2);
}.top_library .splide__slide .slide_text p,
.top_plaza .splide__slide .slide_text p{
	position:relative;
	bottom:unset;	right:unset;
	display:inline-block;
	border:none;
	font-size:1.1em;
	font-weight: 500;
	padding:8px 15px 5px;
}
.splide__slide .slide_text img{
	width:unset;	height:unset;
	vertical-align:unset;
}
.top_plaza .splide__slide .slide_text{
	bottom:35px;	right:61px;
	top:unset;	left:unset;
	padding-left:20px;
}
.top_plaza .splide__slide .slide_text h3{
	border-bottom:3px solid #93c5e8;
	text-align:right !important;
}.top_plaza .splide__slide .slide_text p{
	text-align:right;
}


.header_title.toppage .mainimage_right .hover_btn{
	height:calc(50% - 5px);
	margin-bottom:10px;
}.header_title.toppage .mainimage_right .hover_btn:last-child{
	margin-bottom:0;
}.header_title.toppage .mainimage_right .hover_btn h3{
	font-size:1.35em;
}

.header_title.toppage.top_scarts .mainimage_right{
	height:360px;
}
.header_title.toppage.top_scarts .mainimage_right .scarts_banner_s{
	width:100%;
	height:calc(50% - 5px);
	margin-bottom:10px;
}.header_title.toppage.top_scarts .mainimage_right .scarts_banner_s:last-child{
	margin-bottom:0;
}.header_title.toppage.top_scarts .mainimage_right .scarts_banner_s a{
	position:relative;
	display:block;
	width:100%;	height:100%;
}.header_title.toppage.top_scarts .mainimage_right .scarts_banner_s img{
	width:100%;	height:100%;
	object-fit:cover;
}.header_title.toppage.top_scarts .mainimage_right .scarts_banner_s h3{
	position:absolute;
	top:0;	left:0;
	color:#ffffff;
/*	background:#00000099;*/
	background:rgba(0,0,0,0.75);
	padding:5px 0 3px 5px;
	width:100%;
	font-size:1em;
	text-align:left;
    line-height: 1.4;
}.header_title.toppage.top_scarts .mainimage_right .scarts_banner_s p{
	position:absolute;
	bottom:5px;	right:5px;
	border:1px solid #ffffff;
	color:#ffffff;
	padding:0 5px;
	background:#00000099;
	font-size:0.8em;
}

.header_title.toppage.top_hitaru,
.header_title.toppage.top_scarts,
.header_title.toppage.top_library{
	display:block;
}
.header_title.toppage h2{
	width:100%;
	text-align:center;
	margin:30px auto 40px;
}

.header_title.toppage .scarts_mainimage{
	display:flex;
}

#contents_area.toppage section.notice{
	width:var(--fullsize);
	margin:50px auto 0;
}
#contents_area.toppage section.notice .notice_area{
	width:100%;
}#contents_area.toppage section.notice .notice_box{
	background:var(--c-white);
	padding:0 50px;
	border:1px solid var(--c-red);
}#contents_area.toppage section.notice .notice_box a{
	padding:15px;
	text-align:left;
	display:flex;
	align-items: center;
	font-weight:bold;
	border-top:1px solid var(--c-red);
	color:var(--c-red);
	text-decoration:none;
}#contents_area.toppage section.notice .notice_box a:first-child{
	border-top:none;
}
#contents_area.toppage section.notice .notice_area .notice_box a img{
	margin-right:20px;
	height:2em;
}

#contents_area.toppage.top_library .toppage_news{
	width:var(--fullsize);
	margin:0 auto 60px;
}#contents_area .toppage_news .top_library_news{
	width:85%;
	margin:0 auto;
	background:#ffffff;
	border:2px solid var(--c-library);
	padding:30px;
}


/*フチ文字タイトル*/
#contents_area.toppage .title_en{
	position:absolute;
	top:0;	left:0;
}#contents_area.toppage .title_en svg {
	width: 100%;
	height: auto;
	overflow: visible;
	fill: none;
	position:relative;
}#contents_area.toppage .title_en text {
	fill: transparent;
	paint-order: stroke;
	stroke-width: 0.3px;
	font-weight: bold;
	font-size: 0.7em;
	stroke: var(--c-gray3);
	stroke-linejoin: round;
	/*text-anchor:middle;*/
}

#contents_area.toppage.top_hitaru .title_en text{
	stroke: var(--c-hitaru2);
}#contents_area.toppage.top_scarts .title_en text{
	stroke: var(--c-scarts2);
}#contents_area.toppage.top_library .title_en text{
	stroke: var(--c-library2);
}#contents_area.toppage .top_plaza .title_en text{
	stroke: var(--c-gray3);
}

/*本日のイベント・カレンダー*/
#contents_area.toppage section.top_calendar_today{
	padding:40px 0;
	width:var(--fullsize);
	margin:40px auto;
	position:relative;
	overflow: unset;
    overflow-y: visible;
    /*overflow-x: clip;*/
	display:flex;
}#contents_area.toppage section.top_calendar_today.sp{
	display:none;
}

#contents_area.toppage section.top_calendar_today .calendar{
	width:350px;
	position:relative;
}

#contents_area.toppage section.top_calendar_today .today{
	width:calc(100% - 370px);
	position:relative;
	margin-left:20px;
}


#contents_area.toppage section.top_calendar_today .main_box{
	width:100%;
	background:#ffffff;
	padding:20px 0;
}#contents_area.toppage section.top_calendar_today .sub_box{
	width:100%;
	background:var(--main-color);
}

#contents_area.toppage section.top_calendar_today .main_box h3{
	border:none;
}#contents_area.toppage section.top_calendar_today .main_box h4{
	background:none;
	padding:0;
}

#contents_area.toppage section.top_calendar_today .today_main{
	margin: 0 auto;
	text-align:left;
	padding:0 40px;
}#contents_area.toppage section.top_calendar_today .today_tab{
	max-height:1015px;
	overflow-y: auto;
	border-top:1px solid var(--font-color);
	border-bottom:1px solid var(--font-color);
}#contents_area.toppage.top_library section.top_calendar_today .today_tab{
	max-height:600px;
}#contents_area.toppage section.top_calendar_today .today_tab li{
	/*margin:30px 0;*/
	border-bottom:1px solid var(--font-color);
	padding:30px 0;
	overflow-y: auto;
}#contents_area.toppage section.top_calendar_today .today_tab li:last-child{
	border-bottom:none;
}#contents_area.toppage section.top_calendar_today .today_tab li h4{
	margin-top:10px;
	font-size:1.1em;
	line-height: 1.5;
}#contents_area.toppage section.top_calendar_today .today_tab li p{
	margin-bottom:10px;
	line-height:1.4;
}#contents_area.toppage section.top_calendar_today .today_tab li p:last-child{
	margin-bottom:0;
}

#contents_area.toppage section.top_calendar_today .today_ex{
	margin-top:20px;
	padding-top:15px;
	color:#ffffff;
}#contents_area.toppage section.top_calendar_today .today_ex .today_main{
	margin: 0 auto;
	padding:10px 40px 15px;
}#contents_area.toppage section.top_calendar_today .today_ex h3{
	display:flex;
	font-size:1.1em;
	border-bottom:none;
}#contents_area.toppage section.top_calendar_today .today_ex h3 .icon{
	display: inherit;
	margin-right:10px;
	padding-bottom:2px;
}
#contents_area.toppage section.top_calendar_today .today_ex .today_tab{
	max-height:450px;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
}#contents_area.toppage section.top_calendar_today .today_ex .today_tab li{
	border-bottom:1px solid #ffffff;
	margin:10px 0;
	padding:0;
}#contents_area.toppage section.top_calendar_today .today_ex .today_tab li:last-child{
	border-bottom:none;
}#contents_area.toppage section.top_calendar_today .today_ex li h4{
	font-size:1em;
	background:none;
	padding:0;
    margin-bottom: 0;
}#contents_area.toppage section.top_calendar_today .today_ex h4 a{
	color:#ffffff;
}#contents_area.toppage section.top_calendar_today .today_ex .cate{
	border:1px solid var(--c-gray3);
	color:var(--font-color);
}

#contents_area.toppage.top_library section.top_calendar_today .today_ex h3{
	border:1px solid #ffffff;
	margin-bottom:10px;
	padding:2px 10px 1px;
}
#contents_area.toppage.top_library section.top_calendar_today .today_ex{
	background:var(--c-library);
	padding-bottom:20px;
}
#contents_area.toppage.top_library section.top_calendar_today .today_ex p{
	line-height:1.5;
}#contents_area.toppage.top_library section.top_calendar_today .today_ex a{
	color:#ffffff;
}#contents_area.toppage.top_library section.top_calendar_today .today_ex a.linkbtn{
	color:var(--font-color);
	padding: 8px 16px;
}

/*カレンダー*/
#contents_area.toppage section.top_calendar_today div.calendar{
}#contents_area.toppage section.top_calendar_today .calendar_head{
	position:relative;
}
#contents_area.toppage section.top_calendar_today div.calendar .main_box{
	display:none;
}#contents_area.toppage section.top_calendar_today div.calendar .main_box.active_cal{
	display:block;
}

#contents_area.toppage section.top_calendar_today .calendar_head .prev_arrow,
#contents_area.toppage section.top_calendar_today .calendar_head .next_arrow{
	position:absolute;
	top:65%;	left:20px;
	transform: translateY(-50%);
	cursor: pointer;
}#contents_area.toppage section.top_calendar_today .calendar_head .next_arrow{
	left:unset;	right:20px;
}
#contents_area.toppage section.top_calendar_today div.calendar .calendar_title{
	margin-top:-20px;
}
#contents_area.toppage section.top_calendar_today div.calendar p.month{
	font-size:1.1em;
	font-weight:bold;
	line-height:1;
	margin:auto 10px;
}
#contents_area.toppage section.top_calendar_today .calendar_area{
	position:relative;
}
#contents_area.toppage section.top_calendar_today .calendar_main{
	width:94%;
	margin:0 auto;
}

div.calendar .calendar_box{
	background:#ffffff;
	border-radius:10px;
	padding-top:5px;
}


div.calendar .calendar_table thead{

}div.calendar .calendar_table thead th{
	background:none;
	border:none;
	padding:0;
	padding-bottom:5px;
	line-height:1;
}
div.calendar .calendar_table thead th:first-child,
div.calendar .calendar_table tbody tr td:first-child,
div.calendar .calendar_table tbody tr td:first-child a{
	color:var(--c-red);
}div.calendar .calendar_table tbody tr td:first-child{
	/*background:#fdede4;*/
}
div.calendar .calendar_table thead th:last-child,
div.calendar .calendar_table tbody tr td:last-child,
div.calendar .calendar_table tbody tr td:last-child a{
	color:var(--c-blue);
}div.calendar .calendar_table tbody tr td:last-child{
	/*background:#d3edfb;*/
}

div.calendar .calendar_table tbody td{
	padding:0;
	/*padding-top:3px;*/
	height:45px !important;
	min-height:45px !important;
	width:58px;
	line-height:1;
	font-weight:bold;
	text-align:center;
    vertical-align: middle;
    font-size: 1.1em;
}div.calendar .calendar_table tbody td a{
	display:block;
    height: 100%;
	display: flex;
    align-items: center;
    justify-content: center;
}div.calendar .calendar_table tbody td a span{
	display:block;
	width:100%;	margin-bottom:1px;
}div.calendar .calendar_table tbody td a img{
	display: inline-block;
    margin: 2px;
}

div.calendar .calendar_table tbody td.close{
	outline:2px solid #e60012;
	outline-offset:-1px;
	position:relative;
	width:45px;
	height:45px !important;
	min-height:45px !important;
	padding: 13px 0px;
}div.calendar .calendar_table tbody td.close:before{
	content:"";
	position:absolute;
	top:0;	left:0;
	width:100%;	height:100%;
	background-image: linear-gradient(to left top, transparent calc(50% - 1.5px), #e60012 50%, #e60012 calc(50% + 0.5px), transparent calc(50% + 1.5px)) !important;
}div.calendar .calendar_table tbody td.close_l{
	/*background-image:url('../img/back_close_l.svg');
	background-size: contain;
    background-repeat: repeat;*/
	background:var(--c-gray4);
}
div.calendar .calendar_table tbody td.today{
	position:relative;
}
div.calendar .calendar_table tbody td.today:after{
	content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 36px;
    height: 36px;
/*    border: 1.5px solid #e60012;*/
	border: 1.5px solid #313659;
    border-radius: 50px;
    transform: translateX(-50%)translateY(-50%);
	pointer-events: none
}

div.calendar .calendar_info{
	text-align:left;
	margin-top:10px;
}div.calendar .calendar_info .info_close{
	padding:10px;
	padding-bottom:0;
}
div.calendar .calendar_info p{
	font-size:0.9em;
	padding-left:1.5em;
	text-indent:-1.5em;
    line-height: 1.3;
	margin-bottom:8px;
}div.calendar .calendar_info .info_close p{
	padding-left:1.7em;
	text-indent:-1.7em;
}div.calendar .calendar_info p img{
	vertical-align: text-top;
	margin-right:5px;
}div.calendar .calendar_info p:last-child{
	margin-bottom:0;
}
#contents_area.toppage section.top_calendar_today.onry_calendar{
	justify-content: center;
}#contents_area.toppage section.top_calendar_today.onry_calendar .calendar{
	width:70%;
}#contents_area.toppage section.top_calendar_today.onry_calendar .calendar .main_box{
	width: 100%;
	padding: 50px;
}
#contents_area.toppage section.top_calendar_today.onry_calendar .today_ex{
	position:absolute;
	bottom:-70px;	right:-20%;
	width:50%;
}
div.calendar .caltext{
	padding:8px 8px 0;
	font-size:0.9em;
    line-height: 1.3;
}
#contents_area.event_scarts div.calendar {
}
#contents_area.event_scarts div.calendar .calendar_title{
	display:none !important;
}#contents_area.event_scarts div.calendar .calendar_head p.month{
	padding-top:10px;
}
#contents_area.event_scarts div.calendar .main_box{
	width:240px;
	display:none;
}#contents_area.event_scarts div.calendar .main_box.active_cal{
	display:block;
}
#contents_area.event_scarts div.calendar .calendar_info{
	margin:0 !important;
	padding:0 0 8px !important;
}
#contents_area.event_scarts div.calendar .caltext{
	padding-bottom:8px;
}

#contents_area.scarts div.calendar .calendar_table tbody td a{
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.header_title.top_hitaru .hitaru_banner_area{
	width:var(--fullsize);
	text-align:center;
}.header_title.top_hitaru .hitaru_banner_area h3{
	font-size:1.45em;
	margin-top:20px;
	margin-bottom:20px;
}
.header_title.top_hitaru .hitaru_banner_list{
	width:820px;
	margin:0 auto;
	text-align:left;
	position:relative;
	overflow:hidden;
}
.header_title.top_hitaru .hitaru_banner_list a{
	margin-bottom:20px;
	display: inline-block;
	float:left;
}.header_title.top_hitaru .hitaru_banner_list a img{
	vertical-align:bottom;

}
.header_title.top_hitaru .hitaru_banner_list .banner_l{
	margin-right:20px;
}

.header_title.top_hitaru .hitaru_banner_list.no_l_banner .banner_s:nth-of-type(1){
	margin-right:20px;
}.header_title.top_hitaru .hitaru_banner_list.no_l_banner .banner_s:nth-of-type(2){
	margin-right:20px;
}.header_title.top_hitaru .hitaru_banner_list .banner_s:nth-of-type(n+3){
	margin-right:20px;
}.header_title.top_hitaru .hitaru_banner_list .banner_s:nth-of-type(3n){
	margin-right:0;
}

.header_title.top_hitaru .hitaru_banner_list a.blank{
	position:relative;
}.header_title.top_hitaru .hitaru_banner_list a.blank p{
	position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    background: #000000ac;
    color: #ffffff;
    font-size: 0.8em;
    padding: 3px 5px;
    line-height: 1.4;
}

/*トップイベント*/
#contents_area.toppage section.top_event_btn{
	width:var(--fullsize);
	margin:20px auto 70px;
	background:var(--c-gray4);
	position:relative;
	padding:30px;
	text-align:center;
	overflow: visible;
}
#contents_area.toppage .top_event_box.top_plaza.pc{
	width:100%;
	margin:20px auto 0;
	background:var(--c-gray4);
	position:relative;
	padding:15px;
	text-align:center;
	overflow: visible;
}#contents_area.toppage .top_event_box.top_plaza.pc .event_btn a{
	margin-right:0;
}#contents_area.toppage .top_event_box.top_plaza.pc .event_box_title h3{
    font-size: 1.2em;
    margin-bottom: 10px;
}

#contents_area.toppage section.top_event_btn .title_en text{
	stroke: var(--c-gray3);
}
#contents_area.toppage section .event_box_title h3{
	font-size:1.45em;
	border:none;
	margin-bottom:20px;
}
#contents_area.toppage section .event_btn a{
	margin-right:30px;
	width:300px;
	padding:9px 0 8px;
}#contents_area.toppage section .event_btn a:last-child{
	margin-right:0;
}

/*トップイベント一覧*/
#contents_area.toppage section.top_event{
	margin:70px auto 70px;
	padding:30px 0 30px;
	width:100%;
	position:relative;
	text-align:center;
	overflow: visible;
}
#contents_area.toppage section.top_event.top_hitaru,
#contents_area.toppage section.top_event.top_scarts,
#contents_area.toppage section.top_event.top_library{
	background:#ffffff;
	padding-top:0;
}

#contents_area.toppage section.top_event .top_event_list{
	margin-top:30px;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
#contents_area.toppage section.top_event .top_event_list.li_min{
	justify-content: space-evenly;
}
#contents_area.toppage section.top_event .top_event_list::after {
	display: block;
	content:"";
	width:calc(33% - 45px);
}
#contents_area.toppage section.top_event .top_event_list.li_min::after {
	display: none !important;
}
#contents_area.toppage section.top_event .top_event_list li{
	width:calc(33% - 45px);
	text-align:left;
	margin-bottom:35px;
}#contents_area.toppage section.top_event .top_event_list li:nth-of-type(3n){
	justify-content: space-between;
}#contents_area.toppage section.top_event .top_event_list li img{
	width:100%;
    height: 400px;
    object-fit: contain;
	margin-bottom:10px;
}#contents_area.toppage section.top_event .top_event_list li a{
}#contents_area.toppage section.top_event .top_event_list li h4{
	color:var(--font-color);
	background:none;
	line-height:1.5;
	padding:10px 0;
	margin-bottom:0;
	font-size: 1.05em;
}#contents_area.toppage section.top_event .top_event_list li p{
	line-height:1.7;
	letter-spacing: 0;
}

#contents_area.toppage section.top_event .inner{
	position:relative;
	padding-top:30px;
}


#contents_area.toppage a.boxhover{
}
#contents_area.toppage a.boxhover:hover,
#contents_area.toppage a.boxhover:focus{
	opacity:1 !important;
}
#contents_area.toppage a.boxhover span,
#contents_area.toppage a.boxhover span{
	transition: 0.5s ease-in-out;
}
#contents_area.toppage a.boxhover:hover span,
#contents_area.toppage a.boxhover:focus span{
	background:var(--c-yellow);
	transition: 0.5s ease-in-out;
}


#contents_area.toppage .topborder{
	position:relative;
}
#contents_area.toppage .topborder:before{
	content:"";
	position:absolute;
	bottom:100%;	left:50%;
	transform: translateY(0) translateX(-50%);
	width:0.1px;
	background:var(--font-color);
	height:250px;
	/*border-right:1px solid var(--font-color);*/
	opacity:1 !important;
}
#contents_area.toppage a:hover .topborder:before{
	opacity:1 !important;
}

#contents_area.toppage a.subhover:hover,
#contents_area.toppage a.subhover:focus{
	opacity:1 !important;
}#contents_area.toppage a.subhover h3,#contents_area.toppage a.subhover p,
#contents_area.toppage a.subhover h3,#contents_area.toppage a.subhover p{
	transition: 0.5s ease-in-out;
}#contents_area.toppage a.subhover:hover h3,#contents_area.toppage a.subhover:hover p,
#contents_area.toppage a.subhover:focus h3,#contents_area.toppage a.subhover:focus p{
	opacity:0.6;
}

#contents_area.toppage.top_scarts section.top_event.top_scarts .top_event_box .top_event_list{
}#contents_area.toppage.top_scarts section.top_event.top_scarts .top_event_box .top_event_list li{

}


/*トップお知らせ埋め込み*/
#contents_area.toppage .top_news{
	position:relative;
	padding:30px 0 40px;
	width:var(--fullsize);
	background:#ffffff;
	margin:60px auto 0;
    overflow: visible;
}
#contents_area.toppage.top_library .top_news{
	margin-top:80px;
}
#contents_area.toppage .top_news .top_news_box{
	position:relative;
}
#contents_area.toppage .top_news .top_news_box .news_box_title{

}#contents_area.toppage .top_news .top_news_box .news_box_title h3{
	border:none;
	margin-bottom:20px;
}

#contents_area.toppage.hitaru .top_news .title_en{
	border:1px solid var(--c-hitaru3);
}#contents_area.toppage.hitaru .top_news .title_en text {
	stroke: var(--c-hitaru3);
}

#contents_area.toppage .top_news .top_news_box ul.top_news_list{
	width:100%;
}
#contents_area.toppage .top_news .top_news_box ul.top_news_list li{
	width:86%;
	margin:0 auto;
	border-top:1px solid var(--font-color);
	display:flex;
    align-items: center;
	padding:10px 0;
}#contents_area.toppage .top_news .top_news_box ul.top_news_list li:last-child{
	border-bottom:1px solid var(--font-color);
}
#contents_area.toppage .top_news .top_news_box ul.top_news_list li a{

}#contents_area.toppage .top_news .top_news_box ul.top_news_list li .info{
	width:30%;
}#contents_area.toppage .top_news .top_news_box ul.top_news_list li .info p{

}#contents_area.toppage .top_news .top_news_box ul.top_news_list li .info span{
	width:90%;
	padding:4px 4px;
}#contents_area.toppage .top_news .top_news_box ul.top_news_list li .news_title{
	/*align-self: flex-start;*/
	text-decoration:underline;
	width:70%;
	padding-right:20px;
}

/*ボタン配置エリア*/
#contents_area.toppage .top_btnlist{
	width:var(--fullsize);
	margin:40px auto 0;
}
#contents_area.toppage .top_btnlist .btnlist_small{
	display:flex;
	margin-bottom:40px;
}
#contents_area.toppage .top_btnlist .btnlist_small .hover_btn{
	width:25%;
	height:150px;
	margin-right:20px;
}#contents_area.toppage .top_btnlist .btnlist_small .hover_btn:last-child{
	margin-right:0;
}#contents_area.toppage .top_btnlist .btnlist_small .hover_btn h3{
	font-size:1em;
}

#contents_area.toppage .top_btnlist .btnlist_large{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
#contents_area.toppage .top_btnlist .btnlist_large .hover_btn{
	width:46%;
	height:220px;
	margin-bottom:40px;
}

#contents_area.toppage.top_library .top_btnlist .btnlist_large .hover_btn a h3{
	width:100%;
}
#contents_area.toppage.top_scarts section.top_scarts_support{
	width:var(--fullsize);
	margin:60px auto 0;
	overflow: visible;
	text-align:center;
	position:relative;
}
#contents_area.toppage.top_scarts section.top_scarts_support .top_news_box{
	border:1px solid var(--main-color);
	padding:40px 50px 50px;
}#contents_area.toppage.top_scarts section.top_scarts_support .top_news_box h3{
	border-bottom:none;
}#contents_area.toppage.top_scarts section.top_scarts_support .top_news_box .support_btn{
	margin-bottom:30px;
	margin-top:20px;
}
#contents_area.toppage.top_scarts section.top_scarts_support .top_news_box .btnlist_large{
	display:flex;
	justify-content: space-between;
	margin-bottom:30px;
}#contents_area.toppage.top_scarts section.top_scarts_support .top_news_box .btnlist_large .hover_btn{
	width:calc(33% - 15px);
	height:175px;
}
#contents_area.toppage.top_scarts section.top_scarts_support .top_news_box .btnlist_small{
	display:flex;
	justify-content: space-between;
}#contents_area.toppage.top_scarts section.top_scarts_support .top_news_box .btnlist_small .hover_btn{
	width:calc(25% - 15px);
	height:135px;
}#contents_area.toppage.top_scarts section.top_scarts_support .top_news_box .btnlist_small .hover_btn.font-min{
	font-size:0.9em;
}

#contents_area.toppage.top_scarts section.top_scarts_project{
	width:100%;
	background:#ffffff;
	margin:60px auto 80px;
	padding:0;
	overflow: visible;
	text-align:center;
	position:relative;
}#contents_area.toppage.top_scarts section.top_scarts_project .event_box_title h3{
	margin-bottom:0;
}#contents_area.toppage.top_scarts section.top_scarts_project .top_event_box .project_btn{
	margin-top:20px;
	margin-bottom:30px;
}
#contents_area.toppage.top_scarts section.top_scarts_project .top_event_box .top_project_list{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}#contents_area.toppage.top_scarts section.top_scarts_project .top_event_box .top_project_list:after{
	content:"";
	width:calc(33% - 20px);
	display: block;
}#contents_area.toppage.top_scarts section.top_scarts_project .top_event_box .top_project_list li{
	width:calc(33% - 20px);
	margin-bottom:40px;
	text-align:left;
}#contents_area.toppage.top_scarts section.top_scarts_project .top_event_box .top_project_list li img{
	width:100%;
	height:185px;
	object-fit: cover;
	margin-bottom:5px;
}
#contents_area.toppage.top_scarts section.top_scarts_project .top_event_box .top_project_list li h4{
	background:none;
	padding:0;
	margin:5px 0 5px;
	font-size:1.05em;
	line-height:1.5;
}



/*背景画像エリア*/
#contents_area.toppage .backimage_box{
	width:var(--fullsize);
	margin:40px auto 70px;
	position:relative;
	display:flex;
	overflow: visible;
}#contents_area.toppage .backimage_box img.backimage{
	width:50%;
	/*height:285px;*/
	object-fit: cover;
}
#contents_area.toppage .backimage_box.hitaru_proj img.backimage.backimage_all{
	width:100%;
}
#contents_area.toppage .backimage_box .backimage_main{
	position:absolute;
	top:50%;	left:50%;
	transform: translateX(-50%) translateY(-50%);
	width:420px;
	background:#dcdcdcdc;
	text-align:center;
}#contents_area.toppage .backimage_box .backimage_main a{
	padding:30px;
	display:block;
	width:100%;	height:100%;
	text-decoration:none;
}
#contents_area.toppage .backimage_box .backimage_main h3{
	font-size:1.45em;
	line-height:1.5;
	border-bottom:none;
	margin-bottom:20px;
}
#contents_area div.btn{
	color:var(--main-color);
	border:1px solid var(--main-color);
	margin-top:20px;
	padding:2px 10px 1px;
	display:inline-block;

	transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
}

#contents_area.toppage .backimage_box.library_info{
	width:100%;
	display:block;
}#contents_area.toppage .backimage_box.library_info img.backimage{
	width:100%;
	height:100%;
	object-fit:cover;
	position:absolute;
	top:0;	left:0;
}#contents_area.toppage .backimage_box.library_info .backimage_main{
	position:relative;
	top:unset;	left:unset;
    transform: translateX(0%) translateY(0%);
    width: 660px;
    background: var(--base-color);
    text-align: left;
	margin:0 auto;
	padding:0 30px;
}
#contents_area.toppage .backimage_box.library_info .backimage_main h4{
	background:none;
	color:var(--c-library);
	border-bottom:1px dotted var(--font-color);
	padding:10px 0 5px;
	display:flex;
}#contents_area.toppage .backimage_box.library_info .backimage_main h4 div.icon{
	display:inline-flex;
	margin-right:10px;
}#contents_area.toppage .backimage_box.library_info .backimage_main p{
	line-height:1.5;
}#contents_area.toppage .backimage_box.library_info .backimage_main h6{
	color:var(--c-library);
	margin:15px 0 0;	padding:0;
	font-size:1em;
}
#contents_area.toppage .backimage_box.library_info .backimage_main .info_flex_w{
	display:flex;
}#contents_area.toppage .backimage_box.library_info .backimage_main .info_flex_w.contact_flex{
	flex-wrap:wrap;
}#contents_area.toppage .backimage_box.library_info .backimage_main .info_flex_w div.info{
	width:50%;
}
#contents_area.toppage .backimage_box.library_info .backimage_main a{
	display:inline;
	background-position: 3px center;
	padding:0;		padding-left:1em;
	width:unset;	height:unset;
}
#contents_area.toppage .border_box_lirabry{
	background:#ffffff;
	border:2px solid var(--c-library);
	padding:15px;
}




#contents_area.toppage section.top_scarts_topics{
	width:var(--fullsize);
	margin:70px auto;
	position:relative;
}#contents_area.toppage section.top_scarts_topics .top_news_box{
	
}#contents_area.toppage .top_news .top_news_box .news_box_title h3{
	margin-bottom:0;
}
#contents_area.toppage section.top_scarts_topics .top_news_box .news_box_title p{
	text-align:center;
	margin-bottom:20px;
}#contents_area.toppage section.top_scarts_topics .top_news_box .top_news_list{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	padding:0 30px;
}
#contents_area.toppage section.top_scarts_topics .top_news_box .top_news_list li{
	border-bottom:1px solid var(--font-color);
	border-top:none;
	width:calc(50% - 15px);
	margin:0;
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
}
#contents_area.toppage section.top_scarts_topics .top_news_box .top_news_list li:nth-of-type(1),
#contents_area.toppage section.top_scarts_topics .top_news_box .top_news_list li:nth-of-type(2){
	border-top:1px solid var(--font-color);
}
#contents_area.toppage section.top_scarts_topics .top_news_box .top_news_list li .info{
	width:100%;
}#contents_area.toppage section.top_scarts_topics .top_news_box .top_news_list li img{
	width:180px;
	height:130px;
	object-fit:cover;
}#contents_area.toppage section.top_scarts_topics .top_news_box .top_news_list li h4{
	line-height:1.5;
	font-size:1.05em;
	background:none;
	padding:0;
}#contents_area.toppage .top_scarts_topics .top_news_box ul.top_news_list li .info span{
	width:unset;
}

#contents_area.toppage section.top_event.top_scarts .top_event_list{
	width:var(--fullsize);
	margin:40px auto 0;
}#contents_area.toppage section.top_event.top_scarts .top_event_list li{
	width:calc(25% - 20px);
}#contents_area.toppage section.top_event.top_scarts .top_event_list::after,
#contents_area.toppage section.top_event.top_scarts .top_event_list::before{
    display: block;
    content: "";
    width: calc(25% - 20px);
	order:1;
}
#contents_area.toppage section.top_event.top_scarts .top_event_list li img{
	height:325px;
}

/*---	汎用パーツ	---------------------------*/
.flex_area{
	display: flex;
    align-items: center;
    justify-content: space-between;
}
/*ボタン*/
.linkbtn{
	background:var(--c-white);
	border:1px solid var(--font-color);
	padding:9px 50px 8px;
	display:inline-block;
	margin:0 auto;
	/*box-shadow:5px 5px 0px 0px #00000044;*/
	margin-bottom:5px;
	/*border-radius: 150px;*/
	text-decoration: none !important;
	position:relative;
	text-align:center;
	line-height: 1.4;
	box-sizing: border-box;
}
.linkbtn:hover,
.linkbtn:focus{
	opacity:1.0;
	background:var(--c-yellow);
}
.linkbtn.off{
	background:var(--c-gray4) !important;
	box-shadow:unset !important;
}.linkbtn.on{
	/*outline: 2px solid var(--font-color);
    outline-offset: -2px;
	*/
	border:2px solid var(--font-color);
}
.linkbtn.hitaru{	background:var(--c-hitaru2);	}
.linkbtn.scarts{	background:var(--c-scarts2);	}
.linkbtn.library{	background:var(--c-library2);	}
.linkbtn.plaza{	background:var(--c-white);	}

.linkbtn.all:hover,.linkbtn.all:focus{background:var(--c-white);}

.linkbtn.no_link:hover,
.linkbtn.no_link:focus{
	opacity:1.0;
	background:#ffffff;
}

.linkbtn.icon_inquiry{
	padding: 15px 80px 14px 60px;
	font-size:1.2em;
	/*box-shadow:7px 7px 0px 0px #00000044;*/
	margin-bottom:7px;
}.linkbtn.icon_inquiry:after{
	content:"";
    display: inline-block;
	position:absolute;
	top:50%;	right:30px;
	transform: translateY(-50%);
    width: 1.6em;
    height: 1.6em;
	background-image:url('../img/icon_inquiry.svg');
	background-size: contain;
	background-repeat: no-repeat;
	transition: 0.3s ease-in-out;
}

.linkbtn.event_cal,
.linkbtn.archive_btn{
	padding: 7px 15px 6px 50px;
	font-size:1.1em;
	box-shadow:none;
	margin-bottom:0;
	background:var(--font-color);
	color:var(--c-white);
}.linkbtn.event_cal:after,
.linkbtn.archive_btn:after{
	content:"";
    display: inline-block;
	position:absolute;
	top:50%;	left:20px;
	transform: translateY(-55%);
    width: 1.6em;
    height: 1.6em;
	background-image:url('../img/icon_calcheck_w.svg');
	background-size: contain;
	background-repeat: no-repeat;
	transition: 0.3s ease-in-out;
}.linkbtn.event_cal:hover,.linkbtn.event_cal:focus,
.linkbtn.archive_btn:hover,.linkbtn.archive_btn:focus{
	opacity: 0.6;
}
.linkbtn.archive_btn{
	padding: 7px 50px 6px 95px;
}.linkbtn.archive_btn:after{
    width: 2em;
	left:50px;
	background-image:url('../img/icon_archive_w.svg');
}

.linkbtn.seat_stage_btn{
    height: 100px;
    width: 510px;
	background-image:url('../img/theater_seat_back.jpg');
	/*background-size: contain;*/
	background-size: 40%;
    background-position-y: -15px;
	background-repeat: no-repeat;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: right;
}.linkbtn.seat_stage_btn p{
	text-align:right;
	width:100%;
}

.linkbtn.seat_stage_btn_flex{
	width:510px;
	height:100px;
	display:inline-flex;
	padding:0;
}.linkbtn.seat_stage_btn_flex img{
	width:40%;
}.linkbtn.seat_stage_btn_flex p{
	width:60%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hover_btn{
	position:relative;
}.hover_btn>img.hoverimg{
	position:absolute;
	top:0;	left:0;
	width:100%;	height:100%;
	object-fit: cover;
	z-index:-1;
}
.hover_btn a{
	background:#ffffff;
	border:1px solid var(--main-color);
	display:block;
	width:100%;	height:100%;
    display: flex;
	flex-wrap:wrap;
    align-items: center;
	align-content: center;
    justify-content: center;
	z-index:1;
	text-decoration:none !important;
}
.hover_btn a div.icon img{
	transition: 0.5s ease-in-out;
	margin-bottom:5px;
}
.hover_btn a:hover,.hover_btn a:focus{
	background:#3232329d;
	opacity:1;
	color:#ffffff;
}
.hover_btn a:hover div.icon img,.hover_btn a:focus div.icon img{
	filter: brightness(0) invert(1);
}
#contents_area .hover_btn a:hover div.btn,#contents_area .hover_btn a:focus div.btn{
	border-color: #ffffff;
    color: #ffffff;
}
.hover_btn.no_link a:hover,.hover_btn.no_link a:focus{
	background:#ffffff;
	0pacity:0;
	color:var(--font-color);
}.hover_btn.no_link a:hover div.icon img,.hover_btn.no_link a:focus div.icon img{
	filter: unset;
}#contents_area .hover_btn.no_link a:hover div.btn,#contents_area .hover_btn.no_link a:focus div.btn{
	border-color: var(--main-color);
	color:var(--font-color);
}

#contents_area .hover_btn a h3{
	font-size:1.2em;
	line-height:1.2;
	border-bottom:none;
}#contents_area .hover_btn a h3+p{
	margin-top:10px;
	line-height:1.5;
}

.hover_btn a p{
	width:100%;
	text-align:center;
}

.hover_btn.align a h3,
.hover_btn.align a p{
	height:50%;
	display:flex !important;
	align-items: center;
}
.hover_btn.align a h3{
	justify-content: center;
	padding-top:30px;
}
.hover_btn.align a p{
	margin-top:0 !important;
	justify-content: center;
	padding-bottom:30px;
}



.box_link {
    margin: 0 0 40px;
    text-align: center;
    border: 1px solid var(--c-gray3);
    line-height: 1em;
}.box_link a {
    padding: 15px;
    display: block;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}.box_link a:hover,
.box_link a:focus {
    background-color: var(--c-yellow);
}


/*ジャンプボタン*/
.page_jump_links{
	display:flex;
}.page_jump_links a.linkbtn{
	display: flex;
    align-items: center;
    justify-content: center;
	box-shadow:none;
	width:100%;
	padding:15px 0;
	text-align:center;
	/*border-radius:30px;*/
	margin:2px;
	line-height: 1.3;
}


/*カテゴリ表示*/
.cate,.genre{
	display: inline-block;
	text-align:center;
    line-height: 1.2;
	font-size:0.8em;
	border:1px solid var(--font-color);
	/*border-radius:15px;*/
	padding: 4px 15px;
	letter-spacing: -0.01em;
	background:#ffffff;
}
.cate.spon,.genre.spon,.cate.cate_sponsor,.genre.genre_sponsor{
	border:1px solid #ffffff;
	color:#ffffff !important;
	background:var(--main-color) !important;
}

.cate.plaza{	background:transparent;	}
.cate.hitaru{	background:var(--c-hitaru2);	}
.cate.scarts{	background:var(--c-scarts2);	}
.cate.library{	background:var(--c-library2);	}
.genre{	background:var(--c-white);	}

.genre.genre_ticket{
	display: block;
    width: fit-content;
	font-size:1.1em;
}
.genre.genre_ticket.member,.genre.genre_ticket.members{
	font-weight:bold;
	background:var(--c-membar);
	color:#ffffff;
}.genre.genre_ticket.member a,.genre.genre_ticket.members a{
	display:block;
	padding:16px 35px;
	color:#ffffff;
}
.genre.genre_ticket.ticketcenter{
	padding:16px 35px;
	font-weight:bold;
}
.genre.genre_ticket.soldout{
	padding:16px 35px;
	background:var(--c-red);
	color:#ffffff;
	font-weight:bold;
}
.genre.genre_min,
.cate.cate_min{
	padding: 4px 8px;
    letter-spacing: -0.17em;
}

/*ページネーション*/
.select_list{
	padding:10px;
	text-align:center;}
.select_list li{
	margin:0;
	padding:0;
	border:none;
	float:left;}
.select_list li:last-child{
	padding:0;}
.select_list li.list_number ol{
	margin:0;
	padding:0;
	border:none;
	display:flex;
	justify-content:center;}
.select_list li.list_number ol li{
	margin-right:0.5em;}
.select_list li.list_number ol li:after{
	content:"・";
	font-weight:normal;
	margin-left:8px;
	}
.select_list li.list_number ol li:last-child{
	margin-right:0;}
.select_list li.list_number ol li:last-child:after{
	display:none;
	}
.select_list li.list_number ol li.select{
	font-weight:bold;}
.select_list li.list_prev{
	width:20%;
	text-align:left;}
.select_list li.list_number{
	width:60%;}
.select_list li.list_next{
	width:20%;
	text-align:right;}


/*ダウンロード一覧*/
ul.download_list{
	width:100%;
}ul.download_list li{
	width:100%;
	border-top:1px solid var(--font-color);
}ul.download_list li:first-child{
	border-top:none;
}ul.download_list li a{
	display:block;
	padding:15px 0;
	line-height:1.6;
	text-decoration:none;
	padding-left:23px;
    background-repeat: no-repeat;
    background-position: left center;
	background-image: url(../img/icon_download.png);
}ul.download_list li a.dl_pdf{	background-image: url(../img/icon_pdf.png);	background-position: left 22px;	}
ul.download_list li a.dl_word{	background-image: url(../img/icon_word.png);	background-position: left 22px;	}
ul.download_list li a.dl_excel{	background-image: url(../img/icon_excel.png);	background-position: left 22px;	}

.icon_s,.pdf_icon{
	vertical-align: unset;
}


/*画像一覧*/
ul.img_list{
	width:100%;
	display:flex;
	flex-wrap: wrap;
	align-items: center;
    justify-content: space-between;
}ul.img_list li{
	width:32%;
	margin-bottom:20px;
}ul.img_list:after{
  content:"";
  display: block;
  width:32%;
}


/*外部リンク*/
img.other{
	display: inline-block;
	vertical-align: unset;
}
/*縦ボーダー*/
.border_long{
	height:10px;
	position:relative;
}.border_long:after{
	content:"";
display:none;
	position:absolute;
	top:0;	left:50%;
	transform: translateY(0) translateX(-50%);
	width:0.1px;
	background:var(--font-color);
	height:100%;
	/*border-right:1px solid var(--font-color);*/
}
.border_short{
	height:10px;
	position:relative;
}.border_short:after{
	content:"";
	display:none;
	position:absolute;
	top:0;	left:50%;
	transform: translateY(0) translateX(-50%);
	width:0.1px;
	background:var(--font-color);
	height:100%;
/*	border-right:1px solid var(--font-color);*/
}
.border_min{
	height:5px;
	position:relative;
}.border_min:after{
	content:"";
	display:none;
	position:absolute;
	top:0;	left:50%;
	transform: translateY(0) translateX(-50%);
	width:0.1px;
	background:var(--font-color);
	height:100%;
/*	border-right:1px solid var(--font-color);*/
}


/*タブ切り替え*/
ul.tab-area {
  display: flex;
  cursor: pointer;/* カーソルポインターに */
}
ul.tab-area li.tab {
	width: 100%;
	background-color: var(--c-white);
	color: var(--font-color);
	font-size: 1.2em;
	text-align: center;
	font-weight: bold;
	border-radius: 10px 10px 0 0;
	border-top: 1px solid var(--font-color);
	border-left: 1px solid var(--font-color);
	border-right: 1px solid var(--font-color);
	margin: 0 4px 0;
	transition: 0.5s ease-in-out;
	position:relative;
}
ul.tab-area li.tab:after {
	content:"";
	position:absolute;
	width:calc(100% + 2px);	height:6px;
	background:var(--base-color);
	bottom:0;	left:-1px;

}ul.tab-area li.tab.active:after {
	background:transparent;
}
ul.tab-area.whitebase li.tab:after {
	background:#ffffff;
}ul.tab-area li.tab.active:after {
	background:transparent;
}

ul.tab-area li.tab a {
	text-decoration: none;
	display:block;
	width:100%;	height:100%;
	padding: 18px 0 20px;
	border-radius: 10px 10px 0 0;
    line-height: 1.3;
    display: flex;
    align-items: center;
    justify-content: center;
	position:relative;
}
ul.tab-area li.tab.active {
	background-color: var(--font-color);
	margin-bottom:0;
}
ul.tab-area li.tab.active a {
	color: var(--c-white);
}ul.tab-area li.tab.active a:after{
	content:"";
	position:absolute;
	left:50%;	bottom:0;
	transform: translateX(-50%);
	width:20px;	height:20px;
	background: url(../img/facility_tab.png) no-repeat;
    background-position: center bottom 3px;
}.tab_vertical_ou ul.tab-area li.tab.active a:after{
	display:none;
}
ul.tab-area li.tab a:hover,
ul.tab-area li.tab a:focus {
	opacity: 1;
}
ul.tab-area + .panel-area {
	border-top: 2px solid var(--font-color);
	border-bottom: 2px solid var(--font-color);
}
ul.tab-area + .panel-area .panel,
.tab_vertical_ou .tab_vertical_in + .panel-area .panel{
	display: none;
}ul.tab-area + .panel-area .panel.active,
.tab_vertical_ou .tab_vertical_in + .panel-area .panel.active{
	display: block;
}

/*縦並びタブ*/
#contents_area.facility_stage > section{
	/*position: sticky; のためにoverflow解除*/
	overflow: visible;
}
.tab_vertical_ou{
	display:flex;
}
.tab_vertical_ou .tab_vertical_in{
	height:auto;
}
.tab_vertical_ou ul.tab-area {
	flex-wrap:wrap;
    align-self: start;
	width:100px;
	position: sticky;
	top:0;	right:0;
}
.tab_vertical_ou ul.tab-area li.tab {
	height:50px;
	font-size:1em;
	border-bottom:1px solid var(--font-color);
	border-right:none;
	border-radius: 10px 0 0 10px;
	margin:2px 0 2px 0;
	order:2;
    line-height: 1.3;
}.tab_vertical_ou ul.tab-area li.tab:after {
	width:5px;	height:calc(100% + 2px);
	bottom:-1px;	left:unset;	right:0;
}.tab_vertical_ou ul.tab-area li.tab a{
	border-radius: 10px 0 0 10px;
}
.tab_vertical_ou .tab_vertical_in + .panel-area {
	width:calc(100% - 100px);
	border-top:none;
	border-bottom:none;
	border-left:2px solid var(--font-color);
	border-right:2px solid var(--font-color);
}

.tab_vertical_ou ul.tab-area li.tab.place {
	order:1;
    display: flex;
    align-items: center;
    justify-content: center;
	border-radius:0;
    cursor: auto;
	border:none;
    background: transparent;
}.tab_vertical_ou ul.tab-area li.tab.place:after {
	display:none;
}.tab_vertical_ou ul.tab-area li.tab.place.place_long {
	font-size: 0.9em;
    letter-spacing: -0.04em;
    line-height: 1.2;
}

.tab_vertical_ou ul.tab-area li.tab.place.hitaru {color:var(--c-hitaru);}
.tab_vertical_ou ul.tab-area li.tab.place.scarts {color:var(--c-scarts);}
.tab_vertical_ou ul.tab-area li.tab.place.library {color:var(--c-library);}



/*フォーム部品*/

#contents_area form input,
#contents_area form select{
	/*border-radius:30px;*/
	border:1px solid var(--font-color);
	padding-left:0.5em;
}
#contents_area form select{
	padding: 5px 8px;
	/*background:var(--c-llgreen);*/
}
#contents_area form textarea{
	/*border-radius:10px;*/
	width:100%;
	padding:10px;
}
#contents_area form input[type="text"]{
}#contents_area form input[type="radio"]{
}#contents_area form input[type="checkbox"]{
}#contents_area form input[type="submit"]{
	padding-left:50px;
}

#contents_area form .i3{	width:3em;	}	#contents_area form .i4{	width:4em;	}
#contents_area form .i5{	width:5em;	}	#contents_area form .i6{	width:6em;	}
#contents_area form .i7{	width:7em;	}	#contents_area form .i8{	width:8em;	}
#contents_area form .i9{	width:9em;	}	#contents_area form .i10{	width:10em;	}
#contents_area form .i15{	width:15em;	}	#contents_area form .i18{	width:18em;	}
#contents_area form .i20{	width:20em;	}	#contents_area form .i30{	width:30em;	}
#contents_area form .i50{	width:50%;	}	#contents_area form .i80{	width:80%;	}
#contents_area form .i90{	width:90%;	}	#contents_area form .i100{	width:100%;	}
@media screen and (max-width: 930px){
	#contents_area form .i20{	width:80%;	}
	#contents_area form .i30,#contents_area form .i50,#contents_area form .i80,
	#contents_area form .i90{	width:100%;	}
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
.inquiry .form_input dt strong{
	/*border-radius:10px;*/
}


/*slickスライド*/
.slide_area{
	/*top_main*/
	position:relative;
}
.eventplay_thumbnail{
	background:var(--c-gray4);
	display:flex;
	align-items: center;
    justify-content: center;
	padding:10px 20px;
}.eventplay_thumbnail a{
	height:78px;
    width: calc(15% - 10px);
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
	background:var(--c-white);
	cursor: pointer;
	opacity:0.6;
}.eventplay_thumbnail a:last-child{
	margin-right:0;
}.eventplay_thumbnail a img{
	max-width:100%;
	max-height:100%;
	object-fit: contain;
}

.eventplay_thumbnail a.on{
	opacity:1;
}.eventplay_thumbnail a.on:hover,
.eventplay_thumbnail a.on:focus{
	opacity:1;
}





/*---	コンテンツ	---------------------------*/
.return_area{
	text-align:center;
}
#contents_area.bottom_overlap{
/*	margin-bottom: -66px;*/
}
#contents_area{
	position: relative;
	text-align:center;
	width:100%;
	/*min-width: calc(var(--fullsize) + 100px);*/
	min-width:var(--fullsize);
	margin:0 auto;
	/*min-height:30vh;*/
	letter-spacing: .05rem;
	line-height: 2;
}

#contents_area h3{
	display:block;
	text-align:center;
    width: fit-content;
    margin: 0 auto;
	font-size:1.45em;
	border-bottom:2px solid var(--font-color);
}
#contents_area h3.downborder{
	position:relative;
	margin-bottom:60px;
}#contents_area h3.downborder:after{
	content:"";
	display:none;
	position:absolute;
	top:100%;	left:50%;
	transform: translateY(2px) translateX(-50%);
	width:0.1px;
	background:var(--font-color);
	height:90px;
/*	border-right:1px solid var(--font-color);*/
}

#contents_area h4{
	background:var(--c-gray1);
	color:var(--c-white);
	font-size:1.2em;
	padding:9px 20px 8px;
	margin-bottom:10px;
	width:100%;
	background-image: linear-gradient(135deg, var(--c-gray3) 15px, transparent 0);
}
#contents_area .back_white h4{
	color:var(--font-color);
	background:var(--c-gray4);
	background-image: linear-gradient(135deg, var(--c-gray1) 15px, transparent 0);
}

#contents_area h5{
	font-size: 1.13em;
    margin: 0 0 0;
}

#contents_area h6.round_title{
	font-size: 1.25em;
    margin: 0 auto 0;
}


/*セクション*/
#contents_area section{
	width:100%;
	/*min-width:calc(var(--fullsize) + 100px);*/
	min-width:var(--fullsize);
	overflow: hidden;
	text-align:left;
}
#contents_area section .inner{
	min-height:20vh;
	width:var(--fullsize);
}

#contents_area section.box{
	width:var(--fullsize);
	margin:0 auto;
}
#contents_area .back_white{
	background:var(--c-white);
	padding:40px 55px;
}#contents_area .back_gray{
	background:var(--c-gray5);
	padding:40px 55px;
}

#contents_area section.back_round{
	padding:40px 0;
	width:100%;
	height:500px;
	position:relative;
	text-align:center;
}#contents_area section.back_round:before{
	content:"";
	width:500px;	height:500px;
	position:absolute;
	top:0;	left:50%;
	transform: translateX(-50%);
	background:var(--c-white);
	border-radius:50%;
	z-index:-1;
}

#contents_area section.short{
	padding:5px 30px;
}


/*---	ページ固有	---------------------------*/
/*レストラン*/
#contents_area.restaurant .flex_area{	align-items: start;	}
#contents_area.restaurant .text_area{	width:45%;	text-align:center;	}
#contents_area.restaurant .text_area img{	margin:0 auto 20px;	}
#contents_area.restaurant .text_area p{	text-align:left;	}
#contents_area.restaurant .img_area{	width:55%;	}
#contents_area.restaurant .img_area.m-l{	margin-left:20px;	}
#contents_area.restaurant .img_area.m-r{	margin-right:20px;	}

/*バリアフリー・サービス情報*/
#contents_area.visitorservice .flex_area{	align-items: start;	}
#contents_area.visitorservice .text_area{	width:62%;	}
#contents_area.visitorservice .img_area{	width:38%;margin-left:20px;	}
	

/*ヒストリー*/
#contents_area.history .op_banner{
	margin-left:10px;
}

#contents_area.history .history_sanku{
	padding:60px 50px;
	border-top:1px solid var(--font-color);
	border-bottom:1px solid var(--font-color);
	border-radius:100px;
	line-height:1.6;
}
#contents_area.history .history_sanku .sanku_map{
	width:60%;
	border-radius:50px;
	margin-right:30px;
}
#contents_area.history .history_list{
	width:860px;
	min-width:unset;
	padding:40px 70px;
	/*border-radius:50px;*/
}#contents_area.history .history_list h5{
	font-size:1.3em;
}
#contents_area.history .history_list_area{
	border-top:1px solid var(--font-color);
	border-bottom:1px solid var(--font-color);
}
#contents_area.history .history_list_area dl{
	display: flex;
	flex-wrap: wrap;
	width:100%;
	padding:3px;
}
#contents_area.history .history_list_area dl:nth-child(even){
	background:var(--c-gray5);
}
#contents_area.history .history_list_area dl dt{
	width:18%;
	text-align:right;
	font-weight:bold;
}#contents_area.history .history_list_area dl dd{
	width:82%;
	padding-left:1.2em;
}

/*お知らせ*/
#contents_area.news ul.news_list_ul{
	width:100%;
	margin:0;
}#contents_area.news ul.news_list_ul li{
	border-bottom:1px solid var(--font-color);
	padding:20px 0;
	display:flex;
	align-items: center;
}#contents_area.news ul.news_list_ul li:first-child{
	border-top:1px solid var(--font-color);
}
#contents_area.news ul.news_list_ul li .date_area{
	width:260px;
	border-right:1px solid var(--font-color);
}#contents_area.news .date_area .date{
	border-left:2.5px solid var(--font-color);
	padding-left:0.5em;
	margin-bottom:5px;
	font-weight:bold;
}#contents_area.news .date_area .cate{
	vertical-align: bottom;
}
#contents_area.news ul.news_list_ul li h4{
	width:calc(100% - 260px);
	background:unset;
	padding:0 30px;
	font-size:1.1em;
	margin:0;
	line-height:1.5;
}

#contents_area.news h3.title,
#contents_area.event h3.title{
	width:100%;
	text-align:left;
	border-top: 1px solid var(--c-gray3);
	border-bottom: 1px solid var(--c-gray3);
	padding:30px 0;
	line-height:1.6;
	letter-spacing: 0;
}

#contents_area.news .date_area.detail,
#contents_area.event .date_area.detail{
	margin-bottom:20px;
    position: relative;
}#contents_area.news .date_area.detail p.date{
	display:inline-block;
	margin-right:20px;
	margin-bottom:0;
}#contents_area.news .date_area.detail .cate,
#contents_area.event .date_area.detail .cate{
	vertical-align: unset;
}
#contents_area.news .text,
#contents_area.event .text{
	margin-top:30px;
}

#contents_area.news .search_category{
	display:flex;
	justify-content: space-between;
	margin-right:3px;
}
#contents_area.news .search_category a{
	cursor: pointer;
	width:19.5%;
	padding: 9px 5px 8px;
	/*box-shadow: 3px 3px 0px 0px #00000044;*/
	line-height:1.3;
	letter-spacing: -0.03em;
	display:inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 0.95em;
	margin:0 0 3px;
}.search_category a.scarts{
	letter-spacing: -0.08em !important;
}

#contents_area.news .notice_list{
	border-bottom:1px solid var(--font-color);
	border-top:1px solid var(--font-color);
}#contents_area.news .notice_list li{
	padding:15px 8px;
}#contents_area.news .notice_list li:nth-child(even){
	background:var(--c-gray5);
}#contents_area.news .notice_list li a{
	display:block;
	text-decoration:none;
	padding-left:30px;
	position:relative;
}#contents_area.news .notice_list li a:before{
	content:"";
	position:absolute;
	left:10px;	top:50%;
	transform: translateY(-50%);
	width:0.6em;	height:0.6em;
    background-repeat: no-repeat;
    background-position: left center;
	background-size: unset;
	background-image: url(../img/icon_tri_bk.png);
}


/*イベント*/
#contents_area.event .event_list_title{
	margin-top:30px;
	margin-bottom:30px;
}
#contents_area.event ul.event_list_ul{
	width:100%;
	margin:0;
}#contents_area.event ul.event_list_ul li{
	border-bottom:1px solid var(--font-color);
	padding:20px 0;
	display:block;
	/*display:flex;
	flex-wrap:wrap;
	justify-content: space-between;*/
	position:relative;
	overflow: hidden;
}#contents_area.hitaru.event ul.event_list_ul li:first-child{
	padding:0 0 20px;
}
#contents_area.event ul.event_list_ul li .date_area{
	width:calc(100% - 320px);
	display:inline-block;
	float:left;
}#contents_area.event .date_area .date{
	border-left:2.5px solid var(--font-color);
	padding-left:0.5em;
	margin-bottom:5px;
	font-weight:bold;
	line-height:1.5;
	letter-spacing:0;
}#contents_area.event_scarts .date_area .date{
	line-height:1.5;
	letter-spacing:0;
}
#contents_area.event ul.event_list_ul li .text_info{
	width:calc(100% - 320px);
	/*margin-top:32px;*/
	display:inline-block;
	float:left;
}
#contents_area.event ul.event_list_ul li h4{
	width:100%;
	text-align:left;
	background:unset;
	padding:10px 0;
	font-size:1.1em;
	margin:0;
}#contents_area.event ul.event_list_ul li .info_area p{
	line-height:1.5;
	margin-bottom:15px;
}contents_area.event ul.event_list_ul li .info_area p:last-child{
	margin-bottom:0;
}

#contents_area.event ul.event_list_ul li .img_info{
	max-width:300px;
	margin-left:20px;
	/*position: absolute;
    right: 0;
	*/
	float:right;
}#contents_area.event .count_date{
	max-width:100%;
	width: fit-content;
    float: right;
    display: inline-block;
	padding: 0 15px;
	background:var(--font-color);
	color:var(--c-white);
	letter-spacing: -0.1em;
}#contents_area.event .detail .count_date{
	position:absolute;
	bottom:-20px;
	right:0;
}#contents_area.event ul.event_list_ul li .img_info img{
	max-width:100%;
	max-height:300px;
    object-fit: contain;
	float:right;
}

#contents_area.event ul.event_list_ul li.none_img .date_area,
#contents_area.event ul.event_list_ul li.none_img .text_info{
	width:100%;
}

#contents_area.event .event_select{
	width:100%;
	display:flex;
    justify-content: space-between;
    align-items: center;
	margin-bottom:20px;
}
#contents_area.event .event_select .select_month{
	margin-right:0px;
    border-right: 1px solid var(--main-color);
    border-left: 1px solid var(--main-color);
    padding: 5px 15px;
}
#contents_area.event .event_select .select_keyword{
	position:relative;
}
#contents_area.event .event_select .select_cal{
	text-align:right;
}


#contents_area .search_enter{
	background:var(--c-gray5);
	color:var(--font-color);
    background-repeat: no-repeat;
    background-position: left center;
	padding-left:35px !important;
	background-image: url(../img/icon_search.svg);
	background-size: 1.3em;
    background-position: 9px;
	appearance: none;
	-webkit-appearance: none;
}
#contents_area.event .event_select .select_keyword .search_enter{
	position:absolute;
	top:0;	right:0;
	height:100%;
}

#contents_area.event .search_category{
	border-top:1px solid var(--font-color);
	border-bottom:1px solid var(--font-color);
	padding:20px 0;
}
#contents_area.event .search_category a{
	cursor: pointer;
	padding:7px 0 6px;
	/*box-shadow: 3px 3px 0px 0px #00000044;*/
	line-height:1.3;
	letter-spacing: -0.08em;
	display:inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 0.9em;
	margin:0 0 3px;
	white-space:nowrap;
	/*border-radius: 30px;*/
}

#contents_area.event .search_category .category_facility,
#contents_area.event .search_category .category_genre{
	display:flex;
	justify-content: space-between;
	margin-right:3px;
}
#contents_area.event .search_category .category_facility{
	margin-bottom:0px;
}
#contents_area.event .search_category .category_facility a{
	width:195px;
}
#contents_area.event .search_category .category_facility a.all,
#contents_area.event .search_category .category_genre a.all{
	width:130px;
}

#contents_area.event .search_category .category_genre{
}
#contents_area.event .search_category .category_genre a{
	width:60px;
	height:34px;
	margin-right:0;
}#contents_area.event .search_category .category_genre a.ex{

}#contents_area.event .search_category .category_genre a.ex2{
	width:130px;

}#contents_area.event .search_category .category_genre a.all{
	height:80px;
	width:130px;
}
#contents_area.event .search_category .category_genre .list_genre{
    display: flex;
    flex-wrap: wrap;
	align-content: space-between;
	justify-content: space-between;
	width: calc(100% - 151px);
}

.event_detail_list{
	border-top:1px solid var(--c-gray3);
	margin-top:30px;
}.event_detail_list dl{
	display:flex;
	flex-wrap:wrap;
}.event_detail_list dl dt{
	width:15%;
	border-bottom:1px solid var(--c-gray3);
	padding:20px 0;
	font-weight:bold;
    letter-spacing: 0.01em;
}.event_detail_list dl dd{
	width:85%;
	border-bottom:1px solid var(--c-gray3);
	padding:20px 0 20px 20px;
}
.event_detail_list dl dt.nonetitle{
	width:0%;
}
.event_detail_list dl dt.nonetitle+dd{
	width:100%;
	border-bottom:1px solid var(--c-gray3);
	padding:20px 0 20px 0;
}

#contents_area.event .event_detail_main{
/*	overflow:hidden;*/
}
#contents_area.event .event_detail_main .text_info{
	width:60%;
	float:left;
}#contents_area.event .event_detail_main .text_info.none_img{
	width:100%;
	float:none;
}
#contents_area.event .event_detail_main .img_info{
	width:40%;
	float:right;
	padding-left:30px;
	position:relative;
}#contents_area.event .event_detail_main .img_info .count_date{
	position:absolute;
	top:0;	right:0;
	transform: translateY(-100%);
}
#contents_area.event .event_img{
	margin-top:70px;
}

#contents_area.event .event_pdf_area{
	display:flex;
	align-items: center;
	justify-content: space-between;
}#contents_area.event .event_pdf_area .flyer_img{
	max-width:200px;	margin-right:20px;
}#contents_area.event .event_pdf_area .flyer_img p{
	font-size:0.85em;
}
#contents_area.event .flyer{
	width:100%;
	display:flex;
	flex-wrap:wrap;
}#contents_area.event .flyer a{
	display:inline-block;
	width:100%;
}

.others_event{
	height:260px;
	margin-top:25px;
	margin-bottom:13px;
}.others_event_text p{
	display:none;
	opacity: 0;
	transition: 0.5s ease-in-out;
}.others_event_text p.dsp-on{
	display:block;
	opacity: 1;
}.others_event_text p.op{
	opacity: 0;
}


/*イベントカレンダー*/
#contents_area.event_calendar ul.event_list_ul li{
	padding-bottom:0;
	display:flex;
	flex-wrap:wrap;
	justify-content: end;
}#contents_area.event_calendar ul.event_list_ul li:first-child{
	padding-top:20px;
    border-top: 1px solid var(--font-color);
}

#contents_area.event_calendar ul.event_list_ul li .event_cal_days{
	font-size:1.1em;
	font-weight:bold;
	width:18%;
	display:inline-block;
	/*padding-top:20px;*/
}#contents_area.event_calendar ul.event_list_ul li h4{
	padding-top:20px;
}
#contents_area.event_calendar ul.event_list_ul li .text_info{
	width:82%;
	padding-bottom:20px;
	float:none;
	border-bottom: 1px dotted var(--font-color);
}#contents_area.event_calendar ul.event_list_ul li .text_info:nth-child(2) h4{
	padding-top:0;
}#contents_area.event_calendar ul.event_list_ul li .text_info:nth-child(n + 3){
	margin-left:18%
}#contents_area.event_calendar ul.event_list_ul li .text_info:last-child{
	border-bottom:0;
}#contents_area.event_calendar ul.event_list_ul li .info_area p{
	margin-bottom:0;
}
#contents_area.event_calendar ul.event_list_ul li .text_info .cate,
#contents_area.event_calendar ul.event_list_ul li .text_info .genre {
	margin-bottom:10px;
}
#contents_area.event_calendar ul.event_list_ul li .text_info .info_area {
	padding-left:5px;
}

.calendar_daynav{
	display:flex;
	justify-content: space-between;
	margin-bottom:20px;
}.calendar_daynav.nav_bottom{
	margin-bottom:0;
	margin-top:20px;
}

.calendar_daynav .calendar_prev,
.calendar_daynav .calendar_next{
	position:relative;
}


.calendar_daynav .calendar_prev{
	padding-left:1.4em;
}
.calendar_daynav .calendar_next{
	padding-right:1.4em;
}

.calendar_daynav .calendar_prev:before,
.calendar_daynav .calendar_next:before{
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:50%;
	width:1.2em;	height:1.2em;
	border-left:1px solid var(--font-color);
	border-bottom:1px solid var(--font-color);
	transform: translateY(-50%) scaleY(0.8) rotate(45deg);
    transform-origin: 50% 50%;
}
.calendar_daynav .calendar_next:before{
	left:unset;	right:0;
	border-left:none;
	border-bottom:none;
	border-right:1px solid var(--font-color);
	border-top:1px solid var(--font-color);
}


/*アーカイブ*/
#contents_area.archive h3.title{
	text-align:center;
}

#contents_area.event.archive .search_category .category_facility{
	margin-bottom:0;
}
#contents_area.event.archive .event_pdf_area a{
	width:100%;
}


/*客席図*/
#contents_area .theater_seat_list .seat_floor{
	margin-bottom:60px;
}
#contents_area .theater_seat_list .seat_floor .floor_title{
	display:flex;
	align-items: center;
	margin-bottom:20px;
}
#contents_area .theater_seat_list .seat_floor .floor_title h4{
	border:1px solid var(--font-color);
	font-size:1.2em;
	background:none;
	border-radius:50%;
	height:85px;	width:85px;
	padding:0;	margin:0;	margin-right:20px;
    display: flex;
    align-items: center;
    justify-content: center;
}#contents_area .theater_seat_list .seat_floor .floor_title h4 span{
	font-size:1.6em;
	padding-bottom: 3px;
}

#contents_area .theater_seat_list .seat_floor .seat_img{
	text-align:center;
}#contents_area .theater_seat_list .seat_floor .seat_img img{
	margin-bottom:40px;
}#contents_area .theater_seat_list .seat_floor .seat_img img:last-child{
	margin-bottom:0;
}


/*ロゴについて*/
#contents_area.logomark .consept_p{
	width:80%;
    margin: 0 auto;
}
#contents_area.logomark .logo_concept h3{
	border:none;
}#contents_area.logomark .logo_concept h3 span{
	padding-bottom:3px;
	border-bottom: 2px solid var(--font-color);
	line-height:2;
}

#contents_area.logomark .scarts_concept p{
	width:80%;
    margin: 0 auto;
}


/*施設について*/
.facility .prepare {
    display: flex;
    padding: 15px;
    border: 1px solid var(--c-gray1);
}.facility .prepare > div {
    margin-right: 30px;
}
.facility .gallery {
	width: 100%;
	display: flex;
}
.facility .gallery div {
	width: 100%;
	height: 280px;
}
.facility .gallery div img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}.facility_links .page_jump_links a {
    margin: 2px;
}.facility_links .page_jump_links a.cs {
    letter-spacing: -0.15em;
}
.facility .box_photo {
    padding: 20px 0;
    text-align: center;
}
#contents_area.facility_stage .facility_title_area{
	display:flex;
	align-items: center;
    justify-content: center;
	position:relative;
}#contents_area.facility_stage .facility_title_area .text_area h3{
	
	
}#contents_area.facility_stage .facility_title_area .text_area h3+span{
	display:block;
	margin-top:10px;
	
}
#contents_area.facility_stage .facility_title_area .floor_area{
	position:absolute;
	top:50%;	right:20%;
	transform: translateY(-50%);
	border:1px solid var(--font-color);
	border-radius:50%;
	width:70px;	height:70px;
	background:#ffffff;
	display: flex;
    align-items: center;
    justify-content: center;

}#contents_area.facility_stage .facility_title_area .floor_area p{
	font-size:1.2em;
	font-weight:bold;

}

#contents_area.facility_stage .dummy{
	background:#cccccc;
	width:100%;
	min-height:350px;
}

#contents_area.facility_stage .facility_main_text{
	width:100%;
	position:relative;
	text-align:center;
	margin:30px auto;
}#contents_area.facility_stage .facility_main_text p{
	width:70%;
	text-align:left;
	margin-left:auto;	margin-right:auto;
}#contents_area.facility_stage .facility_main_text .side_text{
	position:absolute;
	top:50%;	left:0;
	transform: translateY(-50%);
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
	font-size:5em;
	font-weight:bold;
	line-height:0.65;
	z-index: -1;
display:none;
}
#contents_area.facility_stage .facility_main_text .side_text.hitaru{	color:var(--c-hitaru3);		}
#contents_area.facility_stage .facility_main_text .side_text.scarts{	color:var(--c-scarts3);		}
#contents_area.facility_stage .facility_main_text .side_text.library{	color:var(--c-library3);	}

#contents_area.facility_stage .panel h5{
	border-bottom:1px solid var(--font-color);
	padding-bottom:10px;
}

#contents_area.facility_stage .cir_gray {
    padding-left: 1em;
    background: url(../img/cir_gray.png) left 0.6em no-repeat;
}#contents_area.facility_stage .squ_gray {
    padding-left: 1em;
    background: url(../img/squ_gray.png) left 0.6em no-repeat;
}
#contents_area.facility ul.gray_ul dt.squ_gray {
    padding-left: 1em;
    background: url(../img/squ_gray.png) left 1.2em no-repeat;
}#contents_area.facility ul.gray_ul li.cir_gray {
    padding-left: 1em;
    background: url(../img/cir_gray.png) left 0.6em no-repeat;
}

#contents_area.facility_stage span.cir_gray {
	display: inline-block;
}#contents_area.facility_stage span.squ_gray {
	display: inline-block;
}

#contents_area.facility_stage .panel dl{
	display:flex;
	flex-wrap:wrap;
}#contents_area.facility_stage .panel dt{
	font-weight:bold;
	width:12em;
	padding:20px 0;
	border-bottom:1px solid var(--font-color);
}#contents_area.facility_stage .panel dd{
	width:calc(100% - 12em);
	padding:20px 0;
	border-bottom:1px solid var(--font-color);
}
#contents_area.facility_stage .panel dt:nth-last-child(2),
#contents_area.facility_stage .panel dd:last-child{
	border-bottom:none;
	padding-bottom:0;
}

#contents_area.facility_stage table.hyo td{
	text-align: right;
}#contents_area.facility_stage table.hyo_price td.ryokin {
    text-align: right;
}
#contents_area.facility_stage h6{
	margin:20px 0 10px;
}


figure{
	position:relative;
	height:	100%;
	width:100%;
}figure img{
	width:100%;
	height:100%;
	object-fit:cover;
}figure figcaption{
	width: 100%;
	position:absolute;
	bottom:0;	left:0;
/*	background:#000000aa;*/
	background:rgba(0,0,0,0.7);
	color:#ffffff;
	padding:2px 8px;
	font-size:0.9em;
}

#contents_area.facility_stage .facility_image_area{
	display:flex;
/*	align-items: center;*/
	align-items: flex-start;
    justify-content: space-between;
	position:relative;
	width:var(--fullsize);
	margin:0 auto;
	max-height:500px;
}
#contents_area.facility_stage .facility_image_area .l_box,
#contents_area.facility_stage .facility_image_area .r_box{
	width:calc(50% - 5px);
	height:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
#contents_area.facility_stage .facility_image_area.img6 .l_box figure,
#contents_area.facility_stage .facility_image_area.img6 .r_box figure{
	width:calc(50% - 5px);
	object-fit: cover;
}
#contents_area.facility_stage .facility_image_area.img6 .l_box figure:first-child,
#contents_area.facility_stage .facility_image_area.img6 .r_box figure:last-child{
	width:100%;
}#contents_area.facility_stage .facility_image_area.img6 .l_box figure:first-child{	margin-bottom:10px;	}
#contents_area.facility_stage .facility_image_area.img6 .r_box figure:last-child{		margin-top:10px;	}

#contents_area.facility_stage .facility_image_area.img3{
	height:450px;
}
#contents_area.facility_stage .facility_image_area.img3 .l_box figure{
	height:100%;
}#contents_area.facility_stage .facility_image_area.img3 .r_box figure{
	height:calc(50% - 5px);
}#contents_area.facility_stage .facility_image_area.img3 .r_box figure:last-child{
	margin-top:10px;
}

#contents_area.facility_stage .facility_image_area.img1{
    justify-content: center;
	height:450px;
}

#contents_area.facility_stage .facility_image_area.img4{
	flex-wrap:wrap;
	max-height:unset;
}
#contents_area.facility_stage .facility_image_area.img4 figure{
	width:calc(50% - 5px);
	height:260px;
	object-fit: cover;
	margin-bottom:10px;
}#contents_area.facility_stage .facility_image_area.img4 figure:nth-last-child(-n + 2){
	margin-bottom:0;
}

#contents_area.facility_stage .facility_image_area.img5{
	max-height:unset;
}
#contents_area.facility_stage .facility_image_area.img5 figure{
	height:260px;
	object-fit: cover;
}
#contents_area.facility_stage .facility_image_area.img5 figure.half{
	width:calc(50% - 5px);
	object-fit: cover;
}#contents_area.facility_stage .facility_image_area.img5 .l_box figure:first-child,
#contents_area.facility_stage .facility_image_area.img5 .r_box figure:first-child{
	margin-bottom:10px;
}

#contents_area.facility_stage .facility_image_area.img8{
	max-height:unset;
}
#contents_area.facility_stage .facility_image_area.img8 figure{
	height:220px;
	object-fit: cover;
	margin-bottom:10px;
}
#contents_area.facility_stage .facility_image_area.img8 figure.half{
	width:calc(50% - 5px);
	object-fit: cover;
}#contents_area.facility_stage .facility_image_area.img8 .l_box figure:last-child,
#contents_area.facility_stage .facility_image_area.img8 .r_box figure:last-child{
	margin-bottom:0;
}

#contents_area.facility_stage figure img{
	vertical-align: bottom;
}
#contents_area.facility_stage figure img.bottoms{
	object-position: bottom;
}
#contents_area.facility_stage table.hyo th.nobt{
	border-top: none;
    width: 0.1em;
}#contents_area.facility_stage table.hyo th.nobb{
	border-bottom: none;
}#contents_area.facility_stage table.hyo .mid{
	vertical-align: middle;
}

#contents_area .pre_next_topics_box{
	position:relative;
}#contents_area .pre_next_topics_box:after{
	content:"";
display:none;
	position:absolute;
	width:0.1px;	height:100%;
	background:var(--font-color);
	bottom:0;	left:50%;
	transform: translateY(0) translateX(-50%);
}
#contents_area.topics_scarts_detail .pre_next_title h5{
	position:relative;
	width:100%;
	text-align:center;
}
#contents_area.topics_scarts_detail .pre_next_title h5:first-child:after,
#contents_area.topics_scarts_detail .pre_next_title h5:last-child:after{
	content:"";
	position:absolute;
	top:50%;
	transform: translateY(-50%);
    width: 1.3em;
    height: 1.3em;
	background-size: contain;
	background-repeat: no-repeat;
}#contents_area.topics_scarts_detail .pre_next_title h5:first-child:after{
	background-image:url('../img/arrow_prev.svg');
	left:0;
}#contents_area.topics_scarts_detail .pre_next_title h5:last-child:after{
	background-image:url('../img/arrow_next.svg');
	right:0;
}
#contents_area.topics_scarts_detail h3+.img_info{
	text-align:center;
}

#contents_area.scarts_userguide a.facility_link{
	line-height:1.8;
}

/*ズームした画像に余白をつける*/
.pswp__img{
    padding: 5px;
    background: #ffffff;
}

/*hitaruの取り組みプロジェクト*/
#contents_area.hitaru_project ul.hitaru_project_list{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
#contents_area.hitaru_project ul.hitaru_project_list li{
	width:45%;
	margin-bottom:35px;
}#contents_area.hitaru_project ul.hitaru_project_list li .img_title_info{
	position:relative;
	margin-bottom:20px;
}#contents_area.hitaru_project ul.hitaru_project_list li .img_title_info img{
	width:100%;
	max-height:279px;
	object-fit:cover;
}#contents_area.hitaru_project img.border{
	border:1px solid var(--c-hitaru);
}#contents_area.hitaru_project ul.hitaru_project_list li .img_title_info h3{
	background:var(--c-hitaru);
	color:#ffffff;
	border-bottom:none;
	position:absolute;
	bottom:-13px;	left:-13px;
	padding:0 13px;
	font-size:1.1em;
}#contents_area.hitaru_project ul.hitaru_project_list li .text_info{
}#contents_area.hitaru_project ul.hitaru_project_list li .text_info .btn_info{
	text-align:right;
	margin-top:10px;
}#contents_area.hitaru_project ul.hitaru_project_list li .text_info .linkbtn{
	padding: 5px 20px 3px;
	box-shadow:none;
	line-height:1.8;
}

#contents_area.hitaru_project ul.theater_project_event_ul{
	width:46%;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
}#contents_area.hitaru_project ul.theater_project_event_ul li{
	width:100%;
	margin-bottom:30px;
}#contents_area.hitaru_project ul.theater_project_event_ul li img.pic{
	width:100%;
	object-fit:cover;
	height:280px;
}

#contents_area.hitaru_project ul.theater_project_arcive_ul{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}#contents_area.hitaru_project ul.theater_project_arcive_ul:after{
	content:"";
	width:30%;

}#contents_area.hitaru_project ul.theater_project_arcive_ul li{
	width:100%;
	margin-bottom:20px;
	width:30%;
}#contents_area.hitaru_project ul.theater_project_arcive_ul li img.pic{
	width:100%;
	object-fit:cover;
	height:190px;
	margin-bottom:5px;
}#contents_area.hitaru_project ul.theater_project_arcive_ul li h5{
	line-height: 1.5;
	font-size:1.1em;
	margin-bottom:5px;
}

/*scartsについて*/
#contents_area.scarts_about section.scarts_about_top{
	position:relative;
	text-align:center;
	margin-top:30px;
}#contents_area.scarts_about section.scarts_about_top .scarts_about_box{
	width:100%;
}#contents_area.scarts_about section.scarts_about_top .left_box{

}#contents_area.scarts_about section.scarts_about_top .image_area{
	position:absolute;
	top:0;	left:15%;
	width:70%;
}#contents_area.scarts_about section.scarts_about_top .image_area img{
	width:100%;
	height:auto;
    z-index: 2;
    position: relative;
}#contents_area.scarts_about section.scarts_about_top .text_info{
	position:relative;
	background:#ffffff;
	text-align:left;
	margin-top:210px;
	margin-bottom:4.7em;
	width:48%;
	padding:30px;
	padding-top:20px;
}#contents_area.scarts_about .text_info h3{
	text-align:left;
	margin-left:0;
	border:none;
	position: relative;
    z-index: 3;
	margin-bottom:20px;
}#contents_area.scarts_about .text_info h3 span{
	background:#ffffff;
	padding:5px;
}#contents_area.scarts_about .text_info h3 span.line{
    text-decoration: underline;
    text-underline-offset: 8px;
	padding-bottom:11px;
	padding-right: 10px;
}#contents_area.scarts_about .text_info h3 span.mission{
	font-size:0.8em;
	color:var(--c-scarts);
}
#contents_area.scarts_about section.scarts_about_top .right_box{
	width:50%;
	position:absolute;
	right:0;	bottom:0;
}#contents_area.scarts_about section.scarts_about_top .right_box p{
	text-align:left;
}

#contents_area.scarts_about section.scarts_about_top .text_info:before,
#contents_area.scarts_about .scarts_about_content .white_box:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	border: 20px solid var(--c-scarts);
	border-right-color: transparent;
	border-bottom-color: transparent;
}#contents_area.scarts_about .scarts_about_content.right_image .white_box:before{
	left:unset;	right:0;
	border-right-color: var(--c-scarts);
	border-left-color: transparent;
	border-bottom-color: transparent;
}
#contents_area.scarts_about .scarts_about_content{
	margin-top:90px;
	overflow: visible;
}
#contents_area.scarts_about .scarts_about_content .white_box{
	position:relative;
}
#contents_area.scarts_about .scarts_box_main{
	position:relative;
	width:100%;
}
#contents_area.scarts_about .scarts_box_main .img_info{
	float: left;
    width: 50%;
	position:relative;
}#contents_area.scarts_about .scarts_box_main .img_info img{
	transform-origin: bottom right;
    transform: scale(1.15);
}#contents_area.scarts_about .scarts_box_main .text_info{
	float: right;
    width: 50%;
	padding: 15px 30px;
}
#contents_area.scarts_about .scarts_about_content.left_image .img_info{float:right;}
#contents_area.scarts_about .scarts_about_content.left_image .img_info img{transform-origin: bottom left;}
#contents_area.scarts_about .scarts_about_content.left_image .text_info{float:left;}


#contents_area.scarts_about .scarts_about_content .scarts_about_boxlist{
	clear: both;
	padding:40px;
}#contents_area.scarts_about .scarts_about_content .scarts_about_boxlist ul.boxlist_ul{
	display:flex;
    justify-content: space-between;
}#contents_area.scarts_about .scarts_about_content .scarts_about_boxlist ul.boxlist_ul li{
	width:23%;
	font-size:0.95em;
	background:var(--c-scarts);
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	line-height:1.5;
	padding:10px 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}#contents_area.scarts_about .scarts_about_content .scarts_about_boxlist ul.boxlist_ul li.min{
	font-size:0.85em;
}#contents_area.scarts_about .scarts_about_content .scarts_about_boxlist ul.boxlist_ul.li3 li{
	flex-grow: 0.25;
}

#contents_area.scarts_about ul.scarts_report_list{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	padding:30px 60px 10px;
}#contents_area.scarts_about ul.scarts_report_list:after{
	content:"";
	width:calc(33% - 35px);
}
#contents_area.scarts_about ul.scarts_report_list li{
	width:calc(33% - 35px);
	margin-bottom:20px;
}#contents_area.scarts_about ul.scarts_report_list li img.reportpic{
	width:100%;
	margin-bottom:5px;
	min-height:280px;
	border:1px solid var(--font-color);
}#contents_area.scarts_about ul.scarts_report_list li img.reportpic.wide{
	object-fit:contain;
	border:none;
}#contents_area.scarts_about ul.scarts_report_list li a{
	display:block;
	line-height:1.7;
}


#contents_area.scarts_about .scarts_about_btnlist{
	width: 100%;
	margin:40px auto 0;
	display:flex;
	justify-content: space-between;
	margin-bottom:40px;
}
#contents_area.scarts_about .scarts_about_btnlist .hover_btn{
	width:calc(33% - 30px);
	height:200px;
}#contents_area.scarts_about .scarts_about_btnlist .hover_btn h3{
	font-size:1.2em;
}

/*プラザについて*/
#contents_area.aboutplaza .aboutplaza_btn_list{
	display:flex;
	justify-content: space-between;
	z-index: 0;
    position: relative;
}#contents_area.aboutplaza .aboutplaza_btn_list .hover_btn{
	width:calc(33% - 20px);
	height:275px;
}#contents_area.aboutplaza .aboutplaza_btn_list .hover_btn h3{
	font-size:1.2em;
}#contents_area.aboutplaza .aboutplaza_btn_list .hover_btn h3 img.logo{

}

#contents_area.aboutplaza .aboutplaza_btn_list.mainlist .hover_btn a{
	/*background:#ffffffaa;*/
}#contents_area.aboutplaza .aboutplaza_btn_list.mainlist .hover_btn a:hover,
#contents_area.aboutplaza .aboutplaza_btn_list.mainlist .hover_btn a:focus {
    /*background: #ffffff00;*/
}

#contents_area.aboutplaza .aboutplaza_maintext{
	margin:50px auto 30px;
	width:66%;
}#contents_area.aboutplaza .aboutplaza_maintext h3{
	border-bottom:none;
	margin-bottom:50px;
}#contents_area.aboutplaza .aboutplaza_maintext h4{
	background:none;
	text-align:center;
}#contents_area.aboutplaza .aboutplaza_maintext p{
	margin-bottom:1.2em;
}

/*施設を借りたい方 施設の紹介*/
#contents_area.facility ul.facility_link_list{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}#contents_area.facility ul.facility_link_list:after{
	content:"";
	width:calc(32% - 30px);
}#contents_area.facility ul.facility_link_list li{
	width:calc(32% - 30px);
	margin-bottom:30px;
}#contents_area.facility ul.facility_link_list li img{
	width:100%;
	height:190px;
	object-fit:cover;
	vertical-align: bottom;
	margin-bottom:5px;
}#contents_area.facility ul.facility_link_list li h5{
	margin:0;
	text-align:center;
}
#contents_area.facility .facility_pagelink_list{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
    z-index: 1;
    position: relative;
}#contents_area.facility .facility_pagelink_list .hover_btn{
	width:calc(48% - 20px);
	height:220px;
	margin-bottom:40px;
}#contents_area.facility .facility_pagelink_list .hover_btn h3{
	font-size:1.2em;
}#contents_area.facility .linkbtn.large{
	width:40%;
}


/*図書館VOICE*/
#contents_area.library_interview .library_voice_list{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}#contents_area.library_interview .library_voice_list:after{
	content:"";
	width:32%;
	display:block;
}#contents_area.library_interview .library_voice_list .voice_btn{
	width:32%;
	margin-bottom:40px;
	border: 1px solid var(--c-gray3);
}#contents_area.library_interview .library_voice_list .voice_btn:last-child{
}#contents_area.library_interview .library_voice_list .voice_btn a{
    display: block;
    padding: 20px;
	text-decoration:none;
}#contents_area.library_interview .library_voice_list .voice_btn .img_info{
	width:100%;
	text-align:center;
}#contents_area.library_interview .library_voice_list .voice_btn .img_info img{
	width:100%;
	margin:0 auto 10px;
}#contents_area.library_interview .library_voice_list .voice_btn .text_info{
	width:100%;
	line-height:1.5;
}#contents_area.library_interview .library_voice_list .voice_btn .text_info p.name{
	font-size:1.2em;
	font-weight:bold;
	margin-top:5px;
}

#contents_area.library_interview .lib_bus_wrap .library_img_l{
	width:50%;
}#contents_area.library_interview .lib_bus_wrap .library_img_l img{
	width:100%;
}#contents_area.library_interview .lib_bus_wrap .library_txt_r{
	width:50%;
}

#contents_area.library_interview .back_white{
	padding-bottom:0;
}

#contents_area.library_archive.library_interview .library_voice_list:after{
	width:24%;
}#contents_area.library_archive.library_interview .library_voice_list .voice_btn{
	width:24%;
}#contents_area.library_archive.library_interview .library_voice_list .voice_btn .text_info p.name{
	font-size:1.05em;
	line-height:1.3;
}

/*SCARTS調査研究*/
/*#contents_area.scarts_study .mainimage{
	width:66%;
	margin:0 auto 20px;
}
#contents_area.scarts_study p.maintext{
	width:66%;
	margin:0 auto;
}*/
#contents_area.scarts_study p.maintext{
	text-align: justify;
}

/*SCARTS助成金*/
/*
#contents_area.scartsgrant .scarts_detail_main .scartsgrant_flex{
	display:flex;
}#contents_area.scartsgrant .scarts_detail_main .scartsgrant_flex .main_leftbox{
	width:80%;
	order:1;
}#contents_area.scartsgrant .scarts_detail_main .scartsgrant_flex .img_area{
	width:20%;
	order:2;
	display: flex;
    align-items: center;
    align-self: center;
}
@media screen and (max-width: 930px){
	#contents_area.scartsgrant .scarts_detail_main .scartsgrant_flex{
		flex-wrap:wrap;
		justify-content: center;
	}
	#contents_area.scartsgrant .scarts_detail_main .scartsgrant_flex .main_leftbox{
		width:100%;
		order:unset;
	}#contents_area.scartsgrant .scarts_detail_main .scartsgrant_flex .img_area{
		width:45%;
		order:unset;
	}
}
*/
#contents_area.scartsgrant .sg_faq .sg_faq_item .t_q_scarts{
	color:var(--c-scarts);
}
#contents_area.scartsgrant .page_jump_links a.linkbtn.carrent{
	border:2px solid var(--font-color);
	background:var(--c-scarts3);
    font-weight: bold;
}

/*SCARTS企画公募*/
#contents_area.scartskoubo .page_jump_links a.linkbtn.carrent{
	border:2px solid var(--font-color);
	background:var(--c-scarts3);
    font-weight: bold;
}#contents_area.scartskoubo .scarts_others_item .text_info h5{
	line-height:1.5;
	font-size:1.1em;
}#contents_area.scartskoubo .scarts_others_item .text_info .date_area p.date{
	line-height:1.5;
	letter-spacing:0;
	margin-top:5px;
}

/*SCARTSイベントのカレンダー*/
#contents_area.event_scarts div.calendar .calendar_info{
	padding-bottom: 6px;
    padding-left: 8px;
}

/*よくある質問*/
#contents_area.faq h3.faq_title{
	width:100%;
	border:none;
	padding:10px 0;
	color:#ffffff;
	background:var(--c-gray1);
}
#contents_area.faq #facility h3.faq_title{	background:var(--c-hitaru);	}
#contents_area.faq #scarts h3.faq_title{	background:var(--c-scarts);	}
#contents_area.faq #library h3.faq_title{	background:var(--c-library);}


#contents_area.faq .accordion-trigger,
#contents_area.top_library .accordion-trigger,
#contents_area.public_information .accordion-trigger{
  appearance: none;
  -webkit-appearance: none;
	border-radius: 8px;
}
#contents_area.top_library .accordion-trigger{
    transition: 0.3s ease-in-out;
}
@media screen and (max-width: 930px) {
	#contents_area.top_library .accordion{
		padding: 0 5%;
	}
}

#contents_area.library .library_faq.booklist .accordion,
#contents_area.top_library .accordion,
#contents_area.public_information .accordion{
	margin-top:0;
}
#contents_area.library .library_faq.booklist .accordion .accordion-trigger,
#contents_area.top_library .accordion .accordion-trigger,
#contents_area.public_information .accordion .accordion-trigger{
  appearance: none;
  -webkit-appearance: none;
	border-radius: 8px;
	margin-top:0;
	padding:8px 20px 8px 60px;
}#contents_area.library .library_faq.booklist .accordion .accordion-panel,
#contents_area.top_library .accordion .accordion-panel,
#contents_area.public_information .accordion .accordion-panel{
	padding-top:40px;
}

#contents_area.public_information .accordion-trigger:hover,
#contents_area.public_information .accordion-trigger:focus,
#contents_area.public_information .accordion-header:hover .accordion-trigger,
#contents_area.public_information .accordion-header:focus .accordion-trigger,
#contents_area.public_information .accordion-header.open .accordion-trigger,
#contents_area.faq .accordion-trigger:hover,
#contents_area.faq .accordion-trigger:focus,
#contents_area.faq .accordion-header:hover .accordion-trigger,
#contents_area.faq .accordion-header:focus .accordion-trigger,
#contents_area.faq .accordion-header.open .accordion-trigger {
    background-color: var(--c-yellow);
}
#contents_area.faq #facility .accordion-trigger:hover,
#contents_area.faq #facility .accordion-trigger:focus,
#contents_area.faq #facility .accordion-header:hover .accordion-trigger,
#contents_area.faq #facility .accordion-header:focus .accordion-trigger,
#contents_area.faq #facility .accordion-header.open .accordion-trigger {
    background-color: var(--c-hitaru3);
}#contents_area.faq #scarts .accordion-trigger:hover,
#contents_area.faq #scarts .accordion-trigger:focus,
#contents_area.faq #scarts .accordion-header:hover .accordion-trigger,
#contents_area.faq #scarts .accordion-header:focus .accordion-trigger,
#contents_area.faq #scarts .accordion-header.open .accordion-trigger {
    background-color: var(--c-scarts3);
}#contents_area.faq #library .accordion-trigger:hover,
#contents_area.faq #library .accordion-trigger:focus,
#contents_area.faq #library .accordion-header:hover .accordion-trigger,
#contents_area.faq #library .accordion-header:focus .accordion-trigger,
#contents_area.faq #library .accordion-header.open .accordion-trigger {
    background-color: var(--c-library3);
}


/*広報のページ*/
#contents_area.public_information .wavetimes_link .logo_area .webmagazine-sub{
	text-align:center;
	line-height:1;
	margin-top:10px;
}#contents_area.public_information .wavetimes_link .logo_area .webmagazine-main{
	text-align:center;
	font-weight:bold;
	font-size:2.5em;
	line-height:1.5;
}

#contents_area.public_information img.osanpo{
	padding:40px 0;
}

/*---	戻るボタンエリア	---------------------------*/
.return_area+.footer_logo_area{
	width:100%;
	text-align:center;
}.return_area+.footer_logo_area img{
}
.return_area{
	width:100%;
	min-width:var(--fullsize);
	margin-top:40px;
}
.return_area a{
	height:100%;
}
.return_area.double{
	margin:40px auto 0;
	position:relative;
	display:flex;
	justify-content: space-evenly;
	position:relative;
	width:var(--fullsize);
}.return_area.double a{
	margin:0;
	height:100%;
}.return_area.double a:first-child{
}


.return_area.triple{
	display:flex;
	justify-content: space-between;
	position:relative;
	width:var(--fullsize);
	margin:40px auto 0;
}.return_area.triple a{
	margin:0;
	height:unset;
	padding: 9px 10px 8px;
	flex-basis:320px;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
/*    align-content: center;*/
	align-content: space-around;
}.return_area.triple a:nth-child(2){
	padding: 9px 30px 8px;
	position:absolute;
	left:50%;
	transform: translateX(-50%);
	height:100%;
}


/*---	フッター	---------------------------*/
footer{
	position: relative;
	width:100%;
	min-width:calc(var(--fullsize) + 100px);
	height:auto;
	margin:30px auto 0;
	z-index:10;
	background:transparent;
	text-align:left;
	padding:0;
}/*footer:before{
	content:"";
	position:absolute;
	bottom:100%;	left:50%;
	transform: translateY(0) translateX(-50%);
	width:0.1px;
	background:var(--font-color);
	height:155px;
}*/


footer .footer_main{
	width:var(--fullsize);
	margin:0 auto;
	overflow:hidden;
	position:relative;
	padding-top:40px;
	margin-bottom:40px;
	display:flex;
    justify-content: space-between;
    align-items: flex-end;
	border-top:1.5px solid var(--c-gray1);
}/*footer .footer_main:before{
	content: '';
    display: block;
	position:absolute;
	top:0;	left:50%;
	transform: translateX(-50%);
    width: 1080px;
    height: 350%;
    border-radius: 50%;
    border: 1px solid var(--font-color);
	pointer-events: none;
}*/

footer .footer_logo a{
    display: inline-block;
}footer .footer_logo a img{
    width:240px;
}

footer .footer_address{
	margin:13px 0;
}

footer .footer_sns{
	margin-bottom:40px;
}footer .footer_sns_list{
	display:flex;
	justify-content: center;
}footer .footer_sns_list li{
	padding:0 10px;
	display:flex;
	align-items: center;
    justify-content: center;
}footer .footer_sns_list li img{
	width:33px;
}

footer .footer_menu{
	width:500px;
	text-align:left;
}footer .footer_menu_list{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:40px;
	width:100%;
	list-style: disc;
    padding-left: 1em;
}footer .footer_menu_list li{
	width:50%;
}footer .footer_menu_list li:last-child{
	border-right:none;
}footer .footer_menu_list li a{
	text-decoration:none;
	margin-left: -4px;
}


footer .copyright{
	margin-top:30px;
	font-size:0.8em;
	font-weight:100;
}

footer .page_top_btn{
    width: 140px;
    height: 140px;
    margin: 70px auto;
	position:relative;
}
footer .page_top_btn a{
	position:relative;
	text-decoration:none !important;
	text-decoration-line: none !important;
}
footer .page_top_btn svg {	overflow: visible;
    transform-origin: center center;
    transform: rotate(32deg);	}
footer .page_top_btn path {	fill: none;		}
footer .page_top_btn text {
	fill: transparent;
	stroke:var(--font-color);
	paint-order:stroke;
	stroke-width: 0.3px;
    font-weight: bold;
	font-size: 1.23em;
	text-decoration:none !important;
	text-decoration-line: none !important;
}
footer .page_top_btn p{
	position:absolute;
	width:100%;
	top:0;	left:50%;
	transform: translateX(-50%) translateY(-180%);
}footer .page_top_btn p:before{
	content:"";
    display: inline-block;
	position:absolute;
	top:-100%;	left:50%;
	transform: translateX(-50%);
    width: 2em;
    height: 1.2rem;
	background-image:url('../img/arrow_top.svg');
	background-size: contain;
	background-repeat: no-repeat;
}



#page-top {
    position: fixed;
    bottom: 0px;
    right: 0px;
}
#page-top a {
	background:#000000;
	z-index:1000;
    width: 80px;
	height:80px;
    text-align: center;
    display: block;
}

#page-top a:before{
	content:"";
	position:absolute;
	background-image:url('../img/icon_arrow_top.png');
	width:17px;
	height:10px;
	bottom:50%;
	left:50%;
	transform: translatex(-50%) translatey(50%);
    -webkit- transform: translatex(-50%) translatey(50%);
}





#contents_area.travelers_guide .btnlist_large{
	width:var(--fullsize);
	margin:40px auto 0;
}

#contents_area.travelers_guide .btnlist_large{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
#contents_area.travelers_guide .btnlist_large .hover_btn{
	width:46%;
	height:220px;
	margin-bottom:40px;
}


.pc_menu_icon{
	position:relative;
	top:18px;
	margin-left:0 !important;
}


header .menu_btn {
	pointer-events: auto;
	position: relative;
	display:inline-block;
    width: 55px;
	height:58px;
	padding:12px 9px 18px;
	z-index:9999;
}header .menu_btn a {
    position: relative;
    display: block;
    height: 100%;
    -webkit-transition: all .4s;
    transition: all .4s;
    box-sizing: border-box;
	cursor: pointer;
}header .menu_btn a:hover,header .menu_btn a:focus {
	opacity: 1;
}header .menu_btn span {
    position: absolute;
    display: inline-block;
    left: 0;
    width: 100%;
    height: 3px;
	background:var(--font-color);
    -webkit-transition: all .4s;
    transition: all .4s;
    box-sizing: border-box;
}header .menu_btn span:nth-of-type(1) {    top: 1px;	}
header .menu_btn span:nth-of-type(2) {    top: 13px;	}
header .menu_btn span:nth-of-type(3) {    bottom: 1px;	}
header .menu_btn span:nth-of-type(2)::after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 3px;
	background:var(--font-color);
    -webkit-transition: all .4s;
    transition: all .4s;
}header .menu_btn .active span,
header .menu_btn .active span:nth-of-type(2)::after{
	background:#ffffff;
}
header .menu_btn .active span:nth-of-type(2) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}header .menu_btn .active span:nth-of-type(2)::after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}header .menu_btn .active span:nth-of-type(1) {
    -webkit-transform: translateY(20px) scale(0);
    -ms-transform: translateY(20px) scale(0);
    transform: translateY(20px) scale(0);
}header .menu_btn .active span:nth-of-type(3) {
    -webkit-transform: translateY(-20px) scale(0);
    -ms-transform: translateY(-20px) scale(0);
    transform: translateY(-20px) scale(0);
}
header .menu_btn a:after,
header .menu_btn .active:after {
    content: 'メニュー';
	color:var(--font-color);
	position: absolute;
/*	font-size:8px;*/
	font-size:0.8em;
	bottom: -29px;	left:50%;
	transform: translatex(-50%);
    -webkit- transform: translatex(-50%);
	white-space:nowrap;
}header .menu_btn .active:after {
    content: '閉じる';
	color:#ffffff;
}

/*メニュー本体*/
#pc_menu{
	position:fixed;
	display:flex;
	align-items:center;
	justify-content:center;
	top:-110vh;
	transition:all 0.4s;
	opacity:0;
	left:0px;
	width:100%;
	height:100vh;
    background: var(--c-sidebar-plaza);
	z-index:9998;
    padding: 5vh 80px;
}
#pc_menu.active{
	top: 0vh;
    opacity: 1;
}

#pc_menu a{
	color:#ffffff;
}
#pc_menu .pc_menu_box{
    display: flex;
	justify-content: center;
    width: 100%;
    max-width: 1600px;
    margin: 0px auto;
    overflow: hidden;
    height: 100%;
}
#pc_menu .leftbox{
	flex-basis: 23%;
    max-width: 23%;
    border-right: 1px solid #ffffff;
    padding-right: 2vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#pc_menu .menu_logo img{
	filter: brightness(0) invert(1);
}
#pc_menu .menu_links{
}#pc_menu .menu_links li{
	margin-bottom:21px;
	width:100%;
}#pc_menu .menu_links li:last-child{
	margin-bottom:0;
}#pc_menu .menu_links li a{
	background:#ffffff;
	display:block;
	width:100%;	height:100%;
	padding:4px 16px;
	color:var(--font-color);
	text-decoration:none;
    height: 2.8em;
    font-size: 1.2em;
    display: flex;
    align-items: center;
}


#pc_menu .rightbox{
	height: 100%;
    width: auto;
    overflow-y: scroll;
    flex-basis: 69%;
    max-width: 69%;
    margin-right: 0px;
}
#pc_menu .menu_link_list{
	padding:0 30px;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}

#pc_menu .headlogotext{
	margin-top:calc(8px * 6);
	margin-bottom:21px;
	width:100%;
	text-align:center;
}
#pc_menu .headlogotext img{
	width:400px;
	margin:0 auto;
	filter: brightness(0) invert(1);
}
#pc_menu .headlogotext img.logo_hitaru{		width:270px;	}
#pc_menu .headlogotext img.logo_scarts{		width:400px;	}
#pc_menu .headlogotext img.logo_library{	width:325px;	}



#pc_menu .menu_link_list a{
	width:47%;
	display:block;
	margin-bottom:20px;
	font-size:1em;
	text-decoration:none;
	border-bottom:1px solid #ffffff;
}#pc_menu .menu_link_list a.parent{
	width:100%;
	margin-bottom:14px;
}

#pc_menu .menu_link_list .child{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	margin-bottom:21px;
	border-left:1px solid #ffffff;
	padding-left:16px;
}#pc_menu .menu_link_list .child:after{
	content:"";
	display:inline-block;
	width:31%;
}
#pc_menu .menu_link_list .child li{
	width:31%;
	margin-bottom:12px;
}#pc_menu .menu_link_list .child li a{
	width:100%;
	font-size:0.9em;
	line-height:1.35;
	border:none;
	margin-bottom:0;
}#pc_menu .menu_link_list .child li:nth-last-child(-n+3){
	margin-bottom:0;
}

/*遠征ページ*/

.travelers_guide .hover_btn a{
	border:1px solid #e40012;
}

.travelers_guide .hover_btn a div.icon img{
    max-height: 60px;
    max-width: 125px;
}

.travelers_guide .hover_btn a:hover,
.travelers_guide .hover_btn a:focus{
	background:#323232;
	border: 1px solid #FFFFFF;
}    

.travelers_guide .img_flex{
	display:flex;
	justify-content: space-between;
}.travelers_guide .img_flex img{
	width:48%;
}


.travelers_guide .hotel_list{
	
}

.travelers_guide .hotel_list .hotel_box{
	
}


@media screen and (max-width: 930px) {

	#contents_area.travelers_guide .btnlist_large{
		width:100%;
		display:flex;
		flex-wrap:wrap;
		justify-content: space-between;
	}
	#contents_area.travelers_guide .btnlist_large .hover_btn{
		width:100%;
		height:200px;
		margin-bottom:20px;
	}

	.travelers_guide .hover_btn a{
        background: #ffffff;
	    border: 1px solid #e40012;
        color: var(--font-color);
	}

	.travelers_guide .hover_btn a:hover,
	.travelers_guide .hover_btn a:focus{
		background:#323232;
		border: 1px solid #ffffff;
		color:#ffffff;
	}

    .travelers_guide .hover_btn a div.icon img{
        filter: unset;
    }
    .travelers_guide .hover_btn a:hover div.icon img,
    .travelers_guide .hover_btn a:focus div.icon img{
        filter: brightness(0) invert(1);
    }


	.travelers_guide .img_flex{
		flex-wrap:wrap;
	}.travelers_guide .img_flex img{
		width:100%;
		margin-bottom:15px;
	}.travelers_guide .img_flex img:last-child{
		margin-bottom:0;
	}
}



/* -----------------------------------------
 * SP
 * ----------------------------------------- */
@media screen and (max-width: 930px){
	/*---	全体	---------------------------*/
	html {
	}
	body{
	}

	/*---	サイドバー	---------------------------*/
	#body_wrapper{
	    position: relative;
	    width: 100%;
	    min-height: 100%;
	    /*overflow: hidden;*/
	}

	#sidebar{
		bottom: 0;
	    width: 100%;
	    height: 80px;
	}
	#sidebar aside{
		padding-top:0;
		height:100%;
	}

	#sidebar aside .sidebar_menu_ul{
		flex-wrap: nowrap;
		justify-content: space-between;
	    align-content: center;
		text-align:center;
		height:100%;
	}#sidebar aside .sidebar_menu_ul li{
		height:100%;
		width:16.6%;
		padding:0;
	}
	#sidebar aside .sidebar_menu_ul li a{
		height:100%;
		justify-content: center;
	    align-content: space-evenly;
		margin-bottom:0px;
		padding:0;
		text-decoration: none !important;
	}#sidebar aside .sidebar_menu_ul li img{
		margin-top:4px;
		width: 35px;
	    height: 35px;
	    object-fit: contain;
	}#sidebar aside .sidebar_menu_ul li img.other{
		width:unset;	height:unset;	margin-top:unset;
	}
	#sidebar aside .sidebar_menu_ul li.membar img{
		width:40px;
	}
	#sidebar aside .sidebar_menu_ul li p{
		font-size:0.73em;
		letter-spacing: -0.07em;
		white-space:nowrap;
	}
	#main_area{
		display: inline-block;
		padding-left:0;
	}
	#sidebar aside .sidebar_menu_ul.pagetop{
		display:none;
	}
	#sns_menu{
		left:0;
		top:unset;
		bottom:-110vh;
		width:100vw;
		height:unset;
		padding:20px 5% 80px;
	}#sns_menu .menu_close{
	    bottom: unset;	top:20px;
	    right: 0;
	    transform: translateY(0);
	}

	#sns_menu .sns_menu_main{
		max-height: 540px;
    	overflow-y: scroll;
	}
	#sns_menu .sns_menu_main .sns_box{
		margin-bottom:10px;
	}
	#sns_menu .sns_menu_main .sns_box ul.sns_list_ul{
		padding:10px 0;
	}
	#sns_menu .sns_menu_main .sns_box ul.sns_list_ul li .icon img{
		width:25px;	height:25px;
	}


	/*---	ヘッダー	---------------------------*/
	header{
		width:90%;
		min-width:unset;
		margin:10px auto 0;
		z-index:1000;

		position:fixed;
		top:0;
		left:0;
		padding:10px;
		margin-top:0;
		width:100%;
		background:#ffffffbc;
	}
	header .header_right {
	    bottom: 5px;
	    right: 5px;
	}
	#main_area {
		padding-top:70px;
	}


	header .header_left h1 a img{
		height:60px;
		width:auto;
	}
	header .header_center{
		width:50%;
	    bottom: 50%;
	    transform: translateY(50%) translateX(-50%);
	}header .header_center a img{
		width:100%;
	}
	header .header_center h1.logo_hitaru img{		width: 90%;  margin-top: 0px;	max-height:60px;	}
	header .header_center h1.logo_scarts img{		width: 95%;  margin-top: 0px;	max-height:60px;	}
	header .header_center h1.logo_library img{		width: 95%;  margin-top: 0px;	max-height:60px;	}

/*	header .header_menu{
		display:flex;
	    justify-content: flex-end;
		margin-bottom:5px;
	}
	header .header_menu .head_icon{
		display:flex;
	}
	header .header_menu .head_icon > div{
		display:flex;
		flex-wrap:wrap;
		justify-content: center;
	    align-content: center;
		text-align:center;
		max-width: 40px;
	}
	header .header_menu .head_icon > div p{
		width:100%;
		font-size:0.65em;
	    white-space: nowrap;
	}
*/
	header .header_menu .head_icon{
		display: block;
	    margin-left: 0;
	    width: 50px;
	}
	header .open-close{
		display:none;
	}

	header .menu_btn {
		z-index:500000;
	}
	header .menu_btn a:after,
	header .menu_btn .active:after {
		bottom: -22px;
	}

	/*メニュー本体*/
	#sp_menu{
		position:fixed;
		height:130vh;
		width:100%;
		background:var(--c-gray1);
		top:0;
		right:-100%;
		z-index:100000;
		padding:15px 5% 0;
		opacity:0;
		transition: all .5s ease-out;
	}
	#sp_menu.active{
		right:-0%;
		opacity:1;
	}

	#sp_menu .sp_menu_main{
		color:#ffffff;
		max-height:calc(100vh - 160px);
	    overflow-y: scroll;
	}

	#sp_menu .sp_menu_head{
		position:relative;
		margin-bottom:10px;
		filter: brightness(0) invert(1);
	}#sp_menu .sp_menu_head h1{
	}#sp_menu .sp_menu_head .textlogo{
		position:absolute;
		top:50%;	left:50%;
		transform: translateY(-50%) translateX(-50%);
	}

	#sp_menu .sp_btn_list{
		width:100%;
		display:flex;
		justify-content: space-between;
		flex-wrap:wrap;
	}#sp_menu .sp_btn_list a.linkbtn{
		box-shadow:none;
		width:calc(50% - 10px);
		margin:0 0 20px;
		padding: 9px 10px 8px;
	}

	header ul.header_link_ul{
	    margin: 20px auto 0;
		flex-wrap:wrap;
		width:100%;
	}header ul.header_link_ul li{
		width:100%;
		margin-bottom:20px;
		border:1px solid var(--font-color);
	}
	header ul.header_link_ul li a{	color:var(--font-color) !important;	min-height:60px;	}
	header ul.header_link_ul li.hitaru{	background:var(--c-hitaru2);	}
	header ul.header_link_ul li.scarts{	background:var(--c-scarts2);	}
	header ul.header_link_ul li.library{	background:var(--c-library2);	}


	#sp_menu .sp_language_box,
	#sp_menu .sp_search_box,
	#sp_menu .sp_time_box{
		margin:10px 0;
	}
	#sp_menu .sp_language_box ul.language_ul{
		display:flex;
		justify-content: space-between;
		flex-wrap:wrap;
		width:100%;
	}#sp_menu .sp_language_box ul.language_ul li{
		width:47%;
		margin-bottom:8px;
	}#sp_menu .sp_language_box ul.language_ul a{
		display:block;
		color:#ffffff;
		padding:3px;
		width:100%;
		border:1px solid var(--c-sidebar-plaza);
		cursor: pointer;
		text-decoration:none;
		text-align:center;
	}#sp_menu .sp_language_box ul.language_ul a:hover,
	#sp_menu .sp_language_box ul.language_ul a:focus{
		border:1px solid var(--c-gray3);
	}#sp_menu .sp_language_box ul.language_ul a[data-stt-active]{
		border:1px solid #ffffff;
		color:#ffffff;
	}
	#sp_menu .t{
		text-align:left;
		font-weight:bold;
		margin-bottom:5px;
	}

	.sp_library_close{
	    margin-top: 30px;
    	text-align: center;
		display: block;
	}.sp_library_close .open-close{
		width:180px;
		margin:0 auto;
		text-align:center;
		font-size: 1.15em;
		padding:5px 10px 3px;
		color:#ffffff;
		background:#7F2A27;
	}


	/* fontbox */
	.fontbox{	display:none;	}


	.inner{
		width:100%;
		margin:0 auto;
	}



	.header_title{
		width:100%;
		margin:0 auto;
	}
	.header_title h2{
		margin-bottom:40px;
	}
	.header_title h2 img{
		width:70%;
	}.header_title.top_scarts h2 img{
		width:80%;
	}.header_title.top_hitaru h2 img{
		width:65%;
	}
	.header_title .bread{
		display:none;
	}

	/*---	トップページ	---------------------------*/
	/*総合トップ*/
	.header_title.toppage{
		width:100%;
		flex-wrap:wrap;
	}

	.header_title.toppage .mainimage_left{
		width:100%;
		margin-right:0;
		margin-bottom:20px;
	}.header_title.toppage .mainimage_right{
		width:90%;
		display:flex;
		justify-content: space-between;
		margin:0 auto;
	}.header_title.toppage .mainimage_right .hover_btn{
		width:calc(50% - 10px);
		height:160px;
	}

	.header_title.toppage .toppage_slider{
		/*height:28vh;*/
		height:51.948051948vw;
	}
	.header_title.toppage.top_library .toppage_slider{
		width:100%;
		/*height:64.724919093vw;*/
		height:100%;
		min-width:unset;
		margin-bottom:100px;
	}
	.header_title.toppage.top_scarts .toppage_slider{
		width:100%;
		height:52.173913043vw;
		min-width:unset;
	}

	.splide__pagination{	display:none !important;	}
	.splide__pagination li{
	}
	.splide__pagination li button,
	.splide__pagination li button[type="button"]{
		appearance: none;
		-webkit-appearance: none;
		min-width:unset;
	}
	.top_library .splide__arrows{
		top:calc(100% + 25px);
	}

	.top_library .splide__slide .slide_text,
	.top_plaza .splide__slide .slide_text{
		padding: 8px 0;
		bottom:50%;
	    transform: translateY(50%);
	}

	.top_library .splide__slide .slide_text.lt,
	.top_library .splide__slide .slide_text.lb,
	.top_library .splide__slide .slide_text.rb{
		transform: translateY(0%);
	}

	.top_library .splide__slide .slide_text h3,
	.top_plaza .splide__slide .slide_text h3{
		font-size:1.1em;
		padding:5px 10px 5px;
	}.top_library .splide__slide .slide_text p,
	.top_plaza .splide__slide .slide_text p{
		font-size:0.8em;
		padding:4px 10px 2px;
	}

	.top_plaza .splide__slide .slide_text{
		width:100%;
		padding:8px 40px;
		left:0;
	}
	.top_plaza .splide__slide .slide_text h3{
		font-size:1em;
		text-align:left !important;
	}.top_plaza .splide__slide .slide_text p{
		font-size:0.8em;
		text-align:left !important;
	}

	.splide__arrows .splide__arrow--prev,
	.splide__arrows .splide__arrow--next{
		appearance: none;
		-webkit-appearance: none;
		padding:0;
		border-radius:0;
	}
	.header_title.top_hitaru .hitaru_banner_area h3{
		padding-top:20px;
	}
	#contents_area.toppage section.notice {
		width: 100%;
	}
	#contents_area.toppage section.notice .notice_box{
		padding:0 10px;
		border-right:0;	border-left:0;
	}

	.header_title.toppage .notice_area{
		max-width:105%;
		min-width:unset;
	}.header_title.toppage .notice_area .notice_box a{
		padding: 10px 60px 10px 20px;
		font-size: 0.8em;
	}

	#contents_area.toppage section.top_calendar_today{
		flex-wrap:wrap;
		width:90%;
		margin:0 auto;
		padding:60px 0 50px;
	}
	#contents_area.toppage section.top_calendar_today.ex_todaylive{
		padding:0;
		display:flex;
	}#contents_area.toppage section.top_calendar_today.ex_todaylive .today{
		margin:0;
	}#contents_area.toppage section.top_calendar_today.ex_todaylive .today .today_ex{
		margin:0;
	}
	#contents_area.toppage section.top_calendar_today .today,
	#contents_area.toppage section.top_calendar_today .calendar{
		width:100%;
		margin-left:0;
	}
	#contents_area.toppage section.top_calendar_today .today{
		margin-top:80px;
		width: unset;
	}
	#contents_area.toppage section.top_calendar_today .today_main{
		padding:0 20px;
	}
	#contents_area.toppage section.top_calendar_today .title_box{
	    right: 50%;
	    transform: translateX(50%);
	}
	#contents_area.toppage section.top_calendar_today .title_box.calendar{
		right:unset;
		left: 50%;
		top:unset;	bottom:20px;
	    transform: translateX(-50%);
		width:670px;	height:670px;
	}

	#contents_area.toppage section.top_calendar_today .title_box svg{
		transform: rotate(62deg) scale(1.03);
	}#contents_area.toppage section.top_calendar_today .title_box.calendar svg{
		transform: rotate(71deg) scale(1.03);
	}
	#contents_area.toppage section.top_calendar_today .main_box{
	    flex-wrap: wrap;
		justify-content: center;
		width:100%;
		padding:20px;
	}#contents_area.toppage .main_box h3{
		font-size:1.3em;
	}
	#contents_area.toppage section.top_calendar_today .main_box div.today,
	#contents_area.toppage section.top_calendar_today .main_box div.calendar {
	    width: 90%;
	    z-index: 3;
		margin-bottom: 40px;
	}
	#contents_area.toppage section.top_calendar_today div.today{		order:1; margin-top:40px; margin-bottom:60px;	}
	#contents_area.toppage section.top_calendar_today div.calendar{	order:2;	}

	#contents_area.toppage section.top_calendar_today .main_box div.today .today_main{
		width:100%;
	}
	#contents_area.toppage section.top_calendar_today .main_box div.today .today_ex{
		position:relative;
		top:50px;	left:50%;
	    transform: translateX(-50%);
		padding-top: 10px;
	}

	#contents_area.toppage section.top_calendar_today .main_box div.calendar {
	    margin-top: 90px;
		margin-bottom:10px;
	}

	#contents_area.toppage section.top_calendar_today .main_box .calendar_main{
		width:100%;
	}
	#contents_area.toppage section.top_calendar_today .main_box div.calendar .calendar_box{
		padding:5px;
	}
	#contents_area.toppage section.top_calendar_today .main_box div.calendar .calendar_area .prev_arrow,
	#contents_area.toppage section.top_calendar_today .main_box div.calendar .calendar_area .next_arrow {
	    top:-60px;
	    left: 0;
	    transform: translateY(0);
	}#contents_area.toppage section.top_calendar_today .main_box div.calendar .calendar_area .next_arrow {
	    left:unset;	right:0;
	}
	#contents_area.toppage section.top_calendar_today .main_box div.calendar .calendar_info{
		flex-wrap: wrap;
	}
	#contents_area.toppage section.top_calendar_today .main_box div.calendar .calendar_info .info_guide,
	#contents_area.toppage section.top_calendar_today .main_box div.calendar .calendar_info .info_close {
	    width: 100%;
	    padding-right: 10px;
	}#contents_area.toppage section.top_calendar_today .main_box div.calendar .calendar_info .info_close {
	    border-left: none;
		border-top:1px solid var(--font-color);
	    padding-left: 0;
		padding-top:10px;
	}
	#contents_area.event_scarts div.calendar{
		padding:10px;
	}
	#contents_area.event_scarts div.calendar .main_box.active_cal{
		width:100%;
	}

	.eventlis_arrows .eventlist_prev{
		left:0;		right:unset;
	}.eventlis_arrows .eventlist_next{
		right:0;	left:unset;
	}
	#contents_area section.top_event ul.eventbox_slider li .eventbox_head .count_date{
		font-size:0.9em;
	}
	#contents_area section.top_event .event_btn{
		flex-wrap:wrap;
	}#contents_area section.top_event .event_btn a{
		margin-bottom:15px;
	}#contents_area section.top_event .event_btn a:last-child{
		margin-bottom:0;
	}


	#contents_area.toppage section.top_event_btn{
		width:100%;
		margin-top:60px;
		margin-bottom:20px;
	}#contents_area.toppage section.top_event_btn.sp{
		display:block;
	}#contents_area.toppage section.top_event_btn .event_btn a{
		margin-right:0;
		margin-bottom:20px;
	}#contents_area.toppage section.top_event_btn .event_btn a:last-child{
		margin-bottom:0;
	}
	#contents_area.toppage section .event_btn a{
		margin-right:0;
	}

	#contents_area.toppage .top_news{
	    width: 100%;
	}
	#contents_area.toppage .top_news .top_news_box{
		width:90%;
		margin:0 auto;
		padding: 0;
	}
	#contents_area.toppage .top_news .top_news_box ul.top_news_list li{
		width:100%;
		flex-wrap:wrap;
	}#contents_area.toppage .top_news .top_news_box ul.top_news_list li .info{
		width:100%;
	}#contents_area.toppage .top_news .top_news_box ul.top_news_list li .news_title{
		width:100%;
		padding-right:0;
	}#contents_area.toppage .top_news .top_news_box ul.top_news_list li .info span{
		width:auto;
	}

	#contents_area.toppage .inner .title_en,
	#contents_area.toppage .title_en.in{
		left:5%;
	}
	#contents_area.toppage .top_news .top_news_box .title_en{
	    top: -30px;
    	left: -10px;
	}#contents_area.toppage .top_news .top_news_box .title_en svg{
		width:150px;	height:40px;
	}


	#contents_area.toppage section.back_images .images_box{
		flex-wrap:wrap;
		height:auto;
		width:100%;
	}#contents_area.toppage section.back_images .images_box .l_box,
	#contents_area.toppage section.back_images .images_box .r_box{
		width:100%;
	}#contents_area.toppage section.back_images .images_box .l_box{
		margin-bottom:30px;
	}
	#contents_area.toppage section.back_images .images_box.img6 .l_box img:nth-child(1){	order:3;	}
	#contents_area.toppage section.back_images .images_box.img6 .l_box img:nth-child(2){	order:1;	}
	#contents_area.toppage section.back_images .images_box.img6 .l_box img:nth-child(3){	order:2;	}
	#contents_area.toppage section.back_images .images_box.img6 .r_box img:nth-child(1){	order:2;	}
	#contents_area.toppage section.back_images .images_box.img6 .r_box img:nth-child(2){	order:3;	}
	#contents_area.toppage section.back_images .images_box.img6 .r_box img:nth-child(3){	order:1;	}
	#contents_area.toppage section.back_images .images_box.img6 .l_box img:first-child {
	    margin-bottom: 0;	margin-top:10px;    height: 190px;
	}#contents_area.toppage section.back_images .images_box.img6 .r_box img:last-child {
	    margin-top: 0;	margin-bottom:10px;    height: 190px;
	}
	#contents_area.toppage section.back_images .main_box{
		width:90vw;	height:90vw;
	}#contents_area.toppage section.back_images .main_box .sub{
		right:-10%;	bottom:unset;
		top:85%;
	    width: 170px;
	    height: 170px;
	    font-size: 0.7em;
	}

	#contents_area.toppage .sp_noborder:before{
		display:none !important;
	}
	#contents_area.toppage section.back_images .title_en text{
		font-size:0.5em;
	}#contents_area.toppage .svgtext_min text{
		font-size:0.4em !important;
	}



	/*ボタン配置エリア*/
	#contents_area.toppage .top_btnlist{
		width:90%;
		margin:40px auto 0;
	}
	#contents_area.toppage .top_btnlist .btnlist_small{
		flex-wrap:wrap;
		justify-content: space-between;
		margin-bottom:20px;
	}
	#contents_area.toppage .top_btnlist .btnlist_small .hover_btn{
		width:calc(50% - 10px);
		margin-right:0;
		margin-bottom:20px;
	}#contents_area.toppage .top_btnlist .btnlist_small .hover_btn h3{
		font-size:1em;
	}

	#contents_area.toppage .top_btnlist .btnlist_large{
		display:flex;
		flex-wrap:wrap;
		justify-content: space-between;
	}
	#contents_area.toppage .top_btnlist .btnlist_large .hover_btn{
		width:100%;
		height:200px;
		margin-bottom:20px;
	}

	#contents_area.toppage .backimage_box .backimage_main a{
		padding:30px 10px;
	}

	#contents_area.toppage.top_scarts section.top_scarts_support .top_news_box .btnlist_small .hover_btn.font-min{
		font-size:0.8em;
	}

	/*hitaruトップ*/
	.header_title.top_hitaru .hitaru_banner_area{
		width:90%;
		margin:0 auto;
	}.header_title.top_hitaru .hitaru_banner_list{
		width:100%;
	}
	.header_title.top_hitaru .hitaru_banner_area a img{
		width:100%;
	}
	.header_title.top_hitaru .hitaru_banner_area .banner_l{
		width:100%;
		margin-right:0 !important;
		margin-bottom:10px;
	}.header_title.top_hitaru .hitaru_banner_area .banner_s{
		width:calc(50% - 5px);
		margin-right:0;
		margin-bottom:10px;
	}.header_title.top_hitaru .hitaru_banner_list .banner_s:nth-of-type(n+3){
		margin-right:0;
	}.header_title.top_hitaru .hitaru_banner_area .banner_s:nth-of-type(2n){
		margin-right:10px;
	}


	#contents_area.toppage section.top_event .top_event_list{
		padding:0 5%;
	}
	#contents_area.toppage section.top_event .top_event_list li{
		width:calc(50% - 10px);
	}#contents_area.toppage section.top_event .top_event_list::after{
		width:calc(50% - 10px);
	}
	#contents_area.toppage section.top_event .top_event_list li img{
		height:180px;
	}

	#contents_area.toppage .backimage_box{
		width:100%;
		flex-wrap:wrap;
	}
	#contents_area.toppage .backimage_box img.backimage{
		width:100%;
		height: 200px;
	}#contents_area.toppage .backimage_box.hitaru_proj img.backimage.backimage_all{
		height:400px;
	}
	#contents_area.toppage .backimage_box .backimage_main{
		width:70%;
	}

	#contents_area.toppage .backimage_box.hitaru_rent{
		margin-top:100px;
	}

	/*図書館トップ*/
	#contents_area.toppage.top_library .toppage_news{
		width:100%;
	}
	#contents_area .toppage_news .top_library_news{
		width:90%;
		padding:10px;
	}
	#contents_area .hover_btn div.btn{
		border:1px solid #ffffff;
		color:#ffffff;
	}
	#contents_area.toppage section.top_calendar_today{
		padding-bottom:0;
	}
	#contents_area.toppage section.top_calendar_today.onry_calendar .calendar{
		width:100%;
	}
	#contents_area.toppage section.top_calendar_today.onry_calendar .calendar .main_box{
		padding:20px;
	}
	#contents_area.toppage section.top_calendar_today.onry_calendar .today_ex{
		position:relative;
		width:100%;
		bottom:unset;right:unset;
	}
	#contents_area.toppage .backimage_box.library_info{
		padding:30px 0;
	}
	#contents_area.toppage .backimage_box.library_info .backimage_main{
		width:85%;
		margin:0 auto;
		padding-bottom:30px;
	}
	#contents_area.toppage .backimage_box.library_info .backimage_main .info_flex_w{
		flex-wrap:wrap;
	}
	#contents_area.toppage .backimage_box.library_info .backimage_main .info_flex_w div.info{
		width:100%;
	}

	.header_title.toppage.top_scarts .scarts_mainimage{
		flex-wrap:wrap;
	}
	.header_title.toppage.top_scarts .scarts_mainimage .mainimage_left{
		width:100%;
		margin-right:0;
		margin-bottom:20px;
	}.header_title.toppage .scarts_mainimage .mainimage_right{
		width:90%;
		height:auto;
		display:flex;
		flex-wrap:wrap;
		justify-content: center;
		margin:0 auto;
	}.header_title.toppage .scarts_mainimage .mainimage_right .scarts_banner_s{
		width:300px;
		height:175px;
		margin-bottom:20px;
	}

	#contents_area.toppage section.top_scarts_topics{
		width:90%;
	}#contents_area.toppage section.top_scarts_topics .top_news_box .top_news_list{
		padding:0;
	}#contents_area.toppage section.top_scarts_topics .top_news_box .top_news_list li{
		flex-wrap:nowrap;
	}#contents_area.toppage section.top_scarts_topics .top_news_box .top_news_list li img{
		width:25%;	height:auto;
	}#contents_area.toppage section.top_scarts_topics .top_news_box .top_news_list li:nth-of-type(2){
		border-top:none;
	}

	#contents_area.toppage.top_scarts section.top_event.top_scarts .top_event_box .top_event_list{
		width:100%;
	}#contents_area.toppage.top_scarts section.top_event.top_scarts .top_event_box .top_event_list li{
		
	}
	#contents_area.toppage.top_scarts section.top_event.top_scarts .top_event_box .top_event_list li{
		width:calc(50% - 10px);
	}#contents_area.toppage.top_scarts section.top_event.top_scarts .top_event_box .top_event_list::after{
		width:calc(50% - 10px);
	}#contents_area.toppage.top_scarts section.top_event.top_scarts .top_event_box .top_event_list::before{
		display:none;
	}
	#contents_area.toppage.top_scarts section.top_event.top_scarts .top_event_box .top_event_list li img{
		height:180px;
	}

	#contents_area.toppage.top_scarts section.top_scarts_support{
		width:90%;
	}#contents_area.toppage.top_scarts section.top_scarts_support .top_news_box{
		padding:20px 30px;
	}#contents_area.toppage.top_scarts section.top_scarts_support .top_news_box .btnlist_large{
		margin-bottom:0;
	}
	#contents_area.toppage.top_scarts section.top_scarts_support .top_news_box .btnlist_large,
	#contents_area.toppage.top_scarts section.top_scarts_support .top_news_box .btnlist_small{
		flex-wrap:wrap;
	}
	#contents_area.toppage.top_scarts section.top_scarts_support .top_news_box .btnlist_large .hover_btn{
		width:100%;
		margin-bottom:20px;
	}#contents_area.toppage.top_scarts section.top_scarts_support .top_news_box .btnlist_large .hover_btn:last-child{
		margin-bottom:0;
	}#contents_area.toppage.top_scarts section.top_scarts_support .top_news_box .btnlist_small .hover_btn{
		width:calc(50% - 10px);
		margin-top:20px;
	}

	#contents_area.toppage.top_scarts section.top_scarts_project .top_event_box .top_project_list{
		padding:0 20px;
	}#contents_area.toppage.top_scarts section.top_scarts_project .top_event_box .top_project_list li{
		width:calc(50% - 10px);
	}#contents_area.toppage.top_scarts section.top_scarts_project .top_event_box .top_project_list li img{
		height:120px;
	}


	/*---	汎用パーツ	---------------------------*/
	.flex_area{
		flex-wrap:wrap;
		justify-content: center;
	}

	.linkbtn{
		background:var(--c-white);
		border:1px solid var(--font-color);
		padding:9px 50px 8px;
		display:inline-block;
		margin:0 auto;
		/*box-shadow:5px 5px 0px 0px #00000044;*/
		margin-bottom:5px;
		/*border-radius: 150px;*/
		text-decoration: none !important;
	}

	.linkbtn.icon_inquiry{

	}
	.linkbtn.seat_stage_btn{
	    height: unset;
	    width: unset;
		background-size: unset;
	    background-position-y: unset;
		background-size: contain;
		background-repeat: no-repeat;
		padding: 25px 50px 25px;
		font-size: 0.8em;
		text-align:left;
		justify-content: flex-end;
	}.linkbtn.seat_stage_btn p{
		text-align:left;
		width:unset;
	}

	.linkbtn.seat_stage_btn_flex{
		width:100%;;
		height:100px;
		display:inline-flex;
		padding:0;
	}.linkbtn.seat_stage_btn_flex img{
	}.linkbtn.seat_stage_btn_flex p{
		text-align:left;
	}

	/*ジャンプボタン*/
	.page_jump_links{
	}.page_jump_links a.linkbtn{
		padding:10px 0;
	    letter-spacing: -0.03em;
	    font-size: 0.9em;
	}


	.hover_btn a,.hover_btn a{
		background:#3232329d;
		opacity:1;
		color:#ffffff;
	}
	.hover_btn a div.icon img,.hover_btn a div.icon img{
		filter: brightness(0) invert(1);
	}

	.hover_btn.no_link a,.hover_btn.no_link a{
		background:#ffffff;
		0pacity:0;
		color:var(--font-color);
	}.hover_btn.no_link a div.icon img,.hover_btn.no_link a div.icon img{
		filter: unset;
	}#contents_area .hover_btn.no_link a div.btn,#contents_area .hover_btn.no_link a div.btn{
		border-color: var(--main-color);
		color:var(--font-color);
	}


	.genre.genre_ticket{
	}
	.genre.genre_ticket.member,.genre.genre_ticket.members{
	}.genre.genre_ticket.member a,.genre.genre_ticket.members a{
		padding:16px 25px;
	}
	.genre.genre_ticket.ticketcenter{
		padding:16px 25px;
	}
	.genre.genre_ticket.soldout{
		padding:16px 25px;
	}


	/*ページネーション*/
	.select_list{
		padding:5px;}
	.select_list li{}
	.select_list li.list_number ol li{
		margin-right:3px;}
	.select_list li.list_number ol li:after{
		content:"･";
		margin-left:3px;
		}
	.select_list li.list_prev,.select_list li.list_next{
		padding-top:30px;
	}
/*	.select_list li.list_number ol li:nth-child(6):after{
		display:none;
	}.select_list li.list_number ol li:nth-child(n + 7){
		display:none;
	}
*/
	/*ダウンロード一覧*/
	ul.download_list li a {
	    padding: 8px 0;
	    padding-left: 23px;
	}
	/*画像一覧*/
	ul.img_list li{
		width:48%;
		margin-bottom:15px;
	}


	/*縦ボーダー*/
	.border_long{
		height:10px;
		display: block;
	}

	/*タブ切り替え*/
	ul.tab-area {
		/*flex-wrap:wrap;*/
	}
	.panel-area ul.tab-area li.tab {
		font-size:0.9em;
	}


	/*縦並びタブ*/
	.tab_vertical_ou{
		flex-wrap:wrap;
	}
	.tab_vertical_ou .tab_vertical_in{
		width:100%;
		/*position:sticky;*/
		position:static;
		top:80px;	right:0;
	}
	.tab_vertical_ou ul.tab-area {
		width:100%;
		justify-content: space-around;
	}
	.tab_vertical_ou ul.tab-area li.tab {
		width:25%;
		height:50px;
		font-size:0.9em;
		border:1px solid var(--font-color);
		border-radius: 10px;
		margin:0 1% 3px;
		flex-grow: 1;
	}.tab_vertical_ou ul.tab-area li.tab:after {
		display:none;
	}.tab_vertical_ou ul.tab-area li.tab a{
		border-radius: 10px;
	}

	.tab_vertical_ou .tab_vertical_in + .panel-area {
		width:100%;
		border-top:2px solid var(--font-color);
		border-bottom:2px solid var(--font-color);
		border-left:none;
		border-right:none;
	}

	.tab_vertical_ou ul.tab-area li.tab.place {
		width:100%;
		height:40px;
		font-size:1.1em;
	}.tab_vertical_ou ul.tab-area li.tab.place:after {
	}.tab_vertical_ou ul.tab-area li.tab.place.place_long {
		font-size:1.1em;
	}

	/*slickスライド*/
	.eventplay_thumbnail{
		flex-wrap:wrap;
		padding:10px 0 0;
	}.eventplay_thumbnail a{
		height:70px;
		width:28%;
		margin:0 5px 10px;
	}.eventplay_thumbnail a:last-child{
		margin-right:5px;
	}

	/*youtube埋め込み*/
	.youtube {
		position: relative;
		width: 100%;
		padding-top: 56.25%;}

	.youtube iframe {
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;}



	/*---	コンテンツ	---------------------------*/
	.return_area{
		text-align:center;
	}

	#contents_area{
		width:100%;
		min-width:unset;
	}

	#contents_area h3.downborder{
		position:relative;
		margin-bottom:60px;
	}#contents_area h3.downborder:after{
		height:60px;
	}


	/*セクション*/
	#contents_area section{
		width:100%;
		min-width:unset;
	}
	#contents_area section .inner{
		width:100%;
		margin:0 auto;
		min-height:20vh;
	}

	#contents_area section.box{
		width:90%;
		margin:0 auto;
	}
	#contents_area .back_white{
		background:var(--c-white);
		padding:15px 20px;

	}


	/*---	ページ固有	---------------------------*/
	/*レストラン*/
	#contents_area.restaurant .text_area{	width:100%; order:2;	}
	#contents_area.restaurant .img_area{	width:80%; margin-bottom:20px; order:1;	}
	#contents_area.restaurant .img_area.m-l{	margin-left:0;		}
	#contents_area.restaurant .img_area.m-r{	margin-right:0;		}

	/*バリアフリー・サービス情報*/
	#contents_area.visitorservice .flex_area{	align-items: start;	}
	#contents_area.visitorservice .text_area{	width:100%;	}
	#contents_area.visitorservice .img_area{	width:80%;	margin-left:0;	margin-top:20px;	}
	/*ヒストリー*/
	#contents_area.history .flex_area .op_banner{
		margin-left:0;
		margin-top:15px;
	}
	#contents_area.history .history_sanku{
		padding:30px 30px;
		border-radius:70px;
	}
	#contents_area.history .history_sanku .sanku_map{
		width:100%;
		border-radius:35px;
		margin-right:0;
		margin-bottom:20px;
	}
	#contents_area.history .history_list{
		width:95%;
		padding:20px 15px 30px;
		/*border-radius:50px;*/
	}
	#contents_area.history .history_list_area{
		border-top:1px solid var(--font-color);
		border-bottom:1px solid var(--font-color);
	}
	#contents_area.history .history_list_area dl{
		font-size:0.95em;
	}
	#contents_area.history .history_list_area dl dt{
		width:30%;
		letter-spacing: -0.015em;
	}#contents_area.history .history_list_area dl dd{
		width:70%;
		padding-left:1em;
	}

	/*お知らせ*/
	#contents_area.news ul.news_list_ul li{
		flex-wrap:wrap;
	}
	#contents_area.news ul.news_list_ul li .date_area{
		width:100%;
		border-right:none;
	}#contents_area.news ul.news_list_ul li .date_area .date{
		border-left:2.5px solid var(--font-color);
		padding-left:0.5em;
		margin-bottom:5px;
	}#contents_area.news ul.news_list_ul li .date_area .cate{
		margin-left:10px;
		letter-spacing: -0.01em;
		vertical-align: unset;
	}
	#contents_area.news ul.news_list_ul li h4{
		width:100%;
		margin-top:5px;
		padding:0 10px;
	}

	#contents_area.news .date_area.detail p.date {
	    display: block;
	    margin-right: 0;
	    margin-bottom: 10px;
	}

	#contents_area.news .search_category{
		flex-wrap:wrap;
		justify-content: space-between;
	}
	#contents_area.news .search_category a{
		cursor: pointer;
		width:49%;
		min-height:55px;
		padding: 6px 5px 5px;
		font-size:0.9em;
		margin:0 0 12px;
	}
	#contents_area.news .search_category a.all{
		margin: 0 auto;
		width:100%;
		margin-bottom:12px;
	}


	/*イベント*/
	#contents_area.event ul.event_list_ul li{
	}
	#contents_area.event ul.event_list_ul li .date_area{
		order: 1;
		width:100%;
	}
	#contents_area.event ul.event_list_ul li .text_info{
		order: 3;
		width:100%;
		margin-top:0;
	}
	contents_area.event ul.event_list_ul li .info_area p{
		margin-bottom:10px;
	}

	#contents_area.event ul.event_list_ul li .img_info{
		order: 2;
		width:100%;
		max-width: unset;
		margin:8px auto 0;
	    position: relative;
	    right: unset;
		text-align:center;
	}#contents_area.event ul.event_list_ul li .count_date{
		float:unset;
	    display: block;
	}#contents_area.event ul.event_list_ul li .img_info img{
		max-width:300px;
		float:unset;
		margin:10px auto 0;
		display: block;
	}

	#contents_area.event .event_select{
		flex-wrap:wrap;
	    justify-content: center;
		margin-bottom:20px;
	}
	#contents_area.event .event_select .select_month{
		order:2;
		width:100%;
		margin-right:0;
		margin-bottom:10px;
	}
	#contents_area.event .event_select .select_keyword{
		order:3;
		width:100%;
		position:relative;
	}
	#contents_area.event .event_select .select_cal{
		order:1;
		width:100%;
		text-align:center;
		margin-bottom:20px;
	}
	#contents_area.event .event_select .select_keyword .search_enter{
		right:-2px;
	}

	#contents_area.event .search_category{
		padding-bottom:10px;
	}
	#contents_area.event .search_category .category_facility,
	#contents_area.event .search_category .category_genre{
		flex-wrap:wrap;
	}

	#contents_area.event .search_category .category_facility{
		margin-bottom:10px;
	}
	#contents_area.event .search_category .category_facility a{
		width:49%;
		margin-bottom:10px;
	}
	#contents_area.event .search_category .category_facility a.all,
	#contents_area.event .search_category .category_genre a.all{
		height:50px;
		width:100%;
	}

	#contents_area.event .search_category .category_genre{
		flex-wrap:wrap;
	}
	#contents_area.event .search_category .category_genre a{
		width:15%;
		height:30px;
		margin-bottom:10px;
	}#contents_area.event .search_category .category_genre a.ex{

	}#contents_area.event .search_category .category_genre a.ex2{
		width:calc(30% + 2%);

	}#contents_area.event .search_category .category_genre a.all{
		height:50px;
		width:100%;
	}
	#contents_area.event .search_category .category_genre .list_genre{
		width: 100%;
	}

	#contents_area.event .event_detail_main{
		display:flex;
		flex-wrap:wrap;
	}
	#contents_area.event .event_detail_main .text_info {
	    width: 100%;
	    float: none;
	    order:1;
	}#contents_area.event .event_detail_main .text_info h3.title{
		padding-bottom:50px;
	}#contents_area.event .event_detail_main .text_info.comment {
	    order:3;
	}
	#contents_area.event .event_detail_main .img_info {
	    order:2;
	    width: 100%;
	    float: none;
	    padding-left: 0;
	}

	.event_detail_list {
	    margin-top: 50px;
	}#contents_area.event .event_img {
	    margin-top: 50px;
	}
	.event_detail_list dl dt {
	    width: 100%;
		border-bottom:none;
		padding-bottom:0;
	}.event_detail_list dl dd {
    	width: 100%;
		padding-top:15px;
		padding-left:0;
	}

	#contents_area.event .event_pdf_area img{
		max-width:120px;
	}

	.others_event {
	    height: 170px;
	}

	/*イベントカレンダー*/
	#contents_area.event_calendar ul.event_list_ul li .event_cal_days{
		width:100%;
	}#contents_area.event_calendar ul.event_list_ul li .text_info:nth-child(n + 3){
		margin-left:0;
	}


	/*客席図*/
	#contents_area .theater_seat_list .seat_floor .floor_title h4{
		height:70px;	width:70px;
		font-size:1.1em;
	}

	/*ロゴについて*/
	#contents_area.logomark .consept_p{
		width:90%;
	}
	#contents_area.logomark .logo_concept h3 span{
		padding-bottom:0;
		border-bottom: none;
		line-height:1.8;
		font-size:0.9em;
	}
	#contents_area.logomark .hitaru_concept_right{
		margin-top:20px;
	}
	#contents_area.logomark .scarts_concept p{
		width:100%;
	}

	/*施設利用について*/
	.facility .prepare {
		flex-wrap:wrap;
	}.facility .prepare > div {
	    margin-right: 0;
		width:100%;
	}

	.facility_links .page_jump_links {
	    flex-wrap:wrap;
	}.facility_links .page_jump_links a {
	    width: calc(100% / 3 - 4px);
	    height: 90px;
	    margin: 2px;
		padding:0;
	}

	#contents_area.facility_stage .facility_title_area .text_area{
		text-align:center;
		padding-top:78px;
	}
	#contents_area.facility_stage .facility_title_area .floor_area{
		right:50%;	top:0;
		transform: translateY(0%) translateX(50%);
		width:65p;	height:65px;
	}

	#contents_area.facility_stage .panel dt{
		width:100%;
		padding-bottom:0;
		border-bottom:none;
	}#contents_area.facility_stage .panel dd{
		width:100%;
	}

	#contents_area.facility_stage .facility_image_area{
		flex-wrap:wrap;
		width:100%;
		max-height:unset;
	}#contents_area.facility_stage .facility_image_area{
		flex-wrap:wrap;
		width:100%;
	}#contents_area.facility_stage .facility_image_area .l_box,
	#contents_area.facility_stage .facility_image_area .r_box {
	    width: 100%;
	}
	#contents_area.facility_stage .facility_image_area .l_box{
		margin-bottom:10px;
	}
	#contents_area.facility_stage .facility_image_area.img6 .r_box figure{
		order:2;
	}#contents_area.facility_stage .facility_image_area.img6 .r_box figure:last-child{
		order:1;
		margin-top:0;	margin-bottom:10px;
	}



	#contents_area.facility_stage .facility_image_area.img3{
		height:unset;
	}
	#contents_area.facility_stage .facility_image_area.img3 .l_box,
	#contents_area.facility_stage .facility_image_area.img3 .r_box{
		height:unset;
	}#contents_area.facility_stage .facility_image_area.img3 .r_box figure{
		width:calc(50% - 5px);
		height:50%;
	}#contents_area.facility_stage .facility_image_area.img3 .r_box figure:last-child{
		margin-top:0;
		margin-left:10px;
	}

	#contents_area.facility_stage .facility_image_area.img1{
		height:unset;
	}

	#contents_area.facility_stage .facility_image_area.img4 figure{
		height:unset;
	}

	#contents_area.facility_stage .facility_image_area.img5 figure{
		height:100%;
	}

	#contents_area.facility_stage .facility_image_area.img8 figure{
		height:100%;
	}


	.pswp__zoom-wrap img.pswp__img{
		padding:15px !important;
	}

	#contents_area.facility_stage figure figcaption{
		position:relative;
	}
	#contents_area.facility_stage .facility_main_text p{
/*		width:85%;*/
	}

	/*SCARTSについて*/
	#contents_area.scarts_about {
		overflow-x: hidden;
	}
	#contents_area.scarts_about section.scarts_about_top{
		margin-top:0;
	}
	#contents_area.scarts_about section.scarts_about_top .image_area{
		position:relative;
		top:unset;	left:unset;
		width:100%;
	}
	#contents_area.scarts_about section.scarts_about_top .image_area img{
		width:100%;
	}#contents_area.scarts_about section.scarts_about_top .text_info{
		width:100%;
		margin-top:20px;
		margin-bottom:0;
	}#contents_area.scarts_about section.scarts_about_top .right_box{
		position:relative;
		width:100%;
		margin-top:20px;
	}
	#contents_area.scarts_about .scarts_box_main .img_info{
		width:80%;
	}
	#contents_area.scarts_about .scarts_box_main .text_info{
		width:100%;
	}
	#contents_area.scarts_about .scarts_about_content .scarts_about_boxlist{
		padding:25px;
		padding-bottom:5px;
	}#contents_area.scarts_about .scarts_about_content .scarts_about_boxlist ul.boxlist_ul{
		flex-wrap:wrap;
	}#contents_area.scarts_about .scarts_about_content .scarts_about_boxlist ul.boxlist_ul li{
		width:47%;
		margin-bottom:20px;
		letter-spacing: -0.05em;
    	font-size: 0.9em;
	}

	#contents_area.scarts_about .scarts_about_content .scarts_about_boxlist ul.boxlist_ul.li3 li{
		width:100%;
	}

	#contents_area.scarts_about .scarts_about_btnlist{
		flex-wrap:wrap;
		margin-bottom:0;
	}#contents_area.scarts_about .scarts_about_btnlist .hover_btn{
		width:100%;
		height:160px;
		margin-bottom:20px;
	}
	#contents_area.scarts_about ul.scarts_report_list{
		padding:20px 0;
	}#contents_area.scarts_about ul.scarts_report_list li{
		width:calc(50% - 10px);
		margin-bottom:20px;
	}#contents_area.scarts_about ul.scarts_report_list li img.reportpic{
		min-height:177px;
	}


	/*プラザについて*/
	#contents_area.aboutplaza .aboutplaza_btn_list{
		flex-wrap:wrap;
	}
	#contents_area.aboutplaza .aboutplaza_btn_list .hover_btn{
		width:100%;
		height:150px;
		margin-bottom:20px;
	}#contents_area.aboutplaza .aboutplaza_btn_list .hover_btn:last-child{
		margin-bottom:0;
	}
	#contents_area.aboutplaza .aboutplaza_maintext {
	    margin: 40px auto 20px;
	    width: 90%;
	}

	/*施設を借りたい方 施設利用について*/
	#contents_area.facility ul.facility_link_list li {
	    width: calc(32% - 5px);
	    margin-bottom: 20px;
	}#contents_area.facility ul.facility_link_list li img{
		height:71px;
	}#contents_area.facility ul.facility_link_list li h5{
		font-size:1.05em;
		text-align:left;
	}
	#contents_area.facility .facility_pagelink_list .hover_btn {
	    width: calc(49% - 10px);
	    height: 120px;
	    margin-bottom: 20px;
	}#contents_area.facility .facility_pagelink_list .hover_btn h3{
	    font-size:1.05em;
	}#contents_area.facility .linkbtn.large{
		width:80%;
		margin-bottom:30px;
	}

	/*hitaruの取り組み*/
	#contents_area.hitaru_project ul.hitaru_project_list li{
		width:100%;
	}

	#contents_area.hitaru_project ul.theater_project_event_ul{
		width:100%;
	}
	#contents_area.hitaru_project ul.theater_project_arcive_ul li{
		width:calc(50% - 10px);
	}#contents_area.hitaru_project ul.theater_project_arcive_ul li img.pic{
		height:140px;
	}

	#contents_area.library_archive.library_interview .library_voice_list:after{
		width:49%;
	}#contents_area.library_archive.library_interview .library_voice_list .voice_btn{
		width:49%;
	}#contents_area.library_archive.library_interview .library_voice_list .voice_btn:last-child{
		margin-bottom:20px;
	}#contents_area.library_archive.library_interview .library_voice_list .voice_btn .img_info img{
		margin-bottom:0;
	}#contents_area.library_archive.library_interview .library_voice_list .voice_btn .text_info p.name{
		margin-top:0;
	}

	/*SCARTS調査研究*/
	#contents_area.scarts_study .mainimage{
		width:100%;
	}
	#contents_area.scarts_study p.maintext{
		width:100%;
	}

	/*図書館VOICE*/
	#contents_area.library_interview .library_voice_list{
		justify-content: space-between;
	}#contents_area.library_interview .library_voice_list .voice_btn{
		width:100%;
		margin-bottom:20px;
		border: 1px solid var(--c-gray3);
	}#contents_area.library_interview .library_voice_list .voice_btn:last-child{
		margin-bottom:0;
	}
	#contents_area.library_interview .library_voice_list .voice_btn a{
		padding:10px;
	}

	#contents_area.library_interview .back_white{
		margin-top:0;
		padding-bottom:20px;
	}
	#contents_area.library_interview_detail .flex_area .library_img_l{
		width:100%;	text-align:center;	margin-bottom:5px;
	}#contents_area.library_interview_detail .flex_area .library_img_l img{
		width:75%;
	}#contents_area.library_interview_detail .flex_area .library_txt_r{
		width:100%;
	}

	/*広報のページ*/
	#contents_area.public_information .osanpo_center{
		position:relative;
	}
	#contents_area.public_information img.osanpo{
		position:absolute;
		top:50%;
		transform: translateY(-50%);
		padding:0;
		height:85% !important;
	}


	/*---	戻るボタンエリア	---------------------------*/
	.return_area{
		min-width:unset;
	}
	.return_area a{
		width: 90%;
	}
	.return_area.double{
		width:100%;
		margin-bottom:0;
		height:unset;
		flex-wrap:wrap;
	}.return_area.double a{
	    margin: 0 auto;
		position:relative;
		top:unset;
/*	    width: fit-content;	*/
		display: block;
	}
	.return_area.double a:first-child{
		right:unset;
		transform: translateY(0) translateX(0);
		margin-bottom:20px;
	}.return_area.double a:last-child{
		left:unset;
		transform: translateY(0) translateX(0);
	}


	.return_area.triple{
		flex-wrap:wrap;
		justify-content: center;
		position:relative;
		width:100%;
		margin:0 auto;
	}.return_area.triple a{
		margin:0;
		margin-bottom:20px;
		flex-basis:unset;
		width:90%;
	}.return_area.triple a:first-child{
		order:2
	}.return_area.triple a:nth-child(2){
		position:relative;
		left:unset;
		transform: translateX(0);
		margin-bottom:0;
		order:3
	}.return_area.triple a:last-child{
		order:1
	}



	/*---	フッター	---------------------------*/
	footer{
		margin:30px auto 90px;
		min-width:unset;
	}/*footer:before{
		height:100px;
	}*/


	footer .footer_main{
		width:100%;
		flex-wrap: wrap;
	}/*footer .footer_main:before{
		height:300%;
	}*/

	footer .footer_logo a{
	}footer .footer_logo a img{
	    width:220px;
	}

	footer .footer_address{
		margin:25px 0;
	}

	footer .footer_sns{
		margin-bottom:25px;
	}

	footer .footer_left{
		width:90%;
		margin:0 auto;
	    text-align: center;
	}

	footer .footer_menu{
		width: 90%;
	    margin: 0 auto;
	}footer .footer_menu_list{
		flex-wrap:wrap;
		justify-content: space-between;
		padding-top: 15px;
    	margin-top: 20px;
	    margin-bottom: 30px;
	}footer .footer_menu_list li{
		width:46%;
		margin-bottom:6px;
		border-right:none;
	}footer .footer_menu_list li a{
		margin-left:0;
	}


	footer .copyright{
		margin-top:10px;
		margin-bottom:10px;
	}



	footer .page_top_btn p{
		top:0%;	left:50%;
		transform: translateX(-50%) translateY(-165%);
	}

	footer .page_top_btn{
	    width: 110px;
	    height: 110px;
	    margin: 35px auto;
		position:relative;
	}


}



/*SCARTSレポート*/
#contents_area section.scarts_page_report{
	width:1120px;
	display:flex;
	padding:0;
	overflow:unset;
}
#contents_area section.box.report_archive{
	width:1120px;
}

#contents_area section.scarts_page_report p.date{
	margin-bottom:10px;
}

#contents_area section.scarts_page_report .textarea_format p{
	line-height:1.5;
}
#contents_area section.scarts_page_report .textarea_format h4{
	margin-top:40px;
}
#contents_area section.scarts_page_report .textarea_format .reportimg{
	max-width:100%;
	margin-left:auto;	margin-right:auto;
}
#contents_area section.scarts_page_report .textarea_format .cap{
	font-size:0.8em;
	margin-top:5px;
}

#contents_area section.scarts_page_report .report_of_contents{
	padding-right:25px;
	width:calc(100% - 810px);
}
#contents_area section.scarts_page_report .report_of_contents .report_contents_sticky{
	padding:15px;
	top:20px;
	position: sticky;
}#contents_area section.scarts_page_report .report_of_contents .report_contents_sticky p.mokuzi{
	font-weight:bold;
}#contents_area section.scarts_page_report .report_of_contents .report_contents_sticky ul.report_contents_ul{
	font-size:0.95em;
	border-top:1px solid var(--c-gray3);
	margin-top:5px;
}#contents_area section.scarts_page_report .report_of_contents .report_contents_sticky ul.report_contents_ul li{
	line-height:1.4;
	padding-top:10px;
	position:relative;
}#contents_area section.scarts_page_report .report_of_contents .report_contents_sticky ul.report_contents_ul li:before{
	content:"";
	display:inline-block;
	height:2em; width:2em;
	width: 0;
	height: 0;
	border-style: solid;
	border-top: 0.5em solid transparent;
	border-bottom: 0.5em solid transparent;
	border-left: 0.75em solid var(--font-color);
	border-right: 0;
	margin-right:0.25em;
	position:absolute;
	top:0.75em;	left:0;
}#contents_area section.scarts_page_report .report_of_contents .report_contents_sticky ul.report_contents_ul li a{
	text-decoration:none;
	transition: opacity 0.5s ease-in-out;
	-webkit-transition:opacity 0.5s ease-in-out;
	-moz-transition:opacity 0.5s ease-in-out;
	padding-left: 1em;
    display: inline-block;
}
#contents_area section.scarts_page_report .report_of_contents .report_contents_sticky ul.report_contents_ul li.m{
	font-size:0.9em;
	margin-left:1.1em;
}#contents_area section.scarts_page_report .report_of_contents .report_contents_sticky ul.report_contents_ul li.m:before{
	display:none;
}
#contents_area section.scarts_page_report .report_of_contents .report_contents_sticky ul.report_contents_ul li a.active{
	font-weight:bold;
}

#contents_area section.scarts_page_report .scarts_detail_main{
	width:810px;
}

@media screen and (max-width: 930px){
	#contents_area section.scarts_page_report{
		display:block;
		width:100%;
	}#contents_area section.box.report_archive{
		width:100%;
	}

	#contents_area section.scarts_page_report .report_of_contents{
		width: 90%;
        margin: 0 auto 30px;
		padding-right:0;
	}
	#contents_area section.scarts_page_report .report_of_contents.fix{
		position:fixed;
		top: 90px;
        left: 5%;
        width: calc(100% - 10%);
		z-index: 12;
	}

	#contents_area section.scarts_page_report .report_of_contents .report_contents_sticky p.mokuzi{
		position:relative;
	}#contents_area section.scarts_page_report .report_of_contents .report_contents_sticky p.mokuzi:after,
	#contents_area section.scarts_page_report .report_of_contents .report_contents_sticky p.mokuzi:before{
		content:"";
		position:absolute;
		width:15px;	height:1px;
		background:var(--font-color);
		top:50%;	right:10px;
		transform: translateY(-50%);
		transition: 0.5s ease-in-out;
	}#contents_area section.scarts_page_report .report_of_contents .report_contents_sticky p.mokuzi:before{
		transform: translateY(-50%) rotate(90deg);
	}#contents_area section.scarts_page_report .report_of_contents .report_contents_sticky p.mokuzi.open:before{
		transform: translateY(-50%);
	}#contents_area section.scarts_page_report .report_of_contents .report_contents_sticky p.mokuzi.open:after{
		opacity:0;
	}
	#contents_area section.scarts_page_report .report_of_contents .report_contents_sticky ul.report_contents_ul{
		display:none;
	}

	#contents_area section.scarts_page_report .report_of_contents .report_contents_sticky{
		border: 1px solid var(--font-color);
	}

	#contents_area section.scarts_page_report .scarts_detail_main{
		width: 90%;
        margin: 0 auto;
	}

	.header_title.keep_height{
		margin-bottom:calc(30px + 30px + 2em);
	}

}




	#contents_area.toppage .topborder:before,
	#contents_area.toppage .downborder:before,
	#contents_area .pre_next_topics_box:after,
	.border_long:after,
	.border_short:after,
	.border_min:after,
	#contents_area h3.downborder:after,
	footer:before{
		width:1px;
	}


/*ボーダーの太さ対策*/
/* FireFox */
@-moz-document url-prefix() {

	#contents_area.toppage .topborder:before,
	#contents_area.toppage .downborder:before,
	#contents_area .pre_next_topics_box:after,
	.border_long:after,
	.border_short:after,
	.border_min:after,
	#contents_area h3.downborder:after,
	footer:before{
		width:1px;
	}

}

/* Safari */
::-webkit-full-page-media, :future, :root #contents_area.toppage .topborder:before,
::-webkit-full-page-media, :future, :root #contents_area.toppage .downborder:before,
::-webkit-full-page-media, :future, :root #contents_area .pre_next_topics_box:after,
::-webkit-full-page-media, :future, :root .border_long:after,
::-webkit-full-page-media, :future, :root .border_short:after,
::-webkit-full-page-media, :future, :root .border_min:after,
::-webkit-full-page-media, :future, :root #contents_area h3.downborder:after,
::-webkit-full-page-media, :future, :root footer:before{
	width:1px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, #contents_area.toppage .topborder:before,
	::i-block-chrome, #contents_area.toppage .downborder:before,
	::i-block-chrome, #contents_area .pre_next_topics_box:after,
	::i-block-chrome, .border_long:after,
	::i-block-chrome, .border_short:after,
	::i-block-chrome, .border_min:after,
	::i-block-chrome, #contents_area h3.downborder:after,
	::i-block-chrome, footer:before{
		width:1px;
	}
}


@media screen and (max-width: 930px){
	#contents_area.toppage .topborder:before,
	#contents_area.toppage .downborder:before,
	#contents_area .pre_next_topics_box:after,
	.border_long:after,
	.border_short:after,
	.border_min:after,
	#contents_area h3.downborder:after,
	footer:before{
		width:1px;
	}
}




/*テキスト入力欄用*/
.textarea_format{
}
.textarea_format p{
	margin-block-start: 1em;
 	margin-block-end: 1em;
}
.textarea_format img{
	max-width:100%;
	height:auto;
}
.textarea_format hr{
	height: 1px;
	border: 0;
	border-top: 1px solid #b0b0b0;
}
.textarea_format h4{
	color: #323232 !important;
    background: #dcdcdc !important;
    background-image: linear-gradient(135deg, #5b5b5b 15px, transparent 0) !important;
	font-size: 1.2em !important;
    padding: 9px 20px 8px !important;
    margin-bottom: 10px !important;
    width: 100% !important;
}

.textarea_format h5{
	font-size: 1.2em;
	padding: 0;
    margin-bottom: 0;
}

.textarea_format h6{
	font-size: 1.1em;
	padding: 0;
    margin-bottom: 0;
}

.textarea_format .border-box{
	padding:30px;
	border:1px solid #b0b0b0;
	margin:20px 0;
}

.textarea_format .back-box{
	padding:30px;
	background:#dcdcdc;
	margin:20px 0;
}


.textarea_format .flex-box{
	display:flex;
	justify-content: space-between;
	margin-bottom:10px;
}
.textarea_format .flex-box .item_5-5{
	width:calc(50% - 2%);
}
.textarea_format .flex-box .item_2{
	width:calc(15%);
}
.textarea_format .flex-box .item_8{
	width:calc(85% - 2%);
}

.textarea_format .flex-box .item_3{
	width:calc(25% - 2%);
}
.textarea_format .flex-box .item_7{
	width:calc(75% - 2%);
}
.textarea_format .flex-box .item_4{
	width:calc(35% - 2%);
}
.textarea_format .flex-box .item_6{
	width:calc(65% - 2%);
}

.textarea_format img[style*="float: left;"]{
	margin:8px 8px 8px 0;
}
.textarea_format img[style*="float: right;"]{
	margin:8px 0 8px 8px;
}

.textarea_format figure{
	height: unset; width: unset;
}.textarea_format figure img{
	object-fit:unset;
}.textarea_format figure figcaption{
	width: unset;
    position: unset;
    bottom: unset;
    left: unset;
    background: unset;
    color: unset;
    padding: unset;
    font-size: unset;
}
.textarea_format figure[style*="float: left;"]{
	margin:8px 8px 8px 0;
}
.textarea_format figure[style*="float: right;"]{
	margin:8px 0 8px 8px;
}

@media screen and (max-width: 930px){
	.textarea_format .flex-box{
		flex-wrap:wrap;
	}
	.textarea_format .flex-box .item_5-5{
		width:100%;
	}
	.textarea_format .flex-box .item_2{
		width:100%;
	}
	.textarea_format .flex-box .item_8{
		width:100%;
	}

	.textarea_format .flex-box .item_3{
		width:100%;
	}
	.textarea_format .flex-box .item_7{
		width:100%;
	}
	.textarea_format .flex-box .item_4{
		width:100%;
	}
	.textarea_format .flex-box .item_6{
		width:100%;
	}

}


@media screen and (max-width: 930px){
#aime_fluent_chat.pc{
	display:unset !important;
	bottom:80px !important;
}