@charset "utf-8";
/* -----------------------------------------------------------------
 section_content
----------------------------------------------------------------- */
.section_content {
  margin-top: var(--margin_size_S);
  margin-bottom: var(--margin_size_S);
}


/* -----------------------------------------------------------------
 section_content label
----------------------------------------------------------------- */
.section_content .label {
  display: flex;
  align-items: center;
  gap:.6rem;
  margin-top: 1.2rem;
}
.section_content .time {
  line-height: 1;
  font-weight: 400;
  font-size: .77rem;
}
.section_content .cat {
  display: flex;
  align-items: center;
  gap:.3rem;
  line-height: 1;
  font-weight: 700;
  font-size: .77rem;
  color: #727272;
}
.section_content .mark {
  width: .8em;
  height: .8em;
  border-radius: 9999px;
  background: var(--color_txt_base);
  flex-shrink: 0;
}
.section_content .mark.important {
  background: #e37360;
}
.section_content .mark.event {
  background: var(--color_main);
}
.section_content .mark.exhibition {
  background:var(--color_bg_light_bl);
}

@media print, screen and (min-width: 768px) {
  .section_content .time {
    font-size: .89rem;
  }
  .section_content .cat {
    gap:.3rem;
    font-size: .89rem;
  }
}


/* -----------------------------------------------------------------
 post_ttl
----------------------------------------------------------------- */
.post_ttl {
  margin-top: 1rem;
  margin-bottom: 1.4rem;
  padding-bottom: 1rem;
  line-height: 1.6;
  border-bottom: var(--color_bg_light_bl) 1px solid;
  font-size: 1.38rem;
  color: var(--color_main);
}
@media print, screen and (min-width: 768px) {
  .post_ttl {
    margin-top: 2.5rem;
    margin-bottom: 3.5rem;
    padding-bottom: 2rem;
    font-size: 1.5rem;
  }
}
/* -----------------------------------------------------------------
 box_entry_body（見出し）
----------------------------------------------------------------- */
.box_entry_body .title01 {
  padding: .4em.6em;
  background:var(--color_bg_light_bl);
  font-size: 1.15rem;
  color: var(--color_main);
}
.box_entry_body .title02 {
  padding: .4em.6em;  border-bottom: var(--color_main) 1px solid;
  font-size: 1.08rem;
  color: var(--color_main);
}
.box_entry_body .title03 {
  display: flex;
  gap:.4em;
  font-size: 1rem;
}
.box_entry_body .title03::before {
  display: inline-block;
  content: "";
  width: .7em;
  height: .7em;
  margin-top: .25em;
  border-radius: 9999px;
  background: var(--color_main);
  flex-shrink: 0;
}
@media print, screen and (min-width: 768px) {
  .box_entry_body .title01 {
    font-size: 1.33rem;
  }
  .box_entry_body .title02 {
    font-size: 1.22rem;
  }
  .box_entry_body .title03 {
    font-size: 1rem;
  }
}

/* -----------------------------------------------------------------
 box_entry_body（ulリスト）
----------------------------------------------------------------- */
.box_entry_body .list01 {
  margin-left: 0;
}
.box_entry_body .list01 ul{
  margin-left: .3em;
}
.box_entry_body .list01 > li {
  position: relative;
  list-style: none;
  padding-left: 1.2em;
}

.box_entry_body .list01 > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 0.6em;
  height: 0.6em;
  border-radius: 9999px;
  background: var(--color_main);
}

.box_entry_body .list01 > li li {
  position: relative;
  list-style: none;
  padding-left: .8em;
}

.box_entry_body .list01 > li li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 0.3em;
  height: 0.3em;
  border-radius: 50%;
  background: var(--color_main);
}



/* -----------------------------------------------------------------
 share
----------------------------------------------------------------- */
.share_title {
  margin-top: var(--margin_size_S);
  text-align: center;
  font-size: 1.38rem;
}
.share_list {
  margin-top: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap:1rem;
}
.share_list li {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  border-radius: 9999px;
  background: #000;
}
.share_list li a {
  display: flex;
  justify-content: center;
  align-items: center;
}
.share_list li img{
  display: block;
}
.share_list li.x img {
  width: 58%;
}

.share_list li.fb {
  background: #fff;
}
.share_list li.fb img{
  width: 3rem;
}
.share_list li.line {
  background: #4cc764;
}
.share_list li.line img {
  width: 65%;
}

/* -----------------------------------------------------------------
 go_back
----------------------------------------------------------------- */
.go_back {
  margin-top: var(--margin_size_S);
}

/* -----------------------------------------------------------------
 section_pickup
----------------------------------------------------------------- */
.section_pickup {
  position: relative;
  margin-bottom: var(--margin_size_M);
}
.section_pickup .custom_arrows {
  position: absolute;
  top: calc(var(--margin_size_S-M) + 2rem);
  right:0;
}
.section_pickup .custom_arrows button {
  width: 1.88rem;
  height: 1.88rem;
  background: transparent;
  border-radius: 9999px;
  border: var(--color_main) 1px solid;
}
.section_pickup .custom_arrows button + button {
  margin-left: .5rem;
}
.section_pickup .custom_arrows button img {
  width :51%;
  margin: auto;
  margin-bottom: 8%;
}

@media print, screen and (min-width: 768px) {
  .section_pickup .custom_arrows button {
    width: 2.22rem;
    height: 2.22rem;
  }
}

/* -----------------------------------------------------------------
 slider_pickup
----------------------------------------------------------------- */
#slider_pickup {
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
#slider_pickup .item {
  margin-top: var(--margin_size_XS);
}
#slider_pickup .item a {
  display: block;
}
#slider_pickup .cmn_img_trim.no_image {
  border: var(--color_bg_light_bl) 1px solid;
}
#slider_pickup .label {
  display: flex;
  align-items: center;
  gap:.6rem;
  margin-top: 1.2rem;
}
#slider_pickup .time {
  line-height: 1;
  font-weight: 400;
  font-size: .75rem;
}
#slider_pickup .cat {
  display: flex;
  align-items: center;
  gap:.3rem;
  line-height: 1;
  font-weight: 700;
  font-size: .75rem;
  color: #727272;
}
#slider_pickup .mark {
  width: .8em;
  height: .8em;
  border-radius: 9999px;
  background: var(--color_txt_base);
  flex-shrink: 0;
}
#slider_pickup .mark.important {
  background: #e37360;
}
#slider_pickup .mark.event {
  background: var(--color_main);
}
#slider_pickup .mark.exhibition {
  background:var(--color_bg_light_bl);
}
#slider_pickup .text {
  margin-top: 1rem;
  line-height: 1.8;
  font-weight: 700;
  font-size: .81rem;
  color: var(--color_main);
}

@media print, screen and (min-width: 768px) {
  #slider_pickup .time {
    font-size: .89rem;
  }
  #slider_pickup .cat {
    gap:.3rem;
    font-size: .89rem;
  }
  #slider_pickup .text {
    font-size: .94rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  #slider_pickup .link .text {
    text-decoration: underline;
    text-decoration-color: transparent;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.2em;
    transition: text-decoration-color 0.3s ease;
  }
  #slider_pickup .link:hover .text {
    text-decoration-color: currentColor;
  }
}