///////////////////////////////////////////////////////////////////////////
// パンくず
///////////////////////////////////////////////////////////////////////////
#breadcrumb {
  padding-left: 4vw;
  margin-top: 13vh;
  background: $subColorDark;

  ul {
    padding: 9px 0;
    display: block;

    li {
      font-size: $xSmallFontSize;
      display: inline-block;

      a {
        @include textEffect($mainColorDark);
      }

      >* {
        font-size: $xSmallFontSize;
      }

      &::after {
        content: '〉';
        display: inline-block;
        padding-left: 5px;
        font-size: $xSmallFontSize;
      }

      &:last-child {
        &::after {
          display: none;
        }
      }
    }
  }
}

@include mq(middle) {
  #breadcrumb {
    margin-top: 60px;

    ul {
      display: flex;
      padding: 9px 5%;

      li {
        display: block;
      }
    }
  }

  .header {
    height: 60px;

    .header_logo {
      width: 200px;
    }
  }
}

///////////////////////////////////////////////////////////////////////////
// common UI 
///////////////////////////////////////////////////////////////////////////

.contMain {}

.main {
  &_heading {
    margin: 60px auto 40px;
    text-align: center;
    letter-spacing: 0.1em;
    font-size: $h1FontSize;
    line-height: 1.5;
    @include ff_japanese_thin_gothic_bold;

    span {
      display: block;
      font-size: $xSmallFontSize;
      letter-spacing: 0;
    }
  }
}

.sub {
  &_heading {
    margin-top: 20px;
    margin-bottom: 40px;
    text-align: center;
    letter-spacing: 0.1em;
    font-size: $h2FontSize;
    @include ff_japanese_thin_gothic_bold;

    &.heading {
      &_cat {
        margin-bottom: 0;
      }

      &_year {
        margin-top: 0;
      }
    }

    span {
      display: block;

      @include mq(middle) {
        display: inline-block;
        margin: 0 10px;
      }
    }
  }
}

.cont {
  &_heading {
    letter-spacing: 0.1em;
    font-size: $h3FontSize;
    margin-bottom: 40px;
    @include ff_japanese_thin_gothic_bold;
    line-height: 1.7;
  }

  &_inner {
    padding: 40px 5% 60px;

    .cont_break {
      margin: 40px 0 80px;
    }

  }

  &_box {
    padding: 0 5%;

    .cont {

      &_linebox,
      &_fillbox,
      &_sandbox {
        padding: 20px;
      }
    }
  }

  &_txt {
    li {
      width: 15vw;
      text-align: center;
      padding: 10px 0;
      display: inline-block;
      margin: 0 10px 20px;
    }
  }

  &_desc {
    margin-bottom: 40px;
    //letter-spacing: 0.1em;
    text-align: justify;
    text-justify: inter-ideograph;
    -moz-font-feature-settings: "palt";
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";

    strong {
      font-family: a-otf-futo-go-b101-pr6n, sans-serif;
    }

    em {
      display: block;
      padding-left: 1em;
      margin-left: 1em;
      border-left: $mainColorLight solid 1px;
      font-style: normal;
    }

    i {
      //font-style:normal ;
    }

    b {
      font-weight: 400;
    }

    a {
      word-break: break-all;
      color: $subColorDark;
      text-decoration: underline;
      // @include textEffect($subColorDark);
      font-size: 100%;
      @include mq(middle) {
        &:hover{
          text-decoration: none;
			color: $subColorDarker;
        }
      }
    }

    &_intro {
      text-align: center;
      margin-bottom: 80px;
    }

    &_bar {
      border-top: $mainColorLight solid 1px;
      border-bottom: $mainColorLight solid 1px;
      padding: 10px 0;
    }
  }

  &_name {
    font-size: $smallFontSize;

    a {
      font-size: $smallFontSize;
    }
  }

  &_caption {
    font-size: $xSmallFontSize;

    a {
      font-size: $xSmallFontSize;
    }
  }

  &_credit {
    font-size: $xxSmallFontSize;

    a {
      font-size: $xxSmallFontSize;
    }
  }

  &_linebox {
    padding: 40px 2%;
    border: $mainColorLight solid 1px;
  }

  &_fillbox {
    padding: 40px 5%;
    background: $mainColorXLight;
  }

  &_sandbox {
    padding: 40px 5%;
    border-top: $mainColorLight solid 1px;
    border-bottom: $mainColorLight solid 1px;
  }

  &_col {

    &_works1,
    &_works2,
    &_works3 {
      figure {
        margin-bottom: 30px;

        a {
          display: block;
        }

        img {
          border: $mainColorLight solid 1px;
        }

        figcaption {
          font-size: $xxSmallFontSize;
          padding-top: 10px;
          display: block;

          >* {
            display: block;
          }

          span {
            font-size: $smallFontSize;
            margin-bottom: 4px;
          }

          strong {
            font-size: $xSmallFontSize;
            margin-bottom: 4px;
          }

          i {
            font-style: italic;
          }
        }
      }
    }
  }

  &_menu {
    background: $mainColorXLight;
    height: 76px;

    &_inner {
      &.swiper-wrapper {
        height: auto;
        padding: 0;
      }

      li {
        @include ff_japanese_thin_gothic_bold;
        text-align: center;
        width: auto;

        a {
          line-height: 72px;

        }

        &.active a {
          &::after {
            content: '';
            position: absolute;
            bottom: 0;
            display: block;
            width: 100%;
            height: 4px;
            background-color: $mainColorDark;
            transform: scaleX(1);
          }
        }
      }
    }
  }

  &_break {
    border-top: #333 solid 1px;
    margin: 80px 5% 0;
  }

  &_form {
    padding-bottom: 0;
  }
}

.frame {
  &_heading {
    margin-bottom: 40px;
    letter-spacing: 0.1em;
    font-size: $xLargeFontSize;
    @include ff_japanese_thin_gothic_bold;
  }
}

.no_entry {
  text-align: center;
  margin: 0 auto 80px;
}

// ------------------------------------------------
//検索フォーム
// ------------------------------------------------
.search_filter {
  &_items {
    display: block;

    input[type="checkbox"] {
      display: none;

      +label {
        @include ff_japanese_thin_gothic_bold;
        display: inline-block;
        position: relative;
        width: auto;
        padding-left: 30px;
        margin-right: 0;
        margin-left: 20px;
        margin-bottom: 20px;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        font-size: $mediumFontSize;
      }

      +label:last-child {
        margin-right: 0;
      }

      +label:before {
        content: '';
        display: block;
        width: 20px;
        height: 20px;
        border: 1px solid $mainColorDark;
        position: absolute;
        left: 0;
        top: 5px;
        transition: all .12s, border-color .08s;
      }

      &:checked+label:before {
        width: 10px;
        top: 0;
        left: 5px;
        border-radius: 0;
        opacity: 1;
        border-top-color: transparent;
        border-left-color: transparent;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
      }
    }

    .select_frame {
      position: relative;
      cursor: pointer;
      min-height: 50px;
      margin-bottom: 20px;

      &.select_year {
        z-index: 100;
      }

      &:first-of-type {
        z-index: 200;
      }

      &:nth-of-type(2) {
        z-index: 150;
      }

      &:nth-of-type(3) {
        z-index: 100;
      }

      .select {
        &_title {
          width: 200px;
        }

        &_expand {
          width: 0;
          height: 50px;
          position: absolute;
          top: 0;
          right: 0;

          &::after {
            content: '\003E';
            position: absolute;
            top: 50%;
            right: 10px;
            transform: translate(-50%, -50%) rotate(90deg) scaleX(.75) scaleY(1.25);
            pointer-events: none;
            z-index: 2;
            transition: $transition_c5s;
          }

          &:checked {
            right: 0;
          }

          &:checked::after {
            transform: translate(-50%, -50%) rotate(90deg) scaleX(-.75) scaleY(1.25);
          }
        }

        &_expandLabel {
          display: block;
          width: 100%;
          height: 50px;
          position: absolute;
          top: 0;
          left: 0;
          cursor: pointer;
        }

        &_close {
          display: none
        }

        &_closeLabel {
          width: 100%;
          height: 100%;
          position: fixed;
          top: 0;
          left: 0;
          display: none;
          z-index: -1;
			&.select_closeLabel2 {
        	  position: absolute;
          
        	}
        }
	  	

        &_items {
          min-width: 100%;
          position: absolute;
          top: 0;
          left: 0;
          z-index: 10;
          padding-top: 50px;
          overflow: hidden;

          .select {
            &_options {
              position: relative;
              height: 0;

            }
		  	&_tags {
              position: relative;
              height: 0;

            }

            &_2018 {
              display: block;
              height: 0;
              line-height: 40px;
              color: $mainColorMid;
              font-size: $xSmallFontSize;
              padding-left: 15px;
              position: relative;

              &:after {
                content: '';
                display: block;
                height: 1px;
                width: 46px;
                position: absolute;
                top: 50%;
                right: 15px;
                background: $mainColorMid;
              }
            }
          }
        }

        &_input {
          display: none
        }

        &_label {
          transition: $transition_c5s;
          display: block;
          height: 0;
          line-height: 50px;
          overflow: hidden;
          background-color: #fff;
          cursor: pointer;
          padding-left: 15px;
          font-size: $mediumFontSize;

          &_placeholder {
            width: 100%;
            height: 50px;
            vertical-align: middle;
            position: absolute;
            top: 0;
            left: 0;
            background-color: transparent;
            border: 1px solid $mainColorDark;
          }
        }

        &_expand:checked {
          +.select_closeLabel {
            display: block;
            border: 1px solid $mainColorDark;

            +.select_options {
              border: 1px solid $mainColorDark;
              margin-top: 10px;
              padding: 10px 0;
              background: white;
              overflow: auto;
              max-height: 280px;
              height: auto;

              .select_label {
                height: 35px;
                line-height: 35px;

                &:hover {
                  background-color: $mainColorXLight;
                }
              }

              .select_2018 {
                height: 40px;
              }

              +.select_expandLabel {
                display: none
              }
            }

          }
        }

        &_input:checked+.select_label {
          height: 50px;
          margin-top: -50px;
          border: 1px solid $mainColorDark;
        }
      }
    }

    .btn_search {
      margin: 0 auto;
    }
  }
}

.select_frame.select_artist {
  position: relative;
  cursor: pointer;
  min-height: 50px;
}

// ------------------------------------------------
// ボタン  
// ------------------------------------------------
.malinky-load-more {
  font-size: $mediumFontSize;
  margin-left: auto;
  margin-right: auto;
  @include ff_japanese_thin_gothic_bold;

  a {
    position: relative;
    width: 260px;
    margin: 0 auto 80px;
    display: block;
    padding: 10px 0;
    text-align: center;
    border: 1px solid $mainColorDark;
  }
}

.btn {
  &_base {
    font-size: $mediumFontSize;
    margin-left: auto;
    margin-right: auto;
    @include ff_japanese_thin_gothic_bold;

    a,
    strong {
      position: relative;
      width: 260px;
      margin: 0 auto 80px;
      display: block;
      padding: 10px 0;
      text-align: center;
      border: 1px solid $mainColorDark;
    }
  }

  &_back {
    a {
      span {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 5%;
        width: 12px;
        height: 12px;
        margin-top: -6px;
        border: 1px solid;
        border-color: $mainColorDark $mainColorDark transparent transparent;
        transform: rotate(-135deg);
      }
    }
  }

  &_prev,
  &_next {
    width: 46%;

    a {
      width: 100%;
    }
  }

  &_prev a span {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 8%;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    border: 1px solid;
    border-color: $mainColorDark $mainColorDark transparent transparent;
    transform: rotate(-135deg);
  }

  &_next a span {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 8%;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    border: 1px solid;
    border-color: $mainColorDark $mainColorDark transparent transparent;
	-webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  &_block_pagination {
    @include flex;
    justify-content: center;
    align-items: center;
  }

  &_pdf a {
    span {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      left: 5%;
      margin-top: -9px;
      width: 16px;
      height: 18px;

      .ico {
        &_pdf {
          fill: $mainColorDark;
        }
      }
    }
  }
	
  &_pdf2 a {
    span {
		width: 16px;
		height: 18px;
		display: inline-block;
		margin-bottom: -2px;

      .ico {
        &_pdf {
          fill: $mainColorDark;
        }
      }
    }
  }

  &_blank a {
    span {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      right: 5%;
      margin-top: -9px;
      width: 16px;
      height: 18px;

      .ico {
        &_pdf {
          fill: $mainColorDark;
        }
      }

      svg {
        width: 16px !important;
        height: 18px !important;
      }
    }
  }

  &_search {
    font-size: $mediumFontSize;
    color: white;
    background: $mainColorDark;
    border: 1px solid $mainColorDark;
    position: relative;
    width: 200px;
    margin: 0 auto;
    display: block;
    text-align: center;
    transition: $transition_c5s;

    input {
      display: block;
      padding: 10px 0;
      width: 100%;
    }
  }
	&_out a{
		margin: 40px auto 0;
		span {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		right: 8%;
		width: 12px;
		height: 12px;
		margin-top: -6px;
		border: 1px solid;
		border-color: $mainColorDark $mainColorDark transparent transparent;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		}
	}
  &_ticket {
	  
    a,
    strong {
		margin: 0;
		background: $accentColor01Dark;
		color: white;
    	border:none;
		@include mq(middle) {
			@include btnEffect(white, $mainColorDark);
		}
    }
  }
}

// ------------------------------------------------
//リンク
// ------------------------------------------------
.link {
  @include ff_japanese_thin_gothic_bold;

  &_box {
    border-top: $mainColorLight solid 1px;
    border-bottom: $mainColorLight solid 1px;
    padding: 20px 0;

    a {
      display: block;
      width: 100%;
      margin-top: 20px;

      &:first-child {
        margin-top: 0;
      }
    }
  }

  &_blank {
    @include textEffect($mainColorDark);
    margin-right: 40px;

    span {
      display: inline-block;
      width: 14px;
      height: 14px;
    }
  }

  &_pdf {
    @include textEffect($mainColorDark);
    margin-right: 40px;

    span {
      display: inline-block;
      width: 14px;
      height: 14px;
    }

    em {
      font-style: normal;
      font-size: $xSmallFontSize;
    }
  }
}


///////////////////////////////////////////////////////////////////////////
// 展覧会
///////////////////////////////////////////////////////////////////////////

.exhibition {
  &_img {
    margin-bottom: 20px;
	overflow: hidden;
	a{
		width: 100%;
		height: 100%;
		}
    img {
      object-fit: cover;

      width: 100%;
      height: auto;
    }
  }

  &_statusBlock {
    @include flex;
    align-items: center;
    margin-bottom: 10px;

    &.mt_up {
      margin-top: 20px;
    }
  }

  &_countdown {
    margin-right: 8px;
    padding: 5px 8px;
    font-size: 1.1rem;
    background: white;
    border: 1px solid $mainColorMid;
  }

  &_gate {

    a,
    span {
      padding: 5px 9px;
      text-align: center;
      color: white;
      background: $mainColorDark;
      border: 1px solid $mainColorDark;
      font-size: 1.1rem;
      display: block;
    }

    a {
      em {
        display: inline-block;
        width: 8px;
        margin-left: 3px;

        svg {
          width: 8px;
          height: 8px;

          .ico_blank {
            fill: white;
          }
        }
      }

      &:hover {
        em {
          .ico_blank {
            fill: $mainColorDark;
          }
        }
      }
    }

    &.tag_red span {
      background: $accentColor01Dark;
      border: 1px solid $accentColor01Dark;
    }
  }

  &_top_ttl,
  &_bottom_ttl {
    font-size: $smallFontSize;
  }

  &_top_ttl {
    margin-bottom: 10px;
  }

  &_bottom_ttl {
    margin: 10px 0 20px
  }

  &_title {
    font-size: $xLargeFontSize;
    margin-bottom: 10px;
  }

  &_categoryList {
    @include flex;
    align-items: center;
    margin-bottom: 5px;
    margin-top: 10px;
  }

  &_categoryItem {
    @include flex;
    font-size: $xSmallFontSize;

    &::after {
      content: '|';
      display: block;
      margin: 0 10px;
    }

    &:last-child {
      &::after {
        content: none;
        margin: 0;
      }
    }
  }

  &_date {
    font-size: $smallFontSize;
  }

  &_venue {
    margin-bottom: 30px;
    font-size: $smallFontSize;
  }

  &_list {
    width: 100%;
    height: 100%;
    padding: 0;
    border-top: $mainColorMid 1px solid;
    margin-bottom: 80px;

    &_item {
      position: relative;

      >a,
      .no_link {
        display: block;
        width: 100%;
        padding: 40px 5% 100px;
        border-bottom: $mainColorMid 1px solid;

        .exhibition {
          &_title {
            font-size: $xLargeFontSize;
            margin-right: 20px;

            i {
              //font-size: $smallFontSize;
              //font-style: normal;
              display: block;
            }
          }

          &_subTitle {
            margin-right: 20px;
            font-size: $smallFontSize;
          }

          &_date {
            margin-top: 10px;
            font-size: $xSmallFontSize;
          }

          &_venue {
            margin-bottom: 0;
          }
        }
      }

      >a {
        position: relative;

        &::after {
          content: '';
          display: block;
          position: absolute;
          bottom: 50%;
          right: 10px;
          margin-bottom: -10px;
          width: 20px;
          height: 20px;
          border-right: $mainColorDark 1px solid;
          border-bottom: $mainColorDark 1px solid;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
        }
      }

      .exhibition_statusBlock {
        position: absolute;
        bottom: 40px;
        left: 5%;
      }
    }
  }

  &_acco {
    border-bottom: $mainColorMid 1px solid;
    margin-bottom: 80px;

    &_item {
      border-top: $mainColorMid 1px solid;
      padding: 20px 0;
      cursor: pointer;

      dt {
        display: block;
        position: relative;
        padding-right: 40px;

        &::before {
          content: '';
          position: absolute;
          right: 5px;
          top: 50%;
          width: 30px;
          height: 1px;
          background: $mainColorDark;
        }

        &::after {
          content: '';
          position: absolute;
          right: 20px;
          top: 50%;
          margin-top: -15px;
          width: 1px;
          height: 30px;
          background: $mainColorDark;
        }

        .exhibition {
          &_title {
            font-size: $xLargeFontSize;
            margin-right: 20px;
            margin-bottom: 0;

            i {
              //font-size: $smallFontSize;
              //font-style: normal;
              display: block;
            }
          }

          &_date {
            display: none;
            font-size: $xSmallFontSize;
            margin-top: 10px;
          }

          &_gate {
            span {
              display: inline-block;
              line-height: 1;
              margin-top: 10px;
            }
          }
        }
      }

      &.active {
        dt::after {
          width: 0;
        }
      }

      dd {
        padding-top: 30px;
        display: none;

        .exhibition_frame {

          .exhibition_txt {
            .exhibition_desc {
              font-size: $smallFontSize;
            }

            
            a {}
          }

          .exhibition_img {
            background: $mainColorXLight;
            text-align: center;
            padding: 6px;
			  height: auto;

            img {
              width: auto;
              max-width: 100%;
              height: auto;
              max-height: 280px;
              margin: 0 auto;
            }
          }
        }
      }
    }
  }

  &.under_menu {
    padding-top: 0;

    .tab_menu {
      border-top: $mainColorDark 1px solid;
		background: $mainColorXLight;

      .under_menu_item {
        a {
          position: relative;
          display: block;
          padding: 15px;
          border-bottom: $mainColorDark 1px solid;

          &::after {
            content: '';
            display: block;
            position: absolute;
            bottom: 50%;
            right: 10px;
            margin-bottom: -6px;
            width: 12px;
            height: 12px;
            border-right: $mainColorDark 1px solid;
            border-bottom: $mainColorDark 1px solid;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
          }
        }
      }
    }
  }
.exhibition_list01 {
	@include maxWidth;
	display: block;
	@include mq(middle) {
		@include flex;
	}
  }
  .exhibition_list01_item {
	width: 100%;
	margin-right: 0;
	margin-bottom: 40px;

	@include mq(middle) {
		width: 22.75%;
		margin-right: 3%;
		margin-bottom: 60px;
	} 
	&:nth-child(4n) {
	  margin-right: 0;
	}
	> a{
	  &:hover{
		opacity: .5;
	  }
	}
  }
}
.lang_en .exhibition_list.exhibition_list01,
.lang_kr .exhibition_list.exhibition_list01,
.lang_cn .exhibition_list.exhibition_list01,
.lang_tw .exhibition_list.exhibition_list01{
	max-width:none !important;
	display: block !important;
}
.exhibition_table {
  width: 100%;
  margin-bottom: 20px;
  border-top: $mainColorXLight 1px solid;
  text-align: left;

  th {
	padding: 15px 0;
	width: 90px;
	border-bottom: $mainColorXLight 1px solid;
	font-size: $xSmallFontSize;
	vertical-align: top;
	line-height: 28px;
  }

  td {
	padding: 15px 0;
	border-bottom: $mainColorXLight 1px solid;
	vertical-align: top;
	line-height: 28px;
	word-break: break-all;
	  .link_pdf2{
		  margin-left: 2em;
		  span {
			  display: inline-block;
			  width: 24px;
			  height: 22px;
			}
		  @include mq(middle) {
			  &:hover{
				  opacity: .7;
			  }
		  }
	  }
  }
}
.lower_page .cont_inner.cont_past{
	padding: 40px 5% 60px;
	@include mq(middle) {
		padding: 60px 5% 110px;
	}
}

///////////////////////////////////////////////////////////////////////////
// イベント
///////////////////////////////////////////////////////////////////////////

.event {
  &_img {
    margin-bottom: 20px;

    a {
      display: block;
      height: 240px;
      overflow: hidden;

      img {
        object-fit: cover;

        width: 100%;
        height: 100%;
      }
    }
  }

  &_statusBlock {
    @include flex;
    align-items: center;
    margin-bottom: 10px;
  }

  &_countdown {
    margin-right: 8px;
    padding: 5px 8px;
    font-size: 1.1rem;
    background: white;
    border: 1px solid $mainColorMid;
  }

  &_gate {

    a,
    span {
      padding: 5px 9px;
      text-align: center;
      color: white;
      background: $mainColorDark;
      border: 1px solid $mainColorDark;
      font-size: 1.1rem;
      display: block;
    }

    a {
      em {
        display: inline-block;
        width: 8px;
        margin-left: 3px;

        svg {
          width: 8px;
          height: 8px;

          .ico_blank {
            fill: white;
          }
        }
      }

      &:hover {
        em {
          .ico_blank {
            fill: $mainColorDark;
          }
        }
      }
    }
  }

  &_top_ttl,
  &_bottom_ttl {
    font-size: $smallFontSize;
  }

  &_title {
    font-size: $xLargeFontSize;
  }

  &_categoryList {
    @include flex;
    align-items: center;
    margin-bottom: 5px;
    margin-top: 10px;
  }

  &_categoryItem {
    @include flex;
    font-size: $xSmallFontSize;

    &::after {
      content: '|';
      display: block;
      margin: 0 10px;
    }

    &:last-child {
      &::after {
        content: none;
        margin: 0;
      }
    }
  }

  &_date {
    font-size: $smallFontSize;
  }

  &_venue {
    padding-bottom: 10px;
    margin-bottom: 30px;
    font-size: $smallFontSize;
  }

  &_list {
    width: 100%;
    height: 100%;
    padding: 0 5%;

    &_item {
      width: auto;

      a {
        display: block;
      }
    }
  }

  &_check {
    width: 100%;
    margin-bottom: 20px;

    @include mq(middle) {
      text-align: center;
    }
  }

  &_btn {
    margin: 0 !important;
  }

  .select_title{
    min-width: 210px;
  }
}

///////////////////////////////////////////////////////////////////////////
// コレクション
///////////////////////////////////////////////////////////////////////////

.collection {
  &_img {
    position: relative;
    margin-bottom: 5px;
    width: 100%;
    height: 300px;
    border: 1px solid $mainColorLight;
    overflow: hidden;
    @include flex;
    justify-content: center;
    align-items: center;

    img {
      width: auto;
      height: auto;
      max-width: 100%;
      max-height: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
  }

  &_credit {
    font-size: $smallFontSize;
  }

  &_title {
    font-size: $mediumFontSize;
  }

  &_category {
    font-size: $smallFontSize;
    margin-bottom: 6px;
  }

  &_date {
    font-size: $xxSmallFontSize;
  }

  &_list {
    width: 100%;
    height: auto;
    padding: 0;

    &_item {
      width: auto;
      margin-bottom: 40px;

      a {
        display: block;
        margin-bottom: 20px;
      }
    }
  }
}

///////////////////////////////////////////////////////////////////////////
// 詳細 展覧会/イベント
///////////////////////////////////////////////////////////////////////////
.cont_post {
  .post {
    &_intro {
      padding-top: 0;

      .cont_main_mv {
        height: auto;
        overflow: hidden;
        margin: 0 -5vw;

        img {
          object-fit: cover;
          /*min-height: 320px;*/
        }

        &_col {
          max-height: 750px;
          border: $mainColorLight 1px solid;
          margin: 20px 0 40px;
          overflow: hidden;

          img {
            width: auto;
            max-width: 100%;
            max-height: 750px;
            margin: 0 auto;
          }
        }
      }

      .cont_main_block {
        margin-top: 40px;
      }

      .cont_col2 {
        .cont_main_mv {}
      }

      .exhibition {
        &_title {
          font-size: $h2FontSize;
        }

        &_top_ttl,
        &_bottom_ttl {
          font-size: $largeFontSize;
        }

        &_bottom_ttl {
          margin-bottom: 20px;
        }
      }

      &.collection {
        text-align: center;
        margin-bottom: 0;
        padding-bottom: 0;

        .post_catch {
          margin-bottom: 0;
        }

        .collection {
          &_title {
            font-size: $h2FontSize;
          }

          &_artist {
            &_name {
              font-size: $h3FontSize;
            }

            &_year {
              display: block;
              font-size: $smallFontSize;
            }
          }
        }

      }

    }

    &_catch {
      margin-bottom: 40px;

      figcaption {
        font-size: $xSmallFontSize;
        margin-top: 10px;
      }
    }

    &_point,
    &_relation {
      .sub_heading {
        font-size: $xxLargeFontSize;
        text-align: left;
        margin-bottom: 20px;
      }

      .frame_heading {
        margin-bottom: 20px;
      }

      figure {
        margin-bottom: 20px;
      }
    }

    &_about,
    &_artist {
      .sub_heading {
        margin-top: 80px;
      }

      figcaption {
        font-size: $xSmallFontSize;
        margin-top: 10px;
      }
    }

    &_artist {
      .frame_heading {
        em {
          display: block;
          font-style: normal;
          font-size: $smallFontSize;
        }
      }
    }

    &_item {
      margin-bottom: 60px;

      figure {
        min-width: 320px;
        margin-bottom: 20px;

        figucaption {
          display: block;
          padding-top: 6px;
          font-size: $xSmallFontSize;
        }
      }
    }

    &_credit {
      li {
        margin-bottom: 10px;
        width: 100%;

        &:last-child {
          margin-bottom: 0;
        }

        span {
          display: block;
        }

        img {
          max-height: 90px;
          width: auto;
          display: inline-block;
          margin-right: 30px;
          padding: 10px 0;
        }

      }
    }
  }

  .basic_info {
    border-bottom: $mainColorMid 1px solid;

    dt {
      border-top: $mainColorMid 1px solid;
      padding-top: 30px;
      padding-bottom: 10px;
      font-size: $xSmallFontSize;
    }

    dd {
      padding-bottom: 30px;
    }

    &_price {
      dt {
        border-top: none;
      }

      dd {
        a {
          
        }
      }
    }
  }

  .event .basic_info_price {
    dt {
      border-top: none;
    }
  }
}

.post_re_event {
  background: $mainColorXLight;
  padding-bottom: 1px;

  .cont_break {
    margin: 40px 0;
  }
}

.tab_cont {
  display: none;
}
.tab_cont_txt {
	dd > a{
	word-break: break-all;
	color: $subColorDark;
	text-decoration: underline;
	font-size: 100%;
		@include mq(middle) {
		  &:hover{
			text-decoration: none;
			color: $subColorDarker;
		  }
		}
	}
}
.is-show {
  display: block;
}

.event .cont_main_block {
  margin-bottom: 60px;
}

.collection_works {
  border-top: $mainColorLight 1px solid;
  padding-top: 40px;

  .cont_heading {
    margin-bottom: 20px;
  }

  .collection_works_desc {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: $mainColorLight 1px solid;

    &:last-child {
      border-bottom: none;
      margin-bottom: 0;
      padding-bottom: 0;
    }
  }
}

.collection_artist {
  border-top: $mainColorLight 1px solid;
  padding-top: 40px;
  margin: 40px 0 80px;

  .cont_heading {
    margin-bottom: 20px;

    em {
      display: block;
      font-style: normal;
      font-size: $smallFontSize;
    }
  }

  .collection_artist_desc {
    padding-bottom: 40px;
    border-bottom: $mainColorLight 1px solid;

    &_url {
      word-break: break-all;
    }
  }
}

///////////////////////////////////////////////////////////////////////////
// 検索結果
///////////////////////////////////////////////////////////////////////////
.search {
  &_heading {
    text-align: center;
    margin-bottom: 60px;
    font-size: $mediumFontSize;
  }

  &_list {
    border-top: $mainColorMid 1px solid;
    margin-bottom: 80px;

    article {
      border-bottom: $mainColorMid 1px solid;

      a {
        @include textEffect($mainColorDark);
        padding: 40px 0;

        .cont_heading {
          margin-bottom: 10px;
        }

        .desc {
          span {
            display: block;
            color: $subColorDark;
            text-decoration: underline;
            word-break: break-all;
          }
        }

        &:hover {
          opacity: .5;
        }
      }
    }
  }
}

///////////////////////////////////////////////////////////////////////////
// ニュース
///////////////////////////////////////////////////////////////////////////
.news {
  margin: 0 0 50px;

  &_list {
    margin-bottom: 80px;
    border-top: $mainColorMid 1px solid;
  }

  &_item {
    border-bottom: $mainColorMid 1px solid;
    position: relative;

    a {
      padding: 20px 0 20px 30px;
    }
  }

  &_block {
    @include flex;
    align-items: center;
    margin-bottom: 5px;
  }

  &_date {
    width: 120px;
    margin-right: 10px;
    font-size: $smallFontSize;
    color: $mainColorMid;
  }

  &_category {
    padding: 2px 10px;
    font-size: $xSmallFontSize;
    color: $mainColorMid;
    border: 1px solid $mainColorMid;
  }

  &_title {
    font-size: $mediumFontSize;
    padding-top: 5px;
  }

  .special_item::before,
  .imp_item::before {
    display: block;
    content: '';
    height: 20px;
    width: 20px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 32px;
    margin-top: -10px;
  }

  .special_item::before {
    background: $accentColor01Dark;
  }

  .imp_item::before {
    background: $mainColorDark;
  }

  .special_item::after,
  .imp_item::after {
    font-size: $smallFontSize;
    display: block;
    content: '!';
    height: 14px;
    position: absolute;
    left: 8px;
    top: 32px;
    margin-top: -8px;
    color: white;
    line-height: 1;
    text-align: center;
  }

  //詳細ページ
  &_cat {
    margin-bottom: 20px;

    span {
      margin-right: 10px;
      padding: 5px 10px;
      font-size: $xSmallFontSize;
      background: white;
      border: 1px solid #858585;
    }
  }

  &_ttl {
    font-size: $h1FontSize;
    margin-bottom: 10px;
  }

  &_day {
    font-size: $smallFontSize;
    color: $mainColorMid;
  }

  &_frame {
    padding-top: 50px;

    figcaption {
      margin-top: 8px;
    }
  }

  &_desc {
    p {
      margin-bottom: 20px;
    }
    a{
      word-break: break-all;
      color: $subColorDark;
      text-decoration: underline;
      font-size: 100%;
      @include mq(middle) {
        &:hover{
          text-decoration: none;
			    color: $subColorDarker;
        }
      }
    }
  }
}

@include mq(middle) {
  .news {
    margin: 0;

    &.cont_inner {
      padding-top: 80px;
    }

    &_inner {
      @include flex;
      align-items: center;
    }

    &_heading {
      width: 30%;
    }

    &_list {
      margin-bottom: 80px;
      padding: 0;
    }

    &_item {
      a {
        @include flex;
        flex-wrap: nowrap;
        align-items: center;

        &:last-child {
          margin-bottom: 0;
        }

        &:hover {
          opacity: .5;
        }
      }
    }

    &_block {
      margin: 0 20px 0 0;
      width: 280px;
    }

    &_title {
      padding-top: 0;
      flex: 1;
    }

    .special_item::before,
    .imp_item::before {
      top: 50%;
      margin-top: -10px;
    }

    .special_item::after,
    .imp_item::after {
      top: 50%;
      margin-top: -8px;
    }

    &_btn {
      a {
        @include btnEffect(white, $mainColorDark);
      }
    }

    &_frame {
      padding-top: 80px;
    }

    &_desc {
      p {
        margin-bottom: 30px;
      }
    }

    .link_box {
      margin-bottom: 80px;
    }
  }
}

///////////////////////////////////////////////////////////////////////////
// プレスリリース
///////////////////////////////////////////////////////////////////////////
.lower_page .cont_inner.press {
  padding-top: 50px;
  padding-bottom: 0;
  font-size: $mediumFontSize;
}

.cont_desc_center {
  text-align: center;
}

.input_text {
  border: 1px solid $mainColorDark;
  text-align: center;
  padding: 10px;
  width: 90%;
  margin: 20px auto;
  font-size: $largeFontSize;
}

#press_cont {
  .cont_desc_intro {
    margin-bottom: 40px;
  }

  .btn_base a {
    margin-bottom: 40px;
  }

  .cont_break {
    margin: 40px 5% 0;
  }

  .cont_inner.news {
    padding-bottom: 0;
  }
}

@include mq(middle) {
  .input_text {
    width: 360px;
  }

  .lower_page .cont_inner.press {
    padding-bottom: 80px;
  }

  #press_cont {
    .btn_base a {
      margin-bottom: 80px;
    }

    .cont_break {
      margin: 40px 5% 60px;
    }

    .cont_inner.news {
      padding-bottom: 80px;
    }
  }
}

.post_password {
  .btn_base {
    font-size: $mediumFontSize;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 80px;
    width: 260px;
    @include ff_japanese_thin_gothic_bold;

    input {
      width: 260px;
      position: relative;
      display: block;
      padding: 10px 0;
      text-align: center;
      border: 1px solid $mainColorDark;
      white-space: pre-wrap;
    }
  }

  @include mq(middle) {
    .btn_base {
      @include btnEffect(white, $mainColorDark);
      z-index: 100;

      input {
        margin: 0 auto;
      }
    }
  }
}

///////////////////////////////////////////////////////////////////////////
// 利用案内
///////////////////////////////////////////////////////////////////////////
.box_info {
  padding: 15px;
  border-top: 1px solid $mainColorLight;
  border-bottom: 1px solid $mainColorLight;

  p {
    font-size: $smallFontSize;
    text-align: left;

    a {
      padding: 10px;
    }

    @include mq(middle) {
      p {
        text-align: center;

        a {
          padding: 0 20px;
        }
      }
    }
  }
}

.cont_info {
  .frame_heading {
    padding-top: 20px;
    margin-bottom: 30px;
  }

  .cont_desc {
    span {
      display: block;
      width: 240px;
    }

    b {
      display: inline-block;
      margin-bottom: 10px;
    }

    @include mq(middle) {
      span {
        display: inline-block;

        &.ttl {
          width: 150px;
        }
      }

      b {
        margin-bottom: 0;
      }
    }
  }
}

///////////////////////////////////////////////////////////////////////////
// 2020/3/21 追加
///////////////////////////////////////////////////////////////////////////
.box_info {
  a {
    display: block;

    @include mq(middle) {
      display: inline-block;
    }
  }
}

.uniqueVenue {
  .hrs+.hl_2 {
    margin-top: 80px;
    margin-bottom: 60px;

    @include mq(middle) {
      margin-top: 110px;
    }
  }

  //使用事例
  &UseCase,
  &Lending,
  &Faq {
    @include mq(middle) {
      @include flex;
      justify-content: space-between;
    }

    &_box {
      margin-bottom: 40px;

      @include mq(middle) {
        width: 48%;
        margin-bottom: 0;
      }

      h4 {
        font-size: $largeFontSize;
        margin-bottom: 20px;
      }
    }

    &_txt {
      font-size: $mSmallFontSize;
      margin-bottom: 20px;

      @include mq(middle) {
        margin-bottom: 40px;
      }
    }
  }

  &UseCase {
    &_desc {
      @include mq(middle) {
        @include flex;
        justify-content: space-between;
        flex-wrap: nowrap;
      }
    }

    &_txt {
      width: 100%;

      @include mq(middle) {
        width: 55%;
      }
    }

    &_img {
      width: 100%;

      @include mq(middle) {
        width: 40%;
      }
    }
  }

  //貸出施設
  &Lending {
    &_img {
      margin-bottom: 20px;
    }
  }

  //貸出施設
  &Faq {
    @include mq(middle) {
      padding-bottom: 40px;
    }

    &_item {
      border-top: $mainColorMid 1px solid;
      padding: 20px 0 0;
      position: relative;
      cursor: pointer;

      &:last-child {
        border-bottom: $mainColorMid 1px solid;
      }

      &::before {
        content: '';
        position: absolute;
        top: 35px;
        right: 20px;
        margin-left: 0;
        width: 30px;
        height: 1px;
        background: $mainColorDark;
      }

      &::after {
        content: '';
        position: absolute;
        top: 20px;
        right: 35px;
        width: 1px;
        height: 30px;
        background: $mainColorDark;
      }

      &.active {
        &::after {
          width: 0;
        }
      }

      dt {
        display: block;
        font-size: $largeFontSize;
        padding-bottom: 20px;
      }

      dd {
        border-top: $mainColorMid 1px solid;
        display: none;

        h5 {
          font-size: $largeFontSize;
          margin-bottom: 20px;
          padding-top: 20px;
        }

        p {
          font-size: $mSmallFontSize;
          margin-bottom: 20px;

          @include mq(middle) {
            margin-bottom: 40px;
          }
        }
      }
    }
  }

}

// ========================================================================
///////////////////////////////////////////////////////////////////////////
// PC
///////////////////////////////////////////////////////////////////////////

@include mq(middle) {
  .contMain {
    padding-left: 4vw;
  }

  .main {
    &_heading {
      margin: 100px auto 40px;
    }
  }

  .sub {
    &_heading {
      margin-top: 0;
    }
  }

  .section {
    &_heading {
      margin-bottom: 50px;
      font-size: $h1FontSize;

      span {
        font-size: $smallFontSize;
      }
    }
  }

  .cont {
    &_inner {
      padding: 60px 5%;
    }

    &_form {
      //padding-bottom: 0;
    }

    &_col {

      &2,
      &_auto,
      &_works1,
      &_works2,
      &_works3 {
        @include flex;
      }

      &2 {
        justify-content: space-between;

        >* {
          width: 48%;
        }
      }

      &_auto {
        flex-wrap: nowrap;
        justify-content: space-between;

        >* {
          width: auto;

          &:last-child {
            margin-left: 40px;
          }

          &:first-child {
            margin-left: 0;
          }
        }

        .cont_txt {
          flex: 1;
        }
      }

      &_works1,
      &_works2,
      &_works3 {
        justify-content: start;

        figure {
          margin-right: 4%;
          margin-bottom: 60px;
        }
      }

      &_works1 {
        figure {
          margin-right: 0;
        }
      }

      &_works2 {
        figure {
          width: 48%;

          &:nth-child(2n) {
            margin-right: 0;
          }
        }
      }

      &_works3 {
        figure {
          width: 30%;

          &:nth-child(3n) {
            margin-right: 0;
          }
        }
      }
    }

    &_menu {
      &_inner {
        padding: 110px 5% 0;
        @include flex;
        justify-content: center;
        align-items: center;

        &.swiper-wrapper {
          height: 100%;
        }

        li {
          padding: 0 30px;

          a {
            @include textEffectMenu($mainColorDark);
          }
        }
      }
    }

    &_box {
      .cont {

        &_linebox,
        &_fillbox,
        &_sandbox {
          padding: 40px;
        }
      }
    }

  }

  .malinky-load-more {
    a {
      @include btnEffect(white, $mainColorDark);
    }
  }

  .lower_page {
    .cont {
      &_inner {
        padding: 110px 5% 0;
      }
    }
  }

  // ------------------------------------------------
  //検索フォーム
  // ------------------------------------------------
  .search_filter {
    @include flex;
    justify-content: center;
    align-items: center;

    &_items {
      @include flex;
      justify-content: center;
      align-items: center;

      input[type="checkbox"] {
        display: none;

        +label {
          padding-left: 30px;
          margin-right: 40px;
          margin-left: 0;
          margin-bottom: 0;
        }
      }

      .select_frame {
        position: relative;
        cursor: pointer;
        min-height: 50px;
        margin-right: 20px;
        margin-bottom: 0;

        &:last-child {
          margin-right: 0;
        }

        .select {
          &_title {
            width: 232px;

          }
        }
      }
    }
  }

  .select_frame.select_artist {
    margin-right: 20px;
  }

  // ------------------------------------------------
  //リンク
  // ------------------------------------------------
  .link {
    &_box {
      a {
        display: inline-block;
        width: auto;
        margin-top: 0;
      }
    }

    &_blank {
      @include textEffect($mainColorDark);
      margin-right: 40px;

      span {
        display: inline-block;
        width: 14px;
        height: 14px;
      }
    }

    &_pdf {
      @include textEffect($mainColorDark);

      span {
        display: inline-block;
        width: 14px;
        height: 14px;
      }

      em {
        font-style: normal;
        font-size: $xSmallFontSize;
      }
    }
  }

  .btn {
    &_base {

      a,
      strong {
        @include btnEffect(white, $mainColorDark);
        z-index: 100;
        cursor: pointer;
      }
    }

    &_prev,
    &_next {
      width: auto;

      a {
        width: 200px;
      }
    }

    &_block {
      @include flex;
      justify-content: center;
      align-items: center;

      .btn_base {
        margin-left: 0;
        margin-right: 0;

        a {
          margin: 0 10px 80px;
        }
      }
    }

    &_search {
      @include btnEffect($mainColorDark, $mainColorLight);
      width: 160px;
      margin-top: 40px;
    }

  }

  ///////////////////////////////////////////////////////////////////////////
  // 展覧会
  ///////////////////////////////////////////////////////////////////////////
  .exhibition {
    &_categoryItem {
      &::after {
        content: '|';
        display: block;
        margin: 0 5px;
      }
    }

    &_list {
      padding: 0;

      &_item {

        >a,
        .no_link {
          padding: 40px 0 100px;

          .exhibition {
            &_title {
              font-size: $h2FontSize;

              i {
                //font-size: $largeFontSize;
                display: inline-block;
                margin-left: 20px;
              }
            }

            &_subTitle {
              font-size: $mediumFontSize;
            }

            &_date {
              font-size: $smallFontSize;
            }
          }
        }

        >a {
          transition: $transition_c5s;

          &::after {
            right: 20px;
            transition: $transition_c5s;
          }

          &:hover {
            color: $subColorDark;

            &::after {
              right: 2px;
              border-bottom: 1px solid $subColorDark;
              border-right: 1px solid $subColorDark;
            }

            .exhibition_countdown {
              border-color: $subColorDark;
            }
          }
        }

        .exhibition_statusBlock {
          position: absolute;
          bottom: 40px;
          left: 0;
        }
      }
    }

    &_gate {
      a {
        @include btnEffect($mainColorDark, $mainColorXLight);
      }
    }

    &_img {
      height: 320px;

      img {
        width: 100%;
        height: 100%;
      }
    }

    &_btnBlock {
      @include flex;
      justify-content: center;
      align-items: center;
    }

    &_venue {
      margin-bottom: 0;
    }

    &_acco {
      &_item {
        padding: 30px 0 40px;

        dt {
          .exhibition {
            &_title {
              font-size: $h2FontSize;

              i {
                font-size: $largeFontSize;
                display: inline-block;
                margin-left: 20px;
              }
            }

            &_date {
              display: block;
              font-size: $smallFontSize;
            }
          }
        }

        &::before {
          left: auto;
          bottom: auto;
          top: 50%;
          right: 20px;
          margin-left: 0;
        }

        &::after {
          left: auto;
          bottom: auto;
          top: 50%;
          right: 35px;
          margin-top: -15px;
        }

        &.active {
          &::before {
            top: 100px;
          }

          &::after {
            width: 0;
          }
        }

        dd {
          padding-top: 30px;
          display: none;

          .exhibition_frame {
            @include flex;
            justify-content: flex-start;
            flex-direction: row-reverse;
            align-items: flex-start;

            .exhibition_txt {
              width: 57%;
              margin-right: 3%;

              @include flex;
              justify-content: flex-start;
              flex-direction: column-reverse;

              .exhibition_desc {}

              table {
                margin-top: 20px;

                th {}

                td {}
              }

              a {}
            }

            .exhibition_img {
              width: 40%;
              background: none;
              text-align: left;
              padding: 0;

              img {
                width: auto;
                max-width: 100%;
                height: auto;
                max-height: 450px;
                margin: 0;
              }
            }
          }
        }

      }
    }
  }

  ///////////////////////////////////////////////////////////////////////////
  // イベント
  ///////////////////////////////////////////////////////////////////////////
  .event {
    &_list {
      padding: 0;
      @include flex;
      justify-content: flex-start;

      &_item {
        width: 30%;
        margin-right: 5%;
        margin-bottom: 60px;

        a {
          transition: $transition_c5s;

          &:hover {
            opacity: .5;
          }
        }

        &:nth-child(3n) {
          margin-right: 0;
        }
      }
    }

    &_gate {
      a {
        @include btnEffect($mainColorDark, $mainColorXLight);
      }
    }

    &_img {
      img {
        width: 100%;
        height: auto;
      }
    }

    &_btnBlock {
      @include flex;
      justify-content: center;
      align-items: center;
    }

    &_venue {
      padding-bottom: 0;
      margin-bottom: 0;
    }

  }
.e_cat_list{
	li{
		display: inline-block;
		margin-right: 10px;
		margin-bottom: 10px;
		font-size: 1.2rem;
		color: $mainColorMid;
		border: 1px solid #c1c1c1;
		padding:5px 10px;
	}
}
.e_tag_list {
  @include flex;
  justify-content: start;
  margin-top: 10px;

  li {
    margin-right: 10px;

	  font-size: $xSmallFontSize;
	  color: $mainColorMid;

	  &::before {
		position: relative;
		content: '#';
		display: inline-block;
		margin-right: 3px;
	  }
  }

  @include mq(middle) {
    li {
      margin-right: 20px;
    }
  }
}
  ///////////////////////////////////////////////////////////////////////////
  // コレクション
  ///////////////////////////////////////////////////////////////////////////

  .collection {
    &_img {}

    &_list {
      width: 100%;
      height: auto;
      @include flex;
      justify-content: start;

      &_item {
        width: 45%;
        margin: 0 2.5% 60px;
      }
    }
  }

  .cont_img_collection {
    width: 440px;
  }

  ///////////////////////////////////////////////////////////////////////////
  // 詳細 展覧会/イベント
  ///////////////////////////////////////////////////////////////////////////
  .cont_post {
    .post {
      &_intro {
        padding-top: 40px;
        margin-bottom: 60px;

        .cont_main_mv {
          margin: 0 0 40px;
        }

        .cont_main_block {
          margin-top: 0;
        }

        .cont_col2 {
          .cont_main_mv {
            margin-bottom: 0;
          }
        }

        .exhibition {
          &_title {
            font-size: $h1FontSize;
          }

          &_bottom_ttl {
            margin-bottom: 20px;
          }
        }

        &.collection {
          .collection_artist_year {
            display: inline-block;
          }
        }
      }

      &_catch {
        margin-bottom: 40px;
      }

      &_about,
      &_artist {
        .sub_heading {
          margin-top: 80px;
        }
      }

      &_artist {
        .tab_cont_txt {
          flex: 1;
        }

        figure {
          width: 300px;
        }
      }

      &_item {
        margin-bottom: 60px;

        figure {
          margin-bottom: 0;
        }
      }
    }

    .basic_info {
      &_price {
        dt {
          border-top: $mainColorMid 1px solid;
        }
      }
    }
  }

  .post_re_event {
    padding-left: 4vw;
  }

  .collection_works {
    .collection_works_desc {
      &:last-child {
        padding-bottom: 40px;
        margin-bottom: 80px;
        border-bottom: $mainColorLight 1px solid;
      }
    }
  }

  .collection_artist {
    margin: 0 0 80px;
  }

}


@include mq(demi) {

  ///////////////////////////////////////////////////////////////////////////
  // コレクション
  ///////////////////////////////////////////////////////////////////////////
  .collection {
    &_list {
      &_item {
        width: 28%;
        margin: 0 2.66666% 60px;
      }
    }
  }
}

@include mq(large) {
  .cont {
    &_inner {
      padding-left: 2%;
      padding-right: 2%;
      width: 1200px;
      margin-left: auto;
      margin-right: auto;
    }
  }
}

///////////////////////////////////////////////////////////////////////////
// ラーニング
///////////////////////////////////////////////////////////////////////////
.learning_blog{
	.cont_linebox{
		position: relative;
  }
  .select_title{
    min-width: 210px;
  }
	.event_list_item{
		margin-bottom: 30px;
		@include mq(middle) {
			margin-bottom: 60px;
		}
	}
}
.learning_blog_tag{
	.select_options{
		display: none;
	}
}


.select_tags{
	text-align: left;
    display: none;
    position: fixed;
    top: 112px;
    left: 50%;
    z-index: 1000;
    transform: translateX(-50%);
    width: 100%;
	border: $mainColorDark solid 1px;
    background: #FFF;
    padding: 20px 10px;
	@include mq(middle) {
		text-align: center;
		position: absolute;
		top: 100px;
		width: 90%;
		padding: 40px 30px;
	}
	input[type="checkbox"] + label{
		cursor: pointer;
		padding:5px 25px;
		border: 1px solid #434343;
		border-radius: 30px;
		margin:0 10px 20px;
		&::before {
			position: relative;
			content: '#';
			display: inline-block;
			margin-right: 3px;
			width: auto;
			height: auto;
			border:none;
			left: auto;
			top: auto;
		  }
      }
	input[type="checkbox"]{
		display: none;
		&:checked + label {
			background-color: $mainColorDark;
			color: #FFF;
			&:before {
				width:auto;
				left: auto;
				top: auto;
				opacity: 1;
				border:none;
				-webkit-transform: rotate(0deg);
       			transform: rotate(0deg);
		  }
		}
	}
	.btn_base{
		margin-top: 20px;
	}
}
.l_cat_list{
	li{
		display: inline-block;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	a{
		font-size: 1.2rem;
		color: $mainColorMid;
		border: 1px solid #c1c1c1;
		padding:5px 10px;
	}
}
.l_blog_date{
	font-size: 1.2rem;
	padding-top: 10px;
}
.l_blog_desc{
	h1,h2,h3,h4{
		margin-bottom: 15px;
		@include mq(middle) {
			margin-bottom: 30px;
		}
	}
}
.alignright{
	width: 100%;
	float: right;
	margin-left: 0;
    margin-bottom: 20px;
	@include mq(middle) {
		width: 48%;
		margin-left: 4%;
  		margin-bottom: 40px;
	}
}
.l_tag_list {
  @include flex;
  justify-content: start;
  margin-top: 10px;

  li {
    margin-right: 10px;

    a {
      font-size: $xSmallFontSize;
      color: $mainColorMid;
      @include textEffect($mainColorMid);

      &::before {
        position: relative;
        content: '#';
        display: inline-block;
        margin-right: 3px;
      }
    }
  }

  @include mq(middle) {
    li {
      margin-right: 20px;
    }
  }
}
.l_tool_cat_list{
	li{
		display: inline-block;
		margin-right: 10px;
		margin-bottom: 10px;
		font-size: 1.2rem;
		color: $mainColorMid;
		border: 1px solid #c1c1c1;
		padding:5px 10px;
	}
}
.learning_tool{
	a:hover{
		opacity: .7;
	}
	.collection {
		&_img{
			margin-bottom: 15px;
		}

		@include mq(middle) {
			
			
			&_list {
				&_item {
					width: 45%;
					margin: 0 2.5% 60px;
				  }
			}
		}
		@include mq(demi) {
			
			&_list {
			  &_item {
				width: 28%;
				margin: 0 2.66666% 60px;
			  }
			}
		}
		@include mq(large) {
			&_img {
				height: 240px;
			  }
			&_list {
			  &_item {
				width: 21%;
				margin: 0 2% 40px;
			  }
			}
		}
	}


}
.single-learning_blog .news_desc img{
	max-width: 550px;
}

///////////////////////////////////////////////////////////////////////////
// オンラインミュージアム
///////////////////////////////////////////////////////////////////////////
#online-museum_cont{
	.heading_cover{
		background: url("../images/online/mv.jpg") no-repeat center center / cover;
		height: 520px;
		@include flex;
		justify-content: center;
  		align-items: center;
		position: relative;
		
		@include mq(middle) {
			height: 600px;
		}
		.main_heading{
			color: #FFF;
			margin: 0;
		}
		.scroll_under{
			margin: 0 auto;
			position: absolute;
			left: 50%;
			bottom:34px;
			padding-bottom: 25px;
			color: #FFF;
			text-align: center;
			transform: translateX(-50%);
			&::after{
				content: '';
				display: block;
				position: absolute;
				bottom: 0;
				left: 50%;
				width: 15px;
				height: 15px;
				margin-left: -7.5px;
				border: 1px solid;
				border-color: transparent #FFF #FFF transparent;
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);

			}
		}
	}
	
	.cont_heading{
		margin-bottom: 10px;
		@include mq(middle) {
			margin-bottom: 20px;
		}
	}
	.cont_img{
		margin-bottom: 40px;
		@include mq(middle) {
			margin-bottom: 40px;
		}
	}
	.cont_col2 > * {
		@include mq(middle) {
    		width: 46%;
		}
	}
}
#video_cont{
	.cont_inner{
		margin-bottom: 0;
	}
	.event_list{
		@include mq(middle) {
			padding: 0 5%;
		}
	}
}
.video_thumb{
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
	margin-bottom: 20px;
	iframe{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
}
.cont_video_main{
	width: 90%;
	margin:80px 5%;
	@include mq(middle) {
	}
}
.cont_video_sub{
	margin:0 0 80px 5%;
	width: 95%;
	.cont_heading{
		padding-left: 5%;
	}
	.swiper-container{
		margin-bottom: 80px;
		width: 100%;
		margin-left: 5%;

		
	}
	@include mq(middle) {
		
	}
}

.video_title{
	font-size: 1.6rem;
}