@charset "utf-8";

/* ==================================================
ベース
================================================== */

#basebgwrapall {
  background-color: transparent;
  margin-bottom: 0;
  padding: 0;
}

/* ==================================================
ヘッダー
================================================== */

header {
  height: 65px;
  display: block;
  border-bottom: 1px solid #000000;
}

/* トップ大見出し */


.museum_head_con {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 10px;
  margin-top: 0;
}

.museum_head_title {
  height: auto;
}

.museum_head_title h1 {
  font-size: 3.6rem;
}

.museum_head_title span {
  font-size: 1.7rem;
}


/* ==================================================
博物館　スライダー
================================================== */

.container01 {
  width: 100%;
  padding: 20px 20px 0 20px;
}


/* ==================================================
博物館　カレンダー　新着情報
================================================== */

.container02 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
  border-top: none;
  padding: 20px;
}

.container02_left {
  width: 100%;
  border-right: none;
  border-bottom: 1px solid #C4C4C4;
  padding-bottom: 0;
}

.container02_right {
  width: 100%;
}

/* 混雑状況リンク */

.museum_konzatsu_link {
  width: 100%;
}

/* カレンダー */

.at_schedule_wp {
  width: 267px;
  padding-top: 20px;
}

.artCalendar_wp {
  width: 267px;
}

.at_schedule_wp a.bx-prev {
    left: -25px;
}
.at_schedule_wp a.bx-next {
    right: -25px;
}

/* 新着情報 */

.museum_oshirase_wp {
  padding-top: 30px;
  padding-bottom: 30px;
}

.oshirase_content .info-box li {
  flex-direction: column;
}

.oshirase_content .info-box span.date {
  width: 100%;
}

.oshirase_content .info-box span.infotxt {
  width: 100%;
}


/* ==================================================
博物館　展示・イベントのご案内
================================================== */

.container03 {
  width: 100%;
}

.museum_eventGuide_con ul {
  flex-direction: column;
}

.museum_eventGuide_item {
  margin: 0 auto;
  margin-bottom: 40px;
}

.museum_eventGuide_item:nth-of-type(4n) {
  margin: 0 auto;
  margin-bottom: 40px;
}

.t_morebtn {
  width: 90%;
  margin: 0 auto;
}

/* ==================================================
博物館　関連情報
================================================== */

.container04 {
  width: 100%;
}

#artZoomUpSlider-slick button.slick-prev {
  left: 0;
}

#artZoomUpSlider-slick button.slick-next {
  right: 0;
}

#artZoomUpSlider-slick button.slick-arrow {
  width: 60px;
  height: 100%;
}

#artZoomUpSlider-slick button.slick-prev::before {
  position: absolute;
  top: 50%;
  left: 30%;
  display: block;
  content: ' ';
  width: 12px;
  height: 12px;
  border-top: 3px solid #006EB0;
  border-right: 3px solid #006EB0;
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
  margin-top: -7px;
  margin-left: 3px;
}

#artZoomUpSlider-slick button.slick-next::before {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  content: ' ';
  width: 12px;
  height: 12px;
  border-top: 3px solid #006EB0;
  border-right: 3px solid #006EB0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-top: -7px;
}

.artZoomUpSlider a {
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}

_::-webkit-full-page-media, _:future, :root .artZoomUpSlider a {
    outline: none;
}

/* ==================================================
博物館　画像リンク
================================================== */

.container05 {
  width: 100%;
  padding: 40px 20px 30px 20px;
}

.museum_image_link_wp {
  width: 100%;
}

.museum_image_link_wp ul {
  flex-wrap: nowrap;
  flex-direction: column;
}

.museum_image_link_wp ul li {
  width: 100%;
}

/* ==================================================
フッター
================================================== */

div.address_wp p.add_txt span {
  display: block;
}

div.address_wp p.add_txt span.add_num {
  margin-left: 0;
}