@charset "UTF-8";
/* ==========================================================

title : 歌舞伎座で日本の伝統芸能を楽しもう！【刀剣ワールド】
scope : 歌舞伎座で日本の伝統芸能を楽しもう！【刀剣ワールド】

memo：

last modify : 2021/01/21 TCI福岡_sakaguchi バナー共通化対応 画像幅微修正

2020/09/06 TCI福岡_eguchi 東建・HM・刀剣バナーを追加
2020/06/18 TCI福岡_eguchi／インデント調整
2020/03/16 TCI福岡_uesugi／新規作成
(次ファイルを流用 /special-contents/kyushu-national-museum/css/style.css)

========================================================== */

/* ------------------------------------ */
/* ▼ page common */
/* ------------------------------------ */
/* -- base font size line-height -- */
@media (min-width: 768px) {
  .content_area {
    font-size: 1.7rem;
    line-height: 1.67;
  }
}

@media (max-width: 767px) {
  .content_area {
    clear: both;
    font-size: 1.6rem;
  }
}

.content_area img {
  vertical-align: bottom;
}

/* -- bg_roll -- */
.bg_roll {
  display: inline-block;
  font-size: 0;
  position: relative;
  transition: all .2s;
}

.bg_roll::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  transition: all .2s;
  width: 100%;
  height: 100%;
}

.bg_roll:hover::after {
  background: rgba(255, 255, 255, .3);
}

@media (max-width: 767px) {
  .bg_roll::after {
    display: none;
  }
}

/* -- pagetop -- */
.btn_gotop {
  z-index: 5;
}

/* -- detail_btn_red -- */
@media (min-width: 768px) {
  .link_btn_ppl.detail_btn_red:hover {
    background-color: #941ad2;
    opacity: 1;
  }
}

/* -- for sp -- */
.sp_pt {
  display: none;
}

@media screen and (max-width: 767px) and (orientation: portrait) {
  .sp_pt {
    display: block;
  }
}

/* -- pc or sp only (block unused) -- */
@media (max-width: 767px) {
  .pc_only {
    display: none!important;
  }
}

@media (min-width: 768px) {
  .sp_only {
    display: none!important;
  }
}

/* -- letter spacing -- */
.adjust_letter_space {
  letter-spacing: .02em;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

/* -- other parts -- */
.btn_link01 .cmn_link_btn_text {
  font-weight: normal;
  letter-spacing: .3em;
}

@media (min-width: 768px) {
  .btn_link01 {
    margin: 25px auto 0;
    max-width: 230px;
    width: 100%;
  }

  .btn_link01 .cmn_link_btn_text {
    font-size: 18px;
    padding: 6px 18px 6px 2px;
  }
}

@media (max-width: 767px) {
  .btn_link01 {
    margin: 10px auto 0;
    max-width: 230px;
    width: 100%;
  }
}

/* -- bnr no link -- */
.no_link a {
  pointer-events: none;
}

/* ------------------------------------ */
/* ▼ breadcrumbs */
/* ------------------------------------ */
.breadcrumbs {
  margin: 0 auto;
  padding: 15px 0 36px;
}

/* ------------------------------------ */
/* ▼ bg image type */
/* ------------------------------------ */
.bg_outer {
  background-size: 100% auto;
  margin: 0 auto;
  max-width: 1000px;
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  .bg_outer.bg_type01 {
    background: url(../image/bg-intro-01.png) no-repeat center bottom;
    padding-bottom: 134px;
    z-index: 1;
  }

  .bg_outer.bg_type02 {
    background: url(../image/bg-section-01.jpg) repeat-y center 0;
    margin-top: -51px;
  }

  .bg_outer.bg_type03 {
    background: url(../image/bg-sec09.jpg) repeat 0 0;
  }

  .bg_outer.bg_type04 {
    background: url(../image/bg-sec10.jpg) repeat 0 0;
  }
}

@media (max-width: 767px) {
  .bg_outer.bg_type01 {
    background: url(../image/bg-intro-02.jpg) no-repeat center top;
    padding-bottom: 40px;
  }

  .bg_outer.bg_type02 {
    background: url(../image/bg-section-02.jpg) repeat-y center 0;
    margin-top: -9%;
    padding-top: 8%;
  }
}


/* ------------------------------------ */
/* ▼ section */
/* ------------------------------------ */
.section {
  position: relative;
}

.section_inner {
  margin: 0 auto;
  position: relative;
  width: 100%;
}

.section_inner.top {
  max-width: 1000px;
}

@media (min-width: 768px) {
  .section.section01 {
    padding: 10.8% 0 40px;
  }
  .section.section09 {
    padding: 60px 0 98px;
  }

  .section.section10 {
    position: relative;
  }
  .section.section02,
  .section.section03,
  .section.section04,
  .section.section05,
  .section.section07 {
    margin-top: 180px;
    padding: 0 0 40px;
  }

  .section.section06 {
    margin-top: 150px;
    padding: 0 0 40px;
  }

  .section.section08 {
    margin-top: 210px;
    padding: 0 0 25px;
  }

  .section01 .section_inner,
  .section02 .section_inner,
  .section03 .section_inner,
  .section06 .section_inner,
  .section07 .section_inner,
  .section08 .section_inner {
    padding: 0 7.65%;/* 横幅764px */
    position: relative;
  }

  .section04 .section_inner,
  .section05 .section_inner {
    padding: 0 7.872%;/* 横幅760px */
    position: relative;
  }

  .section09 .section_inner {
    padding: 0 6%;
  }

  .other_museum .section_inner {
    background: #1d214c;
    max-width: 919px;
    padding: 35px 0 28px;
  }

}

@media (max-width: 767px) {
  .section.section01,
  .section.section02,
  .section.section03,
  .section.section04,
  .section.section05,
  .section.section06,
  .section.section08,
  .section.section09,
  .section.section10 {
    padding-top: 30px;
  }

  .section.section07 {
    padding-top: 35px;
  }

  .section01 .section_inner,
  .section02 .section_inner,
  .section03 .section_inner,
  .section04 .section_inner,
  .section05 .section_inner,
  .section06 .section_inner,
  .section07 .section_inner,
  .section08 .section_inner,
  .section09 .section_inner,
  .section10 .section_inner,
  .other_museum .section_inner {
    margin: 0 auto;
    max-width: 600px;
    padding: 0 20px;
  }
}

/* ------------------------------------ */
/* ▼ top_kabuki */
/* ------------------------------------ */
@media (min-width: 768px) {
  .top_kabuki::before {
    background-size: 100% auto;
    background-position: bottom;
    content: "";
    display: block;
    padding-top: 19.1%;
    position: absolute;
    top: -150px;
    width: 100%;
    z-index: 2;
  }

  .top_kabuki:nth-child(odd)::before {
    background-image: url(../image/bg-deco-section-01.png);
  }

  .top_kabuki:nth-child(even)::before {
    background-image: url(../image/bg-deco-section-02.png);
  }
}

/* ------------------------------------ */
/* ▼ sec_bnr */
/* ------------------------------------ */
.sec_bnr_caption {
  letter-spacing: .065em;
  text-align: center;
}

@media (min-width: 768px) {
  .sec_bnr_wrap {
    margin: 45px auto 0;
  }
  .sec_bnr_caption {
    font-size: 1.6rem;
    margin-top: 10px;
  }
}

@media (max-width: 767px) {
  .sec_bnr_wrap {
    margin: 18px auto 0;
  }
  .sec_bnr_caption {
    font-size: 1.5rem;
    margin-top: 3px;
  }
}

/* ------------------------------------ */
/* ▼ frame */
/* ------------------------------------ */
/* frame05 */
.frame05 {
  position: relative;
}

.frame05::before,
.frame05::after {
  background: url(../image/bg-frame03-01.png) repeat-x;
  content: "";
  height: 8px;
  width: calc(100% + 8px);
  position: absolute;
  left: -4px;
}

.frame05::before {
  top: -4px;
}

.frame05::after {
  bottom: -4px;
}

.frame05_inner::before,
.frame05_inner::after {
  background: url(../image/bg-frame03-02.png) repeat-y;
  content: "";
  height: calc(100% + 6px);
  width: 8px;
  position: absolute;
  top: -3px;
  z-index: 1;
}

.frame05_inner::before {
  left: -4px;
}

.frame05_inner::after {
  right: -4px;
}

@media (min-width: 768px) {
  .frame {
    background-position: 0 0;
    background-size: contain;
    position: relative;
    width: 100%;
  }

  .frame::before,
  .frame::after {
    background-repeat: no-repeat;
    background-size: 100% auto;
    content: "";
    display: block;
    position: absolute;
    width: 100%;
  }

  .frame::before {
    background-position: center top;
  }

  .frame::after {
    background-position: center bottom;
  }

  /* frame01 */
  .frame01.w_type01 {
    background-image: url(../image/bg-frame01-w100-middle.gif);
  }

  .frame01.w_type01::after {
    background-image: url(../image/bg-frame01-w100-bottom.png);
    padding-top: 28px;
    bottom: -25px;
    z-index: 0;
  }

  .frame01.w_type02 {
    background-image: url(../image/bg-frame01-w50-middle.gif);
  }

  .frame01.w_type02::after {
    background-image: url(../image/bg-frame01-w50-bottom.png);
    padding-top: 28px;
    bottom: -23px;
  }

  /* frame02 */
  .frame02.w_type01 {
    background-image: url(../image/bg-frame02-w100-middle.gif);
  }

  .frame02.w_type01::before,
  .frame02.w_type01::after {
    background-image: url(../image/bg-frame02-w100-top.png);
    padding-top: 19px;
  }

  .frame02.w_type01::before {
    top: -14px;
  }

  .frame02.w_type01::after {
    transform: rotate(180deg);
    bottom: -14px;
  }

  .frame02.w_type02 {
    background-image: url(../image/bg-frame02-w65-middle.gif);
  }

  .frame02.w_type02::before,
  .frame02.w_type02::after {
    background-image: url(../image/bg-frame02-w65-top.png);
    padding-top: 18px;
  }

  .frame02.w_type02::before {
    top: -12px;
  }

  .frame02.w_type02::after {
    transform: rotate(180deg);
    bottom: -12px;
  }

  .frame02.w_type03 {
    background-image: url(../image/bg-frame02-w65-middle.gif);
  }

  .frame02.w_type03::before,
  .frame02.w_type03::after {
    background-image: url(../image/bg-frame02-w75-top.png);
    padding-top: 18px;
  }

  .frame02.w_type03::before {
    top: -13px;
  }

  .frame02.w_type03::after {
    transform: rotate(180deg);
    bottom: -15px;
  }

  /* frame03 */
  .frame03.w_type01 {
    background-image: url(../image/bg-frame03-side-middle.gif);
  }

  .frame03.w_type01::before,
  .frame03.w_type01::after {
    background-image: url(../image/bg-frame03-side-bottom.png);
    padding-top: 28px;
    right: 0;
  }

  .frame03.w_type01::before {
    transform: scale(1, -1);
    top: -24px;
  }

  .frame03.w_type01::after {
    bottom: -24px;
  }

  /* frame04 */
  .frame04 {
    border: 1px solid #b5272d;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f9f5ee 50%, #ece0cd 100%);
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f5ee 50%,#ece0cd 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f9f5ee 50%,#ece0cd 100%);
    position: relative;
  }
  .frame04::before,
  .frame04::after,
  .frame04_inner::before,
  .frame04_inner::after {
    background: #b5272d;
    content: "";
    height: 12px;
    position: absolute;
    width: 12px;
  }

  .frame04::before {
    border-radius: 0 0 12px 0;
    top: -1px;
    left: -1px;
  }

  .frame04::after {
    border-radius: 0 12px 0 0;
    bottom: -1px;
    left: -1px;
  }

  .frame04_inner {
    display: block;
  }

  .frame04_inner::before {
    border-radius: 0 0 0 12px;
    top: -1px;
    right: -1px;
  }

  .frame04_inner::after {
    border-radius: 12px 0 0 0;
    bottom: -1px;
    right: -1px;
  }
}

@media (max-width: 900px) and (min-width: 768px) {
  /* frame01 */
  .frame01.w_type01::after {
    bottom: -20px;
  }
  .frame01.w_type02::after {
    bottom: -21px;
  }
}

@media (max-width:767px) {
  /* frame04 */
  .frame04:not(.frame04_pc) {
    border: 1px solid #b5272d;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f9f5ee 50%, #ece0cd 100%);
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f5ee 50%,#ece0cd 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f9f5ee 50%,#ece0cd 100%);
    position: relative;
  }
}

/* sideframe */
@media (min-width: 768px) {
  .sideframe {
    background-position: top center;
    background-repeat: repeat-y;
    background-size: contain;
    margin: 0 4.9%;
  }

  .sideframe.type01 {
    background-image: url(../image/img-contents-sideframe01.png);
  }

  .sideframe.type02 {
    background-image: url(../image/img-contents-sideframe02.png);
  }

  .sideframe.type03 {
    background-image: url(../image/img-contents-sideframe03.png);
  }
}

/* ------------------------------------ */
/* ▼ MV */
/* ------------------------------------ */
.mv_area_wrap {
  position: relative;
}

.mv_wrap {
  background: url(../image/img-main-pc.png) right 0 no-repeat;
  background-size: contain;
  padding-bottom: 47.3%;
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  .intro_text_box::after {
    background: url(../image/img-intro-chara01.png) 0 0 no-repeat;
    background-size: contain;
    content: "";
    display: block;
    max-width: 482px;
    padding-bottom: 110%;
    position: absolute;
    bottom: -104px;
    right: -74.8%;
    width: 102.554%;
  }

  .museum_title_main {
    background: url(../image/mv-kabukiza-title.png) 0 0 no-repeat;
    background-size: contain;
    font-size: 0;
    padding-bottom: 49%;
    position: absolute;
    left: 2%;
    top: 0;
    width: 25.2%;
    z-index: 2;
  }
}

@media (max-width: 767px) {
  .museum_title_main {
    background: #c92121;
    color: #fff;
    font-size: 2.2rem;
    font-weight: 600;
    letter-spacing: 0;
    padding: 20px 0;
    position: static;
    text-align: center;
    width: 100%;
  }

  .mv_wrap {
    background: url(../image/img-main-sp.jpg) 0 0 no-repeat;
    background-size: 100% auto;
    height: auto;
    padding: 60.3% 0 0;
    width: 100vw;
  }

  .mv_area_top {
    display: none;
  }

}

/* ------------------------------------ */
/* ▼ intro wrap */
/* ------------------------------------ */

.intro_caption {
  text-align: right;
  letter-spacing: .01em;
  margin: 0 auto 20px;
  max-width: 1000px;
}
.intro_caption p {
  font-size: .85em;
}


@media (max-width: 767px) {
  .intro_caption {
    font-size: 16px;
    margin: 5% 1.45em 0;
    padding: 0;
    width: 100%;
    text-align: left;
  }
  .intro_caption .caption_inner {
    display: block;
    display: inline-block;
    font-size: 1.45rem;
  }
}

/* ------------------------------------ */
/* ▼ intro */
/* ------------------------------------ */
.intro_contents_wrap {
  padding: 42px 0 53px;
  position: relative;
}

@media (max-width: 767px) {
  .intro_contents_wrap {
    margin-top: 54px;
    padding: 0;
    position: static;
  }
}

/* intro read */

.intro_read_title {
  width: 100%;
}

.intro_read_btn {
  margin-top: 15px;
  width: 100%;
}

.intro_read_btn .cmn_link_btn {
  margin: 0 auto;
  max-width: 320px;
  position: relative;
  width: 100%;
  z-index: 1;
}
.intro_read_btn .cmn_link_btn_text {
  letter-spacing: .03em;
}

@media (min-width: 768px) {
  .intro_text_box {
    margin-left: 3.4%;
    max-width: 470px;
    position: relative;
    width: 66.2%;
  }

  .intro_read_wrap {
    padding: .4% 7.872% 3%;
  }

  .intro_read_text {
    margin-top: 1.4rem;
  }
}

@media (max-width: 767px) {
  .intro_read_wrap {
    max-width: 600px;
    margin: 0 auto;
    padding: 10px 20px 0;
  }

  .intro_read_text {
    margin-top: 10px;
  }

  .intro_read_btn {
    margin-top: 20px;
  }

  .intro_read_btn .cmn_link_btn {
    max-width: 280px;
  }

  .intro_read_btn .cmn_link_btn_text {
    font-size: 16px;
  }
}

/* intro_img_wrap */
.intro_disc_text_wrap {
  position: relative;
}

.intro_disc_img {
  position: relative;
}

.intro_disc_ttl {
  max-width: 106px;
  position: absolute;
  top: -13px;
  left: 8.29%;
}

@media (min-width: 768px) {
  .intro_disc_text_wrap {
    padding: 3.3% 0 .6% 30%;
  }
  .intro_img_wrap {
    margin-top: 85px;
  }

  .intro_disc_img img {
    margin-top: -25px;
  }

  .intro_disc_text {
    letter-spacing: .01em;
    line-height: 1.7;
    max-width: 490px;
    width: 92.12%;
  }
}

@media (max-width: 767px) {
  .intro_disc_text {
    margin-top: 5px;
  }

  .intro_img_wrap {
    margin-top: 20px;
  }
}

/* intro bnr */
.intro_bnr_wrap {
  margin: 65px auto 0;
  width: 100%;
}

@media (max-width: 800px) {
  .intro_bnr_block{
    margin: 0 auto 1em;
  }
}

@media (max-width: 767px) {
  .intro_bnr_wrap {
    margin-top: 30px;
    padding: 0 20px;
  }

  .intro_bnr_wrap .cmn_bnr_area {
    padding: 0 5px;
  }

  .intro_bnr_wrap .cmn_bnr_area figure:nth-child(n+2) {
    margin-top: 15px;
  }
  .intro_bnr_wrap .cmn_bnr_cap {
    font-size: 1.5rem;
    line-height: 1.4;
    letter-spacing: .06em;
    margin-top: 5px;
    padding: 0;
  }
}

/* ------------------------------------ */
/* ▼ anchor menu */
/* ------------------------------------ */
.anchor_menu_wrap {
  margin: 55px auto 0;
  max-width: 1000px;
  width: 100%;
}

.anchor_link_item a {
  align-items: center;
  color: #000;
  display: flex;
  height: 100%;
  line-height: 1.1;
}

.anchor_link_text {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: .025em;
  padding: 0 17px 0 50px;
}

.anchor_link_text.adj {
  padding: 0 5px 0 50px;
}

@media (min-width: 768px) {
  .anchor_link_block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 761px;
    width: 90%;
  }

  .anchor_link_item {
    height: 45px;
    margin-right: 1%;
    width: 176px;
  }

  .anchor_link_item:nth-child(4n) {
    margin-right: 0;
  }

  .anchor_link_item:nth-child(n+5) {
    margin-top: 20px;
  }

  .anchor_link_item:first-child {
    background: url(../image/img-anchor01.png) no-repeat;
  }

  .anchor_link_item:nth-child(2) {
    background: url(../image/img-anchor02.png) no-repeat;
  }

  .anchor_link_item:nth-child(3) {
    background: url(../image/img-anchor03.png) no-repeat;
  }

  .anchor_link_item:nth-child(4) {
    background: url(../image/img-anchor04.png) no-repeat;
  }

  .anchor_link_item:nth-child(5) {
    background: url(../image/img-anchor05.png) no-repeat;
  }

  .anchor_link_item:nth-child(6) {
    background: url(../image/img-anchor06.png) no-repeat;
  }

  .anchor_link_item:nth-child(7) {
    background: url(../image/img-anchor07.png) no-repeat;
  }

  .anchor_link_item:nth-child(8) {
    background: url(../image/img-anchor08.png) no-repeat;
  }

}

@media (max-width: 850px) and (min-width: 767px) {
  .anchor_link_block {
    justify-content: center;
    width: 80%;
  }

  .anchor_link_item {
    display: inline-block;
    margin-right: 3%;
  }

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

  .anchor_link_item:nth-child(4n) {
    margin-right: 3%;
  }

  .anchor_link_item:nth-child(n+4) {
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .anchor_menu_wrap {
    margin-top: 0;
    position: absolute;
    left: 0;
    top: 100%;
  }

  .content_menu {
    position: relative;
    z-index: 4;
  }

  .meun_title {
    background: linear-gradient(#b48d4f, #957e5a);
    background: -webkit-linear-gradient(top, #b48d4f 0%, #957e5a 100%);
    box-shadow: 0 .25em .5em 0 rgba(0, 20, 30, .2);
    color: #fff;
    font-size: 1.7rem;
    font-weight: 600;
    padding: 10px 0;
    text-align: center;
  }

  .meun_title_inner {
    position: relative;
  }

  .meun_title_inner::before,
  .meun_title_inner::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
  }

  .meun_title_inner::before {
    background: url(/special-contents/image-cmn/ico-contens-menu.png) 0 0 no-repeat;
    background-size: contain;
    height: 2rem;
    left: -36px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2rem;
  }

  .meun_title_inner::after {
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    height: 10px;
    right: -20px;
    -webkit-transform: translateY(-70%) rotate(-45deg);
    transform: translateY(-70%) rotate(-45deg);
    width: 10px;
  }

  .meun_title.active .meun_title_inner::after {
    -webkit-transform: translateY(-30%) rotate(135deg);
    transform: translateY(-30%) rotate(135deg);
  }

  .menu_list {
    background: #faeddd;
    border-radius: 4px;
    box-shadow: 0 .25em .5em 0 rgba(0, 20, 30, .2);
    display: none;
    padding: 20px 25px;
  }

  .menu_list.active {
    -webkit-animation: fadeIN .6s ease 0s 1 alternate;
    animation: fadeIN .6s ease 0s 1 alternate;
    display: block;
    height: auto;
  }

  @keyframes fadeIN {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  @-webkit-keyframes fadeIN {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  .content_menu_close_btn {
    margin-top: 15px;
    text-align: center;
  }

  .content_menu_close_btn_inner {
    background: #b0894c;
    border: 1px solid #fff;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    padding: 10px 40px 10px 20px;
    position: relative;
  }

  .content_menu_close_btn_inner::after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    content: "";
    display: block;
    height: 10px;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-30%) rotate(-135deg);
    transform: translateY(-30%) rotate(-135deg);
    width: 10px;
  }

  .anchor_link_block {
    background: #fff;
    border-radius: 4px;
    width: 100%;
  }

  .anchor_link_item {
    width: 100%;
  }

  .anchor_link_item:nth-child(n+4) {
    margin-top: 0;
  }

  .anchor_link_item:not(:first-child) {
    border-top: 1px solid #9d7943;
  }

  .anchor_link_item a {
    background: none;
    color: #9e7943;
    display: flex;
    align-items: center;
    font-size: 16px;
    justify-content: flex-start;
    letter-spacing: .06em;
    line-height: 1.2;
    min-height: auto;
    padding: 10px 5px 10px 40px;
    position: relative;
    text-align: left;
    transition: opacity .2s;
    width: 100%;
  }

  .anchor_link_item a::after {
    background: url(/special-contents/image-cmn/ico-contens-menu-list.png) 0 0 no-repeat;
    background-size: contain;
    border: none;
    content: "";
    height: 2.1rem;
    position: absolute;
    left: 10px;
    right: auto;
    top: 50%;
    width: 2.1rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .anchor_link_num {
    font-size: 15px;
    left: 40px;
  }
}

/* ------------------------------------ */
/* ▼ access map */
/* ------------------------------------ */
/* -- common.css上書き -- */
@media (min-width: 768px) {
  .mod_access .y_map {
    height: 450px;
  }

  .mod_access_bg {
    padding: 30px 0 40px;
  }

  .facility_nearby_box_wrap01 {
    margin: 50px auto 56px;
  }

  .facility_nearby_box {
    max-width: 612px;
  }

  .facility_nearby_box_title {
    font-size: 22px;
  }

  .facility_nearby_box_note {
    font-size: 17px;
  }

  .box__facility {
    padding: 0;
  }

  .box__facility .wcm {
    max-width: none;
  }

  .box__facility {
    padding: 0 44px;
  }

  .facility_nearby_box_wrap01 img {
    display: none !important;
  }

  .facility_nearby_box_btn>a {
    max-width: 370px;
    height: 62px;
  }

  .facility_nearby_box:nth-of-type(1) .facility_nearby_box_btn>a {
    background: url(../image/btn-nearby-access01.jpg) no-repeat;
  }

  .facility_nearby_box:nth-of-type(2) .facility_nearby_box_btn>a {
    background: url(../image/btn-nearby-facilities01.jpg) no-repeat;
  }
}

@media (max-width: 767px) {
  .mod_access_bg {
    padding: 10px 15px 20px;
  }

  .access_map_wrap {
    padding: 20px;
    width: 100%;
  }
}

/* ------------------------------------ */
/* ▼ title */
/* ------------------------------------ */
.section_title {
  font-size: 0;
  margin: 0 auto;
  max-width: 861px;
  position: relative;
  width: 100%;
  z-index: 2;
}

@media (min-width: 768px) {
  .section_title02 {
    font-size: 0;
  }

  .other_museum_title {
    font-size: 0;
  }
}

@media (max-width: 767px) {
  .section_title,
  .section_title02,
  .other_museum_title {
    border-bottom: 2px solid #c92121;
    font-size: 2rem;
    font-weight: 600;
    margin: 0 auto 20px;
    max-width: 600px;
    padding-bottom: 6px;
    position: static;
    text-align: left;
    width: 100%;
  }

  .section01 .section_title,
  .section02 .section_title,
  .section03 .section_title,
  .section04 .section_title,
  .section05 .section_title,
  .section06 .section_title,
  .section07 .section_title,
  .section08 .section_title,
  .section10 .section_title02 {
    width: calc(100% - 40px);
  }
}

/* ------------------------------------ */
/* ▼ contents */
/* ------------------------------------ */

/* kabuki_first */
@media (min-width: 768px) {
  .kabuki_first_wrap {
    position: relative;
  }

  .kabuki_first {
    margin: auto;
    position: absolute;
    top: -88px;
    right: 0;
    left: 0;
    z-index: 1;
  }
}

@media (max-width: 767px) {
  .kabuki_first_wrap {
    background: url(../image/bg-deco-section-04.png) no-repeat center;
    background-size: 100% auto;
    margin-top: -8%;
    padding-bottom: 18.358%;
    position: relative;
    z-index: 1;
  }
}

/* -- section01 -- */
.sec01_annotation>li {
  font-size: 14px;
  letter-spacing: -.025em;
  text-indent: -1em;
  padding-left: 1em;
}

.sec01_gallery_text_wrap {
  position: relative;
}

.sec01_disc_img {
  position: relative;
}

@media (min-width: 768px) {
  .sec01_disc_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    padding-top: 3%;
    width: 100%;
  }

  .sec01_disc_col:nth-of-type(1) {
    width: 68.587%;
  }

  .sec01_disc_col:nth-of-type(2) {
    width: 28.142%;
  }

  .sec01_gallery_wrap {
    margin-top: 42px;
    position: relative;
  }

  .sec01_gallery_text_wrap {
    margin-top: 34px;
    padding-left: 179px;
  }

  .sec01_gallery_ttl {
    max-width: 117px;
    position: absolute;
    top: -49px;
    left: 4.29%;
  }

  .sec01_gallery_text {
    padding: 5px 30px;
  }

  .sec01_chara_bubbles_wrap {
    position: absolute;
    bottom: -24.9%;
    right: -2.2%;
    width: 52.1%;
  }

  .sec01_annotation {
    margin-top: 17%;
  }
}

@media (max-width: 767px) {
  .sec01_disc_img {
    text-align: center;
  }

  .sec01_gallery_wrap {
    margin-top: 15px;
  }

  .sec01_gallery_text_wrap::after {
    clear: both;
    content: "";
    display: table;
  }

  .sec01_gallery_text {
    margin-top: 10px;
    padding: 0 10px;
  }

  .sec01_gallery_ttl {
    float: left;
    margin: -5px 10px 0 0;
    max-width: 88px;
  }

  .sec01_annotation {
    margin-top: 3px;
  }
}

/* -- section02 -- */
.sec02_gallery_img {
  margin-top: -25px;
}

.sec02_gallery_label {
  position: absolute;
  top: -13.5%;
  left: -6%;
  width: 16.481%;
  z-index: 2;
}

.sec02_gallery_col.current {
  position: relative;
}

.sec02_gallery_col.current::before {
  background: url(../image/txt-sec02-01.png) no-repeat;
  background-size: 100% auto;
  content: "";
  height: 45px;
  width: 156px;
  position: absolute;
}

@media (min-width: 768px) {
  .sec02_gallery_wrap {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 6% auto 0;
    padding-top: 21px;
    width: 100%;
  }

  .sec02_gallery_col {
    position: relative;
    width: 46.86%;
  }

  .sec02_gallery_col:not(.current)::before {
    background: url(../image/img-sec02-arrow01.png) no-repeat 0 0;
    content: "";
    height: 52px;
    position: absolute;
    width: 247px;
  }

  .sec02_gallery_col:not(.current):nth-child(odd)::before {
    right: -247px;
    top: 23px;
  }

  .sec02_gallery_col:not(.current):nth-child(even)::before {
    transform: scale(-1, 1);
    left: -247px;
    bottom: -2px;
  }

  .sec02_gallery_col:not(.current):nth-child(4)::before {
    background: url(../image/img-sec02-arrow02.png) no-repeat 0 0;
    height: 83px;
    transform: none;
    width: 246px;
    bottom: -69px;
    z-index: 0;
  }

  .sec02_gallery_col:nth-child(2) {
    margin-top: 100px;
  }

  .sec02_gallery_col:nth-child(n+3) {
    margin-top: 27px;
  }

  .sec02_gallery_col:nth-child(n+3):nth-child(even) {
    margin-top: 127px;
  }

  .sec02_gallery_text {
    margin-top: 24px;
    padding: 0 8.5% 2%;
  }
}
@media (min-width: 1017px) {
  .sec02_gallery_col.current.pc_w02 {
    display: none;
  }

  .sec02_gallery_col.current {
    display: flex;
    flex-wrap: wrap;
    margin-top: 69px;
    width: 100%;
  }

  .sec02_gallery_col.current::before {
    left: 29.7%;
    top: -58px;
  }

  .sec02_gallery_col:not(.current):nth-child(4)::before {
    left: -246px;
  }

  .sec02_gallery_col.current .sec02_gallery_label {
    top: -8%;
    left: -2.9%;
    width: 7.723%;
  }

  .sec02_gallery_col.current .sec02_gallery_img {
    margin-top: 0;
    width: 438px;
  }

  .sec02_gallery_col.current .sec02_gallery_text {
    align-items: center;
    display: flex;
    margin: 24px 0;
    padding: 0 4.72%;
    width: 326px;
  }

}

@media (min-width: 768px) and (max-width: 1016px) {
  .sec02_gallery_col.current.pc_w01 {
    display: none;
  }

  .sec02_gallery_col.current:last-child {
    margin: 94px auto 0;
  }

  .sec02_gallery_col.current::before {
    left: 53%;
    top: -72px;
  }

  .sec02_gallery_col:not(.current):nth-child(4)::before {
    left: -70px;
  }
}

@media (max-width: 767px) {
  .sec02_gallery_col.current.pc_w01 {
    display: none;
  }

  .sec02_gallery_col:nth-of-type(n+2) {
    margin-top: 20px;
  }

  .sec02_gallery_img {
    margin: 0 auto;
    text-align: center;
    position: relative;
  }

  .sec02_gallery_text {
    margin: 5px auto 0;
    padding: 0 5px;
  }

  .sec02_gallery_col.current {
    margin-top: 40px;
  }

  .sec02_gallery_col.current::before {
    height: 30px;
    width: 104px;
    right: 15%;
    top: -38px;
  }
}

/* -- section03 -- */
.sec03_info_wrap {
  max-width: 760px;
  position: relative;
}

.sec03_info_wrap::before {
  background: url(../image/ico-sec03-02.png) no-repeat;
  background-size: 100% auto;
  content: "";
  height: 85px;
  position: absolute;
  top: -45px;
  left: -15px;
  width: 227px;
  z-index: 1;
}

.sec03_gallery_ttl {
  max-width: 52px;
}

.sec03_info_label {
  width: 92px;
  position: absolute;
  bottom: -30px;
  left: -20px;
}

.sec03_info_bubbles {
  position: absolute;
  top: -7px;
  left: -91px;
}

@media (min-width: 768px) {
  .sec03_info_wrap {
    margin: 102px auto 0;
  }

  .sec03_gallery_wrap {
    margin-top: 24px;
  }

  .sec03_gallery_text_wrap {
    margin-top: 27px;
    padding-left: 14.66%;
    position: relative;
  }

  .sec03_info_txt_wrap {
    padding: 34px 25px 24px;
    position: relative;
  }

  .sec03_info_img_wrap {
    position: absolute;
    bottom: 18px;
    right: 25.7%;
  }

  .sec03_info_chara_wrap {
    position: absolute;
    right: -10px;
    bottom: 0;
  }

  .sec03_gallery_ttl {
    position: absolute;
    top: -65px;
    left: 4%;
  }

  .sec03_gallery_text {
    padding: 8px 30px;
  }

  .sec03_info_txt {
    letter-spacing: .045em;
    line-height: 1.7;
    width: 41.667%;
  }
}

@media (max-width: 940px) and (min-width: 768px) {
  .sec03_info_chara_wrap {
    right: -35px;
  }
  .sec03_info_img_wrap {
    right: 21%;
  }
}
@media (max-width: 767px) {
  .sec03_info_wrap {
    margin: 45px auto 0;
  }

  .sec03_info_img_wrap {
    max-width: 155px;
    position: absolute;
    bottom: 8%;
    right: 39%;
  }

  .sec03_info_txt {
    padding: 35px 15px 0;
  }

  .sec03_info_chara_wrap {
    margin: 0 2% 0 auto;
    max-width: 285px;
    position: relative;
    width: 70%;
  }

  .sec03_info_label {
    bottom: -40px;
    left: -25px;
  }

  .sec03_gallery_text_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 10px;
  }
}

/* -- section04 -- */
.sec04_disc_wrap {
  margin: 0 auto;
  max-width: 760px;
}

.sec04_desc_bubbles {
  max-width: 153px;
  position: absolute;
}

.sec04_gallery_label {
  max-width: 95px;
  position: absolute;
  top: -13px;
}

.sec04_gallery_item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}

@media (min-width: 768px) {
  .section04 .section_inner {
    margin-top: 25px;
    padding-top: 13px;
  }

  .sec04_disc {
    padding: 9px 5.264%;
    position: relative;
  }

  .sec04_disc_img {
    position: absolute;
    right: 187px;
    bottom: 7px;
  }

  .sec04_disc_chara {
    position: absolute;
    right: 15px;
    bottom: -59px;
    z-index: 1;
  }

  .sec04_disc_text {
    letter-spacing: 0;
    line-height: 1.67;
    margin-right: 290px;
  }

  .sec04_desc_bubbles {
    bottom: 195px;
    right: 126px;
  }

  .sec04_gallery_wrap {
    margin: 59px auto 0;
  }

  .sec04_gallery_img {
    width: 49%;
  }

  .sec04_gallery_wrap li:nth-child(n+2) {
    margin-top: 49px;
  }

  .sec04_gallery_wrap li:nth-child(odd) .sec04_gallery_label {
    left: -16px;
  }

  .sec04_gallery_wrap li:nth-child(even) .sec04_gallery_label {
    right: -16px;
  }

  .sec04_gallery_wrap li:nth-child(odd) .sec04_gallery_item {
    padding: 5.278% 4.486% 3.694% 6.465%;
  }

  .sec04_gallery_wrap li:nth-child(even) .sec04_gallery_item {
    padding: 5.278% 6.465% 3.694% 4.486% ;
  }

  .sec04_gallery_wrap li:nth-child(even) .sec04_gallery_img {
    text-align: right;
  }

  .sec04_gallery_text {
    letter-spacing: .04em;
    width: 46.392%;
  }

  .sec04_bnr_block {
    margin: 0 auto;
    max-width: 496px;
  }
}

@media (max-width: 767px) {
  .sec04_disc_chara_wrap {
    max-width: 268px;
    margin: 20px auto 0;
    position: relative;
  }

  .sec04_disc_img {
    position: absolute;
    bottom: 10px;
    right: 145px;
  }

  .sec04_disc_chara {
    max-width: 158px;
    margin-left: auto;
  }

  .sec04_desc_bubbles {
    bottom: 170px;
    right: 126px;
  }

  .sec04_gallery_label {
    max-width: 80px;
    top: -10px;
    left: -10px;
  }

  .sec04_gallery_text {
    margin-top: 8px;
    padding: 0 10px;
  }

  .sec04_gallery_item {
    padding: 20px 10px;
  }

  .sec04_gallery_wrap li:nth-child(n+2) {
    margin-top: 30px;
  }

  .sec04_gallery_img {
    margin: 0 auto;
  }

  .sec04_gallery_wrap li:nth-child(even) .sec04_gallery_img {
    order: -1;
  }

  .sec04_bnr_block {
    max-width: 500px;
  }
}

/* -- section05 -- */
.sec05_gallery_cap {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.1;
  margin-top: 8px;
}

.sec05_gallery_item {
  background: #fff;
  border: 1px solid #000;
  padding: 9px 9px 29px;
}

.sec05_gallery_item:nth-child(1) .sec05_gallery_ttl {
  max-width: 202px;
}

.sec05_gallery_item:nth-child(2) .sec05_gallery_ttl {
  max-width: 201px;
}

@media (min-width: 768px) {
  .section05 .sec_bnr_wrap {
    margin-top: 40px;
  }

  .sec05_bnr_block {
    margin: 0 auto;
    max-width: 500px;
  }
  .sec05_gallery_wrap {
    margin-top: 23px;
  }

  .sec05_gallery_item:nth-child(n+2) {
    margin-top: 40px;
  }

  .sec05_gallery_cap {
    text-align: right;
  }

  .sec05_gallery_item.type01 .sec05_gallery_text_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 14px;
    padding: 0 2.298% 0 5.406%;
  }

  .sec05_gallery_item.type01 .sec05_gallery_text {
    width: 65.154%;
  }

  .sec05_gallery_item.type01 .sec05_gallery_ttl {
    margin-top: 4px;
    width: 29.576%;
  }

  .sec05_gallery_item.type02 .sec05_gallery_img {
    float: left;
    width: 62.298%;
  }

  .sec05_gallery_item.type02 .sec05_gallery_cap {
    float: left;
    text-align: left;
    margin-top: 25px;
    padding-left: 15px;
  }

  .sec05_gallery_item.type02 .sec05_gallery_text_wrap {
    float: right;
    margin-top: 4%;
    padding-right: 3.38%;
    width: 32.703%;
  }

  .sec05_gallery_item.type02 .sec05_gallery_text {
    margin-top: 23%;
  }

  .sec05_gallery_item.type02 .sec05_gallery_ttl {
    margin-left: 5.9%;
  }
}

@media (max-width: 980px) {
  .sec05_gallery_cap br {
    display: none;
  }
}

@media (max-width: 767px) {
  .sec05_gallery_item:nth-child(n+2) {
    margin-top: 25px;
  }

  .sec05_gallery_text_wrap {
    margin-top: 25px;
  }

  .sec05_gallery_text_wrap::after {
    clear: both;
    content: "";
    display: table;
  }

  .sec05_gallery_text {
    padding: 0 10px;
  }

  .sec05_gallery_ttl {
    float: left;
    margin: -20px 10px 0 0;
  }

  .sec05_gallery_img img {
    width: 100%;
  }

  .sec05_bnr_block {
    max-width: 540px;
    margin: 0 auto;
    padding: 0 20px;
  }
}

/* -- section06 -- */
.section06 .section_inner {
  padding-bottom: 0;
}

.sec06_disc_img {
  position: relative;
  text-align: center;
}

.sec06_desc_bubbles {
  max-width: 152px;
  position: absolute;
  top: -2.3%;
  left: 9.8%;
}

.sec06_chara_items_wrap {
  text-align: center;
}

.sec06_side_item01 {
  position: relative;
}

.sec06_side_item02 {
  margin-top: 12px;
  position: relative;
}

.sec06_side_item01::before {
  background: url(../image/txt-sec06-01.png) no-repeat top left;
  background-size: 100% auto;
  content: "";
  height: 89px;
  max-width: 157px;
  width: 100%;
  position: absolute;
  top: -24.7%;
  left: -10.1%;
}

.sec06_side_item01_inner {
  position: relative;
  z-index: 1;
}

.sec06_side_item01_cap {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.3;
  margin-top: 6%;
  position: relative;
}

.sec06_side_item01_cap>p {
  position: relative;
  z-index: 1;
}

.sec06_side_item01_cap .price {
  display: block;
  font-weight: normal;
  font-size: 15px;
  letter-spacing: .025em;
}

.sec06_side_item01_cap::before {
  background: #fff;
  border-radius: 80px;
  content: "";
  height: 160px;
  margin: auto;
  width: 160px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.sec06_gallery_ttl {
  max-width: 67px;
}

.sec06_gallery_text {
  letter-spacing: -.04em;
}

@media (min-width: 1017px) {
  .sec06_gallery_item {
    min-height: 331px;
  }

  .sec06_gallery_img {
    background-repeat: no-repeat;
    max-width: 530px;
    position: absolute;
    top: -25px;
    z-index: 1;
  }

  .sec06_gallery_item:nth-child(odd) .sec06_gallery_img {
    right: 0;
  }

  .sec06_gallery_item:nth-child(even) .sec06_gallery_img {
    left: 0;
  }

  .sec06_gallery_img img.pc_w02 {
    display: none;
  }

  .sec06_gallery_text_wrap {
    padding: 96px 34px 0;
    position: relative;
    width: 234px;
  }

  .sec06_gallery_item:nth-child(even) .sec06_gallery_text_wrap {
    margin-left: auto;
  }

  .sec06_gallery_ttl {
    margin: auto;
    position: absolute;
    top: -35px;
    right: 0;
    left: 0;
  }
}

@media (min-width: 768px) {
  .sec06_side_items_wrap {
    text-align: center;
    margin: 35px -12px 0 0;
    width: 32.985%;
  }

  .sec06_disc_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 37px;
  }

  .sec06_disc_col:nth-of-type(1) {
    width: 63.351%;
  }

  .sec06_disc_text {
    margin: 5% auto 0;
    width: 90%;
  }

  .sec06_side_item {
    margin: 0 auto;
    width: 75.4%;
  }

  .sec06_gallery_wrap {
    margin-top: 63px;
  }

  .sec06_gallery_item:nth-child(n+2) {
    margin-top: 93px;
  }

  .sec06_gallery_item.frame01.w_type01::before {
    background-image: url(../image/bg-frame01-w100-bottom.png);
    padding-top: 28px;
    transform: rotate(180deg);
    top: -25px;
    z-index: 0;
  }

  .sec06_gallery_img img.sp {
    margin: 0 auto;
  }
}

@media (max-width: 1016px) {
  .sec06_gallery_text_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 10px;
    padding: 0 30px;
  }

  .sec06_gallery_item {
    margin: 0 auto;
    max-width: 534px;
  }

  .sec06_gallery_item.frame01.w_type01::before {
    content: none;
  }

  .sec06_gallery_text {
    width: calc(100% - 87px);
  }

  .sec06_gallery_img img.pc_w01 {
    display: none;
  }

  .sec06_gallery_img img.pc_w02 {
    margin-top: -22px;
  }

  .sec06_gallery_item.frame01.w_type01::after {
    bottom: -20px;
  }
}

@media (max-width: 767px) {
  .sec06_gallery_text_wrap {
    margin-top: 5px;
  }

  .sec06_gallery_img img.pc_w01,
  .sec06_gallery_img img.pc_w02 {
    display: none;
  }

  .sec06_side_item01 {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }

  .sec06_side_item02 {
    max-width: 115px;
  }

  .sec06_side_item01_inner {
    max-width: 100px;
  }

  .sec06_side_item01_cap {
    font-size: 18px;
  }

  .sec06_side_items_wrap {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 40px;
  }

  .sec06_side_item01::before {
    height: 60px;
    max-width: 105.85px;
    top: -35%;
    left: -10.7%;
  }

  .sec06_side_item01_cap::before {
    height: 100px;
    width: 100px;
  }

  .sec06_disc_text {
    margin: 10px auto 0;
  }

  .sec06_gallery_wrap {
    margin-top: 20px;
  }

  .sec06_gallery_item:nth-child(n+2) {
    margin-top: 15px;
  }

  .sec06_gallery_text_wrap {
    justify-content: space-around;
    padding: 0;
  }

  .sec06_gallery_text {
    margin-top: 10px;
    width: calc(100% - 97px);
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .sec06_gallery_ttl {
    right: 50%;
    left: auto;
    transform: translate(50%, 0);
  }
}

/* -- section06 goods -- */
.sec06_goods_disc_text_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}

.sec06_goods_disc_ttl {
  max-width: 157px;
  width: 32.173%;
}

.sec06_goods_disc_text {
  width: 60.451%;
}

.sec06_goods_disc_bubbles {
  max-width: 152px;
  position: absolute;
}

.sec06_goods_gallery02_item .sec06_goods_gallery_ttl {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
}

.sec06_goods_gallery02_item .sec06_goods_gallery_ttl .price {
  display: block;
  font-size: 15px;
  letter-spacing: .025em;
  margin-top: 4px;
}

@media (min-width: 768px) {
  .sec06_goods_wrap {
    margin-top: 49px;
  }

  .sec06_goods_title {
    font-size: 0;
    max-width: 698px;
    margin-left: 2.4%;
  }

  .sec06_goods_disc {
    margin: 47px auto 0;
    max-width: 760px;
  }

  .sec06_goods_disc_ttl {
    margin-top: -7.3%;
  }

  .sec06_goods_disc_img img {
    margin-top: -25px;
  }

  .sec06_goods_disc_text_wrap {
    padding: 3% 224px 0 6.316%;
  }

  .sec06_goods_disc_chara_wrap {
    position: absolute;
    right: 8.9%;
    bottom: -21px;
    z-index: 1;
  }

  .sec06_goods_disc_bubbles {
    right: -126px;
    bottom: 139px;
  }

  .sec06_goods_gallery_wrap {
    margin: 71px auto 0;
  }

  .sec06_goods_gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 760px;
  }

  .sec06_goods_gallery01_item {
    width: 50%;
  }

  .sec06_goods_gallery01_item:nth-child(odd) {
    border-right: 1px solid #000;
    padding-right: 25px;
  }

  .sec06_goods_gallery01_item:nth-child(even) {
    padding-left: 26px;
  }

  .sec06_goods_gallery_ttl img {
    width: 100%;
  }

  .sec06_goods_gallery01_item .sec06_goods_gallery_ttl {
    align-items: center;
    display: flex;
    height: 95px;
  }

  .sec06_goods_gallery01_item:nth-of-type(1) .sec06_goods_gallery_ttl {
    padding: 0 11.865%;
  }

  .sec06_goods_gallery01_item:nth-of-type(2) .sec06_goods_gallery_ttl {
    padding: 0 2.12%;
  }

  .sec06_goods_gallery01_item .sec06_goods_gallery_text {
    letter-spacing: -.025em;
  }

  .sec06_goods_gallery02_item {
    background: #fff;
    margin-top: 53px;
    width: 46.711%;
  }

  .sec06_goods_gallery02_item:nth-child(2) {
    max-width: 354px;
  }

  .sec06_goods_gallery02_item .sec06_goods_gallery_text_wrap {
    padding: 4% 11.27% 9%;
  }

  .sec06_goods_gallery02_item .sec06_goods_gallery_text {
    letter-spacing: -.05em;
    margin-top: 10px;
  }

  .sec06_goods_gallery02_item.col01 {
    margin-top: 58px;
    width: 100%;
  }

  .sec06_goods_gallery02_item.col01::before {
    top: -7px;
  }

  .sec06_goods_gallery02_item.col01::after {
    bottom: -7px;
  }

  .sec06_goods_gallery02_item.col01 .sec06_goods_gallery02_item_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .sec06_goods_gallery02_item.col01 .sec06_goods_gallery_text_wrap {
    padding: 4.6% 19.737% 3% 0;
    width: 48.422%;
  }

  .sec06_goods_gallery02_item.col01 .sec06_goods_gallery_img {
    width: 46.58%;
  }

  .sec06_goods_gallery02_item.col01 .sec06_goods_gallery_ttl {
    text-align: left;
  }

  .sec06_goods_gallery02_item.col01 .sec06_goods_gallery_chara {
    position: absolute;
    bottom: -20px;
    right: -9%;
    z-index: 2;
  }
}

@media (max-width: 980px) and (min-width: 768px) {
  .sec06_goods_gallery02_item.col01 .sec06_goods_gallery_chara {
    top: 14%;
    right: -115px;
  }

  .sec06_goods_gallery02_item.col01 .sec06_goods_gallery_chara img {
    width: 80%;
  }
}

@media (max-width: 900px) and (min-width: 768px) {
  .sec06_goods_disc_chara_wrap {
    bottom: -16px;
  }
}

@media (max-width: 767px) {
  .sec06_goods_wrap {
    margin-top: 25px;
  }

  .sec06_goods_title {
    border-left: 5px solid #c92121;
    font-size: 1.8rem;
    font-weight: 600;
    padding: 2px 0 2px 10px;
  }

  .sec06_goods_disc {
    margin-top: 15px;
  }

  .sec06_goods_disc_text_wrap {
    margin-top: 10px;
  }

  .sec06_goods_disc_text {
    width: 64%;
  }

  .sec06_goods_disc_chara_wrap {
    margin-left: 15%;
    position: relative;
  }

  .sec06_goods_disc_bubbles {
    right: -97%;
  }

  .sec06_goods_gallery:nth-child(1) {
    max-width: 354px;
    margin: 0 auto;
  }

  .sec06_goods_gallery:nth-child(2) {
    max-width: 355px;
    margin-right: auto;
    margin-left: auto;
  }

  .sec06_goods_gallery:nth-child(n+2) {
    margin-top: 30px;
  }

  .sec06_goods_gallery01_item:nth-of-type(1) .sec06_goods_gallery_ttl {
    margin: 10px auto 0;
    width: 70%;
  }

  .sec06_goods_gallery01_item:nth-of-type(2) .sec06_goods_gallery_ttl {
    margin: 10px auto 0;
    width: 80%;
  }

  .sec06_goods_gallery_text {
    margin-top: 5px;
    padding: 0 10px;
  }

  .sec06_goods_gallery_img {
    text-align: center;
  }

  .sec06_goods_gallery01_item:nth-child(n+2) {
    margin-top: 20px;
  }

  .sec06_goods_gallery02_item {
    background: #fff;
    margin-top: 25px;
  }

  .sec06_goods_gallery02_item .sec06_goods_gallery_text_wrap {
    padding: 10px;
  }

  .sec06_goods_gallery_chara {
    text-align: right;
  }
}


/* -- section07 -- */
.sec07_gallery_ttl {
  max-width: 67px;
}

@media (min-width: 768px) {
  .sec07_disc_wrap {
    margin-top: 23px;
  }

  .sec07_disc_wrap::after {
    clear: both;
    content: "";
    display: table;
  }

  .sec07_chara_items_wrap {
    position: relative;
    z-index: 2;
  }

  .sec07_gallery_item {
    position: relative;
  }

  .sec07_gallery_item:nth-child(n+2) {
    margin-top: 39px;
  }

  .sec07_disc_img {
    float: left;
    margin: 0 5.8% 1% 0;
    width: 65.97%;
  }

  .sec07_gallery_wrap {
    margin: 40px auto 0;
    width: 100%;
  }

  .sec07_gallery_text_wrap {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .sec07_gallery_item:nth-child(even) .sec07_gallery_text_wrap {
    right: 0;
  }

  .sec07_gallery_text {
    padding: 8px 0;
    width: 70.96%;
  }

  .sec07_gallery_text.ls01 {
    letter-spacing: .045em;
  }

  .sec07_gallery_text.ls02 {
    letter-spacing: -.035em;
  }

  .sec07_gallery_text.ls03 {
    letter-spacing: .025em;
  }

  .sec07_gallery_ttl {
    position: relative;
    width: 22.113%;
    z-index: 1;
  }

  .sec07_gallery_img {
    background-size: 100% auto;
    background-position: right center;
    background-repeat: no-repeat;
    max-width: 421px;
    padding-bottom: 38.613%;
    position: relative;
    width: 55.105%;
    z-index: 1;
  }

  .sec07_gallery_item:nth-child(odd) .sec07_gallery_img {
    margin-left: auto;
  }

  .sec07_gallery_img.kago {
    background-image: url(../image/img-sec07-02-pc.png);
  }

  .sec07_gallery_img.boat {
    background-image: url(../image/img-sec07-03-pc.png);
  }

  .sec07_gallery_img.stage {
    background-image: url(../image/img-sec07-04-pc.png);
  }

  .sec07_gallery_img.sword {
    background-image: url(../image/img-sec07-05-pc.png);
  }

  .sec07_gallery_text_inner {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .sec07_gallery_item:nth-child(odd) .sec07_gallery_text_inner {
    margin-right: 55.105%;
    padding: 0 2.357% 0 2.88%;
  }

  .sec07_gallery_item:nth-child(even) .sec07_gallery_text_inner {
    margin-left: 55.105%;
    padding: 0 2.88% 0 2.357%;
  }

  .sec07_gallery_item_bubbles {
    max-width: 108px;
    position: absolute;
    top: -8.3%;
    right: 34%;
  }

  .sec07_gallery_link {
    margin: 1% auto 4.5%;
  }

  .sec07_gallery_info {
    margin: 84px auto 0;
    max-width: 760px;
    position: relative;
  }

  .sec07_gallery_info::before {
    background: url(../image/ico-sec07-05.png) no-repeat;
    background-size: 100% auto;
    content: "";
    height: 85px;
    position: absolute;
    top: -50px;
    left: -14px;
    width: 224.5px;
    z-index: 1;
  }

  .sec07_gallery_info_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    padding: 3.167% 5.146% 2.507%;
  }

  .sec07_gallery_info_list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
  }

  .sec07_gallery_info_list:nth-child(2) {
    margin-top: 2px;
  }

  .sec07_gallery_info_list>dt {
    align-items: center;
    background: #b5272d;
    border-radius: 5px;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-weight: normal;
    justify-content: space-between;
    height: 100%;
    padding: 2px 8px;
    width: 97px;
  }

  .sec07_gallery_info_list.h_type01>dt {
    height: 54px;
  }

  .sec07_gallery_info_list.h_type02 {
    height: 100%;
  }

  .sec07_gallery_info_list>dd {
    letter-spacing: -.015em;
    margin-left: 3%;
  }
}

@media (max-width: 1020px) and (min-width: 768px) {
  .sec07_gallery_item.col01 .sec07_gallery_img {
    margin: 0 auto;
  }

  .sec07_gallery_item.col01 .sec07_gallery_text_wrap {
    position: relative;
    transform: translateY(-37%);
  }

  .sec07_gallery_item.col01 .sec07_gallery_text_inner {
    margin-left: 0;
    padding: 100px 20px 0;
  }

  .sec07_gallery_item.col01 .sec07_gallery_text {
    width: calc(100% - 90px);
  }
}

@media (min-width: 931px) {
  .sec07_gallery_col:nth-of-type(1) {
    width: 38.53%;
  }

  .sec07_gallery_col:nth-of-type(2) {
    width: 61.47%;
  }
}

@media (max-width: 930px) and (min-width: 768px) {
  .sec07_gallery_col {
    width: 100%;
  }

  .sec07_gallery_col:nth-of-type(2) {
    margin-top: 2px;
  }
}

@media (max-width: 767px) {
  .sec07_disc_txt {
    margin-top: 5px;
  }

  .sec07_disc_img {
    text-align: center;
  }

  .sec07_gallery_item:nth-child(n+2) {
    margin-top: 18px;
  }

  .sec07_gallery_text_wrap {
    margin-top: 5px;
  }

  .sec07_gallery_text_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .sec07_gallery_text {
    padding: 0 10px;
  }

  .sec07_gallery_wrap {
    margin-top: 15px;
  }

  .sec07_gallery_info {
    margin-top: 20px;
  }

  .sec07_gallery_img img {
    margin: 0 auto;
  }

  .sec07_gallery_info_list {
    margin-top: 10px;
  }

  .sec07_gallery_info_list>dt {
    border-left: 5px solid #c92121;
    padding: 2px 0 2px 10px;
  }

  .sec07_gallery_info_list>dd {
    margin-top: 5px;
    padding-left: 15px;
  }
}

/* -- section08 -- */
.sec08_gallery_img {
  position: relative;
}

.sec08_gallery_ttl {
  max-width: 53px;
  position: absolute;
  top: -12px;
  right: -18px;
}

@media (min-width: 768px) {
  .sec08_disc_wrap {
    margin: 48px auto 0;
    max-width: 760px;
  }

  .sec08_disc_img img {
    margin-top: -25px;
  }

  .sec08_disc_txt_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 4% 143px 0 0;
    padding: 0 30px 0 53px;
    position: relative;
  }

  .sec08_disc_txt {
    letter-spacing: .06em;
    width: 62.735%;
  }

  .sec08_disc_ttl {
    max-width: 157px;
    margin-top: 10px;
    width: 29.401%;
  }

  .sec08_disc_items_wrap {
    position: absolute;
    right: -165px;
    bottom: 10px;
  }

  .sec08_disc_item_bubbles {
    max-width: 110px;
    position: absolute;
    top: -121px;
    left: 11px;
  }

  .sec08_gallery_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 78px;
  }

  .sec08_gallery_img {
    width: 67.147%;
  }

  .sec08_gallery_txt {
    padding-bottom: 261px;
    width: 26.702%;
  }

  .sec08_gallery_chara {
    position: absolute;
    bottom: -25px;
    right: 7.2%;
  }

  .sec08_gallery_chara_bubbles {
    margin: 0 2px 44px 0;
    max-width: 181px;
  }
}


@media (max-width: 767px) {
  .sec08_disc_txt_wrap {
    margin-top: 10px;
  }

  .sec08_disc_ttl {
    float: left;
    margin: -5px 10px 0 0;
    max-width: 140px;
  }

  .sec08_disc_items_wrap {
    clear: both;
    margin-top: 5px;
    text-align: center;
  }

  .sec08_disc_items_wrap img:not(.sec08_disc_item_bubbles) {
    margin-top: 20px;
    max-width: 120px;
  }

  .sec08_gallery_wrap {
    margin-top: 30px;
  }

  .sec08_gallery_ttl {
    max-width: 45px;
    right: -12px;
  }

  .sec08_disc_items_wrap .sec08_disc_item_bubbles {
    vertical-align: top;
  }

  .sec08_gallery_txt {
    margin-top: 5px;
  }

  .sec08_gallery_chara {
    margin: 15px 0 0 auto;
    position: relative;
    text-align: right;
    width: 60%;
  }

  .sec08_gallery_chara_bubbles {
    position: absolute;
    top: -5px;
    left: -130px;
    max-width: 154px;
  }
}

/* -- section09 -- */
@media (min-width: 768px) {
  .sec09_disc_wrap {
    background: #fff;
    border: 13px solid #b5272d;
    margin: 0 auto;
    max-width: 880px;
    padding: 4.66% 5.341% 5.114%;
    width: 100%;
  }

  .section09 .section_title02 {
    background: url(../image/ttl-section09.png) no-repeat center;
    background-size: 100% auto;
    margin: 0 auto;
    max-width: 301px;
    padding-top: 25px;
  }

  .sec09_disc {
    margin-top: 35px;
  }

  .sec09_disc_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 5.132%;
  }

  .sec09_disc_title {
    font-size: 0;
    position: relative;
  }

  .sec09_disc_title img {
    margin: 0 auto;
  }

  .sec09_disc_title::before,
  .sec09_disc_title::after {
    border-top: 1px solid #b5272d;
    content: "";
    max-width: 275px;
    width: calc( 50% - 104px );
    position: absolute;
    top: 50%;
  }

  .sec09_disc_title::before {
    left: 0;
  }

  .sec09_disc_title::after {
    right: 0;
  }

  .sec09_disc_col:nth-of-type(1) {
    width: 44.08%;
  }

  .sec09_disc_col:nth-of-type(2) {
    order: -1;
    width: 50.264%;
  }

  .sec09_disc_text {
    letter-spacing: .015em;
  }

  .sec09_disc_faci_info_wrap {
    color: #b5272d;
    font-size: 16px;
    margin-top: 31px;
    padding: 17px 5% 17px 0;
    position: relative;
  }

  .sec09_disc_faci_info_wrap::before,
  .sec09_disc_faci_info_wrap::after {
    background-image: url(../image/bg-frame04.png);
    background-repeat: repeat-x;
    content: "";
    padding-bottom: 6px;
    position: absolute;
    left: 0;
    width: 100%;
  }

  .sec09_disc_faci_info_wrap::before {
    background-position: top left;
    top: 0;
  }

  .sec09_disc_faci_info_wrap::after {
    background-position: bottom left;
    bottom: 0;
  }

  .sec09_disc_faci_info_wrap>dl {
    display: flex;
    flex-wrap: wrap;
  }

  .sec09_disc_faci_info_wrap>dl:not(:first-of-type) {
    margin-top: 3px;
  }

  .sec09_disc_faci_info_wrap dt,
  .sec09_disc_faci_info_wrap dd {
    font-weight: 600;
    letter-spacing: 0;
    width: auto;
  }
  .sec09_disc_faci_annotation {
    font-weight: 600;
    margin-top: 25px;
    text-align: center;
  }

  .sec09_disc_faci_btn_wrap {
    margin-top: 29px;
  }


  .sec09_disc_faci_btn_wrap .cmn_link_btn_text {
    letter-spacing: .4em;
  }

  .sec09_disc_faci_btn_wrap .cmn_link_btn_text::after {
    right: 15%;
  }

  .sec09_disc_img:nth-of-type(2) {
    margin-top: 6px;
  }

  .museum_share_block {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 7.106% auto 0;
    max-width: 686px;
    width: 100%;
  }

  .share_title {
    border: solid 1px #b5272d;
    color: #b5272d;
    font-weight: 600;
    letter-spacing: -.03em;
    padding: 6px 0;
    text-align: center;
    width: 201px;
  }

  .block_sns {
    width: calc(100% - 201px);
  }

  .block_sns .list_sns {
    flex-wrap: wrap;
    padding-left: 2%;
    width: 100%;
  }

  .block_sns .list_sns li:not(:first-of-type) {
    margin-left: 3.093%;
  }

  .block_sns .list_sns li.list_sns_mail>a {
    padding: 4px 0 4px 24px;
  }

  .museum_intro_block {
    margin-top: 80px;
  }

  .museum_bnr_block {
    margin: 40px auto 0;
    max-width: 610px;
    width: 100%;
  }

  .section09 .museum_bnr a {
    display: block;
    position: relative;
  }

  .section09 .museum_bnr a::after {
    content: "";
    display: block;
    padding-top: 26%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .2s;
    width: 100%;
  }

  .section09 .museum_bnr a:hover::after {
    background: rgba(255, 255, 255, .3);
  }
}

@media (max-width: 767px) {
  .sec09_disc_title {
    font-size: 18px;
    font-weight: 600;
  }

  .sec09_disc_img {
    margin-top: 10px;
    text-align: center;
  }

  .sec09_disc_text {
    margin-top: 10px;
  }

  .sec09_disc_faci_info_wrap {
    margin: 10px auto 0;
    max-width: 500px;
    padding: 0 0 0 5px;
  }

  .sec09_disc_faci_info_wrap>dl {
    display: flex;
    flex-wrap: wrap;
  }

  .sec09_disc_faci_info_wrap>dl:not(:first-of-type) {
    margin-top: 3px;
  }

  .sec09_disc_faci_info_wrap dt,
  .sec09_disc_faci_info_wrap dd {
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0;
    width: auto;
  }

  .sec09_disc_faci_info_wrap dl>dt {
    width: 60px;
  }

  .sec09_disc_faci_info_wrap dl>dd {
    width: calc(100% - 60px)
  }

  .sec09_disc_faci_annotation {
    font-weight: 600;
    letter-spacing: .01em;
    margin-top: 20px;
    text-align: center;
  }

  .sec09_disc_faci_btn_wrap {
    margin: 10px auto 0;
    max-width: 300px;
    padding: 0 10px;
    width: 70%;
  }

  .museum_share_block {
    margin-top: 20px;
  }

  .share_title {
    text-align: center;
  }

  .block_sns .list_sns li:not(:first-of-type) {
    margin-left: 3%;
  }

  .block_sns .list_sns li.list_sns_mail {
    margin-left: 0;
  }

  .museum_bnr_block {
    margin: 20px auto 0;
    max-width: 500px;
    padding: 0 20px;
    width: 100%;
  }
}

/* -- section10 -- */
.sec10_spot_content_wrap {
  display: flex;
  flex-wrap: wrap;
}

.sec10_spot_text_intro {
  font-weight: 600;
}

.sec10_spot_access_list {
  display: flex;
  flex-wrap: wrap;
}

.sec10_spot_access_list.info_address dt {
  width: 65px;
}

.sec10_spot_access_list.info_address dd {
  width: calc( 100% - 65px);
}

.sec10_spot_access_list.info_tel dt {
  width: 50px;
}

.sec10_spot_access_list.info_tel dd {
  width: calc( 100% - 50px);
}

.sec10_spot_access_list.info_hp dt {
  width: 43px;
}

.sec10_spot_access_list.info_hp dd {
  letter-spacing: -.03em;
  width: calc( 100% - 43px);
}

.sec10_spot_access_list dt::after {
  content: "：";
}

.sec10_spot_access_btn_txt {
  font-weight: 600;
}

.sec10_spot_image_list {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.sec10_spot_image_annotation {
  font-size: 12px;
  margin-top: 2px;
}

@media (min-width: 768px) {
  .sec10_spot_inner {
    padding-top: 4.5%;
  }
  .section10 .section_inner {
    max-width: 1000px;
    padding: 0 0 72px;
  }

  .section10 .section_title02 {
    background: url(../image/ttl-section10.png) no-repeat center;
    margin: 0 auto;
    padding-top: 531px;;
  }

  .sec10_spot_block {
    position: relative;
  }

  .sec10_spot_block:not(:first-child) {
    margin-top: 48px;
  }

  .sec10_spot_block::before,
  .sec10_spot_block::after {
    content: "";
    width: calc(100% + 16px);
    position: absolute;
    left: -8px;
    z-index: 1;
  }

  .sec10_spot_block::before {
    background: url(../image/img-sec10-frame01-top.png) no-repeat top center;
    background-size: 100% auto;
    padding-bottom: 41px;
    top: -3px;
  }

  .sec10_spot_block::after {
    background: url(../image/img-sec10-frame01-bottom.png) no-repeat bottom center;
    background-size: 100% auto;
    padding-bottom: 21px;
    bottom: -3px;
  }

  .sec10_spot_block_inner::before {
    background: url(../image/img-sec10-frame01-middle.png) repeat-y top center ;
    background-size: 100% auto;
    content: "";
    height: calc(100% - 54px);
    width: calc(100% + 16px);
    position: absolute;
    top: 38px;
    left: -8px;
  }

  .sec10_spot_content_wrap {
    justify-content: space-between;
    position: relative;
    z-index: 1;
  }

  .sec10_disc_text {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.59;
    text-align: center;
    margin: auto;
    max-width: 315px;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    position: absolute;
    top: 355px;
    left: 50%;
  }

  .sec10_spot_wrap {
    padding: 0 7.5%;
  }

  .sec10_spot_title {
    align-items: center;
    background: #b5272d;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    font-size: 36px;
    font-weight: 600;
    justify-content: space-between;
    letter-spacing: 0;
    padding: 31px 28px 13px 59px;
  }

  .sec10_spot_title_label {
    font-size: 0;
  }

  .sec10_spot_inner {
    background: #fff;
    padding: 3.883% 6.824% 5.8%;
  }

  .sec10_spot_text_wrap {
    order: 1;
    width: 52.862%;
  }

  .sec10_spot_text_intro {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 1.3;
  }

  .sec10_spot_text_disc {
    font-size: 16px;
    letter-spacing: -.01em;
    line-height: 1.43;
    margin-top: 8px;
  }

  .sec10_spot_access_block {
    margin-top: 30px;
  }

  .sec10_spot_access_inner {
    border-bottom: 1px solid #d58588;
    border-top: 1px solid #d58588;
    font-size: 16px;
    font-weight: 600;
    padding: 14px 0;
  }

  .sec10_spot_access_list dt,
  .sec10_spot_access_list dd {
    letter-spacing: 0;
    line-height: 1.3;
  }

  .sec10_spot_access_list:not(:first-child) {
    margin-top: 3px;
  }

  .sec10_spot_btn_detail {
    margin: 16px auto 0;
  }

  .sec10_spot_btn_detail .cmn_link_btn_text {
    letter-spacing: .4em;
  }

  .sec10_spot_btn_detail .cmn_link_btn_text::after {
    right: 15%;
  }

  .sec10_spot_access_btn {
    margin-top: 18px;
  }

  .sec10_spot_access_btn_txt {
    font-size: 15px;
    letter-spacing: .01em;
    text-align: center;
  }

  .sec10_spot_btn_txt {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .3em;
    position: relative;
  }

  .sec10_spot_btn_txt::after {
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: -28px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
  }

  .sec10_spot_image_box {
    margin-top: 2px;
    order: 2;
    width: 41.554%;
  }

  .sec10_spot_image_list li:not(:first-child) {
    margin-top: 12px;
  }

  .sec10_spot_image_annotation {
    letter-spacing: 0;
    text-align: right;
  }

  .section10 .museum_share_block {
    margin: 40px 0 0;
    position: relative;
    z-index: 1;
  }

  .section10 .share_title {
    font-size: 16px;
    width: 181px;
  }

  .section10 .block_sns {
    width: calc(100% - 181px);
  }

  .section10 .block_sns .list_sns {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .section10 .block_sns .list_sns li:first-child {
    margin-left: 4.134%;
  }

  .section10 .block_sns .list_sns li.list_sns_mail>a {
    color: #000;
    padding: 4px 0 4px 24px;
  }
}

@media (max-width: 1020px) and (min-width: 768px) {
  .sec10_spot_block_inner::before {
    top: 0;
    height: 99%;
  }
}

@media (max-width: 975px) and (min-width: 768px) {
  .section10 .share_title {
    width: 40%;
  }

  .section10 .block_sns {
    width: 60%;
  }
}

@media (max-width: 767px) {
  .sec10_disc_text {
    padding: 0 20px;
  }
  .section10 .section_inner {
    padding-bottom: 30px;
  }

  .sec10_spot_wrap {
    margin-top: 15px;
  }

  .sec10_spot_block:not(:first-child) {
    margin-top: 15px;
  }

  .sec10_spot_block:not(:last-of-type) {
    border-bottom: 1px dashed #c92121;
    padding-bottom: 30px;
  }

  .sec10_spot_title {
    border-left: 5px solid #c92121;
    font-size: 1.8rem;
    font-weight: 600;
    padding: 2px 0 2px 10px;
  }

  .sec10_spot_inner,
  .sec10_spot_text_wrap,
  .sec10_spot_access_btn {
    margin-top: 15px;
  }

  .sec10_spot_text_wrap {
    width: 100%;
  }

  .sec10_spot_text_disc {
    margin-top: 10px;
  }

  .sec10_spot_image_list li {
    width: 49.13%;
  }

  .sec10_spot_access_list dt {
    font-weight: normal;
  }

  .sec10_spot_btn_detail {
    margin: 10px auto 0;
    max-width: 300px;
    width: 70%;
  }

  .sec10_spot_access_btn_txt {
    text-align: center;
  }

  .sec10_spot_access_block {
    margin: 15px auto 0;
    width: 90%;
  }
}


/* ------------------------------------ */
/* ▼ other museum block */
/* ------------------------------------ */
.other_museum_gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.other_museum_gallery>li {
  width: 32.61%;
}

@media (min-width: 768px) {
  .other_museum {
    padding: 0 40.5px 50px;
  }

  .other_museum_wrap {
    color: #fff;
    margin: 0 auto;
    max-width: 920px;
    width: 100%;
  }

  .other_museum_disc {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 6.856%;
  }

  .other_museum_disc_col:nth-of-type(1) {
    padding-top: 24px;
    width: 53.342%;
  }

  .other_museum_disc_col:nth-of-type(2) {
    width: 41.615%;
  }

  .other_museum_text {
    line-height: 1.6;
    letter-spacing: .06em;
  }

  .other_museum_text a:not(:hover) {
    color: #d6a342;
  }

  .other_museum_gallery {
    margin-top: 36px;
  }

  .other_museum_bnr_wrap {
    margin: 50px auto 0;
    max-width: 770px;
    padding: 0 20px;
    width: 100%;
  }

  .other_museum_bnr>a {
    display: block;
  }

  .other_museum_bnr_cap {
    letter-spacing: .08em;
    line-height: 1.4;
    margin: 10px auto 0;
    width: 94%;
  }
}

@media (max-width: 767px) {
  .other_museum_text {
    margin-top: 10px;
  }

  .other_museum_bnr_wrap {
    margin-top: 20px;
    padding: 0 20px;
  }

  .other_museum_bnr_cap {
    margin-top: 6px;
  }
}

/* ------------------------------------ */
/* ▼ relation bnr block */
/* ------------------------------------ */
.bnr_section_block {
  margin: auto;
  width: 100%;
  padding: 47px 0 0;
}

.bnr_section_inner {
  max-width: 940px;
  margin: 42px auto 0;
}

.box__links__content ul {
  margin: 0 -10px;
}

.box__links__content ul li {
  padding: 0 10px;
}

.bnr_block .bnr_item .bnr_caption {
  letter-spacing: .06em;
}

.bnr_block.col2 .bnr_item:nth-child(n+4) {
  margin-top: 27px;
}

.bnr_section_block+.museum_bnr_block .caption {
  color: #000;
  margin-top: 6px;
}

.bnr_block .bnr_item .item_image img {
  width: 100%;
}

@media (min-width: 768px) {
  .bnr_section_inner .cmn_bnr_area.col03.cmn_has_spacer {
    background-position: right 2.5% bottom 65px;
  }

  .bnr_section_inner .cmn_bnr_area.col03 figure {
    margin-left: 20px;
  }

  .bnr_section_inner .cmn_bnr_area.col03 figure:nth-of-type(3n+1) {
    margin-left: 0;
  }

  .bnr_section_inner .cmn_bnr_area.col03 figure:nth-child(n+4) {
    margin-top: 27px;
  }

  .bnr_section_inner .cmn_bnr_area.col03 .cmn_bnr_cap {
    letter-spacing: .06em;
    line-height: 1.25;
    margin-top: 6px;
  }
}

@media (max-width: 767px) {
  .bnr_section_block {
    background: none;
    border: 1px solid #c92121;
    margin: 20px auto 0;
    max-width: calc(100% - 40px);
    padding: 0 0 20px;
  }

  .bnr_section_inner {
    margin-top: 0;
    padding: 20px;
    width: 100%;
  }

  .bnr_section_block+.museum_bnr_block {
    margin-top: 35px;
    max-width: 600px;
    padding: 0 40px;
  }

  .bnr_section_block+.museum_bnr_block .caption {
    text-align: left;
  }
}
/* 共通上書き */
@media (min-width: 768px) {
  .bnr_section_h3>span {
    background-image: url(../image/bg-h3-left.png),
                      url(../image/bg-h3-right.png);
  }
  .bnr_section_h3>span::before,
  .bnr_section_h3>span::after {
    background: url(../image/bg-h3-line.png);
  }
  .bnr_section_h3>span>span {
    background-image:url(../image/bg-h3-center.png);
    height: 38px;
  }
}

/* ------------------------------------ */
/* ▼ kaomise_area */
/* ------------------------------------ */
.kaomise dd {
  background: #faf7eb;
  border: 1px solid #8a640b;
  padding: 15px 0 14px;
}

.kaomise_reports_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  max-width: 609px;
}

.kaomise_reports_wrap li a {
  background: -webkit-linear-gradient(top, #a98907 0%,#a08006 100%);
  background: linear-gradient(to bottom, #a98907 0%,#a08006 100%);
  border: 1px solid #6d5700;
  border-radius: 3px;
  box-shadow: 0px 1px 2px 1px rgba(4,0,0,0.25);
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  height: 42px;
  line-height: 34px;
  margin: 5px 15px 15px;
  padding: 4px 20px 0 0;
  position: relative;
  text-align: center;
  width: 269px;
}

.kaomise_reports_wrap li a::after {
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  border-width: 5px 0 5px 9px;
  bottom: 0;
  content: "";
  height: 0;
  margin: auto;
  position: absolute;
  right: 9px;
  top: 0;
  width: 0;
}

.kaomise_reports_wrap li a:hover {
  opacity: 0.7;
}

@media (min-width: 768px) {
  .kaomise_area_wrap {
    max-width: 696px;
    margin: 28px auto 0;
  }

  .kaomise_text {
    font-size: 20px;
    text-align: center;
  }

  .kaomise_reports_wrap {
    margin: 17px auto 0;
  }
}

@media (max-width: 767px) {
  .kaomise_area_wrap {
    margin: 30px auto 0;
    padding: 0px 20px;
  }

  .kaomise dd {
    padding: 10px 20px;
  }

  .kaomise_text {
    margin-top: 0;
    text-align: left;
    margin-bottom: 10px;
    font-size: 15px;
  }

  .kaomise_reports_wrap {
    margin: 0 auto;
  }

  .kaomise_reports_wrap li a {
    margin-bottom: 7px;
    font-size: 15px;
    width: 215px;
  }
}

/* ------------------------------------ */
/* ▼ 近くの施設情報 */
/* ------------------------------------ */
/* 共通上書き */
.box__facility .facilities .txt {
  line-height: 1.6;
}

/* ------------------------------------ */
/* ▼ この施設周辺の観光名所を探す */
/* ------------------------------------ */
/* 共通上書き */
@media (min-width: 768px) {
  .museum_intro_block .spot_box .spot_title .spot_title_inner {
    font-size: 18px;
    letter-spacing: .15em;
  }

  .museum_intro_block .relate_box .list_relate li {
    letter-spacing: .05em;
  }

  .museum_intro_block .relate_box .list_relate li:nth-child(even) {
    padding-left: 10px;
  }
}

/* ------------------------------------ */
/* ▼ 注目ワード */
/* ------------------------------------ */
/* 共通上書き */
@media (min-width: 768px) {
  .attention_word {
    margin-top: 87px;
  }
}

/* ------------------------------------ */
/* ▼ bnr_contents_block */
/* ------------------------------------ */
/* 共通上書き */
.box__links__content .box__links__content_inner .box__links__item {
  background: none;
}

@media screen and (max-width: 767px) {
  .bnr_contents_block {
    max-width: calc(100% - 65px);
    padding: 0 40px;
    width: 100%;
  }
}

/* ------------------------------------ */
/* ▼ 2021/01/18 TCI福岡_sakaguchi バナー共通化対応 画像幅微修正 */
/* ------------------------------------ */
body.kabukiza .cmn_bnr_area.col03.cmn_has_spacer figure:last-of-type {
  background-color: transparent;
}

@media screen and (max-width: 767px) {
  .sec_bnr_wrap.cmn_bnr_area.col01 {
    padding: 0;
  }
  .sec_bnr_wrap.cmn_bnr_area.col01 .cmn_bnr_cap {
    text-align: center;
  }
}