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

title : 刀剣ワールド 大刀剣市
scope : 刀剣ワールド 大刀剣市

memo：

last modify : WEB2TCI-31364_igarashi レイアウト変更＆過去イベントのページ分割対応

2021/01/19 TCI福岡_sakaguchi バナー共通化対応 画像幅微修正
2020/08/17 TCI福岡_sakaguchi 共通tableクラスの導入
2020/04/27 TCI福岡_sakaguchi 共通ボタンの導入

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

.desc-wrap {
  background: url(../image/main/bg-lead.png) no-repeat center / cover;
  padding: 33px 47px 42px 47px;
}
.desc {
  color: #fff;
  max-width: 750px;
  margin: 0 auto;
  text-align: justify;
}
.desc p + p {
  margin-top: 1em;
}
#sword,
#overview,
#access {
  margin: 0 auto 30px;
  max-width: 95%;
}

#overview,
#access {
  margin: 0 auto 50px;
}

span.holiday {
  color: #e31769;
}
span.sat {
  color: #3889dc;
}
.small {
  font-size: 0.9em;
  display: inline-block;
}

.event_end {
  padding: 15px;
  background: #f8e9e7;
  border: #c92121 solid 2px;
  width: 50%;
  min-width: 580px;
  text-align: center;
  color: #c92121;
  font-weight: 600;
  margin: 20px auto;
  border-radius: 8px;
}
@media (max-width: 767px) {
  .event_end {
    min-width: 280px;
  }
}

.letter {
  letter-spacing: -0.02em;
}

/*============================ Anchor links ============================*/
.cmn_h2_01::before,
.cmn_h2_01::after {
  content: none;
}
.cmn_h2_01>span>span::after,
.cmn_h2_01>span>span::before {
  content: none;
}
.cmn_h2_01>span {
  background-image: none;
  padding: 7px 76px 7px;
}
.cmn_h2_01 {
  background: url('../image/bg-h2.png') no-repeat center / cover;
  border: none;
  color: #fff;
  max-width: 840px;
}
.ul_museum_anchor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #ca3935;
}
ul.ul_museum_anchor li {
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  padding: 1px 23px 1px 12px;
  position: relative;
  width: 24%;
  max-width: 190px;
}
ul.ul_museum_anchor li + li {
  margin-left: 10px;
}
ul.ul_museum_anchor li::after {
  content: '';
  display: inline-block;
  border-top: 8px solid #ca3935;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  position: absolute;
  top: 50%;
  right: 11px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
ul.ul_museum_anchor li a {
  color: #000;
  letter-spacing: .02em;
  font-size: 16px;
}
@media (max-width: 768px) {
  ul.ul_museum_anchor {
    max-width: 100%;
  }
  ul.ul_museum_anchor li {
    padding: 1px 20px 1px 5px;
    width: 185px;
  }
  ul.ul_museum_anchor li + li {
    margin-left: 5px;
  }
  ul.ul_museum_anchor li:after {
    height: initial;
  }
}

/*============================= End Anchor links ============================*/


.bx__intro {
  background: url(../image/bkg03.png);
  border: 3px solid #b28e5f;
  margin: 50px auto 40px;
  max-width: 590px;
  padding: 3px;
  position: relative;
}
.bx__intro__inner {
  border: 1px solid #b28e5f;
  padding: 40px 0 10px;
}
.bx__h3 {
  background: url(../image/bg_h3.png) center no-repeat;
  background-size: 100%;
  color: #FFF;
  font-weight: 600;
  max-height: 41px;
  padding: 11px;
  left: 50%;
  margin-left: -140px;
  position: absolute;
  top: -20px;
  width: 281px;
}
.bx__h3 span {
  position: relative;
  padding: 0 33px;
  display: inline-block;
}
.bx__h3 >span::after,
.bx__h3 >span::before {
  background: url(../image/ico_01.png) no-repeat;
  content: '';
  display: block;
  height: 14px;
  left: 0;
  margin-top: -7px;
  position: absolute;
  top: 50%;
  width: 22px;
}
.bx__h3 >span::after {
  left: auto;
  right: 0;
}
.right {
  text-align: right;
  margin-bottom: 10px;
  max-width: 98%;
  padding-left:1em;
  text-indent:-1em;
}

.facility_table_contents_wrap {
  max-width: 750px;
  margin: 25px auto 43px;
}

.facility_table_contents.table_type02 td {
	border-right: none;
}

.facility_table_contents.table_type02 tr:last-of-type td,
.facility_table_contents.table_type02 tr:last-of-type th {
	border-bottom: none;
}

#access .box_access {
  margin: 0 auto;
  width: 810px;
  padding: 30px 0;
}

@media (min-width: 768px) {
  .facility_map_img {
    height: 388px;
  }
}

@media (max-width: 767px) {
  .facility_table_contents_wrap {
    padding: 0;
  }

  #access .box_access {
    max-width: 94%;
    padding-top: 1.5em;
  }
}
#access .box_access .left_side {
  display: inline-block;
  float: left;
  vertical-align: top;
  width: 408px;
}
#access .box_access .left_side .google-maps {
  height: 0;
  margin-bottom: 25px;
  overflow: hidden;
  padding-bottom: 66%;
  position: relative;
}
#access .box_access .left_side .google-maps iframe {
  height: 100% !important;
  left: 0;
  position: absolute;
  top: 0;
  width: 100% !important;
}

@media (max-width: 767px) {
  ul.ul_museum_anchor li.museum_photo a:before {
    right: 7px;
  }
  #access .box_access .left_side {
    width: 100%;
    margin: 0 auto;
    padding: 0 5px;
  }
  #access .box_access .left_side .google-maps {
    margin-bottom: 19px;
  }
}
#access .box_access .right_side {
  display: inline-block;
  float: right;
  vertical-align: -webkit-baseline-middle;
  width: 44.21%;
}
#access .box_access .right_side h5 {
  color: #FFFFFF;
  font-weight: 600;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
#access .box_access .right_side .access_address h5 {
  background: #6f3334 url(../image/bg-menu.png) repeat;
  background-size: 45%;
  margin-bottom: 15px;
}
#access .box_access .right_side .access_address p {
  color: #000;
  line-height: 22px;
  margin-bottom: 37px;
  padding-left: 28px;
}
#access .box_access .right_side .access_info h5 {
  background: #6f3334 url(../image/bg-menu.png) repeat;
  background-size: 45%;
  margin-bottom: 15px;
}
#access .box_access .right_side .access_info p.heading {
  background: url(../image/ico_h3_tbl.png) no-repeat left center;
  color: #B28E5F;
  font-weight: 600;
  line-height: 24px;
  margin: 16px 0 5px;
  padding-left: 30px;
}
#access .box_access .right_side .access_info p.txt {
  color: #000;
  line-height: 22px;
  margin-bottom: 8px;
  padding-left: 27px;
}
.access_location {
  width: 90%;
  margin: 30px auto 0;
}

@media (max-width: 767px) {
  #access .box_access .right_side {
    width: 100%;
  }
  #access .box_access .right_side h5 {
    line-height: 37px;
    height: 37px;
  }
  #access .box_access .right_side .access_address h5 {
    background: #6f3334 url(../image/bg-menu.png) repeat;
    background-size: 45%;
    margin: 0 0 11px;
  }
  #access .box_access .right_side .access_address p {
    color: #000;
    line-height: 24px;
    margin-bottom: 27px;
    padding-left: 17px;
  }
  #access .box_access .right_side .access_info h5 {
    background: #6f3334 url(../image/bg-menu.png) repeat;
    background-size: 45%;
    margin-bottom: 15px;
  }
  #access .box_access .right_side .access_info p.heading {
    background: url(../image/ico_h3_tbl.png) no-repeat left center;
    color: #B28E5F;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 7px;
    padding-left: 25px;
  }
  #access .box_access .right_side .access_info p.txt {
    color: #000;
    line-height: 24px;
    margin-bottom: 8px;
    padding-left: 27px;
  }
  #access .box_access .right_side .access_info p.txt span {
    color: #0d53de;
  }
}
/* Box map */
.box__map .wcm {
  max-width: 830px;
}

p.zoom_text {
  padding-left: 1em;
  text-indent: -1em;
  line-height: 29px;
  margin: 20px 0;
  text-align: center;
}

/*============================ SP ============================*/

@media (max-width: 767px) {
  body {
    font-size: 15px;
  }
  .wcm {
    width: 95%;
  }
  h1.banner {
    margin-top: 0px;
  }
  .breadcrumbs li {
    font-size: 14px;
  }
  .desc {
    line-height: 25px;
    margin: 15px 0 37px;
    padding: 0 10px;
  }
  .right {
    text-align: left;
    max-width: 100%;
  }

  /*=========== SP Anchor links ===========*/

  ul.ul_museum_anchor {
    max-width: 94%;
    margin: 30px auto 40px;
    overflow: hidden;
  }

  ul.ul_museum_anchor li:nth-child(even) {
    border-right: none;
  }

  ul.ul_museum_anchor li:after {
    background-color: rgba(255,255,255,0.3);
    height: 100%;
  }
  ul.ul_museum_anchor li a:after {
    background: url(../image/ico_arrow_triangle_anchor.png) no-repeat;
    background-size: 12px 7px;
    bottom: 12px;
    height: 7px;
    margin-left: -6px;
    right: 5%;
    top: auto;
    width: 12px;
  }
  ul.ul_museum_anchor li a span {
    font-size: 15px;
    line-height: 18px;
  }
  ul.ul_museum_anchor li.museum_overview a span {
    background: url(../image/ico_overview.svg) no-repeat left 15px center;
    background-size: auto 30px;
  }
  ul.ul_museum_anchor li.museum_access a span {
    background: url(../image/ico_access.svg) no-repeat left 17px center;
    background-size: auto 28px;
  }

  p.zoom_text {
    text-align: left;
    line-height: 24px;
    margin: 17px auto 20px;
    max-width: 90%;
    padding: 0;
  }

}

/*============================= End SP Anchor links ============================*/
.box__photos .wcm {
  padding: 0;
  max-width: 900px;
}
.box_floor .wcm{
  max-width: 750px;
}

.box_floor .wcm img {
  border: 5px #fff solid;
  box-sizing: border-box;
  margin: 0 auto 13px;
}

.box_floor .wcm img:last-child{
  margin: 0 auto;
}

.box__photos .buttons {
  font-size: 0;
  margin: 0 auto;
  max-width: 71.74%;
  padding: 0;
}


/* 20181117_add movie */
.item__inner {
  width: 550px;
  margin: 15px auto 80px;
  background: -webkit-gradient(linear, left bottom, left top, from(#d8c394), to(#ece3ce));
  background: linear-gradient(to top, #d8c394, #ece3ce);
  padding: 15px 15px 5px;
}
.item__inner .bximg {
  overflow: hidden;
  width: 480px;
  display: block;
  margin: 25px auto;
}
.item__inner .bximg img {
  position: relative;
  border: 1px solid #aaaaaa;
}
.movie_youtube:hover{
  opacity: .7;
}

.item__inner  h3.text_sub {
  font-size: 32px;
  font-weight: 600;
  text-align: center;
  line-height: 1.8;
}

.item__inner  p.lead_txt {
  text-align: center;
  padding: 0;
}

@media (max-width: 767px) {
  .item__inner {
    width: 94%;
  }
  .item__inner  h3.text_sub {
    font-size: 2rem;
    line-height: 1.6em;
    margin-bottom: 0.5rem;
  }
  .item__inner .bximg {
    width: 100%;
    margin: 0 auto;
  }
  .item__inner  p.lead_txt {
    text-align: left;
    margin-bottom: 1rem;
  }
}

/* h3見出し追加 */
.title_h3 {
  background: url(../image/title05.png) no-repeat;
  display: table;
  height: 40px;
  margin: 20px auto 22px;
  position: relative;
  text-align: center;
  width: 443px;
}
.title_h3:after {
  background: #ab2422;
  content: '';
  display: block;
  height: 2px;
  margin: -1px 0 0 -450px;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 900px;
  z-index: -1;
}
.title_h3.title_h3_02 {
  background: url(../image/title03.png) no-repeat;
}
.title_h3.title_h3_02:after {
  background: #30489e;
}
.title_h3.title_h3_03 {
  background: url(../image/title04.png) no-repeat;
}
.title_h3.title_h3_03:after {
  background: #b28e5f;
}
.title_h3.title_h3_04 {
  background: url(../image/title05.png) no-repeat;
}
.title_h3.title_h3_04:after {
  background: #CE9B0E;
}
.title_h3.title_h3_05 {
  background: url(../image/title06.png) no-repeat;
}
.title_h3.title_h3_05:after {
  background: #A6342C;
}

.title_h3 > span {
  color: #fff;
  display: table-cell;
  font-size: 19px;
  font-weight: 600;
  vertical-align: middle;
}
.tablet .title_h3 > span {
  font-weight: normal;
}
.title_h3 > span > span {
  display: inline-block;
  padding: 0 35px;
  position: relative;
  vertical-align: middle;
  font-weight: 600;
}
.title_h3 > span > span:before,
.title_h3 > span > span:after {
  background: url(../image/ico2.png) no-repeat center;
  content: '';
  display: block;
  height: 14px;
  left: 0;
  margin-top: -7px;
  position: absolute;
  top: 50%;
  width: 22px;
}
.title_h3 > span > span:after {
  left: auto;
  right: 0;
}
@media (max-width: 767px) {
  .title_h3 {
    background: url(../image/title02_sp.png) no-repeat;
    margin-bottom: 13px;
    overflow: hidden;
  }
  .title_h3:after {
    margin-left: -172px;
    width: 343px;
  }
  .title_h3.title_h3_02 {
    background: url(../image/title03_sp.png) no-repeat;
  }
  .title_h3.title_h3_03 {
    background: url(../image/title04_sp.png) no-repeat;
    width: 349px;
  }
  .title_h3.title_h3_04 {
    background: url(../image/title05_sp.png) no-repeat;
    width: 349px;
  }
  .title_h3.title_h3_05 {
    background: url(../image/title06_sp.png) no-repeat;
    width: 349px;
  }
  .title_h3.title_h3_03:after,
  .title_h3.title_h3_04:after,
  .title_h3.title_h3_05:after {
    margin-left: -192px;
    width: 385px;
  }
  .title_h3.title_h3_03 > span > span,
  .title_h3.title_h3_04 > span > span,
  .title_h3.title_h3_05 > span > span {
    padding: 0 25px;
    position: relative;
    top: -1px;
  }
}
@media (max-width: 413px) {
  .box__photos .wcm {
    width: 100%;
  }
  ul.ul_museum_anchor li a:before {
    right: 4px;
  }
  ul.ul_museum_anchor li.museum_photo a span {
    background: url(../image/ico_sword.svg) no-repeat left 6px center;
    background-size: 23px;
  }
  ul.ul_museum_anchor li.museum_overview a span {
    background: url(../image/ico_overview.svg) no-repeat left 13px center;
    background-size: auto 20px;
  }
  ul.ul_museum_anchor li.museum_access a span {
    background: url(../image/ico_access.svg) no-repeat left 11px center;
    background-size: auto 21px;
  }
  ul.ul_museum_anchor li.museum_photo_old a span {
    background: url(../image/ico_sword_02.svg) no-repeat left 8px center;
    background-size: 22px;
  }
  .title_h2 {
    background-size: 100% auto!important;
    height: 36px;
    width: 300px;
  }
  .title_h2 > span {
    font-size: 17px;
  }
  .title_h2 >span span {
    padding: 0 25px;
  }
  .title_h2 > span span:before,
  .title_h2 > span span:after {
    background-size:  100%;
    height: 14px;
    margin-top: -7px;
    width:  20px;
  }
  .title_h3.title_h3_03,
  .title_h3.title_h3_04,
  .title_h3.title_h3_05 {
    background-position: top center;
    background-size: auto 34px;
    height: 34px;
    width: 100%;
  }
  .title_h3.title_h3_03 > span,
  .title_h3.title_h3_04 > span,
  .title_h3.title_h3_05 > span {
    font-size: 15px;
  }
}

/* ポスター追加 */
.add_poster {
  display: block;
  margin: 0 auto ;
  max-width: 80%;
}
/* パンフレット追加 */
.add_poster .catalog {
  margin: 0 auto 60px;
  position: relative;
}
.add_poster .catalog a:after {
  background: url(../image/ico_zoom.png) no-repeat top left;
  background-size: 100% 100%;
  content: "";
  height: 22px;
  position: absolute;
  bottom: 20px;
  right: 10px;
  width: 22px;
  z-index: 1;
}

@media (min-width: 767px) {
  .box__photos .item a.fancybox {
    min-height: 210px;
  }
}

/*======================================================================================*/
.box__photos__list {
  margin-left: -5px;
}
.box__photos__list .item {
  padding-left: 5px;
  margin-bottom: 5px;
}
.box__photos .btns.sp {
  margin: 0 auto;
  width: 95%;
  text-align: center;
}
.box__photos .btns .hide {
  display: none;
}
.box__photos .btns .cmn_link_btn .cmn_link_btn_text {
  font-size: 15px;
  padding: 8px 25px 8px 5px;
}
.box__photos .btns .cmn_link_btn .cmn_link_btn_text::after {
  border-width: 5px 0 5px 7px;
  right: 15px;
  top: calc(50% - 6px);
  transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.box__photos .btns .cmn_link_btn.active .cmn_link_btn_text::after {
  transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
}

@media (min-width: 767px) {
  .box__photos .btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .box__photos .btns .cmn_link_btn {
    margin: 0;
    width: 180px;
  }
}

@media (max-width: 768px) {
  .box__photos .btns .cmn_link_btn .cmn_link_btn_text::after {
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
  }
  .box__photos .btns .cmn_link_btn.btnopen .cmn_link_btn_text::after {
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
  }
}

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

/*==========================================
TCI福岡_sakaguchi バナー共通化対応
===========================================*/
@media (max-width: 767px) {
  body.daitouken-ichi .cmn_bnr_area.col01_bnr_01 {
    max-width: 320px;
  }
}
@media (min-width: 768px){
  .cmn_bnr_area.col03.cmn_has_spacer {
    background: url(../../../../../../image_cmn/banner/bnr-spacer.png?date=20210506) no-repeat right 2.5% bottom 0;
    background-size: 30% auto;
  }
}

/*==========================================
igarashi レイアウト変更対応
===========================================*/
.box__photos__list .item__title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 4px 10px;
}
.box__photos__list .item__title span {
  font-size: 13px;
  line-height: 1.2;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: initial;
}
@media (max-width: 767px) {
  .box__photos__list .item__title {
    height: 3em;
  }
}
/* アンカーリンク */
a:link.link-color {
  color: #6D93E3;
}
a:visited.link-color {
  color: #6D93E3;
}
a:hover.link-color {
  color: #dd0000; 
}
.cmn_h2_01::before,
.cmn_h2_01::after {
  content: none;
}
.cmn_h2_01>span>span::after,
.cmn_h2_01>span>span::before {
  content: none;
}
.cmn_h2_01>span {
  background-image: none;
  padding: 7px 76px 7px;
}
h2.cmn_h2_01.pattern1 {
  background: url('../image/bg-h2.png') no-repeat center / cover;
  border: none;
  color: #fff;
  max-width: 840px;
}
h3.cmn_h2_01.pattern1 {
  background: url(../image/bg-h3.png) no-repeat center / cover;
  max-width: 640px;
}
h2.cmn_h2_01.pattern2 {
  background: url(../image/bg-h2-2.png) no-repeat center / cover;
}
h3.cmn_h2_01.pattern2 {
  background: url(../image/bg-h3-2.png) no-repeat center / cover;
  max-width: 640px;
}
.cmn_h2_01.pattern3 {
  background: url(../image/bg-h2-3.png) no-repeat center / cover;
}
.cmn_h2_01.pattern4 {
  background: url(../image/bg-h2-4.png) no-repeat center / cover;
}
.ul_museum_anchor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #ca3935;
}
ul.ul_museum_anchor li {
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 30px;
  text-align: center;
  padding: 1px 23px 1px 10px;
  position: relative;
  width: 190px;
}
ul.ul_museum_anchor li + li {
  margin-left: 10px;
}
ul.ul_museum_anchor li::after {
  content: '';
  display: inline-block;
  border-top: 8px solid #ca3935;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  position: absolute;
  top: 50%;
  right: 11px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
ul.ul_museum_anchor li a {
  color: #000;
  letter-spacing: .02em;
  font-size: 16px;
}
@media (max-width: 768px) {
  ul.ul_museum_anchor {
    max-width: 100%;
  }
  ul.ul_museum_anchor li {
    padding: 1px 20px 1px 5px;
    width: 185px;
  }
  ul.ul_museum_anchor li + li {
    margin-left: 5px;
  }
  ul.ul_museum_anchor li:after {
    height: initial;
  }
}
@media (max-width: 767px) {
  ul.ul_museum_anchor li {
    max-width: initial;
    width: 48%;
  }
  ul.ul_museum_anchor li + li {
    margin-left: 0;
  }
  ul.ul_museum_anchor li:nth-of-type(2n) {
    margin-left: 5px;
  }
  ul.ul_museum_anchor li:nth-of-type(3),
  ul.ul_museum_anchor li:nth-of-type(4)
  {
    margin-top: 5px;
  }
}
@media (max-width: 374px) {
  ul.ul_museum_anchor li {
    width: 80%;
  }
  ul.ul_museum_anchor li:nth-of-type(2n) {
    margin-left: 0;
  }
  ul.ul_museum_anchor li:nth-of-type(2) {
    margin-top: 5px;
  }
}

/* 背景 */
.box__photos {
  margin-bottom: 0;
}
#overview {
  background: url(../image/bg-overview.jpg) repeat-y center / cover;
  padding-top: 50px;
  padding-bottom: 35px;
}
#overview, #access {
  max-width: 100%;
}
.add_poster .catalog {
  margin-bottom: 0;
}
#old_event {
  background: url(../image/bg-old-event.jpg) repeat-y center / cover;
  padding-top: 45px;
  padding-bottom: 55px;
}
@media (max-width: 425px) {
  .facility_overview th span {
    margin-right: 20px;
  }
}

.lead_text {
  max-width: 720px;
  margin: 15px auto 0;
}
.item__inner {
  max-width: 480px;
  padding: 0;
  background: none;
}
.item__inner .bximg {
  padding: 5px;
  background-color: #4a3625;
}
.item__inner .bximg_text {
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.cmn_h2_01>span>span {
  font-size: 24px;
}
h3.cmn_h2_01>span>span {
  font-size: 20px;
}

.paper_catalog h3.cmn_h2_01 > span {
  font-size: 20px;
}
.box__photos p {
  text-align: center;
}
.h3_lead {
  font-size: 16px;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 20px;
  letter-spacing: .02em;
}


/* 写真集レイアウト */
.items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.item__img a {
  position: relative;
}
.item__img a::after {
  background: url(../image/ico_zoom.png) no-repeat top left;
  background-size: 100% 100%;
  content: "";
  height: 22px;
  position: absolute;
  bottom: 5px;
  right: 5px;
  width: 22px;
  z-index: 1;
}

.items .item.photo_w25{
  width: 25%;
}

.items .item.photo_w33{
  width: calc(100% / 3);
}

.items .item.photo_w50{
  width: 50%;
}

.items .item.photo_w25 img,
.items .item.photo_w33 img,
.items .item.photo_w50 img{
  height: 250px;
  object-fit: cover;
}

@media only screen and (max-width: 768px){
  .items .item.photo_w25 img,
  .items .item.photo_w33 img,
  .items .item.photo_w50 img{
    height: 170px;
  }
}

@media(min-width:320px) {
  .box__photos__list .item__img img{
    height: 140px;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
  }
}
@media(min-width:375px) {
  .box__photos__list .item__img img{
    height: 169px;
  }
}
@media(min-width:425px) {
  .box__photos__list .item__img img{
    height: 159px;
  }
}
@media(min-width:768px) {
  .box__photos__list .item__img img{
    height: auto;
    -o-object-fit: initial;
       object-fit: initial;
  }
}

/* ボタンデザイン */
.btns,
.box__photos .btns.sp
{
  margin-top: 15px;
}
.btns .cmn_link_btn {
  border: 2px solid #920f0f;
  border-radius: 30px;
}
.box__photos .btns .cmn_link_btn .cmn_link_btn_text {
  padding: 0;
}
.btns .cmn_link_btn_inner::before,
.btns .cmn_link_btn_inner::after
{
  content: none;
}
.btns .cmn_link_btn::before,
.btns .cmn_link_btn::after {
  content: none;
}
.btns .cmn_link_btn_text {
  border: none;
}
/* テーブル */
.facility_table_contents_wrap {
  background-color: #fff;
  padding: 20px;
}
.facility_overview tr {
  display: block;
  padding: 10px 10px 8px;
}
.facility_overview tr:first-of-type {
  padding-top: 0;
}
.facility_overview tr:last-of-type {
  padding-bottom: 0;
}
.facility_overview tr:not(:last-of-type) {
  border-bottom: 2px solid #673e26;
}
.facility_overview th span{
  background-color: #673e26;
  color: #fff;
  display: inline-block;
  margin-right: 55px;
  min-width: 120px;
  padding: 2px 22px;
  text-align: center;
}
a.facility_btn {
  background-color: #713f94;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  margin-left: 28px;
  padding: 3px 29px 3px 22px;
  position: relative;
}
a.facility_btn::after {
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  right: 10px;
  top: calc(50% - 5px);
  width: 0;
}
.paper_catalog_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 740px;
  margin: 0 auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.paper_catalog_wrapper .add_poster  {
  max-width: 440px;
}
.paper_catalog_wrapper .add_poster img{
  max-height: 300px;
}

@media (max-width: 767px) {
  .facility_overview th span {
    margin-right: 20px;
  }
  .facility_overview tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  ul.ul_museum_anchor {
    margin: 0 auto;
  }
  h3.cmn_h2_01 {
    max-height: initial;
  }
  .cmn_h2_01>span>span {
    font-size: 20px;
    padding: 0;
  }
  h3.cmn_h2_01>span>span {
    font-size: 18px;
  }
  .cmn_h2_01>span {
    padding: 7px 30px 7px;
  }
  .facility_overview th span {
    max-width: 110px;
  }
  a.facility_btn {
    font-size: 12px;
  }
  a.facility_btn::after {
    right: 6px;
    top: calc(50% - 6px);
  }
  .paper_catalog h3.cmn_h2_01 > span {
    font-size: 19px;
  }
  .desc-wrap {
    padding: 10px;
  }
  .paper_catalog_wrapper {
    display: block;
  }
  .paper_catalog_wrapper .catalog {
    margin-top: 20px;
  }
  .paper_catalog_wrapper .add_poster{
    max-width: 210px;
  }
  .box__photos__list {
    margin: 0 -6px;
    padding: 0 26px;
  }
  .box__photos__list .item {
    padding: 0 2px;
    margin-bottom: 4px;
  }
  .box__photos__list .items{
    background: url(../image/icon-photo-list.png);
    background-repeat: no-repeat;
    background-position: bottom 43px right 32px;
  }
}

@media (max-width: 500px) {
  a.facility_btn {
    margin-left: 0;
    padding: 5px 20px 5px 13px;
  }
  .facility_table_contents_wrap {
    padding: 10px;
  }
  .facility_overview th span {
    min-width: 110px;
  }
}
#photo_event {
  padding-top: 20px;
  padding-bottom: 50px;
}
#photo_event.bg-main {
  background: url(../image/bg-main.jpg) repeat-y center / 100%;
}
#photo_event .desc {
  color: #000;
}
#photo_event .wcm > .cmn_h2_01.pattern1 {
  margin-top: 20px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .fancybox-stage .item-modal {
      width: 724px;
  }
}

.item-modal {
  display: none;
}

ul.ul_museum_anchor li.gr{
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
  pointer-events: none;
  background: #aaa;
  cursor: default;
}