@charset "UTF-8";

/* -----------------------------------------
共通CSS
----------------------------------------- */

/* リンク前矢印 */
#contents_area a.arrow {
  display: inline-block;
  background-color: none;
  padding: 0 0 0 1em;
  background: url(../img/icon_tri_bk.png) 0em 0.6em no-repeat;
  font-weight: normal;
}

#contents_area .squ_gray {
  list-style: none;
  padding-left: 1em;
  background: url(../img/squ_gray.png) left 0.6em no-repeat;
}

#contents_area .cir_gray {
  list-style: none;
  padding-left: 1em!important;
  background: url(../img/cir_gray.png) left 0.6em no-repeat;
}

/* SCARTS */
#contents_area.scarts fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

#contents_area.scarts a.dl_pdf_item {
  background-image: url(../img/icon_pdf.png);
  background-repeat: no-repeat;
  background-position: left 8px;
  padding-left: 23px;
  display: inline-block;
}

#contents_area.scarts a.dl_word_item {
  background-image: url(../img/icon_word.png);
  background-repeat: no-repeat;
  background-position: left 8px;
  padding-left: 23px;
  display: inline-block;
}

#contents_area.scarts a.dl_excel_item {
  background-image: url(../img/icon_excel.png);
  background-repeat: no-repeat;
  background-position: left 8px;
  padding-left: 23px;
  display: inline-block;
}


/* Library */
#contents_area.library .cir_library {
  list-style: none;
  padding-left: 1em!important;
  background: url(../img/cir_library.png) left 0.6em no-repeat;
}

#contents_area.library a.dl_pdf_item {
  background-image: url(../img/icon_pdf.png);
  background-repeat: no-repeat;
  background-position: left 8px;
  padding-left: 23px;
  display: inline-block;
}
#contents_area.library a.dl_excel_item {
  background-image: url(../img/icon_excel.png);
  background-repeat: no-repeat;
  background-position: left 8px;
  padding-left: 23px;
  display: inline-block;
}

#contents_area.library h5.archive_title {
  font-size: 1em;
  line-height:1.7;
	letter-spacing:0;
}

/* -----------------------------------------
各ページCSS
----------------------------------------- */

/*** チケット購入について ***/

#contents_area.ticket .box dl.ticket_cnt {
  margin: 0;
  padding: 15px 0;
  border-left: none;
  border-bottom: 1px solid #c9caca;
  background-color: rgba(255,255,255,1.0);
  line-height: 1.5;
}

#contents_area.ticket .box dl.ticket_cnt dt {
  width: 60px;
  padding: 0;
  font-weight: normal;
  float: left;
  border-right: none;
  background: none;
}

#contents_area.ticket .box dl.ticket_cnt dd {
  margin-left: 50px;
  padding: 0;
}


/*** 交通アクセス ***/

#contents_area.access .gmap {
  margin-top: 20px;
}

#contents_area.access .box dl {
  margin: 0;
  border-bottom: 1px solid #d5d6d6;
  background-color: rgba(255,255,255,1.0);
}

#contents_area.access .box dl:last-of-type {
  border-bottom: none;
  background-color: rgba(255,255,255,1.0);
}

#contents_area.access .box dl dt {
  padding: 13px 15px 10px;
  font-weight: bold;
  float: left;
  background: none;
}

#contents_area.access .box dl dd {
  border-left: 1px dotted #d5d6d6;
  margin-left: 165px;
  padding: 13px 15px 10px;
}

@media screen and (max-width: 930px) {
#contents_area.access .box dl {
  margin: 0;
  border-left: none;
  border-bottom: 1px solid #d5d6d6;
  background-color: rgba(255,255,255,1.0);
}

#contents_area.access .box dl dt {
  width: auto;
  padding: 13px 0 0;
  font-weight: bold;
  float: none;
  background: none;
}

#contents_area.access .box dl dd {
  border-left: none;
  margin-left: 0;
  padding: 0 0 10px;
}
}

/* 採用情報 */

#contents_area.recruit .date_area.detail {
  margin-bottom: 20px;
}

#contents_area.recruit .date_area.detail p.date {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 0;
}

#contents_area.recruit .date_area .date {
  border-left: 2.5px solid var(--font-color);
  padding-left: 0.5em;
  margin-bottom: 5px;
  font-weight: bold;
}

#contents_area.recruit .date_area.detail .cate {
  vertical-align: unset;
}

#contents_area.recruit h3.title {
  width: 100%;
  text-align: left;
  border-top: 1px solid var(--c-gray3);
  border-bottom: 1px solid var(--c-gray3);
  padding: 30px 0;
  margin-bottom: 30px;
}


@media screen and (max-width: 930px) {
#contents_area.recruit .date_area.detail p.date {
  display: block;
  margin-right: 0;
  margin-bottom: 10px;
}

}

#contents_area.recruit .box img.pdf_icon {
  vertical-align: middle;
}

/*** リンク ***/

#contents_area.link .box dl {
  margin: 0;
  border-left: none;
  border-bottom: 1px solid #c9caca;
}

#contents_area.link .box dl dt {
  font-weight: bold;
  float: left;
}

#contents_area.link .box dl dd {
  margin: 15px 0 15px 315px;
}

#contents_area.link .box .pd15 {
  padding-top :15px;
  padding-bottom: 15px;
}

@media screen and (max-width: 930px) {
#contents_area.link .box dl {
  margin: 0;
  border-left: none;
  border-bottom: 1px solid #c9caca;
  background-color: rgba(255,255,255,1.0);
}

#contents_area.link .box dl dt {
  width: 100%;
  padding: 10px 0 0 0;
  margin-bottom: 0;
  font-weight: bold;
  float: none;
  background-color: rgba(255,255,255,1.0);
}

#contents_area.link .box dl dd {
  margin: 0 0 15px 0;
  padding: 0 15px 0px;
}

#contents_area.link .box .pd15 {
  padding-top :unset;
  padding-bottom: unset;
}
}

/*** サイトマップ ***/

#contents_area.sitemap h5 {
  font-size: 1.1em;
  padding: 5px 0 5px 10px;
}

#contents_area.sitemap .box .sitemap_col_wrap {
  display: flex;
  justify-content: space-between;
}

#contents_area.sitemap .box .sitemap_col {
  width: calc(100% / 3 - 10px);
}

#contents_area.sitemap .box .sitemap_col:nth-child(2),
#contents_area.sitemap .box .sitemap_col:nth-child(3) {
  margin-left:40px;
}

#contents_area.sitemap .box .sitemap_col h4 {
  background: var(--c-gray4);
  color: var(--font-color);
  font-size: 1.2em;
  padding: 9px 20px 8px;
  margin-bottom: 10px;
  width: 100%;
}

#contents_area.sitemap .box .sitemap_col h4 > a {
  display: block;
  position: relative;
}

#contents_area.sitemap .box .sitemap_col h4 > a::after {
  content:"";
  position: absolute;
  right: 0;
  top: 38%;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: solid 1px #000;
  border-right: solid 1px #000;
  transform: rotate(45deg); /* 右向きの場合 */
}

#contents_area.sitemap .box .sitemap_col ul {
  margin: 0 0 0 0;
  padding: 0 0 0 20px;
}

#contents_area.sitemap .box .sitemap_col ul.child_category {
  padding: 0 0 20px 10px;
}

#contents_area.sitemap .box .sitemap_col ul li {
  list-style: none;
}

#contents_area.sitemap .box .sitemap_category {
  margin-bottom: 20px;
}

@media screen and (max-width: 930px) {
  #contents_area.sitemap .box .sitemap_col_wrap {
    display: block;
  }

  #contents_area.sitemap .box .sitemap_col {
    width: 100%;
  }

  #contents_area.sitemap .box .sitemap_col:nth-child(2),
  #contents_area.sitemap .box .sitemap_col:nth-child(3) {
  margin-left: 0;
}
}

/*** お問い合わせ ***/

#contents_area.inquiry .inquiry_text dl {
  margin: 0;
  padding: 15px 0;
  border-left: none;
  border-bottom: 1px solid #c9caca;
  line-height: 1.5;
}

#contents_area.inquiry .inquiry_text dl dt {
  padding: 0;
  font-weight: normal;
  float: left;
  border-right: none;
  background: none;
}

#contents_area.inquiry .inquiry_text dl dd {
  margin-left: 70px;
  padding: 0;
}

#contents_area.inquiry .inquiry_text dl dd span.txt_b {
  line-height: 1;
}


/* お問い合わせ・SCARTS相談フォーム ここから*/

#contents_area form textarea {
  max-width: 100%;
}

.form_input dl {
  margin: 0;
  padding: 15px 0;
  border-left: left;
  border-bottom: 1px solid #c9caca;
  background-color: rgba(255,255,255,1.0);
  line-height: 1.5;
}

.form_input dl dt {
  width: 28%;
  float: left;
  padding: 15px 0;
  font-weight: bold;
}

.form_input dl dd {
  width: 70%;
  margin-left: 30%;
  padding: 15px 0;
}

.inquiry .form_title {
  text-align: center;
}

.form_input dt strong {
  margin-right: 10px;
  padding: 3px 5px;
  font-weight: bold;
  background-color: var(--c-red);
  color: #fff;
}

.form_input input.i18 {
  width: 18em;
}

.form_input input.i20 {
  width: 20em;
}

.form_input input.i90p {
  width: 90%;
}

.form_input textarea.i90p {
  width: 90%;
}

.form_input input.i30 {
  width: 30em;
}

#contents_area form select {
  margin: 3px;
}


/* 問い合わせフォームボタン部分 */

.form_btn {
  padding: 20px 0;
  border-left: none;
  text-align: center;
}

.form_btn input.btn_l {
  background: var(--c-white);
  color: var(--font-color);
  border: 1px solid var(--font-color);
  padding: 9px 50px 8px;
  display: inline-block;
  margin: 0 auto;
 /* box-shadow: 5px 5px 0px 0px #00000044;*/
  border-radius: 150px;
  text-decoration: none !important;
  position: relative;
  text-align: center;
  box-sizing: border-box;
  cursor:pointer;
  transition: 0.3s ease-in-out;

  -webkit-appearance: none;
}

.form_btn input.btn_l:hover,
.form_btn input.btn_l:focus{
	opacity:1.0;
	background:var(--c-yellow);
}

.form_btn input.btn_l.off{
	background:var(--c-gray4) !important;
	box-shadow:unset !important;
}

.form_btn input.btn_l.on{
	outline: 2px solid var(--font-color);
  outline-offset: -2px;
}

#contents_area form input[type="reset"] {
  padding-left: 50px;
}

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

  .form_input dl dt {
    width: 100%;
    float: none;
  }

  .form_input dl dd {
    width: 100%;
    margin-left: 0px;
    padding: 0 0 15px;
  }

  .form_input input.i20 {
    width: 75%;
  }

  .form_input input.i90p {
    width: 100%;
  }

  .form_input textarea.i90p {
    width: 100%;
  }

  .form_input input.i30 {
    width: 75%;
  }

  .form_input input.i18 {
    width: 75%;
  }

}

/***施設利用について***/

/*ご利用にあたって*/

.facility_usage dl dt {
  width: 12em;
  border-top: 1px solid #d5d6d6;
  margin: 0;
  padding: 10px 0;
  box-sizing: border-box;
  float: left;
}

.facility_usage dl dd {
  border-top: 1px solid #d5d6d6;
  margin: 0;
  padding: 10px 0 10px 13em;
}

.facility_usage .squ_gray {
  padding-left: 1em;
  background: url(../img/squ_gray.png) left 0.6em no-repeat;
}

.facility_usage .cir_gray {
  padding-left: 1em;
  background: url(../img/cir_gray.png) left 0.6em no-repeat;
}

.facility_usage dt.squ_gray {
padding-left: 1em;
background: url(../img/squ_gray.png) left 1.2em no-repeat!important;
}
.facility_usage dt.cir_gray {
  padding-left: 1em;
  background: url(../img/cir_gray.png) left 1.2em no-repeat;
  }


.facility_usage li.cir_gray {
  padding-left: 1em;
  background: url(../img/cir_gray.png) left 0.6em no-repeat;
}

.facility_usage div.prepare {
  display: flex;
  padding: 15px;
  border: 1px solid var(--c-gray1);
}

.facility_usage div.prepare > div {
margin-right: 30px;
}

.facility_usage ul > li {
  list-style: none;
  margin: 0;
}

.facility_usage h6 {
  font-size: 1em;
  margin: 0;
}

@media screen and (max-width: 930px) {
.facility_usage dl {
  margin: 20px 0;
  }

.facility_usage dl dt {
  width: 100%;
  float: none;
}

.facility_usage dl dd {
  border-top: 1px dotted #d5d6d6;
  margin: 0;
  padding: 10px 0 10px 0;
}

.facility_usage div.prpare {
display: block;
}
}

/*　提出書類等ダウンロード　*/

#contents_area.facility_download .back_white_pn {
  background: var(--c-white);
  padding: 0 0;
}

#contents_area.facility_download .app_form {
  display: flex;
  padding: 40px 40px 40px 0;
  align-items: center;
  background-image: linear-gradient(135deg, var(--c-gray) 15px, transparent 0)!important;
}

#contents_area.facility_download .app_form_title {
  width: 30%!important;
}

#contents_area.facility_download .app_form_title h4 {
  background: var(--c-white)!important;
  color: var(--font-color)!important;
  text-align: center!important;
  margin-bottom: 0!important;
  padding: 0 0 0 ;
}

#contents_area.facility_download .app_form_title h4 span {
  display: inline-block;
  vertical-align: middle;
}

#contents_area.facility_download .app_form .app_form_file {
  width: 80%;
}

#contents_area.facility_download .app_form ul.download_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  border-top: 1px solid var(--font-color);
}

#contents_area.facility_download .app_form ul.download_list:first-child {
  border-top: none;
}

#contents_area.facility_download .app_form ul.download_list li {
  width: 48%;
  padding-left: 10px;
  border: none;
}

#contents_area.facility_download .app_form ul.download_list li:first-child {
  padding-left: 0;
}

#contents_area.facility_download .drawing .download_list {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid var(--font-color);
}

#contents_area.facility_download .drawing .download_list:first-child {
  border-top: none;
}

#contents_area.facility_download .drawing .download_list li a {
  position: relative;
}

#contents_area.facility_download .drawing .download_list li a .dl_pdf {
  position: absolute;
  left: 8px;
}

/*3列の時*/
#contents_area.facility_download ul.row3 {
justify-content: center;
}

#contents_area.facility_download ul.row3 li {
  width: calc( 100% / 3 );
}

/*2列の時*/
#contents_area.facility_download ul.row2 {
  justify-content: center;
}

#contents_area.facility_download ul.row2 li {
  width: calc( 100% / 2 );
}

/*1列の時*/
#contents_area.facility_download ul.row1 {
  justify-content: flex-start;
}

#contents_area.facility_download ul.row1 li {
  width: 100%;
}

#contents_area.facility_download .drawing .download_list li {
  padding: 20px;
  margin: 20px 0;
  border-left: 1px solid var(--font-color);
  border-top: none;
}

#contents_area.facility_download .drawing .download_list li:nth-child(1),
#contents_area.facility_download .drawing .download_list li:nth-child(4),
#contents_area.facility_download .drawing .download_list li:nth-child(7) {
  border-left: none;
}

#contents_area.facility_download .drawing .download_list li a {
  padding-left: 0!important;
}

#contents_area.facility_download .drawing .download_list li p {
  text-align: center;
  }


#contents_area.facility_download .drawing .download_list li p.img_area {
  width: 236px;
  position: relative;
  height: 160px;
  border: 1px solid var(--c-gray3);
  margin: 0 auto 10px auto;
}

#contents_area.facility_download .drawing .download_list li p.img_area img {
  width: auto;
  height: 100%;
  padding: 5px;
  object-fit: contain;
}

#contents_area.facility_download .drawing .download_list li p.img_area img.dl_pdf {
height: auto;
position: absolute;
left: 0;
}

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

#contents_area.facility_download .app_form {
  display: block;
  padding: 15px 20px;
  }

  #contents_area.facility_download .app_form_title {
  width: 100%!important;
  margin: 30px 0 40px 0;
  }

  #contents_area.facility_download .app_form .app_form_file {
    width: 100%;
  }

  #contents_area.facility_download .app_form ul.download_list {
    border-top: none;
  }

  #contents_area.facility_download .app_form ul.download_list {
  display: block;
  }

  #contents_area.facility_download .app_form ul.download_list li {
    width: 100%;
    border-top: 1px solid var(--font-color);
    padding-left: 0;
  }

  #contents_area.facility_download .drawing .download_list {
    border-top: none;
    display: block;
  }
  #contents_area.facility_download .drawing .download_list li {
    padding: 30px 0px;
    border-left: none;
    border-top: 1px solid var(--font-color);
    margin: 0 0;
  }

  #contents_area.facility_download .app_form .drawing .download_list li.no_border,
  #contents_area.facility_download .drawing .download_list li.no_border {
    border-top: none!important;
  }

  #contents_area.facility_download ul.row3 li,
  #contents_area.facility_download ul.row2 li {
  width: 100%;
  }

  #contents_area.facility_download .no_border {
  border-top: none!important;
  }
}


/* 施設の利用申し込みについて */

/*タブ切り替え全体のスタイル*/

.facility_application .tab-area {
  display: flex;
  cursor: pointer;
}

.facility_application .tab {
  width: calc(100%/2);
  background-color: var(--c-white);
  color: var(--font-color);
  font-size: 1.2em;
  padding: 10px;
  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;
}

.facility_application .tab a {
  text-decoration: none;
}

.facility_application .tab.active {
  background-color: var(--font-color);
}

.facility_application .tab.active a:link {
  color: var(--c-white);
}

.facility_application .tab a:hover, a:focus {
  opacity: 1;
}

.facility_application .panel-area {
  border-top: 2px solid var(--font-color);
}
.facility_application .panel {
  display: none;
}
.facility_application .panel.active {
  display: block;
}

.facility_application table caption,
.facility_faq table caption {
  text-align: left;
}

.facility_application #a_content table th {
  background: var(--c-library3);
}

.facility_application #b_content table th {
  background: var(--c-scarts3);
}

.facility_application .app_flow dl {
  display: flex;
  border-bottom: 1px solid var(--font-color);
  position: relative;
  margin: 10px auto 0;
  padding: 20px 0 20px;
  position: relative;
  line-height: 1.8;
}

.facility_application .app_flow dl dt {
  width: 22%;
  margin-right: 10px;
  text-align: center;
}

.facility_application .app_flow dl .mt_pc {
  margin-top: 1em;
}

.facility_application .app_flow dl .mt_pc2 {
  margin-top: 1.5em;
}

.facility_application .app_flow dl dd {
  width: 78%;
}

/*　外枠となる三角形（ボーダーと同色） */
.facility_application .app_flow dl:before {
  border: 20px solid transparent;
  border-top-color: var(--font-color);
  content: '';
  position: absolute;
  bottom: -40px; /*ボックスの下に指定 */
  left: 10.5%; /*ボックスの左に指定 */
  transform: translateX(-50%);
}

/*　三角形（ボックスと同色） */
.facility_application .app_flow dl:after {
  border: 20px solid transparent;
  border-top-color: var(--c-white);
  content: '';
  position: absolute;
  bottom: -39px; /*　外枠となる三角形の位置から1pxずらす */
  left: 10.5%; /*　外枠となる三角形の位置から1pxずらす */
  transform: translateX(-50%);
}

.facility_application .app_flow dl:last-child {
  border-bottom: none;
}

.facility_application .app_flow dl:last-child:before {
  border:none;
}

.facility_application .app_flow dl:last-child:after {
  border:none;
}

.facility_application .squ_gray {
  list-style: none;
  padding-left: 1em;
  background: url(../img/squ_gray.png) left 0.4em no-repeat;
}

.facility_application div.prepare {
  padding: 15px 20px;
  border: 1px solid var(--c-gray1);
}

.facility_application div.prepare > div {
list-style: none;
margin-right: 30px;
}

.facility_application ol {
list-style: none;
padding-left: 0;
}

.facility_application ul {
  list-style: none;
  padding-left: 0;
  }

.facility_application .pl1em {
  padding-left: 1em;
}

.facility_application .pdf_link a {
  padding-left: 22px;
}

#contents_area.facility_application a.dl_word_item {
  background-image: url(../img/icon_word.png);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 22px;
}
#contents_area.facility_application a.dl_excel_item {
  background-image: url(../img/icon_excel.png);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 22px;
}

.facility_application a.dl_pdf_item {
  background-image: url(../img/icon_pdf.png);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 22px;
}

.facility_application .gallery {
  width: 100%;
  display: flex;
}

.facility_application .gallery div {
  width: 100%;
  height: 280px;
}

.facility_application .gallery div img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.facility_links .page_jump_links a {
  margin: 2px;
}

#contents_area.facility_application .radius {
  -webkit-border-radius: 10px;
}

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

.facility_application .table_sp {
  width: 100%;
  margin-bottom: 10px;
  padding: 10px;
  box-sizing: border-box;
  border: 2px solid var(--c-gray5);
}

.facility_application .table_wrap {
  max-height: 500px;
  overflow: auto;
}

.facility_application table.hyo_application {
  width: 200%;
  border: 1px solid #d5d6d6;
  border-collapse: collapse;
}


.facility_application .app_flow dl {
  display: block;
  padding: 15px 0;
}

.facility_application .app_flow dl:before {
  left: 50%;
}

.facility_application .app_flow dl:after {
  left: 50%;
}

.facility_application .app_flow dl dt {
  width: 100%;
  padding-bottom: 5px;
}

.facility_application .app_flow dl dd {
  width: 100%;
}

.facility_application .app_flow dl .mt_pc {
  margin-top: unset;
}

.facility_application .app_flow dl .mt_pc2 {
  margin-top: unset;
}

.facility_application .gallery div {
  height: 200px;
}

.facility_links .page_jump_links {
  flex-wrap: wrap;
}

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

.facility_application  ul.tab {
  padding: 5px;
}
}

/* SCARTS イベント一覧 */

#contents_area.event_scarts .event_select {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

#contents_area.event_scarts .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_scarts .event_select .select_genre {
  padding: 5px 20px 5px 0;
  border-right: 1px solid var(--main-color);
}

#contents_area.event_scarts .event_select .select_keyword {
  position: relative;
}

#contents_area.event_scarts .event_select .select_keyword .search_enter {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}

#contents_area.event_scarts .event_select .select_cal {
  text-align: right;
}

#contents_area.scarts .search_filter {
  text-align: right;
  margin-bottom: 20px;
}

#contents_area.scarts .filter_btn {
  display: inline-block;
  top: 0;
  right: 0;
  position: relative;
}

#contents_area.scarts .filter_btn_title {
  color: var(--c-white);
  text-decoration: none;
  padding: 0 40px 0 20px;
  background-color: var(--font-color);
  cursor: pointer;
  border: none;
}

#contents_area.scarts .filter_btn_title::before {
  content: '';
  width: 15px;
  height: 1px;
  background: var(--c-white);
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  transition: 0.5s ease-in-out;
  -webkit-transition: 0.5s ease-in-out;
}

#contents_area.scarts .filter_btn_title::after {
content: '';
width: 15px;
height: 1px;
background: var(--c-white);
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%) rotate(90deg);
transition: 0.5s ease-in-out;
-webkit-transition: 0.5s ease-in-out;
}

#contents_area.scarts .filter_btn.open .filter_btn_title::after {
  transform: rotate(180deg);
}

#contents_area.scarts .search_filter .accordion-panel {
  margin-top: 20px;
  text-align: left;
}

#contents_area.scarts .select_category {
  margin: 20px 0;
  text-align: right;
}

#contents_area.event_scarts .prev_next_week {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#contents_area.event_scarts .prev_next_week img {
  width: 8px;
  vertical-align: middle;
  display: inline-block;
}

#contents_area.event_scarts .prev_week img {
  margin-right: 10px;
}

#contents_area.event_scarts .next_week img {
  margin-left: 10px;
}

/*カレンダー*/

#contents_area.scarts div.calendar {
  z-index: 3;
  position: relative;
  background: var(--c-white);
  width: 240px;
}

#contents_area.scarts div.calendar_main {
  width: 100%;
  margin: 0 auto;
}

#contents_area.scarts div.calendar .calendar_area {
  position: relative;
}

#contents_area.scarts div.calendar .calendar_box {
  border-radius: 10px;

  padding-top: 5px;
}

#contents_area.scarts div.calendar .calendar_table.active {
  display: inline-table;
}

#contents_area.scarts div.calendar .prev_arrow,
#contents_area.scarts div.calendar .next_arrow {
  position: absolute;
  top: 25px;
  transform: translateY(-50%);
  cursor: pointer;
  width: 20px;
  height: 20px;
}

#contents_area.scarts div.calendar .prev_arrow {
  right: unset;
  left: 0px;

}

#contents_area.scarts div.calendar .next_arrow {
  left: unset;
  right: 0;
}

#contents_area.scarts div.calendar .prev_arrow img,
#contents_area.scarts div.calendar .next_arrow img {
  width: 100%;
  height: 100%;
}

#contents_area.scarts div.calendar .calendar_info {
  display: flex;
  text-align: left;
  margin-top: 10px;
}

#contents_area.scarts div.calendar .calendar_table tbody tr td:first-child {
  background: #fdede4;
}

#contents_area.scarts div.calendar .calendar_table tbody tr td:first-child {
  color: var(--c-red);
}

#contents_area.scarts div.calendar .calendar_table tbody td {
  padding: 0;
  height: 33px;
  width: 58px;
  line-height: 1;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}

#contents_area.scarts div.calendar .calendar_table tbody td a {
  display: block;
  height: 100%;
  text-align: center;
}

#contents_area.scarts div.calendar .calendar_table tbody td a span {
  display: block;
  width: 100%;
  margin-bottom: 1px;
}

#contents_area.scarts div.calendar .calendar_table tbody td a img {
  display: inline-block;
  margin: 2px;
}

/*
#contents_area.scarts div.calendar .calendar_table tbody td.close_l {
  background-image: url(../img/back_close_l.svg);
  background-size: contain;
  background-repeat: repeat;
}
*/

#contents_area.scarts div.calendar .calendar_table tbody td.close {
  outline: 2px solid #e60012;
  outline-offset: -1px;
  position: relative;
}

#contents_area.scarts div.calendar .calendar_table tbody tr td:last-child {
  background: #d3edfb;
}

#contents_area.scarts div.calendar .calendar_table tbody td.close:after {
  width: 100%;
  height: 100%;
  /*content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(to left top, transparent calc(50% - 1px), #e60012 50%, #e60012 calc(50% + 1px), transparent calc(50% + 2px)) !important;*/
}

/*
#contents_area.scarts div.calendar .calendar_table tbody td.today {
  outline: 2px solid #e60012;
  outline-offset: -3px;
  position: relative;
  border-radius: 40px;
  z-index: 1;
}*/

#contents_area.scarts div.calendar .calendar_table tbody td.today {
  position: relative;
}

#contents_area.scarts div.calendar .calendar_table tbody td.today:after {
  width: 30px;
  height: 30px;
  /*content: "";
  position: absolute;
  top: 0%;
  left: 50%;
  border: 2px solid #e60012;
  border-radius: 50px;
  transform: translateX(-50%);*/
}

#contents_area.scarts div.calendar .calendar_info p img {
  vertical-align: text-top;
  margin-right: 5px;
}

/*イベント一覧*/

#contents_area.event_scarts .scarts_event_wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 20px;
}

#contents_area.event_scarts .event_scarts_list {
  width: 100%;
  margin-left: 40px;
}

#contents_area.event_scarts .event_scarts_list .event_list_ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: 20px;
}

/* カレンダーあり 3列の場合 */
#contents_area.event_scarts .event_scarts_list .event_list_ul li {
  width: calc(100% / 3 - 27px) ;
  margin-bottom: 40px;
  margin-right: 40px;
}

#contents_area.event_scarts .event_scarts_list .event_list_ul li:nth-child(3n) {
  margin-right: 0;
}
/*--*/

/* カレンダーなし 4列の場合 */
#contents_area.event_scarts .event_scarts_list.search_on {
  margin-left: 0;
}

#contents_area.event_scarts .event_scarts_list.search_on .event_list_ul li {
  width: calc(100% / 4 - 30px) ;
  margin-bottom: 40px;
  margin-right: 40px;
}

#contents_area.event_scarts .event_scarts_list.search_on .event_list_ul li:nth-child(3n) {
  margin-right: 40px;
}

#contents_area.event_scarts .event_scarts_list.search_on .event_list_ul li:nth-child(4n) {
  margin-right: 0;
}
/*--*/

#contents_area.event_scarts .event_scarts_list .event_list_ul li h4 {
  font-size: 1em;
  background: unset;
  background-image: unset;
  padding: 0;
}

#contents_area.event_scarts .event_scarts_list .event_list_ul li .img_info {
  margin-bottom: 10px;
  text-align: center;
  height: 300px;
}

#contents_area.event_scarts .event_scarts_list .event_list_ul li .img_info img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#contents_area.event_scarts .event_scarts_list .event_list_ul li .text_info {
  margin-top: unset;
}

#contents_area.event_scarts .genre,
#contents_area.event_scarts_detail .genre,
#contents_area.topics_scarts .genre,
#contents_area.topics_scarts_detail .genre,
#contents_area.organize_scarts_detail .genre,
#contents_area.organize_scarts .genre,
#contents_area.scarts_culturalfacility_detail .genre,
#contents_area.scarts_culturalfacility .genre,
#contents_area.scarts_artculture_detail .genre {
  margin-right: 5px;
}

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

#contents_area.scarts div.calendar {
  width: 100%;
  }

#contents_area.event_scarts .event_select {
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 20px;
}

#contents_area.event_scarts .event_select .select_keyword {
  order: 3;
  width: 100%;
  position: relative;
}

#contents_area.event_scarts .event_select .select_keyword .search_enter {
  right:-2px;
}

#contents_area.event_scarts .event_select .select_month {
  order: 2;
  width: 100%;
  margin-right: 0;
  margin-bottom: 10px;
}

#contents_area.event_scarts .event_select .select_cal {
  order: 1;
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}

#contents_area.event_scarts .scarts_event_wrap {
  display: block;
}

#contents_area.event_scarts .event_scarts_list,
#contents_area.event_scarts .event_scarts_list.search_on {
  margin-top: 40px;
  margin-left: 0;
}

#contents_area.event_scarts .event_scarts_list .event_list_ul {
  display: block;
  border-top: 1px solid;
  padding-top: 20px;
}

#contents_area.event_scarts .event_scarts_list .event_list_ul li,
#contents_area.event_scarts .event_scarts_list.search_on .event_list_ul li {
  width: 100%;
  margin-bottom:20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--font-color);
}

/* カレンダーなし 4列の場合 */

#contents_area.event_scarts .event_scarts_list.search_on .event_list_ul li:nth-child(3n) {
  margin-right: 0;
}

#contents_area.event_scarts .event_scarts_list.search_on .event_list_ul li:nth-child(4n) {
  margin-right: 0;
}

#contents_area.event_scarts .event_scarts_list .event_list_ul li .img_info {
  height: auto;
}

#contents_area.event_scarts .event_scarts_list .event_list_ul li .img_info img {
  max-width: 300px;
  max-height: 300px;
  object-fit: contain;
}
}

/* SCARTS トピックス */

/*カテゴリー*/

#contents_area.scarts .search_category {
  border-top: 1px solid var(--font-color);
  border-bottom: 1px solid var(--font-color);
  padding: 20px 0;
}

#contents_area.scarts .search_category fieldset {
  display: flex;
}

#contents_area.scarts .search_category_title {
  width: 100px;
}

#contents_area.scarts .search_category .category_topics {
  padding-left: 40px;
  width: 100%;
}

#contents_area.scarts .search_category .category_topics_item {
  display: inline-block;
  margin-right: 20px;
}

#contents_area.topics_scarts ul.topics_list_ul {
  width: 100%;
  margin: 0;
}

#contents_area.topics_scarts ul.topics_list_ul li {
  border-bottom: 1px solid var(--font-color);
  padding: 20px 0;
  display: block;
  position: relative;
  overflow: hidden;
}

#contents_area.topics_scarts ul.topics_list_ul li h4 {
  width: 100%;
  text-align: left;
  background: unset;
  padding: 10px 0;
  font-size: 1.1em;
  margin: 0;
}

#contents_area.topics_scarts ul.topics_list_ul li .date_area {
  width: 220px;
  display: inline-block;
  float: left;
}

#contents_area.topics_scarts ul.topics_list_ul li .img_info {
  max-width: 300px;
  margin-left: 20px;
  float: right;
}

#contents_area.topics_scarts ul.topics_list_ul li .img_info img {
  max-width: 100%;
  max-height: 300px;
  object-fit: contain;
}

#contents_area.topics_scarts ul.topics_list_ul li .text_info {
  width: calc(100% - 540px);
  float: right;
}

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

  #contents_area.scarts .search_category fieldset {
    display: block;
  }

  #contents_area.scarts .search_category .category_topics {
    padding-left: 0;
  }

  #contents_area.scarts .search_category .category_topics_item {
    margin-right: 10px;
  }


#contents_area.topics_scarts ul.topics_list_ul li .data_info {
  width: 100%;
  float: unset;
}

#contents_area.topics_scarts ul.topics_list_ul li .img_info {
  width: 100%;
  margin: 0 auto;
  position: relative;
  right: unset;
  float: unset;
  text-align: center;
}

#contents_area.topics_scarts ul.topics_list_ul li .img_info img {
  max-width: 100%;
  height: 100%;
  float: unset;
  margin: 10px auto 0;
  display: block;
  object-fit: cover;
}

#contents_area.topics_scarts ul.topics_list_ul li .text_info {
  width: 100%;
  margin-top: 10px;
}
}

/* SCARTS企画公募 */

.mto i:after {
  content: '@';
}

#contents_area.scartskoubo .page_jump_links {
  flex-wrap: wrap;
  justify-content: flex-start;
}

#contents_area.scartskoubo .page_jump_links a.linkbtn {
  width: calc(100% / 8 - 4px);
}

#contents_area.scarts.scartskoubo h3.title {
  text-align: center;
  background: var(--c-scarts3);
  margin-top: 40px;
  padding: 30px;
}

#contents_area.scartskoubo .document_area,
#contents_area.scartsgrant .document_area {
  width: 100%;
  border: 1px solid var(--font-color);
  padding: 20px;
  text-align: center;
  margin: 20px auto;
}

#contents_area.scartskoubo .text_info {
  margin-top: 30px;
}

#contents_area.scartskoubo .back_white h4 {
  background: unset;
  background-image: unset;
  padding: 0;
  margin-bottom: 0;
}

#contents_area.scarts .scarts_koubo_list dl {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid var(--c-gray3);
  margin-top: 10px;
  margin-bottom: 50px;
}

#contents_area.scartskoubo .scarts_koubo_list dl dt {
  width: 50%;
  border-bottom: 1px solid var(--c-gray3);
  padding: 20px 0;
  font-weight: bold;
}

#contents_area.scartskoubo .scarts_koubo_list dl dd {
  width: 50%;
  border-bottom: 1px solid var(--c-gray3);
  padding: 20px 0 20px 20px;
}

#contents_area.scarts .scarts_facility_list {
  margin-top: 30px;
}

#contents_area.scarts .scarts_facility_item {
  display: flex;
  margin-top: 20px;
}

#contents_area.scarts .scarts_facility_item .left_info {
  width: 250px;
}

#contents_area.scarts .scarts_facility_item .left_info img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

#contents_area.scarts .scarts_facility_item .right_info {
  width: auto;
  margin-left: 20px;
}

#contents_area.scarts .scarts_others_koubo .flex_area {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

#contents_area.scartskoubo .scarts_others_koubo .text_info {
  margin-top: unset;
}

#contents_area.scartskoubo .t_red {
  color: var(--c-red);
}

@media screen and (max-width: 930px) {
  #contents_area.scartskoubo .text_info {
    margin-top: 15px;
  }

  #contents_area.scartskoubo .page_jump_links {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  #contents_area.scartskoubo .page_jump_links a.linkbtn {
    width: calc(100% / 4 - 4px);
  }

  #contents_area.scarts.scartskoubo h3.title {
    margin-top: 20px;
  }

  #contents_area.scartskoubo .scarts_koubo_list dl {
    display: block;
  }

  #contents_area.scartskoubo .scarts_koubo_list dl dt {
    width: 100%;
    border-bottom: none;
    padding: 20px 0 0;
  }

  #contents_area.scartskoubo .scarts_koubo_list dl dd {
    width: 100%;
    padding: 20px 0;
  }

  #contents_area.scarts .scarts_facility_item .left_info {
    width: 40%;
  }

  #contents_area.scarts .scarts_facility_item .right_info {
    width: 60%;
  }

  #contents_area.scartskoubo .document_area a.dl_pdf_item {
    background-position: left 0px;
    display: inline;
  }
}

/* SCARTS 助成金 */

/* メイン・募集要項・全体*/

#contents_area.scarts.scartsgrant h3.title {
  text-align: center;
}

#contents_area.scartsgrant .scarts_detail_main {
  width: 100%;
}

#contents_area.scartsgrant .page_jump_links {
  flex-wrap: wrap;
  justify-content: flex-start;
}

#contents_area.scartsgrant .page_jump_links a.linkbtn {
  width: calc(100% / 8 - 4px);
}

#contents_area.scartsgrant .text_info {
  margin-top: 30px;
}

#contents_area.scartsgrant .back_white h4 {
  background: unset;
  background-image: unset;
  padding: 0;
  margin-bottom: 0;
}

#contents_area.scarts.scartsgrant .scarts_grant_list dl {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid var(--c-gray3);
  margin-top: 10px;
  margin-bottom: 10px;
}

#contents_area.scartsgrant .scarts_grant_list dl dt {
  width: 15%;
  border-bottom: 1px solid var(--c-gray3);
  padding: 15px 0;
  font-weight: bold;
}

#contents_area.scartsgrant .scarts_grant_list dl dd {
  width: 85%;
  border-bottom: 1px solid var(--c-gray3);
  padding: 15px 0 15px 20px;
}

#contents_area.scarts.scartsgrant .scarts_grant_border {
  width: 100%;
  border: 1px solid var(--c-gray3);
  padding: 15px 30px;
  margin-top: 10px;
}

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

  #contents_area.scartsgrant .page_jump_links a.linkbtn {
    width: calc(100% / 4 - 4px);
  }

  #contents_area.scartsgrant .text_info {
    margin-top: 15px;
  }

  #contents_area.scartsgrant .scarts_grant_list dl {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid var(--c-gray3);
    margin-top: 10px;
    margin-bottom: 10px;
}

#contents_area.scartsgrant .scarts_grant_list dl dt {
  width: 100%;
  border-bottom: none;
  padding: 10px 0 0 0;
  font-weight: bold;
}

#contents_area.scartsgrant .scarts_grant_list dl dd {
  width: 100%;
  border-bottom: 1px solid var(--c-gray3);
  padding: 0 0 10px 0px;
}

#contents_area.scartsgrant a.dl_pdf_item {
  padding-left: 20px;
}
}

/* タブ 切り替え */

#contents_area.scartsgrant ul.tab-area li.tab {
  border-top: 1px solid var(--c-scarts);
  border-left: 1px solid var(--c-scarts);
  border-right: 1px solid var(--c-scarts);
}

#contents_area.scartsgrant ul.tab-area li.tab.active {
  background-color: var(--c-scarts);
}

#contents_area.scartsgrant ul.tab-area + .panel-area {
  border-top: 2px solid var(--c-scarts);
  border-bottom: 2px solid var(--c-scarts);
}

@media screen and (max-width: 930px) {
  #contents_area.scartsgrant ul.tab-area {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 10px;
}

#contents_area.scartsgrant ul.tab-area li.tab {
  width: calc(100% / 2 - 10px);
  border-radius: 10px;
  border-bottom: 1px solid var(--c-scarts);
  margin-bottom: 10px;
  font-size: 1em;
}

#contents_area.scartsgrant ul.tab-area li.tab:after {
  content: none;
}

#contents_area.scartsgrant ul.tab-area li.tab a {
  padding: 15px 0 15px;
}
}

/* 必要書類・交付者決定後ページ */

#contents_area.scartsgrant .grant_download_list dl {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid var(--c-gray3);
  margin-top: 20px;
  margin-bottom: 10px;
}

#contents_area.scartsgrant .grant_download_list dl dt {
  width: 25%;
  padding: 15px 0;
  font-weight: bold;
  border-bottom: 1px solid var(--c-gray3);;
}

#contents_area.scartsgrant .grant_download_list dl dd {
  width: 75%;
  border-bottom: 1px solid var(--c-gray3);
  padding: 15px 0 15px 20px;
}

#contents_area.scartsgrant .grant_download_list dl dd a {
  margin-left: 20px;
}


#contents_area.scartsgrant .grant_download_list dl dd a.dl_pdf {
  background-image: url(../img/icon_pdf.png);
  background-position: left 8px;
  background-repeat: no-repeat;
  padding-left: 20px;
  display: inline-block;

}

#contents_area.scartsgrant .grant_download_list dl dd a.dl_word {
  background-image: url(../img/icon_word.png);
  background-position: left 8px;
  background-repeat: no-repeat;
  padding-left: 20px;
  display: inline-block;
}

#contents_area.scartsgrant .grant_download_list dl dd a.dl_excel {
  background-image: url(../img/icon_excel.png);
  background-position: left 8px;
  background-repeat: no-repeat;
  padding-left: 20px;
  display: inline-block;
}

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

  #contents_area.scartsgrant .grant_download_list dl dt {
    width: 100%;
    padding: 15px 0 0;
    border-bottom: none;
  }

  #contents_area.scartsgrant .grant_download_list dl dd {
    width: 100%;
    border-bottom: 1px solid var(--c-gray3);
    padding: 0 0 10px 0;
  }

  #contents_area.scartsgrant .grant_download_list dl dd a {
    margin-left: 0;
    display: block;
  }
}

/* 交付者決定後ページ */

#contents_area.scartsgrant .table_area {
  margin: 10px 0;
}

#contents_area.scartsgrant .table_area table td {
  text-align: center;
}

/* 説明会 */
#contents_area.scartsgrant .movie_area {
  width: 80%;
  margin: 0 auto;
  margin-top: 20px;
}

#contents_area.scartsgrant .movie_item {
  width: 100%;
  height: 315px;
  margin: 10px 0;
}

@media screen and (max-width: 930px) {
  #contents_area.scartsgrant .movie_area {
    width: 100%;
    height: auto;
  }
  #contents_area.scartsgrant .movie_item {
    width: 100%;
    height: 100%;
  }
}

/* よくある質問 */

#contents_area.scartsgrant .sg_faq h4 {
  margin-top: 20px;
}

#contents_area.scartsgrant .sg_faq h4:first-child {
  margin-top: 0;
}

#contents_area.scartsgrant .sg_faq .sg_faq_item {
  margin-top: 10px;
}



/*-----------------------------------------------
SCARTS イベント・トピックス・主催事業  詳細ページ共通
-------------------------------------------------*/

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

#contents_area.event_scarts_detail h4,
#contents_area.topics_scarts_detail h4,
#contents_area.organize_scarts_detail h4,
#contents_area.scarts_culturalfacility_detail h4,
#contents_area.scarts_artculture_detail h4 {
  background: unset;
  background-image: unset;
  padding-top: 0;
  padding-left: 0;
  margin-bottom: 0;
}

#contents_area.scarts .date_area.detail {
  margin-bottom: 20px;
  position: relative;
}

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

#contents_area.scarts .scarts_detail_text {
  width: 100%;
  margin-top: 20px;
}

#contents_area.scarts .scarts_detail_img {
  margin-top: 40px;
}

#contents_area.event_scarts_detail .text_info,
#contents_area.topics_scarts_detail .text_info,
#contents_area.organize_scarts_detail .text_info,
#contents_area.scarts_culturalfacility_detail .text_info {
  margin-top: 20px;
}

#contents_area.scarts .scarts_detail_list {
  margin-top: 40px;
  margin-bottom: 40px;
}

#contents_area.scarts .scarts_detail_list dl {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid var(--c-gray3);
  margin-top: 10px;
  margin-bottom: 10px;
}

#contents_area.scarts .scarts_detail_list dl dt {
  width: 15%;
  border-bottom: 1px solid var(--c-gray3);
  padding: 20px 0;
  font-weight: bold;
}

#contents_area.scarts .scarts_detail_list dl dd {
  width: 85%;
  border-bottom: 1px solid var(--c-gray3);
  padding: 20px 0 20px 20px;
}

#contents_area.scarts .scarts_detail_side {
  margin-top: unset;
  display: flex;
}

#contents_area.scarts .scarts_detail_side .left_info {
  width: 50%;
  margin-right: 20px;
}

#contents_area.scarts .scarts_detail_side .right_info {
  width: 50%;
}

#contents_area.scarts .scarts_detail_border {
  width: 100%;
  border: 1px solid var(--c-gray3);
  padding: 15px 30px;
  margin-top: 20px;
}

#contents_area.scarts .scarts_detail_border dl {
display: flex;
flex-wrap: wrap;
}

#contents_area.scarts .scarts_detail_border dl dt {
  width: 10%;
  border-top: 1px solid var(--c-gray3);
  padding: 5px 0;
  font-weight: bold;
}

#contents_area.scarts .scarts_detail_border dl dd {
  width: 85%;
  border-top: 1px solid var(--c-gray3);
  padding: 5px 0;
}

#contents_area.scarts .scarts_detail_border dl dt:last-of-type,
#contents_area.scarts .scarts_detail_border dl dd:last-of-type {
  border-bottom: none;
}

#contents_area.scarts .scarts_detail_profile {
  margin-top: 30px;
  padding: 20px 40px;
  background-color: var(--base-color);
}

#contents_area.scarts .prof_wrap {
  display: flex;
}

#contents_area.scarts .scarts_detail_profile .img_info {
  margin-right: 30px;
  padding-left: 20px;
  width: 100%;
}

#contents_area.scarts .scarts_detail_profile .img_info img {
  width: 100%;
}

#contents_area.scarts .scarts_detail_credit {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
}

#contents_area.scarts .scarts_detail_contact {
  margin-top: 20px;
}

#contents_area.scarts .scarts_others_event .flex_area,
#contents_area.scarts .scarts_others_topics .flex_area {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

#contents_area.scarts .scarts_others_event .date_area .date,
#contents_area.scarts .scarts_others_project .date_area .date,
#contents_area.scarts .scarts_others_topics .date_area .date,
#contents_area.scarts .pre_next_topics .date_area .date {
  font-size: 0.8em;
}

#contents_area.scarts .scarts_others_item {
  width: calc(100% / 3);
  padding: 0 20px 20px 0;
}

#contents_area.scarts .scarts_others_item:nth-child(3n) {
  padding-right: 0;
}

#contents_area.scarts .scarts_others_item .img_info {
  height: 160px;
  margin: 10px 0;
}

#contents_area.scarts .scarts_others_item .img_info img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#contents_area.topics_scarts_detail .pre_next_title {
  display: flex;
  align-items: center;
  justify-content: space-between ;
}

#contents_area.scarts .pre_topic,
#contents_area.scarts .next_topic {
  width: calc(100% / 2 - 100px);
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

#contents_area.scarts .pre_next_topics {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 15px;
}

#contents_area.scarts .pre_next_topics h5 {
  font-size: 1em;
}


#contents_area.scarts .pre_next_topics .img_info {
  min-width: calc(100% / 2 - 50px);
  height: 100px;
  margin-right: 20px;
}

#contents_area.scarts .pre_next_topics .img_info img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#contents_area.scarts .pre_next_topics .text_info {
  margin-top: unset;
}

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

  #contents_area.scarts .scarts_detail_list dl dt {
    width: 100%;
    border-bottom: none;
    padding: 10px 0 0 0;
    font-weight: bold;
  }

  #contents_area.scarts .scarts_detail_list dl dd {
    width: 100%;
    border-bottom: 1px solid var(--c-gray3);
    padding: 0 0 10px 0px;

  }

  #contents_area.scarts .scarts_detail_side {
    display: block;
  }

  #contents_area.scarts .scarts_detail_side .left_info {
    width: 100%;
  }

  #contents_area.scarts .scarts_detail_side .right_info {
    width: 100%;
    margin-top: 20px;
    margin-left: 0;
  }

  #contents_area.scarts .scarts_detail_border {
  padding: 20px 20px;
  }

  #contents_area.scarts .scarts_detail_border dl dt {
  width: 25%;
  }

  #contents_area.scarts .scarts_detail_border dl dd {
  width: 75%;
  }

  #contents_area.scarts .scarts_detail_profile {
  padding: 20px 20px;
  }

  #contents_area.scarts .prof_wrap {
  display: block;
  }

  #contents_area.scarts .scarts_detail_profile .img_info {
  margin-right: 0;
  padding-left: 0;
  width: 80%;
  margin: 0 auto;
  }

  #contents_area.scarts .scarts_detail_profile .text_info {
  margin-top: 10px;
  }

  #contents_area.scarts .scarts_detail_credit dl {
  padding: 10px 0;
  }

  #contents_area.scarts .scarts_detail_credit .credit_area dl dt {
  float: unset;
  }

  #contents_area.scarts .scarts_detail_credit .credit_area dl dd {
  margin-left: 0%;
  }

  #contents_area.scarts .scarts_others_event .flex_area,
  #contents_area.scarts .scarts_others_project .flex_area,
  #contents_area.scarts .scarts_others_topics .flex_area {
    justify-content: space-between;
    word-break: break-all;
  }

  #contents_area.scarts .scarts_others_item {
    width: calc(100% / 2 - 10px);
    padding: 0 0 20px 0;
  }

  #contents_area.scarts .scarts_others_item:nth-child(2n) {
    margin-left: 20px;
  }

  #contents_area.scarts .scarts_others_item .img_info {
    height: 100px;
  }

  #contents_area.scarts .pre_topic,
  #contents_area.scarts .next_topic {
  width: calc(100% / 2 - 20px);
  display: block;
  }

#contents_area.scarts .pre_topic {
  margin-right: 20px;
  }

#contents_area.scarts .pre_next_topics .img_info {
  width: 100%;
  margin-bottom: 10px;
  }

}

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

/* SCARTS 活動支援 */

#contents_area.scarts_support .scarts_support_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 40px;
}

#contents_area.scarts_support .scarts_support_list li {
  width: calc(100% / 2 - 40px);
  margin-bottom: 40px;
}

#contents_area.scarts_support .scarts_support_list li .img_info {
  width: 100%;
  height: 300px;
  padding-left: 10px;
  margin-bottom: -20px;
}

#contents_area.scarts_support .scarts_support_list li .img_info img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#contents_area.scarts_support .scarts_support_list li h4 {
  background: unset;
  background-image: unset;
  margin-bottom: 0;
}

#contents_area.scarts_support .scarts_support_list li h4 a.link_arrow {
  background: var(--c-scarts);
  background-image: unset;
  color: var(--c-white);
  padding: 10px 35px 8px 20px;
  margin-left: -20px;
  display: inline-block;
  box-shadow: none;
  border: unset;
  border-radius: 0;
  position: relative;
	display: inline-block;
  text-decoration: underline;
  vertical-align: text_bottom;
}

#contents_area.scarts_support .scarts_support_list li h4 a.link_arrow::after{
  content: "";
	vertical-align: middle;
  right: 15px;
	width: 10px;
	height: 10px;
	border-top: 2px solid var(--c-white);
	border-right: 2px solid var(--c-white);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

#contents_area.scarts_support .scarts_support_list li h4 a.link_arrow:hover,
#contents_area.scarts_support .scarts_support_list li h4 a.link_arrow:focus {
  background: var(--c-scarts2);
  opacity: 1;
  color: var(--font-color);
}

#contents_area.scarts_support .scarts_support_list li h4 a.link_arrow:hover::after,
#contents_area.scarts_support .scarts_support_list li h4 a.link_arrow:focus::after {
	border-top: 2px solid var(--font-color);
	border-right: 2px solid var(--font-color);
}


/*
#contents_area.scarts_support .scarts_support_list li .linkbtn_wrap {
  text-align: right;
  margin-top: 10px;
}
#contents_area.scarts_support .scarts_support_list li h4 .linkbtn {
  box-shadow: none;
  border-radius: 0;
}
*/

#contents_area.scarts_support .scarts_support_list li .border_scarts {
  border: 1px solid var(--c-scarts);
}

@media screen and (max-width: 930px) {
  #contents_area.scarts_support .scarts_support_list {
    display: block;
    margin-top: 20px;
  }

  #contents_area.scarts_support .scarts_support_list li {
    width: 100%;
  }

  #contents_area.scarts_support .scarts_support_list li .img_info {
    height: 200px;
  }
/*
  #contents_area.scarts_support .scarts_support_list li .linkbtn_wrap {
    text-align: center;
    margin-top: 10px;
  }

  #contents_area.scarts_support .scarts_support_list li .linkbtn {
    width: 80%;
  }*/

}


/* SCARTS ご利用ガイド */

#contents_area.scarts_userguide .mv {
  width: 570px;
  height: 327px;
  margin: 0 auto;
}

#contents_area.scarts_userguide .mv img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#contents_area.scarts_userguide .facility_about_item {
  text-align: center;
  margin-top: 50px;
}

#contents_area.scarts_userguide .facility_about_item .img_area {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

#contents_area.scarts_userguide .facility_about_item .img_area > div {
  width: calc(100% / 3 - 20px);
  height: 200px;
}

#contents_area.scarts_userguide .facility_about_item .img_area > div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#contents_area.scarts_userguide a.facility_link {
  display: inline-block;
  border: 1px solid var(--font-color);
  padding: 9px 50px 8px;
  text-decoration: none;
  margin-top: 15px;
}

#contents_area.scarts_userguide a.facility_link:hover,
#contents_area.scarts_userguide a.facility_link:focus {
	opacity:1.0;
	background:var(--c-yellow);
}

#contents_area.scarts_userguide .facility_use {
  text-align: center;
}

#contents_area.scarts_userguide .facility_use h4 {
  background: unset;
  margin-bottom: unset;
}

#contents_area.scarts_userguide .facility_use .scarts_reserve {
  padding: 20px 0 30px;
  border-top: 1px solid var(--c-scarts);
  border-bottom: 1px solid var(--c-scarts);
  margin-top: 30px;
}

#contents_area.scarts_userguide .scarts_contact .contact_box_wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

#contents_area.scarts_userguide .scarts_contact .contact_box {
  width: calc(100% / 2 - 20px);
  height: 485px;
  background: #F9EEEE;
  padding: 20px;
}

#contents_area.scarts_userguide .scarts_contact .contact_box .contact_tel {
  border-top: 1px solid var(--font-color);
  border-bottom: 1px solid var(--font-color);
  padding: 10px 0;
  margin: 10px 0;
}

#contents_area.scarts_userguide .scarts_contact .contact_box .contact_tel .tel_number,
#contents_area.scarts_userguide .scarts_contact .contact_box .contact_tel .email_address {
  font-weight: bold;
}

#contents_area.scarts_userguide .scarts_contact .contact_box .contact_tel .tel_number span,
#contents_area.scarts_userguide .scarts_contact .contact_box .contact_tel .email_address span {
  font-size: 1.2em;
}

#contents_area.scarts_userguide .scarts_contact .contact_box .contact_check {
  text-align: left;
}

#contents_area.scarts_userguide .scarts_contact .contact_box .contact_check li {
  list-style: none;
  padding-left: 1.5em;
  background: url(../img/s_checkbox.png) left 0.4em no-repeat;
}

#contents_area.scarts_userguide .facility_feature .facility_feature_item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--c-white);
  padding: 30px;
}

#contents_area.scarts_userguide .facility_feature .facility_feature_item .img_area {
  width: 30%;
  height: 150px;
  margin-right: 30px;
}

#contents_area.scarts_userguide .facility_feature .facility_feature_item .img_area img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#contents_area.scarts_userguide .facility_feature .facility_feature_item .text_area {
  width: 70%;
}

@media screen and (max-width: 930px) {
#contents_area.scarts_userguide .mv {
  width: 100%;
  height: auto;
}

#contents_area.scarts_userguide .facility_about_item {
  margin-top: 30px;
}

#contents_area.scarts_userguide .facility_about_item .img_area > div {
    width: calc(100% / 3 - 10px);
    height: 100px;
}

#contents_area.scarts_userguide .scarts_contact .contact_box_wrap {
  display: block;
}

#contents_area.scarts_userguide .scarts_contact .contact_box {
  width: 100%;
  height: auto;
}

#contents_area.scarts_userguide .scarts_contact .contact_box:first-child {
  margin-bottom: 20px;
}

#contents_area.scarts_userguide .facility_feature .facility_feature_item {
  display: block;
  text-align: center;
}

#contents_area.scarts_userguide .facility_feature .facility_feature_item .img_area {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}

#contents_area.scarts_userguide .facility_feature .facility_feature_item .text_area {
  width: 100%;
}

#contents_area.scarts_userguide a.facility_link {
  padding: 5px 40px;
  text-align: center;
}

#contents_area.scarts_userguide .scarts_contact .contact_box .contact_tel .email_address {
  word-break: break-all;
}
}


/* SCARTS 主催事業一覧 */

#contents_area.organize_scarts .search_category:nth-child(2) {
border-top: none;
}

#contents_area.organize_scarts .scarts_organize_wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 20px;
}

#contents_area.organize_scarts .scarts_organize_wrap .organize_scarts_list {
  width: 100%;
}

#contents_area.organize_scarts .organize_scarts_list .organize_list_ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

#contents_area.organize_scarts .organize_scarts_list .organize_list_ul li {
  width: calc(100% / 3 - 27px) ;
  margin-bottom: 40px;
  margin-right: 40px;
}


#contents_area.organize_scarts .organize_scarts_list .organize_list_ul li:nth-child(3n) {
  margin-right: 0;
}

#contents_area.organize_scarts .organize_scarts_list .organize_list_ul li h4 {
  font-size: 1em;
  background: unset;
  background-image: unset;
  padding: 0;
}

#contents_area.organize_scarts .organize_scarts_list .organize_list_ul li .img_info {
  margin-bottom: 10px;
  text-align: center;
  height: 200px;
}

#contents_area.organize_scarts .organize_scarts_list .organize_list_ul li .img_info img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 930px) {
  #contents_area.organize_scarts .organize_scarts_list .organize_list_ul {
    display: block;
  }

  #contents_area.organize_scarts .organize_scarts_list .organize_list_ul li {
    width: 100%;
    border-bottom: 1px solid var(--font-color);
    padding-bottom: 20px;
  }

  #contents_area.organize_scarts .organize_scarts_list .organize_list_ul li .img_info img {
  max-width: 300px;

  }
}


/* SCARTS Art&Cultureインフォメーション */

#contents_area.scarts_artculture .intro_text {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

#contents_area.scarts_artculture .intro_text .text_info {
  width: 70%;
  margin-right: 20px;

}

#contents_area.scarts_artculture .event_select {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 40px;
  flex-wrap: wrap;
  border-left: 1px solid var(--font-color);
  border-right: 1px solid var(--font-color);
}

#contents_area.scarts_artculture .event_select .event_select_left {
  width: 50%;
  border-right: 1px solid var(--font-color);
  padding: 0 20px;
}

#contents_area.scarts_artculture .event_select .event_select_left label {
  display: block;
}

#contents_area.scarts_artculture .event_select .event_select_right {
  width: 50%;
  padding: 0 20px;
}

#contents_area.scarts_artculture .select_category {
  display: inline-block;
  margin: 0;
}

#contents_area.scarts_artculture .event_select .select_genre {

  padding: 5px 15px;
}

#contents_area.scarts_artculture .event_select .select_area {

  padding: 5px 15px;
}

#contents_area.scarts_artculture .event_select .select_keyword {
  padding: 10px 15px 5px;
}

#contents_area.scarts_artculture .event_select .select_date {
  padding: 5px 15px;
}

#contents_area.scarts_artculture .event_select .select_date ul {
  list-style: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

#contents_area.scarts_artculture .event_select .select_date .date_from,
#contents_area.scarts_artculture .event_select .select_date .date_until {
  display: inline-block;
  margin-right: 10px;
}


#contents_area.scarts_artculture .event_select .select_date .select_category {
  display: block;
  margin-top: 10px;
}

#contents_area.scarts_artculture .search_category:nth-child(2) {
  border-top: none;
}

#contents_area.scarts_artculture .tab_wrap {
  max-width: var(--fullsize);
    margin: 0 auto;
}


#contents_area.scarts_artculture ul.tab-area + .panel-area,
#contents_area.scarts_artculture ul.tab-area + .panel-area {
  border-top: 2px solid var(--c-scarts);
  border-bottom: 2px solid var(--c-scarts);
}

#contents_area.scarts_artculture ul.tab-area li.tab.active,
#contents_area.scarts_artculture ul.tab-area li.tab.active {
  background-color: var(--c-scarts);
}

#contents_area.scarts_artculture ul.tab-area li.tab,
#contents_area.scarts_artculture ul.tab-area li.tab {
  border-top: 1px solid var(--c-scarts);
  border-left: 1px solid var(--c-scarts);
  border-right: 1px solid var(--c-scarts);
}

#contents_area.scarts_artculture .scarts_artculture_list {
  width: 100%;
}

#contents_area.scarts_artculture .scarts_artculture_list .artculture_list_ul {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: 20px;
}

#contents_area.scarts_artculture .scarts_artculture_list .artculture_list_ul li {
  width: calc(100% / 4 - 30px);
  margin-bottom: 40px;
  margin-right: 40px;
}

#contents_area.scarts_artculture .scarts_artculture_list .artculture_list_ul li:nth-child(4n) {
  margin-right: 0;
}

#contents_area.scarts_artculture .scarts_artculture_list h4 {
  font-size: 1em;
  background: unset;
  padding: unset;
  letter-spacing: 0;
  line-height: 1.7;
  margin-bottom: 0;
}

#contents_area.scarts_artculture .scarts_artculture_list .date {
  font-size: 0.8em;
  letter-spacing: 0;
  line-height: 1.7;
  margin-top: 5px;
}
#contents_area.scarts_artculture .scarts_artculture_list .genre {
  margin-right: 5px;
}

#contents_area.scarts_artculture .scarts_artculture_list .artculture_list_ul li .img_info {
  margin-bottom: 10px;
  height: 272px;
}

#contents_area.scarts_artculture .scarts_artculture_list .artculture_list_ul li .img_info img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#contents_area.scarts_artculture .scarts_artculture_list .new_artculture_list_ul li {
  border-top: 1px solid var(--c-scarts);
  padding: 15px 0;
}

#contents_area.scarts_artculture .scarts_artculture_list .new_artculture_list_ul li:last-child {
  padding-bottom: 0;
}

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

#contents_area.scarts_artculture .intro_text .text_info {
  width: 100%;
  margin-right: 0;
  }

#contents_area.scarts_artculture .event_select {
  display: block;
  margin-bottom: 20px;
  border-top: 1px solid var(--font-color);
  border-bottom: 1px solid var(--font-color);
  border-left: none;
  border-right: none;
}

#contents_area.scarts_artculture .event_select .event_select_left {
  width: 100%;
  border-right: none;
  padding: 0;
}

#contents_area.scarts_artculture .event_select .event_select_right{
  width: 100%;
  padding: 0;
}

#contents_area.scarts_artculture .event_select .select_genre {
  padding: 20px 0 5px;
}

#contents_area.scarts_artculture .event_select .select_area {
  padding: 5px 0;
}

#contents_area.scarts_artculture .event_select .select_keyword {
  width: 100%;
  position: relative;
  padding: 5px 0;
}

#contents_area.scarts_artculture .event_select .select_keyword .keyword {
  height: 36px;
}

#contents_area.scarts_artculture .event_select .select_keyword .search_enter {
  position: absolute;
  right: -2px;
  height: 36px;
}

#contents_area.scarts_artculture .event_select .select_date {
  border-right: none;
  border-left: none;
  padding: 5px 0 20px;
}

#contents_area.scarts_artculture ul.tab-area {
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 10px;
}

#contents_area.scarts_artculture ul.tab-area li.tab {
  width: calc(100% / 2 - 10px);
  border-radius: 10px;
  border-bottom: 1px solid var(--c-scarts);
  margin-bottom: 10px;
  font-size: 1em;
}

#contents_area.scarts_artculture ul.tab-area li.tab a {
  padding: 15px 0 15px;
}

#contents_area.scarts_artculture ul.tab-area li.tab:after {
  content: none;
}

#contents_area.scarts_artculture .scarts_artculture_list .artculture_list_ul li {
  width: calc(100% / 2 - 10px);
  margin-bottom: 20px;
  margin-right: 20px;
}

#contents_area.scarts_artculture .scarts_artculture_list .artculture_list_ul li:nth-child(2n) {
  margin-right: 0;
}

#contents_area.scarts_artculture .scarts_artculture_list .artculture_list_ul li .img_info {
  margin-bottom: 10px;
  height: 150px;
}
}

/* SCARTS Art&Culture 詳細ページ */

#contents_area.scarts_artculture_detail .scarts_detail_list h4 {
  padding: unset;
  display: inline;
  margin-right: 20px;
}

#contents_area.scarts_artculture_detail .scarts_detail_list {
  border-top: unset;
  margin-top: 40px;
}

#contents_area.scarts_artculture_detail .scarts_detail_main .text_info {
  margin-top: 20px;
}

#contents_area.scarts_artculture_detail .scarts_detail_list dl {
  border-top: 1px solid var(--c-gray3);
}

#contents_area.scarts_artculture_detail .scarts_detail_list .causion {
  color: var(--c-red);
  font-weight: bold;
  margin-top: 10px;
}

#contents_area.scarts_artculture_detail ul.artculture_btn {
  text-align: center;
  margin-top: 40px;
}

#contents_area.scarts_artculture_detail ul.artculture_btn li {
  margin-right: 5px;
  display: inline-block;
}

#contents_area.scarts_artculture_detail .scarts_btn {
  position: relative;
  width: 312px;
  height: 62px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

#contents_area.scarts_artculture_detail .scarts_btn a {
  display: flex;
  align-items: center;
  justify-content: center;
}

#contents_area.scarts_artculture_detail .scarts_btn.like {
  position: relative;
  background: url(../img/scarts_btn_like.png);
  justify-content: center;
  height: 62px;
}

#contents_area.scarts_artculture_detail .scarts_btn.chg {
  position: relative;
  background: url(../img/scarts_btn_chg.png);
  justify-content: center;
  height: 62px;
  margin-top: 15px;
}

#contents_area.scarts_artculture_detail .scarts_btn.like .numbox {
  position: absolute;
  width: 80px;
  top: -18px;
  right: 0px;
  text-align: center;
}

#contents_area.scarts_artculture_detail .scarts_btn.like .numbox .num {
  display: inline-block;
  padding: 2px 10px 0;
  font-weight: bold;
  background: #fff;
  color: #e96a7c;
  border: 2px solid #e96a7c;
  border-radius: 10px;
}

#contents_area.scarts_artculture_detail .scarts_btn.g_calendar {
  background: url(../img/scarts_btn_calendar.png);
}

@media screen and (max-width: 600px) {
  #contents_area.scarts_artculture ul.tab-area li.tab {
    width:100%;
  }
}

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

  #contents_area.scarts_artculture_detail ul.artculture_btn li {
    width: 100%;
  }

  #contents_area.scarts_artculture_detail .scarts_btn {
    width: 100%;
  }

  #contents_area.scarts_artculture_detail .scarts_btn a {
    width: 100%;
    padding: 0.5em;
    align-items: center;
    justify-content: center;
    height: auto;
    border: 2px solid #fbcfd4;
    box-sizing: border-box;
    border-radius: 10px;
    background: url(../img/sp_scarts_next.png) right 0.6em no-repeat;
  }

  #contents_area.scarts_artculture_detail .scarts_btn.like,
  #contents_area.scarts_artculture_detail .scarts_btn.g_calendar {
    margin-bottom: 10px;
    background: none;
  }

  #contents_area.scarts_artculture_detail .scarts_btn.like a {
    background: url(../img/sp_scarts_like.png) right 1em top 1.2em no-repeat;
  }

  #contents_area.scarts_artculture_detail .scarts_btn.chg a {
    background: url(../img/sp_scarts_chg.png) right 1em top 1.2em no-repeat;
  }

  #contents_area.scarts_artculture_detail .scarts_btn.chg {
    margin-top: 0;
    background: none;
  }

  #contents_area.scarts_artculture_detail .scarts_btn.g_calendar a {
    background: url(../img/sp_scarts_calendar.png) right 0.5em top 1.2em no-repeat;
  }

  .scarts_btn.like .numbox {

    text-align: right;
}

}



/* SCARTS 相談サービス*/

#contents_area.scarts_service ul {
  margin: 0 0 0 0;
  padding:0 0 0 0;
}

#contents_area.scarts_service .flow {
  padding: 0 40px;
  text-align: center;
}


#contents_area.scarts_service .flow li {
  width: 80%;
  position: relative;
  border: 1px solid var(--c-scarts);
  padding: 20px 0;
  font-weight: bold;
  width: 80%;
  margin: 30px auto;
}

#contents_area.scarts_service .flow li:before {
  border: 30px solid transparent;
  border-top-color: var(--c-scarts);
  content: '';
  position: absolute;
  bottom: -60px; /*ボックスの下に指定 */
  left: 46%; /*ボックスの左に指定 */
}

/*　三角形（ボックスと同色） */
#contents_area.scarts_service .flow li:after {
  border: 30px solid transparent;
  border-top-color: var(--c-white);
  content: '';
  position: absolute;
  bottom: -59px; /*　外枠となる三角形の位置から1pxずらす */
  left: 46%; /*　外枠となる三角形の位置から1pxずらす */
}

#contents_area.scarts_service .flow li:last-child:before {
border:none;
}

#contents_area.scarts_service .flow li:last-child:after {
border:none;
}

#contents_area.scarts_service table th {
  padding: 0.5em;
  text-align: center;
  border: 1px solid var(--c-gray2);
  background: var(--c-scarts3);
}

#contents_area.scarts_service .case {
  border: 1px solid var(--c-scarts);
  padding: 20px;
}


#contents_area.scarts_service .case h5 {
  padding-bottom: 10px;
  border-bottom: 1px solid var(--c-scarts);
}

#contents_area.scarts_service .graph_wrap {
  width: 80%;
  margin: 0 auto;
}

#contents_area.scarts_service .graph_list {
  display: flex;
  border: 1px solid var(--c-scarts);
  padding: 20px;
  justify-content: space-around;
  margin: 0 auto;
}

#contents_area.scarts_service .graph_list li {
  list-style: none;
}

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

#contents_area.scarts_service .flow {
  padding: 0 0 0;
}

#contents_area.scarts_service .flow li {
  padding: 10px 10px;
}

#contents_area.scarts_service .flow li:before {
left: 39%; /*ボックスの左に指定 */
}

#contents_area.scarts_service .flow li:after {
  left: 39%; /* 外枠となる三角形の位置から1pxずらす */
}

#contents_area.scarts_service .flow li {
  width: 100%;
}

#contents_area.scarts_service .table_sp {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  border: 2px solid var(--c-gray5);
  overflow-x: scroll;
}

#contents_area.scarts_service .table_wrap {
  width: max-content;
}

#contents_area.scarts_service .graph_wrap {
  width: 100%;
  margin: 0 auto;
}

#contents_area.scarts_service .graph_list {
  display: block;

}

#contents_area.scarts_service .graph_list li {
  list-style: none;
}

#contents_area.scarts_service .service_form {
  line-height: 1.6;
}
}

/* SCARTS 相談申込フォーム */

#contents_area.form_scarts_support .form_input dt strong {
  border-radius: 10px;
}



/* SCARTS 全国の公募・助成金、札幌の文化施設・市内イベント情報 */

#contents_area.scarts_public_subsidy .genre {
  margin-right: 5px;
}

#contents_area.scarts_public_subsidy .search_category:nth-child(2) {
  border-top: none;
  }


#contents_area.scarts_public_subsidy .scarts_public_subsidy_list .scarts_public_subsidy_ul li .detail_info {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  clear: both;
  padding-top: 10px;
	line-height:1.7;
}

#contents_area.scarts_public_subsidy .scarts_public_subsidy_list .scarts_public_subsidy_ul li .detail_info dt {
  width: 25%;
  margin-right: 5px;
	margin-bottom:5px;
}

#contents_area.scarts_public_subsidy .scarts_public_subsidy_list .scarts_public_subsidy_ul li .detail_info dd {
  width: 70%;
	margin-bottom:5px;
}


/* SCARTS アート関連情報 */

#contents_area.scarts_artinformation .genre {
  margin-right: 5px;
}

#contents_area.scarts_artinformation .search_category:nth-child(2) {
  border-top: none;
}

#contents_area.scarts_artinformation .scarts_artinformation_list .scarts_artinformation_ul li .detail_info {
  width: 100%;
  padding-top: 10px;
  clear: both;
}



/*-------------------------------------------
SCARTS 全国の公募・助成金＆アート関連情報  共通
---------------------------------------------*/


#contents_area.scarts_public_subsidy .scarts_public_subsidy_wrap ,
#contents_area.scarts_artinformation .scarts_artinformation_wrap {
  width: 100%;
}

#contents_area.scarts_public_subsidy .scarts_public_subsidy_wrap .scarts_public_subsidy_list,
#contents_area.scarts_artinformation .scarts_artinformation_wrap .scarts_artinformation_list {
  width: 100%;
  margin-top: 20px;
}

#contents_area.scarts_public_subsidy .scarts_public_subsidy_list .scarts_public_subsidy_ul,
#contents_area.scarts_artinformation .scarts_artinformation_list .scarts_artinformation_ul {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

#contents_area.scarts_public_subsidy .scarts_public_subsidy_list .scarts_public_subsidy_ul li,
#contents_area.scarts_artinformation .scarts_artinformation_list .scarts_artinformation_ul li {
  width: calc(100% / 3 - 14px);
  align-self: stretch;
  margin-right: 20px;
  margin-bottom: 20px;
  background: var(--c-white);
  padding: 15px;
}

#contents_area.scarts_public_subsidy .scarts_public_subsidy_list .scarts_public_subsidy_ul li:nth-child(3n),
#contents_area.scarts_artinformation .scarts_artinformation_list .scarts_artinformation_ul li:nth-child(3n) {
  margin-right: 0;
}

#contents_area.scarts_public_subsidy .scarts_public_subsidy_list .scarts_public_subsidy_ul li h4,
#contents_area.scarts_artinformation .scarts_artinformation_list .scarts_artinformation_ul li h4 {
  background: unset;
  background-image: unset;
  padding: 0;
  margin-top: 10px;
  margin-bottom: unset;
  font-size: 1em;
letter-spacing:0;
}

#contents_area.scarts_public_subsidy .scarts_public_subsidy_list .scarts_public_subsidy_ul li .img_info,
#contents_area.scarts_artinformation .scarts_artinformation_list .scarts_artinformation_ul li .img_info {
  max-width: 100px;
  max-height: 100px;
  padding-left: 10px;
  float: right;
}

#contents_area.scarts_public_subsidy .scarts_public_subsidy_list .scarts_public_subsidy_ul li .img_info img,
#contents_area.scarts_artinformation .scarts_artinformation_list .scarts_artinformation_ul li .img_info img {
  width: 100%;
  max-height: 100px;
  object-fit: contain;
}

@media screen and (max-width: 930px) {
  #contents_area.scarts_public_subsidy .scarts_public_subsidy_list .scarts_public_subsidy_ul,
  #contents_area.scarts_artinformation .scarts_artinformation_list .scarts_artinformation_ul {
    display: block;
  }

  #contents_area.scarts_public_subsidy .scarts_public_subsidy_list .scarts_public_subsidy_ul li,
  #contents_area.scarts_artinformation .scarts_artinformation_list .scarts_artinformation_ul li {
    width: 100%;
  }
}

/* SCARTS 公募・文化施設情報 */

#contents_area.scarts_public_culture .public_culture_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#contents_area.scarts_public_culture .public_culture_list li {
  width: calc(100% / 2 - 40px);
  margin-bottom: 40px;
}

#contents_area.scarts_public_culture .public_culture_list li h4 {
  background: unset;
  background-image: unset;
  padding: unset;
  margin: 20px 0 5px;
}

#contents_area.scarts_public_culture .public_culture_list li .img_info {
  width: 100%;
  height: 300px;
}

#contents_area.scarts_public_culture .public_culture_list li .img_info img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#contents_area.scarts_public_culture .public_culture_list li .linkbtn_wrap {
  text-align: right;
  margin-top: 20px;
}

#contents_area.scarts_public_culture .public_culture_list li .linkbtn {
  box-shadow: none;
  border-radius: 0;
  padding: 9px 20px 8px;
}


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

#contents_area.scarts_public_culture h3 {
  margin-top: 20px;
}

#contents_area.scarts_public_culture .public_culture_list {
  display: block;
}

#contents_area.scarts_public_culture .public_culture_list li h4 {
  text-align: center;
}

#contents_area.scarts_public_culture .public_culture_list li {
  width: 100%;
}

#contents_area.scarts_public_culture .public_culture_list li .img_info {
  height: 200px;
}

#contents_area.scarts_public_culture .public_culture_list li .linkbtn_wrap {
  text-align: center;
  margin-top: 10px;
}

#contents_area.scarts_public_culture .public_culture_list li .linkbtn {
  width: 100%;
}

}

/* SCARTS　札幌の施設・アートスペース */

#contents_area.scarts_culturalfacility .search_category:nth-child(2),
#contents_area.scarts_culturalfacility .search_category:nth-child(3) {
  border-top: 0;
}

#contents_area.scarts_culturalfacility .scarts_culturalfacility_wrap {
  width: 100%;
}

#contents_area.scarts_culturalfacility .culturalfacility_scarts_list {
  width: 100%;
  margin-top: 20px;
}

#contents_area.scarts_culturalfacility .culturalfacility_scarts_list .culturalfacility_list_ul {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

#contents_area.scarts_culturalfacility .culturalfacility_scarts_list .culturalfacility_list_ul li {
  width: calc(100% / 4 - 15px);
  margin-right: 20px;
  margin-bottom: 40px;
}

#contents_area.scarts_culturalfacility .culturalfacility_scarts_list .culturalfacility_list_ul li:nth-child(4n) {
  margin-right: 0;
}

#contents_area.scarts_culturalfacility .culturalfacility_scarts_list .culturalfacility_list_ul li h4 {
  font-size: 1em;
  background: unset;
  background-image: unset;
  padding: 0;
  letter-spacing: 0;
}

#contents_area.scarts_culturalfacility .culturalfacility_scarts_list .culturalfacility_list_ul li .img_info {
margin-bottom: 10px;
text-align: center;
height: 150px;
}

#contents_area.scarts_culturalfacility .culturalfacility_scarts_list .culturalfacility_list_ul li .img_info img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#contents_area.scarts_culturalfacility .culturalfacility_scarts_list .culturalfacility_list_ul li .text_info {
  margin-top: unset;
}


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

#contents_area.scarts_culturalfacility .culturalfacility_scarts_list .culturalfacility_list_ul {
    justify-content: space-between;
  }

#contents_area.scarts_culturalfacility .culturalfacility_scarts_list .culturalfacility_list_ul li {
  width: calc(100% / 2 - 10px);
  margin-right: 0;
  margin-bottom: 20px;
}

#contents_area.scarts_culturalfacility .culturalfacility_scarts_list .culturalfacility_list_ul li:nth-child(2n) {
  margin-left: 10px;
}

#contents_area.scarts_culturalfacility .culturalfacility_scarts_list .culturalfacility_list_ul li .img_info {
  width: 100%;
  height: 100px;
}

#contents_area.scarts_culturalfacility .culturalfacility_scarts_list .culturalfacility_list_ul li .img_info img {
  width: 100%;
}
}

/* SCARTS　札幌の施設・アートスペース詳細 */

#contents_area.scarts_culturalfacility_detail .scarts_detail_main .text_info {
  margin-top: 20px;
}

#contents_area.scarts_culturalfacility_detail .scarts_detail_main .img_info_wrap {
  display: flex;
  justify-content: flex-start;
  margin-top: 30px;
  flex-wrap: wrap;
  align-items: flex-start;
}

#contents_area.scarts_culturalfacility_detail .scarts_detail_main .img_info {
  display: inline-block;
  width: calc(100% / 2 - 15px);
  margin: 0 30px 20px 0;
}

#contents_area.scarts_culturalfacility_detail .scarts_detail_main .img_info:nth-child(2n) {
  margin-right: 0;
}

#contents_area.scarts_culturalfacility_detail .scarts_detail_main .img_info .img_border {
  border: 1px solid var(--c-gray3);
  padding: 10px;
  height: 280px;
}

#contents_area.scarts_culturalfacility_detail .scarts_detail_main .img_info img {
  width: 100%;
  max-height: 300px;
  object-fit: contain;
  height: 100%;
}

#contents_area.scarts_culturalfacility_detail .scarts_detail_list {
  margin-top: 40px;
}

#contents_area.scarts_culturalfacility_detail .scarts_detail_list dl {
  border-top: 1px solid var(--c-gray3);
}

  #contents_area.scarts_culturalfacility_detail .table_wrap table th {
  background-color: var(--c-scarts3);
  }

  #contents_area.scarts_culturalfacility_detail .scarts_detail_list h4 {
    padding: unset;
    display: inline;
    margin-right: 20px;
  }

  #contents_area.scarts_culturalfacility_detail .scarts_detail_list .causion {
    color: var(--c-red);
    font-weight: bold;
    display: inline-block;
  }


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

  #contents_area.scarts_culturalfacility_detail .scarts_detail_main .img_info_wrap {
    width: 100%;
    display: block;
    margin-top: 10px;
  }

  #contents_area.scarts_culturalfacility_detail .scarts_detail_main .img_info {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 0;
  }

  #contents_area.scarts_culturalfacility_detail .scarts_detail_main .img_info .img_border {
    height: auto;
  }

  #contents_area.scarts_culturalfacility_detail .table_sp {
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 10px 0 10px;
    box-sizing: border-box;
    border: 2px solid #c9caca;
    overflow: scroll;
  }

  #contents_area.scarts_culturalfacility_detail .table_wrap {
    width: max-content;
    max-height: 500px;
    overflow: auto;
  }

  #contents_area.scarts_culturalfacility_detail .table_wrap table {
    width: 100%;
    border-collapse: collapse;
  }

  #contents_area.scarts_culturalfacility_detail .scarts_detail_list h4 {
    padding: unset;
    display: block;
    margin-right: 10px;
  }

  #contents_area.scarts_culturalfacility_detail .scarts_detail_list .causion {
    color: var(--c-red);
    font-weight: bold;
  }
}



/* 市民交流プラザ情報 */

#contents_area.plaza_information .linkbox a:hover,a:focus{
	opacity:1.0!important;
}

#contents_area.plaza_information .mv {
  width: 100%;
}

#contents_area.plaza_information .mv .text_area {
width: var(--fullsize);
position: relative;
margin: 0 auto;
}

#contents_area.plaza_information .mv .text_area div {
  width: 60%;
  padding: 30px;
  position: absolute;
  top:4.5em;
  background-color: var(--c-white);
  text-align: left;
}

#contents_area.plaza_information .mv .img_area {
  width: 100%;
  height: 360px;
}

#contents_area.plaza_information .mv .img_area img {
  object-fit: cover;
  object-position: 50% 70%;
  width: 100%;
  height: 100%;
}

#contents_area.plaza_information .linkbox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#contents_area.plaza_information .linkbox > li {
  width: calc(100% / 3 - 30px);
  background-color: var(--c-white);
  margin: 15px 0;
  border: 1px solid var(--main-color);
  border-radius: 40px;
}

#contents_area.plaza_information .linkbox li.wide {
  width: 100%;
}

#contents_area.plaza_information .linkbox li.wide .linkbox_title {
  width: 30%;
  border-right: 1px solid var(--font-color);
}

#contents_area.plaza_information .linkbox h4 {
  background: unset;
  color: var(--font-color)!important;
  padding: 0 0 0!important;
  margin-bottom: 10px;
  width: 100%;
  background-image: unset;
  min-height: 70px;
  transition: 0.6s ease-in-out;
}

#contents_area.plaza_information .linkbox li.wide .linkbox_title h4 {
  min-height: auto;
}

#contents_area.plaza_information .linkbox_title {
  text-align: center;
  padding-top: 100px;
}

#contents_area.plaza_information .linkbox li .linkbtn {
  line-height: 1.5!important;
  padding: 8px 20px 8px!important;
  box-shadow: none;
  transition: 0.6s ease-in-out;
}

/*リスト背景*/

#contents_area.plaza_information .linkbox .os {
  background: url(../img/hover_os.jpg);
  background-position: center;
  background-size: cover;
}

#contents_area.plaza_information .linkbox .pl {
  background: url(../img/hover_pl.jpg);
  background-position: center;
  background-size: cover;
}

#contents_area.plaza_information .linkbox .fl {
  background: url(../img/hover_fl.jpg);
  background-position: center;
  background-size: cover;
}

#contents_area.plaza_information .linkbox .cr {
  background: url(../img/hover_cr.jpg);
  background-position: center;
  background-size: cover;
}

#contents_area.plaza_information .linkbox .bs {
  background: url(../img/hover_bs.jpg);
  background-position: center;
  background-size: cover;
}


#contents_area.plaza_information .linkbox a {
  text-decoration: none;
  display: block;
  padding: 30px 0;
  background-color: var(--c-white);
  border-radius: 40px;
  transition: all 0.6s ease-in-out;
  height: 100%;
}

#contents_area.plaza_information .os .linkbox_title {
  background-image:url(../img/icon-os.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 32%;
  transition: ease-in-out 0.6s;
}

#contents_area.plaza_information .pl .linkbox_title {
  background-image:url(../img/icon-pl.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 30%;
  transition: ease-in-out 0.6s;
}

#contents_area.plaza_information .fl .linkbox_title {
  background-image:url(../img/icon-fl.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 30%;
  transition: 0.6s ease-in-out;
}

#contents_area.plaza_information .cr .linkbox_title {
  background-image:url(../img/icon-cr.png);
  background-repeat: no-repeat;
  background-position: top 20px center;
  background-size: 28%;
  transition: 0.6s ease-in-out ;
}

#contents_area.plaza_information .bs .linkbox_title {
  background-image:url(../img/icon-bs.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 33%;
  transition: 0.6s ease-in-out;
}

#contents_area.plaza_information .linkbox .os a:hover .linkbox_title,
#contents_area.plaza_information .linkbox .os a:focus .linkbox_title {
  background-image:url(../img/icon-os_wh.png);
}

#contents_area.plaza_information .linkbox .pl a:hover .linkbox_title,
#contents_area.plaza_information .linkbox .pl a:focus .linkbox_title {
  background-image:url(../img/icon-pl_wh.png);
}

#contents_area.plaza_information .linkbox .fl a:hover .linkbox_title,
#contents_area.plaza_information .linkbox .fl a:focus .linkbox_title {
  background-image:url(../img/icon-fl_wh.png);
}

#contents_area.plaza_information .linkbox .cr a:hover .linkbox_title,
#contents_area.plaza_information .linkbox .cr a:focus .linkbox_title {
  background-image:url(../img/icon-cr_wh.png);
}

#contents_area.plaza_information .linkbox .bs a:hover .linkbox_title,
#contents_area.plaza_information .linkbox .bs a:focus .linkbox_title {
  background-image:url(../img/icon-bs_wh.png);
}

#contents_area.plaza_information .linkbox a:hover .linkbtn,
#contents_area.plaza_information .linkbox a:focus .linkbtn {
  background-color: var(--c-white)!important;
}

#contents_area.plaza_information .linkbox li.wide a {
  display: flex;
}

#contents_area.plaza_information .linkbox_content {
  width: 70%;
  padding: 0 20px;
}

#contents_area.plaza_information .linkbox_content.flex {
  display: flex;
}

#contents_area.plaza_information .ai_center {
  align-items: center;
  padding-left: 30px;
}

#contents_area.plaza_information .linkbox_content.flex > div {
  width: 50%;
  padding-right: 15px;
}

#contents_area.plaza_information .linkbox_content.flex ul {
  list-style: disc;
  list-style-position: inside;
}

#contents_area.plaza_information .cafe_info {
  margin-left: 10px;
}

#contents_area.plaza_information .linkbox a:hover,
#contents_area.plaza_information .linkbox a:focus {
  background-color: rgba(0,0,0,0.7)
}

#contents_area.plaza_information .linkbox p,
#contents_area.plaza_information .linkbox li {
transition: 0.6s ease-in-out;
}

#contents_area.plaza_information .linkbox a:hover h4,
#contents_area.plaza_information .linkbox a:focus h4,
#contents_area.plaza_information .linkbox a:hover p,
#contents_area.plaza_information .linkbox a:focus p,
#contents_area.plaza_information .linkbox a:hover li,
#contents_area.plaza_information .linkbox a:focus li {
  color: var(--c-white)!important;
  opacity: 1.0!important;
}

#contents_area.plaza_information .linkbox .bg_gr {
  padding-left: 10px;
  margin-bottom: 10px;
  background: var(--c-gray);
  border-radius: 20px;
  color: var(--c-white);
  transition: 0.6s ease-in-out;
}

#contents_area.plaza_information .linkbox a:hover .bg_gr,
#contents_area.plaza_information .linkbox a:focus .bg_gr {
  background-color: var(--c-white);
  color: var(--font-color)!important;
  opacity: 1;
}

#contents_area.plaza_information .linkbox li.wide a:hover .linkbox_title,
#contents_area.plaza_information .linkbox li.wide a:focus .linkbox_title {
  border-right: 1px solid var(--c-white)!important;
}

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

  #contents_area.plaza_information .mv .text_area {
  width: 100%;
}

#contents_area.plaza_information .mv .text_area div {
  width: 90%;
  top: 3em;
}

#contents_area.plaza_information .mv .img_area {
  height: auto;
}

#contents_area.plaza_information .mv .img_area img {
  height: 80vh;
}

#contents_area.plaza_information .linkbox > li {
  width: 100%;
  margin: 10px 0;
}

#contents_area.plaza_information .linkbox_title {
  padding-top: 60px;
}

#contents_area.plaza_information a {
  padding: 0 0;
}

#contents_area.plaza_information .linkbox h4 {
  color: var(--c-white)!important;
  min-height: auto;
}

#contents_area.plaza_information .os .linkbox_title {
  background-image:url(../img/icon-os_wh.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 20%;
}

#contents_area.plaza_information .pl .linkbox_title {
  background-image:url(../img/icon-pl_wh.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 20%;
}

#contents_area.plaza_information .fl .linkbox_title {
  background-image:url(../img/icon-fl_wh.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 20%;
}

#contents_area.plaza_information .cr .linkbox_title {
  background-image:url(../img/icon-cr_wh.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 20%;
}

#contents_area.plaza_information .bs .linkbox_title {
  background-image:url(../img/icon-bs_wh.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 20%;
}
#contents_area.plaza_information .linkbox a {
  text-decoration: none;
  display: block;
  padding: 30px 20px;
  background-color: rgba(0,0,0,0.7);
}

#contents_area.plaza_information .linkbox li.wide a {
  display: block;
}

#contents_area.plaza_information .linkbox li.wide .linkbox_title {
  width: 100%;
  border-right: none!important;
  border-bottom: 1px solid var(--c-white);
  padding-bottom: 25px;
}
#contents_area.plaza_information .linkbox_content {
  width: 100%;
  padding: 20px 0 0 0;
}

#contents_area.plaza_information .linkbox_content.flex {
  display: block;
}

#contents_area.plaza_information .linkbox_content.flex > div {
  width: 100%;
  padding: 0 0 20px 0;
}
#contents_area.plaza_information .linkbox_content.flex > div:last-child {
  padding: 0 0 0 0;
}

#contents_area.plaza_information .linkbox p,
#contents_area.plaza_information .linkbox li {
  color: var(--c-white);
}

#contents_area.plaza_information .linkbox li .linkbtn {
  padding: 10px 20px 10px!important;
  width: 80%;
}

#contents_area.plaza_information .bg_gr {
  background: var(--c-white)!important;
  color: var(--font-color)!important;
}

#contents_area.plaza_information .linkbox li.wide a:hover .linkbox_title {
  border-right: none!important;
}
}

/* 札幌市民交流プラザメンバーズについて */

#contents_area.member ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

#contents_area.member .mv {
  width: var(--fullsize);
  margin: 0px auto;
  padding: 0;
  position: relative;
}

#contents_area.member .mv_content {
  width: calc(100% - 20px);
  margin: 0 auto;
  padding: 40px;
  background-color: var(--c-white);
  position: relative;
}

#contents_area.member .mv:before {
  content: "";
  width: 300px;
  height: 50px;
  position: absolute;
  border-left: solid 1px var(--c-buraun);
  border-top: solid 1px var(--c-buraun);
  top: -10px;
  left: 0;
}
#contents_area.member .mv:after {
  content: "";
  width: 300px;
  height: 50px;
  position: absolute;
  border-right: solid 1px var(--c-buraun);
  border-top: solid 1px var(--c-buraun);
  top: -10px;
  right: 0;
}
#contents_area.member .mv .mv_content:before {
  content: "";
  width: 300px;
  height: 50px;
  position: absolute;
  border-left: solid 1px var(--c-buraun);
  border-bottom: solid 1px var(--c-buraun);
  bottom: -10px;
  left: -10px;
}

#contents_area.member .mv .mv_content:after {
  content: "";
  width: 300px;
  height: 50px;
  position: absolute;
  border-right: solid 1px var(--c-buraun);
  border-bottom: solid 1px var(--c-buraun);
  bottom: -10px;
  right: -10px;
}
#contents_area.member .mv .mv_content .mv_content_inner {
  text-align: center;
}


#contents_area.member .mv_content .logo_area {
  margin: 0 auto;
  width: 400px;
}

#contents_area.member .mv_content .logo_area img {
  width: 100%;
}

#contents_area.member .mv_content .text_area {
text-align: center;
width: 100%;
}

#contents_area.member .tokuten ul.tokuten_list {
  display: flex;
  justify-content: space-between;
}

/*--
#contents_area.member .tokuten ul.tokuten_list li {
  width: calc(100% / 4 - 10px);
  position: relative;
  text-align: center;
  background-color: var(--base-color);
  padding: 10px 0;
}

#contents_area.member .tokuten ul.tokuten_list li:after {
content: '';
position: absolute;
top: 5px;
right: -5px;
width: 100%;
height: 100%;
border: 1px solid var(--c-buraun);
background-image: linear-gradient(135deg, var(--c-buraun) 15px, transparent 0);
padding: 30px 40px;
z-index: 20;
}

--*/

#contents_area.member .tokuten ul.tokuten_list li {
  width: calc(100% / 4 - 20px);
  text-align: center;
  background-color: #f6f6f6;
  border-bottom: 1px solid var(--c-buraun);
}

#contents_area.member .tokuten ul.tokuten_list li .tokuten_title {
  background: var(--c-buraun);
  color: var(--c-white);
  padding: 2px 0;
  font-weight: bold;
}

#contents_area.member .tokuten ul.tokuten_list li p {
  padding: 10px 0;
  }
#contents_area.member .tokuten ul.tokuten_list li p:not(.tokuten_title) {
	line-height:1.6;
}


#contents_area.member .membership .membership_list {
  display: flex;
  justify-content: space-between;
}


#contents_area.member .membership .membership_list > li {
  width: calc(50% - 20px);
  background-color: var(--base-color);
  background-image: linear-gradient(135deg, var(--c-buraun) 25px, transparent 0);
  padding: 30px 40px;
}

#contents_area.member .membership .membership_list > li .img_area {
  height: 150px;
}

#contents_area.member .join_membership {
  text-align: center;
}

#contents_area.member .join_membership .memberslink {
  width: 50%;
  display: block;
  background-color: var(--c-buraun);
  padding: 10px 40px;
  margin: 20px auto;
  color: var(--c-white);
  text-decoration: unset;
}

#contents_area.member .join_membership a.dl_pdf_item {
  background-image: url(../img/icon_pdf.png);
  background-repeat: no-repeat;
  background-position: left 8px;
  padding-left: 23px;
  display: inline-block;
}


/* オフィシャルスポンサー 枠の装飾 */

#sub_content.officialsponsor_p .rules-outer {
  border: 2px solid var(--c-buraun);
  padding: 5px;
  position: relative;
  z-index: 0;
  background-color: #f7f2ee;
}

#sub_content.officialsponsor_p .rules-inner {
  border: 1px solid var(--c-buraun);
  padding: 1.5em;
  position: relative;
}

#sub_content.officialsponsor_p .rules-outer::before,
#sub_content.officialsponsor_p .rules-outer::after,
#sub_content.officialsponsor_p .rules-inner::before,
#sub_content.officialsponsor_p .rules-inner::after {
  background: var(--c-white);
  border: none;
  border-radius: 50%;
  box-sizing: border-box;
  content: '';
  display: block;
  height: 35px;
  position: absolute;
  width: 34px;
  z-index:1;
}

#sub_content.officialsponsor_p .rules-outer::before{
  top: -20px;
  left: -20px;
  clip: rect(18px, auto, auto, 18px);
}

#sub_content.officialsponsor_p .rules-outer::after {
  top: -20px;
  right: -20px;
  clip: rect(18px, 22px, auto, auto);
}

#sub_content.officialsponsor_p .rules-inner::before {
  bottom: -25px;
  left: -25px;
  clip: rect(auto, auto,23px,17px);
}

#sub_content.officialsponsor_p .rules-inner::after {
  bottom: -25px;
  right: -25px;
  clip: rect(auto, 23px, 23px, auto);
}

/*--

#contents_area.member section.box_mbs {
  width: var(--fullsize);
  margin: 0 auto;
  background-image: linear-gradient(135deg, var(--c-buraun) 40px, transparent 0)!important;
}

#contents_area.member .img_area {
  width: 30%;
  margin: 0 auto;
}

#contents_area.member .t_br {
  color: var(--c-buraun);
}

#contents_area.member .linkbtn_wrap {
  text-align: center;
}

#contents_area.member .linkbtn_br {
  width: 50%;
  line-height: 1.5!important;
  transition: 0.6s ease-in-out;
  background-color: var(--c-buraun);
  box-shadow: 5px 5px 0px 0px #00000044;
  border-radius: 150px;
  padding: 9px 50px 8px;
  display: block;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
  text-decoration: none;
  color: var(--c-white);
  }

  #contents_area.member .linkbtn_lbr {
  width: 50%;
  line-height: 1.5!important;
  transition: 0.6s ease-in-out;
  background-color: #e6d9cb;
  border: 1px solid var(--font-color);
  box-shadow: 5px 5px 0px 0px #00000044;
  border-radius: 150px;
  padding: 9px 50px 8px;
  display: block;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
  text-decoration: none;
  color: var(--font-color);
  }

  #contents_area.members .tokuten {
    display: flex;
    border-top: 2px solid var(--c-buraun);
    border-bottom: 2px solid var(--c-buraun);
    padding: 20px 0;
  }

  #contents_area.members .tokuten .tokuten_ttl {
  width: 10%;
  background-color: var(--c-buraun);
  text-align: center;
  margin-right: 15px;
  }

  #contents_area.members .tokuten .tokuten_ttl p {
  color: var(--c-white);
  margin: 50% auto;
  letter-spacing: 1em;
  padding-left: 1em;
  font-weight: bold;
  }

  #contents_area.members .tokuten_content {
    width: 80%;
    align-self: center;
  }

  .dm_method h5 {
    position: relative;
    background: var(--c-gray2);
    padding: 0.25em 0.5em;
    border-left: solid 2em var(--c-gray);
    color: var(--c-white);
  }

  #contents_area.members .dm_method h5.hagaki:before {
    content: "1";
    position: absolute;
    color: var(--c-white);
    font-weight: 900;
    left: -1.35em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  #contents_area.members .dm_method h5.ticketctr:before {
    content: "2";
    position: absolute;
    color: var(--c-white);
    font-weight: 900;
    left: -1.35em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  #contents_area.members .dm_method h5.playguide:before {
    content: "3";
    position: absolute;
    color: var(--c-white);
    font-weight: 900;
    left: -1.35em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  #contents_area.members .dm_method .border {
    border: 1px solid var(--font-color);
    padding: 30px 45px;
}

*/

/*
#contents_area.member .web_dm_members {
  display: flex;
  flex-wrap: wrap;
}

#contents_area.member .web_dm_members li {
  width: 50%;
  padding: 20px;
}

#contents_area.member .web_dm_members li:nth-of-type(1),
#contents_area.member .web_dm_members li:nth-of-type(2) {
  border-bottom: 1px dotted var(--c-buraun);
}
#contents_area.member .web_dm_members li:nth-of-type(2),
#contents_area.member .web_dm_members li:nth-of-type(4) {
  border-left: 1px dotted var(--c-buraun);
}

#contents_area.member .cafe_logo {
  margin: 0 auto;
  text-align: center;
}

#contents_area.member .cafe_logo div {
  display: inline-block;
  border: 1px solid var(--c-gray2);
  padding: 20px;
  margin: 0 30px;
  width: 30%;
}

#contents_area.member .cafe_logo div img {
  width: auto;
  height: 30px;
}

#contents_area.member .border_tb {
  border-top: 1px solid var(--font-color) ;
  border-bottom: 1px solid var(--font-color);
}

#contents_area.member .border_tb ul.download_list {
  text-align: center;
}

#contents_area.member .border_tb ul.download_list li a.dl_pdf {
  background-image: url(../img/icon_pdf.png);
  background-position: left 156px top 22px;
}

#contents_area.members_kiyaku ol {
  list-style: auto!important;
  margin-top: 0px;
  margin-left: -0.8em;
}

#contents_area.members_kiyaku ol > li {
  margin-bottom: 10px;
}

#contents_area.members_kiyaku ul {
  list-style: none;
}
*/

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

  #contents_area.member .mv {
    width: 90%;
  }

  #contents_area.member .mv:before {
    width: 80px;
    height: 140px;
  }

  #contents_area.member .mv:after {
    width: 80px;
    height: 140px;
  }

  #contents_area.member .mv .mv_content:before {
    width: 80px;
    height: 140px;
  }

  #contents_area.member .mv .mv_content:after {
    width: 80px;
    height: 140px;
  }

  #contents_area.member .members .mv_content {
  padding: 20px;
  }

  #contents_area.member .mv .logo_area {
    width: 90%;
    margin: 20px auto;
  }

  #contents_area.member .tokuten ul.tokuten_list {
    display: block;
  }

  #contents_area.member .tokuten ul.tokuten_list li {
    width: 100%;
    margin-bottom: 20px;
  }

  #contents_area.member .tokuten ul.tokuten_list li:last-child {
    margin-bottom: 0;
  }

  #contents_area.member .membership .membership_list {
    display: block;
  }

  #contents_area.member .membership .membership_list li {
    width: 100%;
  }

  #contents_area.member .membership .membership_list > li:first-child {
    margin-bottom: 20px;
  }

  #contents_area.member .membership .membership_list > li .img_area {
    height: auto;
  }

  #contents_area.member .join_membership .memberslink {
    width: 100%;
    padding: 10px 10px;
  }

  #contents_area.member .membership .membership_list > li {
    padding: 20px;
  }
}


/* 広報のページ */

/*MV
#contents_area.public_information .bn_contents_wrapper {
  width: var(--fullsize);
  padding: 0 40px;
  margin: 0 auto;
  border-right: 1px solid var(--font-color);
  border-left: 1px solid var(--font-color);
}

#contents_area.public_information .bn_contents_wrapper section.box {
  width: 100%;
  min-width: 100%;
}

#contents_area.public_information .mv {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

#contents_area.public_information .mv_content {
  width: 100%;
  margin: 0 auto;
  padding: 40px;
  background-color: var(--c-white);
}

#contents_area.public_information .mv_content .logo_area {
  margin: 0 auto;
  width: 400px;
}

#contents_area.public_information .mv_content .logo_area img {
  width: 100%;
}
*/
/*バックナンバー
#contents_area.public_information .bn_title {
  text-align: center;
}

#contents_area.public_information .bn_title img {
  width: 80px;
}

#contents_area.public_information .bn_title .head-border {
  display: flex;
  align-items: center;
}

.head-border:before,
.head-border:after {
  content: "";
  height: 1px;
  flex-grow: 1;
  background-color: var(--font-color);
}

.head-border:before {
  margin-right: 1rem;
}

.head-border:after {
  margin-left: 1rem;
}

#contents_area.public_information .bn_title h4 {
  background: transparent;
  background-image: none;
  color: var(--font);
}
*/

#contents_area.public_information .wavetimes_link {
  text-decoration: none;
    display: block;
    padding: 20px 0;
    background-color: var(--c-white);
    height: 100%;
    border: 1px solid var(--main-color);
}

#contents_area.public_information .wavetimes_link .logo_area {
  margin: 0 auto;
  width: 400px;
}

#contents_area.public_information .wavetimes_link .text_area {
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
}

#contents_area.public_information h4.bn_piblic_title {
  background: none;
  background-image: none;
  color: var(--font-color);
  padding: 0 20px 0;
  border-left: 3px solid var(--font-color);
  margin: 20px 0;
}
/*-
#contents_area.public_information ul.bn_wm_wrap {
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 1px solid var(--font-color);
}

#contents_area.public_information .bn_wm_item {
  width: 30%;
  align-self: flex-start;
  margin-right: 40px;
  margin-bottom: 40px;
}

#contents_area.public_information .bn_wm_item:nth-of-type(3n) {
  margin-right: 0;
}
-*/

#contents_area.public_information ul.bn_pub_wrap {
  flex-wrap: wrap;
  justify-content: flex-start;
}

#contents_area.public_information .bn_pub_item {
  width: calc(100% / 4 - 30px);
  align-self: flex-start;
  margin-right: 40px;
  margin-bottom: 40px;
}

#contents_area.public_information .bn_pub_item:nth-of-type(4n) {
  margin-right: 0;
}

#contents_area.public_information .bn_pub_item .img_area {
  margin-bottom: 10px;
  border: 1px solid var(--c-gray3);
}

#contents_area.public_information .bn_pub_item .img_area img {
  width: 100%;
  height: 100%;
  max-height: 270px;
  object-fit: contain;
}

#contents_area.public_information .bn_pub_item h5 {
  font-size: 1em;
	line-height:1.65;
}

#contents_area.public_information .bn_pub_item a.dl_pdf {
  background-image: url(../img/icon_pdf.png);
  background-repeat: no-repeat;
  background-position: left 8px;
  padding-left: 23px;
  display: inline-block;
}

/*上部リンク*/

#contents_area.public_information .linkbox_flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#contents_area.public_information .linkbox_flex .linkbox {
  width: calc(100% / 2 - 15px);
  height: auto;
  background-color: var(--c-white);
  margin: 30px 0;
  border: 1px solid var(--main-color);
}

#contents_area.public_information .linkbox_flex h4 {
  background: unset;
  color: var(--font-color);
  margin-bottom: 0;
}

#contents_area.public_information .linkbox {
  text-decoration: none;
  display: block;
  padding: 20px 0;
  background-color: var(--c-white);
  height: 100%;
  transition: ease-in-out 0.6s;
}

#contents_area.public_information .linkbox.no_link {
  pointer-events: none;
  background-color: var(--c-gray5);
}

#contents_area.public_information .linkbox_title {
  text-align: center;
}

#contents_area.public_information .linkbox_flex .public_icon {
  width: 45px;
  vertical-align: middle;
  margin-right: 10px;
  margin-bottom: 4px;
}

#contents_area.public_information .linkbox:hover,
#contents_area.public_information .linkbox:focus {
	opacity:1.0;
	background:var(--c-yellow);
}

/*--
#contents_area.public_information .pb .linkbox_title {
  background-image:url(../img/icon_public.png);
  background-repeat: no-repeat;
  background-position: top 20px center;
  background-size: 15%;
}

#contents_area.public_information .cp .linkbox_title {
  background-image:url(../img/icon_campaign.png);
  background-repeat: no-repeat;
  background-position: top 40px center;
  background-size: 18%;
}--*/




/*ホバー時

#contents_area.public_information .linkbox .os a:hover .linkbox_title,
#contents_area.public_information .linkbox .os a:focus .linkbox_title {
  background-image:url(../img/icon-os_wh.png);
}

#contents_area.public_information .linkbox .pl a:hover .linkbox_title,
#contents_area.public_information .linkbox .pl a:focus .linkbox_title {
  background-image:url(../img/icon-pl_wh.png);
}

#contents_area.public_information .linkbox .fl a:hover .linkbox_title,
#contents_area.public_information .linkbox .fl a:focus .linkbox_title {
  background-image:url(../img/icon-fl_wh.png);
}

#contents_area.public_information .linkbox .cr a:hover .linkbox_title,
#contents_area.public_information .linkbox .cr a:focus .linkbox_title {
  background-image:url(../img/icon-cr_wh.png);
}

#contents_area.public_information .linkbox h4 {
  background: transparent;
  color: var(--font-color)!important;
  padding: 0 0 0!important;
  width: 100%;
}

#contents_area.public_information .linkbox a:hover h4,
#contents_area.public_information .linkbox a:focus h4,
#contents_area.public_information .linkbox a:hover p,
#contents_area.public_information .linkbox a:focus p,
#contents_area.public_information .linkbox a:hover li,
#contents_area.public_information .linkbox a:focus li {
  color: var(--c-white)!important;
  opacity: 1!important;
}*/


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

  /*
#contents_area.public_information .bn_contents_wrapper {
  width: 100%;
  padding: 0 0;
  margin: 0 auto;
  border-right: none;
  border-left: none;
}

#contents_area.public_information .mv {
  width: 90%;
}

#contents_area.public_information .mv .logo_area {
  width: 90%;
  margin: 20px auto;
}

#contents_area.public_information .bn_contents_wrapper section.box {
  width: 90%;
  min-width: 90%;
}

#contents_area.public_information .bn_wm_item {
  width: calc(100% / 2 - 20px);
  margin-right: 0;
}
*/

#contents_area.public_information .bn_pub_item a.bn_pub_title {
  width: 60%;
}

#contents_area.public_information .linkbox {
  width: 100%;
  background-color: var(--c-white);
  margin: 10px 0;
  padding: 10px 0;
}

#contents_area.public_information .linkbox_flex .linkbox {
  width: 100%;
  margin: 10px 0;
}

#contents_area.public_information .wavetimes_link .logo_area {
  width: 80%;
}

#contents_area.public_information h4.bn_piblic_title {
  margin: 20px 0 0 0;
}
/*--
#contents_area.public_information .pb .linkbox_title {
  background-image:url(../img/icon_public.png);
  background-repeat: no-repeat;
  background-position: top 20px center;
  background-size: 15%;
}

#contents_area.public_information .cp .linkbox_title {
  background-image:url(../img/icon_campaign.png);
  background-repeat: no-repeat;
  background-position: top 30px center;
  background-size: 18%;
}--*/

#contents_area.public_information .bn_pub_item {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-right: 0;
  padding-top: 20px;
  margin-bottom: 20px;
  border-top: 1px solid var(--font-color);
}

#contents_area.public_information .bn_pub_item:first-child {
  border-top: none;
}

#contents_area.public_information .bn_pub_item .img_area {
  margin-bottom: 0;
  width: 35%;
}
}


/* 図書・情報館 */

/* 図書情報館 よくある質問 */

/*-- アコーディオン 共通（ 施設利用 / SCARTS / 図書情報館 ） --*/

.facility_faq .accordion,
.scarts_faq .accordion,
.library_faq .accordion {
  margin-top: 2rem;
}

.facility_faq .accordion-header,
.scarts_faq .accordion-header,
.library_faq .accordion-header {
  border-radius: 40px;
}

.facility_faq .accordion .accordion-trigger,
.scarts_faq .accordion .accordion-trigger,
.library_faq .accordion .accordion-trigger {
  position: relative;
  margin-top: 20px;
  border: 1px solid var(--font-color);
  display: block;
  width: 100%;
  padding: 15px 30px 15px 60px;
  background-color: var(--c-white);
  font-weight: bold;
  cursor: pointer;
  border-radius: 40px;
  color: var(--font-color);
  text-align: left;

}

.facility_faq .accordion-trigger::before,
.facility_faq .accordion-trigger::after,
.scarts_faq .accordion-trigger::before,
.scarts_faq .accordion-trigger::after,
.library_faq .accordion-trigger::before,
.library_faq .accordion-trigger::after {
  content: '';
  width: 15px;
  height: 1px;
  background: var(--font-color);
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
  transition: 1s ease-in-out;
	-webkit-transition: 1s ease-in-out;
	-moz-transition: 1s ease-in-out;
}

.facility_faq .accordion-trigger::after,
.scarts_faq .accordion-trigger::after,
.library_faq .accordion-trigger::after {
  transform: translateY(-50%) rotate(90deg);
}


/*hover hitaruカラー*/
.facility_faq .accordion-header.open .accordion-trigger {
  background-color: var(--c-hitaru3);
}

.facility_faq .accordion-trigger:hover,
.facility_faq .accordion-trigger:focus {
  background-color: var(--c-hitaru3);
}

.facility_faq .accordion-header:hover .accordion-trigger,
.facility_faq .accordion-header:focus .accordion-trigger {
  background-color: var(--c-hitaru3);
}
/*----------------*/

/*hover SCARTSカラー*/
.scarts_faq .accordion-header.open .accordion-trigger {
  background-color: var(--c-scarts3);
}

.scarts_faq .accordion-trigger:hover,
.scarts_faq .accordion-trigger:focus {
  background-color: var(--c-scarts3);
}

.scarts_faq .accordion-header:hover .accordion-trigger,
.scarts_faq .accordion-header:focus .accordion-trigger {
  background-color: var(--c-scarts3);
}
/*----------------*/

/*hover 図書カラー*/
.library_faq .accordion-header.open .accordion-trigger {
  background-color: var(--c-library3);
}

.library_faq .accordion-trigger:hover,
.library_faq .accordion-trigger:focus {
  background-color: var(--c-library3);
}

.library_faq .accordion-header:hover .accordion-trigger,
.library_faq .accordion-header:focus .accordion-trigger {
  background-color: var(--c-library3);
}
/*----------------*/

.facility_faq .accordion-header.open .accordion-trigger::before,
.scarts_faq .accordion-header.open .accordion-trigger::before,
.library_faq .accordion-header.open .accordion-trigger::before {
  opacity: 0;
}

.facility_faq .accordion-header.open .accordion-trigger::after,
.scarts_faq .accordion-header.open .accordion-trigger::after,
.library_faq .accordion-header.open .accordion-trigger::after {
  transform: rotate(180deg);
}

/*
.facility_faq .accordion .accordion-panel,
.scarts_faq .accordion .accordion-panel,
.library_faq .accordion .accordion-panel {
  margin: 15px ;
}
*/

.facility_faq .accordion .accordion-panel p,
.scarts_faq .accordion .accordion-panel p,
.library_faq .accordion .accordion-panel p {
  padding: 15px;
}

.facility_faq .accordion-panel.close,
.scarts_faq .accordion-panel.close,
.library_faq .accordion-panel.close {
  display: none;
}

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

.facility_faq .accordion,
.scarts_faq .accordion,
.library_faq .accordion {
  margin-top: 0;
}

.facility_faq .accordion .accordion-trigger,
.scarts_faq .accordion .accordion-trigger,
.library_faq .accordion .accordion-trigger {
  margin-top: 10px;
  border-radius: 8px;
  padding: 8px 10px 8px 40px;
}

.facility_faq .accordion-trigger::before,
.facility_faq .accordion-trigger::after,
.scarts_faq .accordion-trigger::before,
.scarts_faq .accordion-trigger::after,
.library_faq .accordion-trigger::before,
.library_faq .accordion-trigger::after {
  top: 50%;
  left: 15px;
}
}
/*-- アコーディオン 共通（ 施設利用 よくある質問 / 図書情報館 よくある質問 ）END --*/

/* どんな本や情報があるの？ */

#contents_area.library_collection ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.library_collection a:hover,a:focus{
	opacity:1!important;
}

.library_collection .lib_bus_btn_wrap {
  width: 70%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.library_collection .lib_col_btn {
  width: calc(100% / 4 - 20px);
  height: 150px;
  padding: 10px 10px 15px 10px;
  margin: 10px;
  border: 1px solid var(--c-library);
  border-radius: 30px;
  text-decoration: none;
  background-color: var(--c-white);
}

.library_collection .lib_col_btn img {
  display: block;
  width: 60px;
  margin: 10px auto 3px auto;
}
.library_collection .lib_col_btn span {
  display: block;
  font-weight: bold;
  text-align: center;
  line-height: 1.6;
}

.library_collection .lib_col_btn span.pt10 {
  padding-top: 10px;
}

.library_collection .lib_col_btn:hover,
.library_collection .lib_col_btn:focus {
  background-color: var(--c-library3);
}

.library_collection .lib_col_btn:last-child {
  width: 100%;
  height: 130px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.library_collection .lib_col_btn:last-child img {
  width: 70px;
  display: block;
  margin: 0 10px 0 -10px;
}


.library_collection .lib_col_btn:last-child span {
  display: block;
}

#contents_area.library_collection .lib_col_wrap h3 {
  text-align: left;
  width: auto;
  vertical-align: middle;
  margin-bottom: 40px;
}

#contents_area.library_collection .lib_col_wrap h3 > span {
  font-size: 1rem;
  margin-left: 0.5em;
  vertical-align: middle;
}

#contents_area.library_collection .flex_area {
  align-items: flex-start;
}

#contents_area.library_collection .library_img_l {
  width: 45%;
  margin-right: 50px;
}

#contents_area.library_collection .library_txt_r {
  width: 50%;
}

#contents_area.library_collection .theme_wrap {
  margin-top: 20px;
  margin-bottom: 10px;
}

#contents_area.library_collection .theme_wrap .theme_title {
  background: var(--c-gray1);
  color: var(--c-white);
  padding-left: 15px;
  border-radius: 40px;
}

#contents_area.library_collection .theme_wrap ul {
  margin-top: 10px;
  display:flex;
  flex-wrap: wrap;
  font-size: 0.88em;
}

#contents_area.library_collection .theme_wrap ul li {
  width: auto;
  margin: 3px;
  padding: 0 10px;
  list-style: none;
  background: var(--c-gray5);
  border-radius: 8px;
}

#contents_area.library_collection .no_flex_area .library_img_l {
  width: 100%;
  text-align: center;
}

#contents_area.library_collection .no_flex_area .library_txt_r {
  width: 100%;
  margin-top: 40px;
}


#contents_area.library_collection .arrangement_li_ttl {
  display: inline-block;
  border-bottom: 1px solid var(--font-color);
  font-weight: bold;
}

@media screen and (max-width: 930px) {
  .library_collection .lib_bus_btn_wrap {
    width: 80%;
  }

  .library_collection .lib_col_btn {
    width: calc(100% / 2 - 5px);
    height: 130px;
    margin: 0 5px 10px 0;
  }

  .library_collection .lib_col_btn:nth-child(2n) {
    margin-right: 0;
  }

  .library_collection .lib_col_btn:last-child {
    height: 110px;
    margin-right: 0;
}
  .library_collection .lib_col_btn img {
    width: 50px;
    margin: 10px auto 0;
  }

  .library_collection .lib_col_btn:last-child img {
    width: 55px;
    margin: 0 10px 0 0;
  }

  .library_collection .lib_col_btn span {
    align-self: center;
  }


  #contents_area.library_collection .flex_area {
  display: block;
}

  #contents_area.library_collection .library_img_l {
    width: 100%;
    margin-right: 0px;
}

#contents_area.library_collection .library_txt_r {
  width: 100%;
  margin-top: 20px;
}
}

/* LIFE5つのテーマ */

#contents_area.library_theme_life .flex_area {
  width: 85%;
  margin: 20px auto;
  justify-content: space-around!important;
}

#contents_area.library_theme_life .flex_area .library_img_l {
  min-width: 120px;
  height: 120px;
  border: 1px solid var(--c-library);
  border-radius: 150px;
  position: relative;
  line-height: 1.5;
}

#contents_area.library_theme_life .flex_area .library_img_l::after {
content: "";
border-top: 1px solid var(--c-library);
position: absolute;
width: 30px;
top: 50%;
right: -30px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

#contents_area.library_theme_life .flex_area .library_txt_r {
width: 70%;
}

#contents_area.library_theme_life .flex_area .library_img_l h3 {
  border-bottom: none;
  margin: 50% auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

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

#contents_area.library_theme_life .flex_area {
  width: 100%;
  margin: 40px 0;
}

#contents_area.library_theme_life .flex_area:last-child {
  margin: 40px 0 20px;
}

#contents_area.library_theme_life .flex_area .library_txt_r {
  width: 96%;
  margin-top: 20px;
}

#contents_area.library_theme_life .flex_area .library_img_l::after {
  content: none;
  }
}




/*--TOPへ戻るボタン

#page-top {
  bottom: 0;
  position: fixed;
  right: 0;

}
#page-top a {
  background-color: var(--c-gray2);
  color: #fff;
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 50%;
}
--*/


/* 探し方ガイド（パスファインダー）*/

#contents_area.library_pathfinder ul.pathfinder_wrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

#contents_area.library_pathfinder ul.pathfinder_wrap .pathfinder_item {
  width: calc(100% / 4 - 30px);
  align-self: flex-start;
  margin-right: 40px;
  margin-bottom: 40px;
}

#contents_area.library_pathfinder ul.pathfinder_wrap .pathfinder_item:nth-child(4n) {
  margin-right: 0;
}

#contents_area.library_pathfinder ul.pathfinder_wrap .pathfinder_item h5 {
  font-size: 1em;
	line-height:1.7;
	letter-spacing:0;
}

#contents_area.library_pathfinder ul.pathfinder_wrap .pathfinder_item .img_area {
  border: 1px solid var(--c-gray3);
  padding: 20px;
  margin-bottom: 10px;
}


@media screen and (max-width: 930px) {
  #contents_area.library_pathfinder ul.pathfinder_wrap {
    display: block;
  }

  #contents_area.library_pathfinder ul.pathfinder_wrap .pathfinder_item {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-right: 0;
    margin-bottom: 0;
    padding: 30px 0;
    border-top: 1px solid var(--c-gray3);
  }

  #contents_area.library_pathfinder ul.pathfinder_wrap .pathfinder_item .img_area {
  width: 35%;
  padding: 8px;
  margin-bottom: 0;
  }

  #contents_area.library_pathfinder ul.pathfinder_wrap .pathfinder_item .text_area {
    width: 60%;
  }

}


/* 図書情報館 - アーカイブ */

#contents_area.library_archive ul {
  padding-left: 0;
}

#contents_area.library_archive ul.lib_archive_wrap {
  flex-wrap: wrap;
  justify-content: flex-start;
}

#contents_area.library_archive .lib_archive_item {
  width: calc(100% / 4 - 30px);
  align-self: flex-start;
  margin-right: 40px;
  margin-bottom: 40px;
}

#contents_area.library_archive .lib_archive_item:nth-child(4n) {
  margin-right: 0;
}

#contents_area.library_archive .text_area {
  margin-top: 10px;
}

#contents_area.library_archive .theme_wrap ul {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.88em;
}

#contents_area.library_archive .theme_wrap ul li {
  width: auto;
  margin: 3px;
  padding: 0 10px;
  list-style: none;
  background: var(--c-gray5);
  border-radius: 8px;
}

#contents_area.library_archive h4.year {
  background: none;
  background-image:none;
  padding: 0 20px 0!important;
  border-left: 3px solid var(--font-color);
}

#contents_area.library_archive h5 .dl_pdf {
  vertical-align: middle;
  padding-right: 5px;
}



/*--セミナーアーカイブ タブ切り替え--*/

#contents_area.library_archive .seminar .lib_archive_item {
  width: calc(100% / 4 - 30px);
}

#contents_area.library_archive .seminar ul.tab-area {
  flex-wrap: wrap;
  margin-bottom: 20px;
}

#contents_area.library_archive .seminar ul.tab-area li.tab {
  width: 10%;
  height: 50px;
  border-radius: 150px;
  border: 1px solid var(--font-color);
  margin: 0 4px 5px;
  font-size: 1em;
  font-weight: normal;
}

#contents_area.library_archive .seminar ul.tab-area li.tab:after {
  content: none;
}

#contents_area.library_archive .seminar ul.tab-area li.tab.active {
  background-color: var(--c-library);
}

#contents_area.library_archive .seminar .panel-area {
  padding: 40px 0 0;
}

#contents_area.library_archive .seminar .date,
#contents_area.library_archive .booklist .date {
  display: block;
  padding-left: 0.5em;
  margin-top: 10px;
  margin-bottom: 5px;
  border-left: 2.5px solid var(--font-color);
  font-weight: bold;
  font-size: 0.85em;
}

#contents_area.library_archive .brochure ul.lib_archive_wrap .img_area {
  height: 200px;
  margin: 0 auto 10px;
  text-align: center;
}

#contents_area.library_archive .brochure ul.lib_archive_wrap .img_area img {
  height: 100%;
  object-fit: contain;
}

#contents_area.library_archive .emblem .img_area {
  text-align: center;
}

#contents_area.library_archive .emblem a.dl_pdf_item {
  display: block;
}


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

  #contents_area.library_archive .page_jump_links {
    flex-wrap: wrap;
}

  #contents_area.library_archive .page_jump_links a.linkbtn {
    width: 30%;
    flex-grow: 1;
}

  #contents_area.library_archive ul.lib_archive_wrap {
    margin-bottom: 40px;
}

  #contents_area.library_archive .lib_archive_item {
    width: 100%;
    margin: 0 auto 0;
    padding: 30px 0;
    border-top: 1px solid var(--font-color);
  }

  #contents_area.library_archive .lib_archive_item {
    display: flex;
    justify-content: space-between;
  }

  #contents_area.library_archive .lib_archive_item .img_area {
    width: 35%;
  }

  #contents_area.library_archive .lib_archive_item .text_area {
    width: 60%;
    margin-top: 0;
  }

  #contents_area.library_archive ul.lib_archive_wrap .lib_archive_item:first-child {
    padding-top: 0;
    border-top: none;
  }

  #contents_area.library_archive ul.lib_archive_wrap .lib_archive_item:last-child {
    padding-bottom: 0;
  }

  #contents_area.library_archive .lib_archive_item:nth-child(4n) {
    margin-right: auto;
  }

  #contents_area.library_archive .seminar ul.tab-area li.tab {
    width: 33%;
    margin: 0 0 5px;
    height: 40px;
  }

  #contents_area.library_archive .seminar .lib_archive_item {
    width: 100%;
  }

  #contents_area.library_archive .seminar .date, #contents_area.library_archive .booklist .date {
    margin-top: 0;
}

#contents_area.library_archive .brochure ul.lib_archive_wrap .img_area {
  height:110px;
  margin: 0 10px 0 0;
}

}

/* 図書情報館 - 座席予約、イベント予約 */

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

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

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

  #contents_area.library_reservation .toppage_news {
  width: 100%;
  margin: 0 auto 40px;
  }

  #contents_area.library_reservation .toppage_news .top_library_news {
  width: 90%;
  padding: 10px;
  }
}

#contents_area.library_reservation ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

#contents_area.library_reservation .lib_res_wrap {
  margin: 40px 0;
}

#contents_area.library_reservation .lib_res_wrap .flex_area {
  align-items: flex-start;
}

#contents_area.library_reservation .lib_res_wrap h5 {
  display: inline-block;
  background-color: var(--c-library);
  color: var(--c-white);
  padding: 0 10px;
  margin-bottom: 10px!important;
}

#contents_area.library_reservation .library_img_l {
  width: 25%;
  margin-right: 40px;
}

#contents_area.library_reservation .library_img_l img {
  width: 100%;
}

#contents_area.library_reservation .library_txt_r {
  width: 70%;
}

#contents_area.library_reservation .lib_att_wrap {
  padding: 30px;
  border: 1px solid var(--c-red);
}

#contents_area.library_reservation .lib_att_wrap h5 {
  color: var(--c-red);
}

@media screen and (max-width: 930px) {
#contents_area.library_reservation .lib_res_wrap .flex_area {
  display: block;
}

#contents_area.library_reservation .library_img_l {
  width: 90%;
  margin: 0 auto;
}
#contents_area.library_reservation .library_txt_r {
  margin-top: 10px;
  width: 100%;
}

#contents_area.library_reservation .lib_res_wrap .library_txt_r {
  margin-top: -20px;
}


#contents_area.library_reservation .lib_res_wrap {
  margin: 0 0 30px;
}

#contents_area.library_reservation .lib_att_wrap {
  padding: 20px;
  overflow: scroll;
  height: 200px;
}

#contents_area.library_reservation .linkbtn {
  padding: 9px 20px 8px;
}
}

/* タブ切り替え */

#contents_area.library_concept .tab_wrap {
  max-width: var(--fullsize);
  margin: 0 auto;
}

#contents_area.library_reservation .tab_wrap {
  width: var(--fullsize);
  margin: 0 auto;
}

#contents_area.library_reservation .lib_res_step_wrap {
background-color: var(--c-white);
border: 2px solid var(--c-library);
padding: 30px;

}

#contents_area.library_reservation .lib_res_step_wrap .flex_area {
  align-items: flex-start;
}

#contents_area.library_reservation .lib_res_step_wrap .flex_area .library_img_l {
  border: 1px solid var(--c-gray3);
  padding: 5px;
}


#contents_area.library_reservation .lib_res_step_wrap h5 {
  display: inline-block;
  background-color: var(--c-library);
  color: var(--c-white);
  padding: 0 20px;
  margin-bottom: 10px;
}

#contents_area.library_reservation .after_use .tab_wrap {
  width: 100%!important;
}

#contents_area.library_reservation .small_tab {
  background: var(--c-white);
  width: 50%;
  border: 1px solid var(--font-color);
  text-align: center;
  padding: 5px;
}

#contents_area.library_reservation .small_tab:first-child {
  margin-right: 20px;
}

#contents_area.library_concept ul.tab-area li.tab,
#contents_area.library_reservation ul.tab-area li.tab {
border-top: 1px solid var(--c-library);
border-left: 1px solid var(--c-library);
border-right: 1px solid var(--c-library);
}

#contents_area.library_concept ul.tab-area li.tab.active,
#contents_area.library_reservation ul.tab-area li.tab.active {
  background-color: var(--c-library);
}

#contents_area.library_concept ul.tab-area + .panel-area,
#contents_area.library_reservation ul.tab-area + .panel-area {
  border-top: 2px solid var(--c-library);
  border-bottom: 2px solid var(--c-library);
}

#contents_area.library_reservation .after_use ul.tab-area + .panel-area {
  border: none!important;
}

#contents_area.library_reservation .small_tab a {
  text-decoration: none;
}

#contents_area.library_reservation .small_tab.hover,
#contents_area.library_reservation .small_tab.focus,
#contents_area.library_reservation .small_tab.active {
  background-color: var(--font-color);
}

#contents_area.library_reservation .small_tab.hover,
#contents_area.library_reservation .small_tab.focus,
#contents_area.library_reservation .small_tab.active a {
color: var(--c-white);
}

#contents_area.library_reservation .panel-area .panel,
#contents_area.library_reservation .panel-area .small_panel {
  display: none;
}

#contents_area.library_reservation .panel-area .panel.active,
#contents_area.library_reservation .panel-area .small_panel.active {
  display: block;
}

#contents_area.library_reservation .panel-area .small_panel {
  padding: 30px 20px 0;
  background-color: var(--c-white);
}

@media screen and (max-width: 930px) {
  #contents_area.library_reservation .tab_wrap {
    width: 90%;
  }

  #contents_area.library_reservation .after_use ul.tab-area {
    display: block;
  }

  #contents_area.library_reservation .lib_res_step_wrap {
    padding: 20px;
  }

  #contents_area.library_reservation .small_tab {
    width: 100%;
    padding: 5px;
    margin-top: 10px;
  }

  #contents_area.library_reservation .small_tab:first-child {
    margin-right: 0;
  }

  #contents_area.library_reservation .panel-area .small_panel {
    padding: 20px 0 0;
  }
}

/* 矢印 */
.triangle_u {
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 20px solid var(--c-library);
}


/* 図書コンセプト・ビジョン */

#contents_area.library_concept .box_library {
  width: var(--fullsize);
  margin: 0 auto;
  position: relative;
  box-shadow: 7px 7px 0 0 rgb(128 175 157 / 30%);
}

/*
#contents_area.library_concept .box_library:after {
  position: absolute;
  left: 0px;
  top: 0px;
  content: '';
  box-shadow: 1px 1px 1px #9cd4ed;
  border-style: solid;
  border-width: 0 0 50px 50px;
  border-color: var(--base-color) var(--base-color) var(--c-library);
}
*/

#contents_area.library_concept .library_vision {
  text-align: center;
}

#contents_area.library_concept .library_vision .vision_text {
  font-weight: bold;
  font-size: 2.5em;
}

#contents_area.library_concept .library_facility .vision_text {
  text-decoration: underline;
  text-decoration-thickness: 0.5em;
  text-decoration-color: rgba(255, 228, 0, 0.4);
  text-underline-offset: -0.2em;
  text-decoration-skip-ink: none;
  display: inline-block;
}

#contents_area.library_concept h4 {
  text-align: center;
  background: unset;
}

#contents_area.library_concept .border_box {
  border: 1px solid var(--font-color);
  padding: 20px;
  text-align: center;
  width: 90%;
  margin: 40px auto 0;
}

.t_stroke {
  font-size: 3rem;
  font-weight: bold;
  text-align: center;
  color: var(--c-white);
  -webkit-text-stroke: 1px var(--c-library); /* webkitのベンダープレフィックス */
  text-stroke: 1px var(--c-library);
}

#contents_area.library_concept .lib_about_01 {
  text-align: center;
  background-image: url(../img/lib_about_01.png), linear-gradient(135deg, var(--base-color) 90px, transparent 0);
  background-position: top left;
  background-repeat: no-repeat;
}

#contents_area.library_concept .lib_about_01 .lib_about {
  width: 90%;
  margin: 0 auto;
  padding-bottom: 30px;
}

#contents_area.library_concept .lib_about_01 .border_lib {
  position: relative;
  height: 30px;
}

#contents_area.library_concept .lib_about_01 .border_lib:before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateY(0) translateX(-50%);
  width: 1px;
  border-right: 1px dotted var(--font-color);
  height: 30px;
  }

#contents_area.library_concept .lib_about_01 .border_lib:after {
content: "";
position: absolute;
bottom: -40px;
left: 50%;
transform: translateY(0) translateX(-50%);
width: 1px;
border-right: 1px solid var(--font-color);
height: 30px;
}

#contents_area.library_concept .box_library .lib_about h4 {
  padding-top: 80px;
}

#contents_area.library_concept .lib_about .flex_area {
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 20px;
}

#contents_area.library_concept .lib_about .lib_about_life p {
  margin-top: 1em;
  margin-bottom: 1em;
}

#contents_area.library_concept .lib_about_01 li {
  width: 30%;
}

#contents_area.library_concept .lib_about_01 li img {
  width: 70%;
}

#contents_area.library_concept .lib_about_wrap .lib_about_02,
#contents_area.library_concept .lib_about_wrap .lib_about_03 {
  width: 50%;
  text-align: center;
}

#contents_area.library_concept .lib_about_01 h4,
#contents_area.library_concept .lib_about_wrap .lib_about_02 h4,
#contents_area.library_concept .lib_about_wrap .lib_about_03 h4 {
  font-size: 1.5em;
  color: var(--c-library);
}

#contents_area.library_concept .lib_about_02 {
  background-image: url(../img/lib_about_02.png), linear-gradient(135deg, var(--base-color) 90px, transparent 0);
  background-position: top left;
  background-repeat: no-repeat;
  margin-right: 10px;

}

#contents_area.library_concept .lib_about_03 {
  background-image: url(../img/lib_about_03.png), linear-gradient(135deg, var(--base-color) 90px, transparent 0);
  background-position: top left;
  background-repeat: no-repeat;
}

#contents_area.library_concept .library_feature {
  text-align: center;
}

#contents_area.library_concept .library_feature .t_library {
  font-weight: bold;
  font-size: 1.5em;
  color: var(--c-library);
}

/* 図書情報館 コンセプト タブ切り替え */

#contents_area.library_concept ul.tab-area + .panel-area {
  background-color: var(--base-color);
}

#contents_area.library_concept .library_facility .library_floormap .flex_area {
  display: flex;
  align-items: flex-start;
}

#contents_area.library_concept .library_facility .library_floormap .img_area {
  width: 100%;
}

#contents_area.library_concept .library_facility .library_floormap .img_area img {
  width: 100%;
}

#contents_area.library_concept .library_facility .library_floormap .img_area:nth-child(2) {
  padding-left: 20px;
}

#contents_area.library_concept .library_facility .library_floormap .icon_list {
  display: flex;
  align-items: flex-start;
  list-style: none;
  border: 1px solid var(--font-color);
  margin-top: -100px;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 50%;
  padding: 10px;
}

#contents_area.library_concept .library_facility .library_floormap .icon_list li {
  width: calc(100% / 3);
  padding-bottom: 10px;
}
#contents_area.library_concept .library_facility .library_floormap .icon_list li:last-child {
padding-bottom: 0;
}

#contents_area.library_concept .library_facility .library_floormap .icon_list li img {
  width: 40px;
  vertical-align: middle;
}


#contents_area.library_concept .library_facility .library_floormap .icon_list li p {
  display: inline-block;
  margin-left: 5px;
}

#contents_area.library_concept .library_facility .yellow_marker {
  text-decoration: underline;
  text-decoration-thickness: 1.2em;
  text-decoration-color: rgba(246, 235, 191);
  text-underline-offset: -1em;
  text-decoration-skip-ink: none;
}

#contents_area.library_concept .library_facility .blue_marker {
  text-decoration: underline;
  text-decoration-thickness: 1.2em;
  text-decoration-color: rgba(176, 199, 231);
  text-underline-offset: -1em;
  text-decoration-skip-ink: none;
}

#contents_area.library_concept .lib_facility_list {
  display: flex;
  flex-wrap: wrap;
}

#contents_area.library_concept .lib_facility_list > li {
  width: 50%;
  padding: 0 20px 40px 0;
}

#contents_area.library_concept .lib_facility_list > li:nth-child(2n) {
  padding: 0 0 40px 20px;
}

#contents_area.library_concept .lib_facility_list > li:nth-last-child(2),
#contents_area.library_concept .lib_facility_list > li:last-child {
  padding-bottom: 0;
}

#contents_area.library_concept .lib_facility_list > li h5 {
  background-color: var(--c-library);
  padding: 5px 10px;
  display: inline-block;
  margin-bottom: 10px;
  margin-left: -10px;
  color: var(--c-white);
  line-height: 1.5;
}

#contents_area.library_concept .lib_facility_list .img_area {
  height: 300px;
}

#contents_area.library_concept .lib_facility_list .img_area img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#contents_area.library_concept .lib_facility_list > li .text_area {
margin-top: -20px;
line-height:1.7;
}

#contents_area.library_concept .lib_facility_list .list_disc {
  padding-left: 1.5em;
  color: var(--c-library);
}

#contents_area.library_concept .lib_facility_list .list_disc li {
  list-style-type: disc;
}

/* 図書情報館 コンセプト タブ切り替え END */

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

  #contents_area.library_concept .page_jump_links {
    flex-wrap: wrap;
  }

  #contents_area.library_concept .page_jump_links a.linkbtn {
    width: 30%;
    flex-grow: 1;
  }

  #contents_area.library_concept .box_library {
    width: 90%;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  #contents_area .box_library:after {
    border-width: 0 0 30px 30px;
  }
  #contents_area.library_concept .library_vision {
    font-size: 1em;
  }

  #contents_area.library_concept .library_vision .vision_text {
    font-size: 1.6em;
  }

  #contents_area.library_concept .box_library .lib_about h4 {
    padding-top: 60px;
  }

  #contents_area.library_concept .lib_about_01 h4,
#contents_area.library_concept .lib_about_wrap .lib_about_02 h4,
#contents_area.library_concept .lib_about_wrap .lib_about_03 h4 {
  color: var(--c-library);
}

  #contents_area.library_concept .lib_about .flex_area {
    display: block;
  }

  #contents_area.library_concept .lib_about_01 li {
    display: flex;
    width: 100%;
    margin-bottom: 10px;
    align-items: center;
  }

  #contents_area.library_concept .lib_about_01 li img {
    width: 30%;
    margin-right: 10px;
  }

  #contents_area.library_concept .lib_about_01 li img:after {
    content: "";
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translateY(0) translateX(-50%);
    width: 1px;
    border-right: 1px solid var(--font-color);
    height: 30px;
  }

  #contents_area.library_concept .lib_about_01 li p {
    text-align: left;
  }

  #contents_area.library_concept .lib_about_01 .border_lib:before,
  #contents_area.library_concept .lib_about_01 .border_lib:after {
    content: none;
  }

  #contents_area.library_concept .border_box {
    width: 100%;
  }

  #contents_area.library_concept .library_facility .library_floormap {
    display: block;
    align-items: flex-start;
    width: 100%;
  }

  #contents_area.library_concept .library_facility .library_floormap .icon_list {
    width: 100%;
    padding: 5px;
    margin-top: 20px;
  }

  #contents_area.library_concept .library_facility .library_floormap .icon_list li {
    width: calc(100% / 2);
    padding: 5px;
  }

  #contents_area.library_concept .library_facility .library_floormap .img_area:nth-child(2) {
    padding-top: 20px;
    padding-left: 0;
  }

  #contents_area.library_concept .round_box {
    width: 100%;
    border-radius: 20px;
    margin: 20px auto 0;
  }

  #contents_area.library_concept .lib_about_wrap {
    display: block;
  }

  #contents_area.library_concept .lib_about_wrap .lib_about {
    width: 100%;
    margin-top: 20px;
  }

  #contents_area.library_concept .lib_about_wrap .lib_about_02,
  #contents_area.library_concept .lib_about_wrap .lib_about_03 {
    width: 100%;
  }

  #contents_area.library_concept .lib_about_01 {
    background-image: url(../img/lib_about_01.png), linear-gradient(135deg, var(--base-color) 80px, transparent 0);
  }

  #contents_area.library_concept .lib_about_wrap .lib_about_02 {
    background-image: url(../img/lib_about_02.png), linear-gradient(135deg, var(--base-color) 80px, transparent 0);
  }

  #contents_area.library_concept .lib_about_wrap .lib_about_03 {
    background-image: url(../img/lib_about_03.png), linear-gradient(135deg, var(--base-color) 80px, transparent 0);
  }

  #contents_area.library_concept .lib_facility_list {
    display: block;
  }

  #contents_area.library_concept .lib_facility_list > li {
    width: 100%;
    padding: 0 0 20px 0;
  }

  #contents_area.library_concept .lib_facility_list > li:nth-child(2n) {
    padding: 0 0 20px 0;
  }

  #contents_area.library_concept .lib_facility_list > li:nth-last-child(2) {
    padding-bottom: 20px;
  }

  #contents_area.library_concept .lib_facility_list > li:last-child {
    padding-bottom: 0;
  }

  #contents_area.library_concept .lib_facility_list .img_area {
  height: 200px;
  }

  #contents_area.library_concept .tab_wrap {
    width: 100%;
  }

}

/* 図書情報館 コンセプト 小竹正剛&Library of the Year2019 */

#contents_area.library_concept .kotake_library h3,
#contents_area.library_concept .library_award h3 {
  border-bottom: none!important;
  text-decoration: underline;
  -webkit-text-decoration: underline;
  text-underline-offset: 0.3em;
  line-height: 1.8;
}

#contents_area.library_concept .kotake_library .img_area,
#contents_area.library_concept .library_award .img_area {
  width: 700px;
  margin: 0 auto;
}

#contents_area.library_concept .kotake_library .img_area img,
#contents_area.library_concept .library_award .img_area img {
  width: 100%;
}


#contents_area.library_concept .library_award_text {
  margin-top: -40px;
  padding: 50px 55px 40px;
}

#contents_area.library_concept .box_right_end_wrap,
#contents_area.library_concept .box_left_end_wrap {
  width: var(--fullsize);
  margin: 60px auto 0 auto;
  overflow: visible;
}

#contents_area.library_concept .box_right_end_inner h3,
#contents_area.library_concept .box_left_end_inner h3 {
  margin: 0 0 20px 0;
  text-align: left;
  border-bottom: none!important;
  text-decoration: underline;
  -webkit-text-decoration: underline;
  text-underline-offset: 0.3em;
  line-height: 1.8;
}

#contents_area.library_concept .box_right_end {
  background-color: var(--c-white);
  height: auto;
  margin-right: calc(50% - 50vw + 50px);
  padding-right: calc(50vw - 50%);
  margin-left: 50px;
}

#contents_area.library_concept .box_left_end {
  background-color: var(--c-white);
  height: auto;
  margin-left: calc(50% - 50vw);
  padding-left: calc(50vw - 50%);
  margin-right: 50px;
}

#contents_area.library_concept .box_right_end_inner {
  width: var(--fullsize);
  padding: 40px 55px 40px 0;
}

#contents_area.library_concept .box_right_end_inner .flex_area {
display: flex;
justify-content: flex-start;
align-items: flex-start;
}

#contents_area.library_concept .box_left_end_inner {
  min-width: var(--fullsize);
  padding: 40px 0 40px 55px;
}

#contents_area.library_concept .box_left_end_inner .flex_area {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: flex-start;
}

#contents_area.library_concept .box_right_end_inner .img_area,
#contents_area.library_concept .box_left_end_inner .img_area {
  width: 600px;
  height: 270px;
}

#contents_area.library_concept .box_right_end_inner .img_area {
  margin-top: -80px;
  margin-left: -50px;
  margin-right: 20px;
}

#contents_area.library_concept .box_left_end_inner .img_area {
  margin-top: -80px;
  margin-right: 0px;
  margin-left: 20px;
}

#contents_area.library_concept .box_right_end_inner .img_area img ,
#contents_area.library_concept .box_left_end_inner .img_area img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.clear {
  clear: both;
}

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

#contents_area.library_concept .kotake_library .img_area,
#contents_area.library_concept .library_award .img_area {
  width: 100%;
}

#contents_area.library_concept .library_award_text {
  width: 100%;
  padding: 40px 20px;
}

  #contents_area.library_concept .box_right_end_wrap,
  #contents_area.library_concept .box_left_end_wrap {
    margin: 60px auto 0 auto;
  }

  #contents_area.library_concept .box_right_end {
    margin-right: 0;
    padding-right: 0;
  }

  #contents_area.library_concept .box_left_end {
    margin-left: 0;
    padding-left: 0;
  }

}

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

#contents_area.library_concept .box_right_end_wrap,
#contents_area.library_concept .box_left_end_wrap {
  width: 100%;
  margin: 0 auto;
  overflow: visible;
}

#contents_area.library_concept .box_right_end_inner {
  min-width: 100%;
  width: 100%;
  padding: 15px 20px;
}

#contents_area.library_concept .box_right_end_inner .flex_area {
  display: block;
}

#contents_area.library_concept .box_right_end {
  margin-left: 20px;
  margin-right: 0;
  padding-left: 0;
}

#contents_area.library_concept .box_right_end_inner .img_area {
  margin-top: -30px;
  margin-left: -30px;
  margin-bottom: 20px;
  margin-right: 0px;
  width: 100%;
  height: auto;
}

#contents_area.library_concept .box_left_end_inner {
  min-width: 100%;
  padding: 15px 20px;
}

#contents_area.library_concept .box_left_end_inner .flex_area {
  display: block;
}

#contents_area.library_concept .box_left_end {
  margin-right: 20px;
  margin-left: 0;
    padding-left: 0;
}

#contents_area.library_concept .box_left_end_inner .img_area {
  margin-top: -30px;
  margin-left: 30px;
  margin-bottom: 20px;
  width: 100%;
  height: auto;
}

#contents_area.scarts_artculture .intro_text {
  display: block;
}

.artculture_entry_btn {
  text-align:center;
  margin-top:1em;
}
}