/* common */

.onlypc {
  display: block !important;
}

.onlysp {
  display: none !important;
}

.event__wrap {
  background: #ffffff;
}

.event__wrap h1,
.event__wrap h2,
.event__wrap h3,
.event__wrap h4,
.event__wrap h5,
.event__wrap h6 {
  font-family: 'tenon', sans-serif;
  font-weight: 300;
  color: #707070;
}

.event__wrap ul,
.event__wrap li {
  list-style-type: none;
  margin: 0;
}

.event__container {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1660px;
  margin: 0 auto;
}

.event__main__container {
  display: flex;
  flex-direction: row;
}

.event__subcolumn {
  align-self: flex-end;
  position: sticky;
  bottom: 0;
  width: 15%;
  height: calc(100vh - 170px);
  padding: 0.9375rem;
}

.event__maincolumn {
  width: 100%;
  display: flex;
}

.event__leftcolumn {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  text-align: right;
}

.event__categoryname {
  font-family: 'Lato', sans-serif;
}

.event__categoryname * {
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.event__categoryname ul {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.event__categoryname li {
  max-width: 100%;
  margin-top: 0.5em;
}

.event__categoryname li:first-child {
  margin-top: 0;
}

.event__categoryname a {
  display: block;
  max-width: 100%;
  line-height: 1.1;
  color: #fff;
  transform-origin: center right;
  -webkit-transition: transform 0.5s ease;
  -moz-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
}

.event__categoryname .event__categoryname__main {
  font-size: 1.6em;
  line-height: 1.2em;
  margin-bottom: 0.25em;
}

.event__categoryname .event__categoryname__subtitle {
  display: inline-block;
  max-width: 100%;
  color: #fff;
}

.author__name {
  font-size: 15px;
  line-height: 18px;
  color: #707070;
  text-transform: uppercase;
  font-family: 'tenon', sans-serif;
  letter-spacing: 0.02em;
  font-weight: 300;
}

.event__pablished {
  font-size: 15px;
  line-height: 18px;
  color: #707070;
  text-transform: uppercase;
  font-family: 'tenon', sans-serif;
  letter-spacing: 0.02em;
  font-weight: 300;
}

.event__rightcolumn {
  width: 17.65%;
  padding: 0.9375rem;
  padding-top: 0;
}

.event__rightcolumn .share__list {
  width: 30px;
  margin: 0;
  text-align: center;
  z-index: 0;
  cursor: pointer;
}

.event__rightcolumn .share__list__item .share__text {
  display: block;
  color: #fff;
  font-size: 10px;
  transform: scale(0.6);
}

.event__rightcolumn .share__list a img {
  transition: transform 0.5s;
}

.event__centercolumn {
  width: 100%;
  background: #fff;
  max-width: 1364px;
  font-family: 'arno-pro', serif;
}

.event__contents {
  padding-bottom: 80px;
  color: #707070;
  font-size: 24px;
  line-height: 36px;
  font-family: 'arno', serif;
}

.event__content.event__content__img {
  padding: 0;
}

.events__contents .event__content {
  padding: 0 40px;
  position: relative;
  max-width: 923px;
  margin: auto;
  text-align: center;
}

.event__contents .article__inner__wrap {
  max-width: 914px;
  margin: auto;
}
/* detail */

.event__contents .event__header .event__category,
.event__contents .event__header h1,
.event__contents .event__text,
.event__contents .event__details,
.event__contents #event__what3words {
  width: 100%;
  max-width: 906px;
  margin: auto;
}

.event__contents .event__header {
  padding: 18px 40px 50px;
}

.event__header .event__content {
  text-align: center;
}

.event__contents .event__header a {
  display: inline-block;
  color: #707070;
  transform-origin: left;
  transition: transform 0.5s;
}

.event__category {
  margin-bottom: 8px;
  padding: 8px;
}

.event__contents .event__header h1 {
  display: inline-block;
  margin-bottom: 8px;
  font-family: 'garamond-premier-pro', serif;
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #707070;
  font-weight: 400;
}

.event__contents .event__category a {
  display: inline-block;
  font-family: 'tenon', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: #adadad;
  font-size: 15px;
  font-weight: 300;
  transform-origin: left;
  -webkit-transition: transform 0.5s ease;
  -moz-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
}

.event__contents .event__text p {
  margin: 0;
  margin-top: 1em;
  padding: 0 10px;
}

.event__contents .event__text a {
  display: inline-block;
  color: #222;
  text-decoration: underline;
  transform-origin: left;
  transition: transform 0.5s;
}

.event__contents .event__text p:first-child {
  margin-top: 0;
}

.event__contents h3 {
  margin: 0;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  font-size: 18px;
  line-height: 1.2;
  text-transform: uppercase;
}

.event__contents .event__details {
  font-size: 16px;
  line-height: 1;
  font-family: 'tenon', sans-serif;
  text-transform: uppercase;
  font-weight: 300;
  border-top: 1px solid #adadad;
  margin-top: 20px;
  border-bottom: 1px solid #adadad;
}

.event__text h6 {
  text-align: center;
}

.event__contents .event__details li {
  display: flex;
  align-items: flex-start;
  margin-top: 0.5em;
}

.event__contents .event__details li:first-child {
  margin-top: 0;
}

.event__contents .event__details h4 {
  width: 160px;
  margin: 0;
  padding-left: 1.5em;
  font-size: 1em;
  line-height: 1.5;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 1em;
  overflow-wrap: break-word;
}

.event__contents .event__details div {
  margin: 0;
  font-size: 1em;
  line-height: 1.5;
  padding-left: 5%;
}

.event__contents .event__details div p {
  font-size: 1em;
  line-height: 1.5;
  font-weight: 300;
}

.event__contents .event__details div p {
  font-size: 1em;
  line-height: 1.5;
}

.event__contents .event__details div a {
  display: inline-block;
  transform-origin: left;
  border-bottom: 2px solid #e5d7af;
  color: #707070;
  font-weight: 300;
  transition: transform 0.5s ease;
}

.event__contents .button.button__what3words {
  display: inline-block;
  padding: 1em;
  color: #222;
  font-weight: normal;
  text-decoration: none;
  border: 2px solid #222;
  background: transparent;
  transition: color 0.5s, background 0.5s;
}

.event__contents .button.button__what3words:hover {
  color: #fff;
  background: #222;
  transform: scale(1);
}

.event__contents .event__details .dates h4 {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20d%3D%22M22%2023h-2v2h2v-2zm-3-9h-2v2h2v-2zm0%206h-2v2h2v-2zm0%203h-2v2h2v-2zm3-3h-2v2h2v-2zm-6-6h-2v2h2v-2zm3%203h-2v2h2v-2zm6-3h-2v2h2v-2zm0%203h-2v2h2v-2zm-3%200h-2v2h2v-2zm1-9a2%202%200%20002-2V2a2%202%200%2010-4%200v4a2%202%200%20002%202zm2%2012h-2v2h2v-2zm-3-6h-2v2h2v-2zm-12%209H8v2h2v-2zm0-6H8v2h2v-2zm0%203H8v2h2v-2zm-3%200H5v2h2v-2zm0-3H5v2h2v-2zm0%206H5v2h2v-2zM26%204v3s-.063%202-3%202-3-2-3-2V4H10v3s-.063%202-3%202-3-2-3-2V4H0v26h30V4h-4zm2%2024H2V11h26v17zM16%2017h-2v2h2v-2zm0%206h-2v2h2v-2zm-3-9h-2v2h2v-2zm3%206h-2v2h2v-2zm-3%203h-2v2h2v-2zm0-3h-2v2h2v-2zm0-3h-2v2h2v-2zM7%208a2%202%200%20002-2V2a2%202%200%2010-4%200v4a2%202%200%20002%202z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23222%22%2F%3E%3C%2Fsvg%3E');
}

.event__contents .event__details .time h4 {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23222%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M11.962%200c-6.628%200-12%205.373-12%2012s5.372%2012%2012%2012c6.627%200%2012-5.373%2012-12s-5.373-12-12-12zm0%2022c-5.523%200-10-4.477-10-10s4.477-10%2010-10c5.522%200%2010%204.477%2010%2010s-4.478%2010-10%2010z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M11.962%204a1%201%200%2000-1%201v6h-5a1%201%200%20100%202h6a1%201%200%20001-1V5a1%201%200%2000-1-1z%22%2F%3E%3C%2Fsvg%3E');
}

.event__contents .event__details .price h4 {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M22%206h-3V2c0-1.924-2-2-2-2L2%205s-2%20.615-2%203v14s-.077%202%202%202h20c1.847%200%202-2%202-2V8c0-1.924-2-2-2-2zm-8-3c1.451-.447%203-1.024%203%201v2H5s6.832-2.331%209-3zm8%2017a2%202%200%2001-2%202H4a2%202%200%2001-2-2V10a2%202%200%20012-2h16a2%202%200%20012%202v10zm-4-7a2%202%200%20100%204%202%202%200%20000-4z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23222%22%2F%3E%3C%2Fsvg%3E');
}

.event__contents .event__details .moreinfo h4 {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpath%20d%3D%22M20%2028c0-4.012%202-4.998%202-9%200-1.46-.53-3-3-3-3.579%200-6%203-6%203s4-1.639%204%201c0%204.04-2%205.016-2%209%200%202.01%201.35%203%203%203%204.254%200%206-3%206-3s-4%201.372-4-1zm0-28C8.954%200%200%208.954%200%2020s8.954%2020%2020%2020%2020-8.954%2020-20S31.046%200%2020%200zm0%2037c-9.37%200-16.966-7.596-16.966-16.966%200-9.37%207.596-16.966%2016.966-16.966s16.966%207.596%2016.966%2016.966C36.966%2029.404%2029.37%2037%2020%2037zm1-29a3%203%200%20100%206%203%203%200%20000-6z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23222%22%2F%3E%3C%2Fsvg%3E');
}

.event__contents .event__details .location h4 {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2044.915%2059%22%3E%3Cpath%20d%3D%22M22.457%200C10.055%200%200%2010.055%200%2022.457%200%2039.668%2022.415%2059%2022.415%2059s22.5-19.332%2022.5-36.543C44.915%2010.055%2034.86%200%2022.457%200zm-.042%2031a8.5%208.5%200%20110-17%208.5%208.5%200%20010%2017z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23222%22%2F%3E%3C%2Fsvg%3E');
  background-position: left 0.1em center;
  background-size: auto 1em;
}

.event__contents .event__what3words__button {
  margin-top: 4vw;
  text-align: center;
}

.partner__content__wrap .related___title {
  margin: 0;
}

.archive__rightcolumn {
  position: -webkit-sticky;
  position: sticky;
  top: 10%;
}

.archive__rightcolumn__innner h4 {
  font-family: 'garamond-premier-pro', serif !important;
  font-weight: 600;
}

.event__wrap a:hover {
  color: inherit;
  opacity: 0.5;
}

#event__what3words #event__what3words__map {
  padding-top: 600px;
}

#event__what3words #event__what3words__map .gm-style .gm-style-iw {
  font-size: 12px;
}

#event__what3words #event__what3words__map .gm-style .gm-style-iw-c {
  background-color: #000;
  border-radius: 0;
  padding: 0;
  color: #fff;
  box-shadow: none;
}

#event__what3words #event__what3words__map .gm-style .gm-style-iw-d {
  overflow: hidden !important;
}

#event__what3words #event__what3words__map .gm-style .gm-style-iw-t::after {
  background: #000;
  box-shadow: none;
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  height: 12px;
  width: 12px;
  transform: translate(-50%, -50%) rotate(-45deg);
}

#event__what3words #event__what3words__map .gm-style .gm-style-iw a {
  display: block;
  max-width: 200px;
  padding: 10px;
  font-size: 12px;
  color: #fff;
  text-align: center;
}

#event__what3words #event__what3words__map .gm-style .gm-style-iw {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.2;
  overflow: hidden;
}

#event__what3words #event__what3words__map .gm-style .gm-style-iw-c {
  transform: translate(-50%, -100%);
  background-color: #e12027;
  border-radius: 0;
  padding: 0 !important;
  color: #fff;
  box-shadow: none;
  overflow: hidden;
}

#event__what3words #event__what3words__map .gm-style .gm-style-iw-c a:hover {
  text-decoration: underline;
}

#event__what3words #event__what3words__map .gm-style-iw-d {
  overflow: hidden !important;
}

#event__what3words #event__what3words__map .gm-ui-hover-effect {
  display: none !important;
}

#event__what3words #event__what3words__map .gm-style .gm-style-iw-t::after {
  background: linear-gradient(45deg, rgba(225, 32, 39, 1) 50%, rgba(225, 32, 39, 0) 51%, rgba(225, 32, 39, 0) 100%);
  box-shadow: none;
  content: '';
  height: 10px;
  left: 0;
  position: absolute;
  top: -1px;
  transform: translate(-50%, -50%) rotate(-45deg);
  width: 10px;
}

/* responsive */

/* -- PC */

@media only screen and (max-width: 1660px) {
}

@media only screen and (min-width: 1284px) {
  .show__list {
    margin-left: -3% !important;
  }
}

@media only screen and (max-width: 1280px) {
}

/* -- TB */

@media only screen and (max-width: 1024px) {
  .event__categoryname .event__categoryname__main,
  .event__categoryname .event__categoryname__maintitle {
    font-size: 1.4em;
  }

  #event__what3words #event__what3words__map {
    padding-top: 400px;
  }
}

@media only screen and (max-width: 800px) {
  .event__subcolumn {
    height: calc(100vh - 130px);
    padding: 0 1vw 0.9375rem 1vw;
  }

  .event__categoryname a {
    -webkit-transition: transform 0s ease;
    -moz-transition: transform 0s ease;
    -o-transition: transform 0s ease;
    transition: transform 0s ease;
  }

  .event__rightcolumn {
    bottom: 0;
    padding: 0.9375rem 1vw;
  }

  .event__rightcolumn .share__list a img {
    transition: transform 0s;
  }

  .event__contents .event__header a {
    transition: transform 0s;
  }

  .event__contents .event__text a {
    transition: transform 0s;
  }

  .event__contents .event__details div a {
    transition: transform 0s;
  }

  .event__contents .button.button__what3words {
    transition: color 0s, background 0s;
  }

  .event__contents .button.button__what3words:hover {
    color: #222;
    background: transparent;
    transform: scale(1);
  }
}
@media only screen and (min-width: 710px) {
  .sns_list ul {
    margin-left: -3%;
  }
}
/* -- SP */
@media only screen and (max-width: 710px) {
  .event__contents {
    display: flex;
    flex-direction: column;
  }
  .event__header {
    order: 1;
  }
  .event__content.event__content__img {
    order: 2;
  }
  .article__inner__wrap .event__content {
    padding: 0 20px;
  }
  .mobile__share__list {
    order: 3;
    margin: 20px 0 !important;
  }
  .article__content {
    order: 4;
  }
  .event__rightcolumn,
  .event__subcolumn {
    display: none;
  }
}
@media only screen and (max-width: 534px) {
  /* ---- common */

  .onlypc {
    display: none !important;
  }

  .onlysp {
    display: block !important;
  }

  .event__wrap {
    padding-top: 0;
    padding-bottom: 12vw;
  }

  .event__container {
    display: block;
  }

  .event__subcolumn {
    display: none;
    width: 100%;
    padding: 0;
  }

  .event__maincolumn {
    display: block;
    width: 100%;
  }

  .event__rightcolumn {
    display: none;
    width: 100%;
    padding: 0;
  }

  .event__centercolumn {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .event__contents {
    padding-top: 0;
    padding-bottom: 12vw;
  }

  .event__contents .event__content {
    padding: 0 8vw;
  }

  /* ---- detail */

  .event__content.event__content__img {
    padding: 0;
  }

  .event__contents .event__header {
    margin: 0;
    margin-bottom: 8vw;
    padding: 8vw 0;
    text-align: center;
  }

  .event__contents .event__header .event__category {
    margin-bottom: 4vw;
    padding: 0.25em 0.5em;
    font-size: 3.5vw;
    line-height: 1.2;
    background: #fff;
  }

  .event__contents .event__header h1 {
    padding: 0.25em 0.5em;
    font-size: 7vw;
    line-height: 1.2;
    background: #fff;
  }

  .event__contents .event__text p {
    margin: 0;
    margin-top: 1em;
    font-size: 4.5vw;
  }

  .event__contents .event__text p:first-child {
    margin-top: 0;
  }

  .event__contents h3 {
    margin-top: 4vw;
    font-size: 4vw;
  }

  .event__contents .event__details li {
    margin-top: 4vw;
  }

  .event__contents .event__details li:first-child {
    margin-top: 0;
  }

  .event__contents .event__details h4 {
    width: auto;
    white-space: nowrap;
    font-size: 4vw;
  }

  .event__contents .event__details div {
    width: 100%;
    margin: 0;
    padding-left: 4vw;
    font-size: 4vw;
  }

  .event__content.event__content__map {
    padding: 0;
  }

  .event__content.event__content__map h3 {
    padding: 0 8vw;
  }

  #event__what3words #event__what3words__map {
    padding-top: 100%;
  }

  #event__what3words #event__what3words__map .gm-style .gm-style-iw {
    font-size: 2.5vw;
  }
}