// 共通のスタイル

*::selection {
  color: white;
  background: $mainColorDark;
}

html {
  overflow-y: scroll;
  line-height: $mediumLineHeight;
  @include ff_japanese_thin_gothic;
  font-size: 62.5%;
  letter-spacing: 0.0625em;
  -webkit-overflow-scrolling: touch;
}
.lang_en,
.lang_en *{
  font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important;
}
.lang_kr,
.lang_kr *,
.lang_cn,
.lang_cn *,
.lang_tw,
.lang_tw *{
  @include ff_kr_cn_tw_thin_gothic;
}
.lang_kr figcaption i,
.lang_cn figcaption i,
.lang_tw figcaption i{
  font-style: italic;
}
body {
  overflow: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
  font-size: 1rem;
  font-weight: normal;
  color: $mainColorDark;
  -webkit-overflow-scrolling: touch;
}

h1 {
  font-size: $h1FontSize;
  font-weight: normal;
  line-height: 1.5;
}

h2 {
  font-size: $h2FontSize;
  font-weight: normal;
}

h3 {
  font-size: $h3FontSize;
  font-weight: normal;
}
h4 {
  line-height: 1.3;
}

p, li, dd, dt, th, td, a, button {
  box-sizing: border-box;
  font-size: $mediumFontSize;
}

li {
  list-style: none;
}

a {
  box-sizing: border-box;
  display: inline-block;
  text-decoration: none;
  color: $mainColorDark;
  transition: $transition_c5s;
}

img {
  display: block;
  width: 100%;
  height: auto;
  /* スマホ画像保存禁止 */
  pointer-events: none;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  touch-callout:none;
  user-select:none;
}

video {
  display: block;
}

button {
  outline: none;
  box-sizing: border-box;
  display: block;
  border-radius: 0;
  cursor: pointer;
}

input {
  box-sizing: border-box;
  display: block;
  outline: 0;
}

textarea {
  box-sizing: border-box;
  display: block;
  outline: 0;
}

select {
  outline: 0;
  box-sizing: border-box;
  border-radius: 0;
}

hr {
  box-sizing: border-box;
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

svg {
  display: block;
  &:not(:root) {
    overflow: visible;
  }
}

.disNone {
  display: none!important;
}
.disBlock {
  display: block!important;
}
.spDisBlock {
  display: block!important;
  @include mq(middle) {
    display: none!important;
  }
}
.pcDisBlock {
  display: none!important;
  @include mq(middle) {
    display: block!important;
  }
}
.spDisFlex {
  display: flex!important;
  @include mq(middle) {
    display: none!important;
  }
}
.pcDisFlex {
  display: none!important;
  @include mq(middle) {
    display: flex!important;
  }
}

.textAL {
  text-align: left!important;
}
.textAC {
  text-align: center!important;
}
.textAR {
  text-align: right!important;
}

.fontWB {
  font-weight: bold!important;
}

/* ----------------
基本カラーリング
----------------- */
.mainColor{
  &_txt{
    color:$mainColorDark;
  }
  &_bg{
    background:$mainColorDark;
  }
}
.mainColorMid{
  &_txt{
    color:$mainColorMid;
  }
  &_bg{
    background:$mainColorMid;
  }
}
.mainColorLight{
  &_txt{
    color:$mainColorLight;
  }
  &_bg{
    background:$mainColorLight;
  }
}
.mainColorXLight{
  &_txt{
    color:$mainColorXLight;
  }
  &_bg{
    background:$mainColorXLight;
  }
}
.subColor{
  &_txt{
    color:$subColorDark;
  }
  &_bg{
    background:$subColorDark;
  }
}
.subColorMid{
  &_txt{
    color:$subColorMid;
  }
  &_bg{
    background:$subColorMid;
  }
}
.subColorLight{
  &_txt{
    color:$subColorLight;
  }
  &_bg{
    background:$subColorLight;
  }
}
.accentColor01{
  &_txt{
    color:$accentColor01Dark;
  }
  &_bg{
    background:$accentColor01Dark;
  }
}
.accentColor01Mid{
  &_txt{
    color:$accentColor01Mid;
  }
  &_bg{
    background:$accentColor01Mid;
  }
}
.accentColor01Light{
  &_txt{
    color:$accentColor01Light;
  }
  &_bg{
    background:$accentColor01Light;
  }
}
.accentColor02{
  &_txt{
    color:$accentColor02Dark;
  }
  &_bg{
    background:$accentColor02Dark;
  }
}
.accentColor02Mid{
  &_txt{
    color:$accentColor02Mid;
  }
  &_bg{
    background:$accentColor02Mid;
  }
}
.accentColor02Light{
  &_txt{
    color:$accentColor02Light;
  }
  &_bg{
    background:$accentColor02Light;
  }
}
.accentColor03{
  &_txt{
    color:$accentColor03Dark;
  }
  &_bg{
    background:$accentColor03Dark;
  }
}
.accentColor03Mid{
  &_txt{
    color:$accentColor03Mid;
  }
  &_bg{
    background:$accentColor03Mid;
  }
}
.accentColor03Light{
  &_txt{
    color:$accentColor03Light;
  }
  &_bg{
    background:$accentColor03Light;
  }
}

@include mq(middle) {
  html {
    line-height: $largeLineHeight;
  }
}

@include mq(large) {
  ::-webkit-scrollbar {
    width: 10px;
    &-track {
      background: white;
    }
    &-thumb {
      background: $mainColorDark;
    }
  }
}
.wrap{
}
.swiper-container,
.swiper-container2{
  margin: 0 auto 40px;
}
.swiper-wrapper{
  margin-bottom: 60px;
}
.swiper-wrapper2{
  margin-bottom: 70px;
}
.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border: $mainColorDark solid 1px;
  background: none;
  opacity: 1;
}
.swiper-pagination-bullet-active {
  background: $mainColorDark;
}

@include mq(middle) {
  .wrap{
  }

  .swiper-container,
  .swiper-container2{
    margin: 0 auto;
  }
  .swiper-wrapper,
  .swiper-wrapper2{
    margin-bottom: 0;
  }
}


///////////////////////////////////////////////////////////////////////////
// 多言語common
///////////////////////////////////////////////////////////////////////////

hr.border_hr {
  height: 1px;
  background: $mainColorLight;
  margin: 40px 0;
}

///////////////////////////////////////////////////////////////////////////
// 英語 独自
///////////////////////////////////////////////////////////////////////////
.lang_en{
  h1 {
    font-weight: normal;
    line-height: 1.1;
  }
  .instagram_heading{
    font-size:$largeFontSize;
  }
  .cont_desc {
    margin-bottom: 40px;
    text-align: left;
    text-justify: inter-ideograph;
    -moz-font-feature-settings: "palt";
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
  }
  .subMenu_item_date{
    padding-bottom: 60px;
  }
  .collection_title,
  .news_ttl{
    line-height: 1.1;
  }
  @include mq(middle) {
    .topMain .pickup_subTitle {
      line-height: 1.3;
    }
    .subMenu_item_date{
      padding-bottom: 0;
    }
    .instagram_heading{
      font-size:$h2FontSize;
    }

  }
}
///////////////////////////////////////////////////////////////////////////
// 韓国語 独自
///////////////////////////////////////////////////////////////////////////
.lang_kr{
  .subMenu_item_date{
    padding-bottom: 60px;
  }
  .cont_desc {
    margin-bottom: 40px;
    text-align: left;
    text-justify: inter-ideograph;
    -moz-font-feature-settings: "palt";
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
  }
  &.single-event{
    .exhibition_title {
      font-weight: normal;
      line-height: 1.1;
    }
  }
  .news_ttl{
    line-height: 1.1;
  }
}
///////////////////////////////////////////////////////////////////////////
// 簡体字 独自
///////////////////////////////////////////////////////////////////////////
.lang_cn{
  .subMenu_item_date{
    padding-bottom: 60px;
  }
  .cont_desc {
    margin-bottom: 40px;
    text-align: left;
    text-justify: inter-ideograph;
    -moz-font-feature-settings: "palt";
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
  }
  &.single-event{
    .exhibition_title {
      font-weight: normal;
      line-height: 1.1;
    }
  }
  .news_ttl{
    line-height: 1.1;
  }
}
///////////////////////////////////////////////////////////////////////////
// 繁体字 独自
///////////////////////////////////////////////////////////////////////////
.lang_tw{
  .subMenu_item_date{
    padding-bottom: 60px;
  }
  .cont_desc {
    margin-bottom: 40px;
    text-align: left;
    text-justify: inter-ideograph;
    -moz-font-feature-settings: "palt";
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
  }
  &.single-event{
    .exhibition_title {
      font-weight: normal;
      line-height: 1.1;
    }
  }
  .news_ttl{
    line-height: 1.1;
  }
}

/* GDPR */
.cc-window{opacity:1;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}
.cc-window.cc-invisible{opacity:0}
.cc-animate.cc-revoke{-webkit-transition:transform 1s ease;-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease}
.cc-animate.cc-revoke.cc-top{-webkit-transform:translateY(-2em);transform:translateY(-2em)}
.cc-animate.cc-revoke.cc-bottom{-webkit-transform:translateY(2em);transform:translateY(2em)}
.cc-animate.cc-revoke.cc-active.cc-top{-webkit-transform:translateY(0);transform:translateY(0)}
.cc-animate.cc-revoke.cc-active.cc-bottom{-webkit-transform:translateY(0);transform:translateY(0)}
.cc-revoke:hover{-webkit-transform:translateY(0);transform:translateY(0)}
.cc-grower{max-height:0;overflow:hidden;-webkit-transition:max-height 1s;transition:max-height 1s}
.cc-revoke,.cc-window{position:fixed;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;line-height:1.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:999}
.cc-window.cc-static{position:static}
.cc-window.cc-floating{padding:2em;max-width:24em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.cc-window.cc-banner{padding:1.5em 1.8em;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
.cc-revoke{padding:.5em}
.cc-revoke:hover{text-decoration:underline}
.cc-header{font-size:18px;font-weight:700}
.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}
.cc-link{opacity:.8;display:inline-block;padding:.2em;text-decoration:underline}
.cc-link:hover{opacity:1}
.cc-link:active,.cc-link:visited{color:initial}
.cc-btn{display:block;padding:.6em 1em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}
.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}
.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}
.cc-close{display:block;position:absolute;top:.5em;right:.5em;opacity:.9;line-height:.75}
.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}
.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}
.cc-revoke.cc-left{left:3em;right:unset}
.cc-revoke.cc-right{right:3em;left:unset}
.cc-top{top:1em}
.cc-left{left:1em}
.cc-right{right:1em}
.cc-bottom{bottom:1em}
.cc-floating>.cc-link{margin-bottom:1em}
.cc-floating .cc-message{display:block;margin-bottom:1em;flex: 1;}
.cc-window.cc-floating .cc-compliance{}
.cc-window.cc-banner{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.cc-banner.cc-top{left:0;right:0;top:0}
.cc-banner .cc-message{display:block;max-width:100%;margin-right:1em;flex:none}
.cc-compliance{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}
.cc-floating .cc-compliance>.cc-btn{-webkit-box-flex:1;-ms-flex:1;flex:1}
.cc-btn+.cc-btn{margin-left:.5em}
@media print{
  .cc-revoke,.cc-window{display:none}
}
@media screen and (max-width:900px){
  .cc-btn{white-space:normal}
  .cc-banner .cc-message{display:block;max-width:100%;margin-right:1em;flex: 1;}
}
@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){
  .cc-window.cc-top{top:0}
  .cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}
  .cc-window.cc-banner .cc-compliance{}
  .cc-window.cc-floating{max-width:none}
  .cc-window.cc-banner{-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset}
  .cc-window.cc-banner .cc-message{margin-right:.5em;}
}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}
.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-webkit-box-flex:0;-ms-flex:none;flex:none}
.cc-theme-classic .cc-btn{border-radius:5px}
.cc-theme-classic .cc-btn:last-child{min-width:140px}
.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}
.cc-floating.cc-theme-edgeless .cc-message{margin:2em;margin-bottom:1.5em}
.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}
.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}
.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}

.cc-window{
  position: fixed;
  bottom: 56px;
  left: 0;
  width: 100%;
  flex-wrap: nowrap;
  .cc-message,.cc-btn{
    font-size:$xSmallFontSize;
  }
}
@include mq(middle) {
  .cc-window{
    position: absolute;
    bottom: 11vh;
    left: 50px;
    width: calc(100% - 50px);
    justify-content:center;
    .cc-message,.cc-btn{
      font-size:$mediumFontSize;
    }
    &.fixed{
      position: fixed;
      bottom: 0;
    }
  }

}