@charset "UTF-8";
/*
Theme Name: 感覚ミュージアムページデザインスタイル1
Author: Unigraphic
Description: 感覚ミュージアムのページデザインスタイル1

last 2026.4.22
*/
/*フォント設定*/
html {
  font-size: 10px; /* initial 10px */
  scroll-padding-top: 150px; /* ヘッダー高さ + 余白 */
}

body {
  font-family: "Yu Gothic", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.6rem;
  /* default font-size 16px */
  font-weight: 400;
  line-height: 1.6;
  color: #333333;
  /* 文章処理 */
  overflow-wrap: anywhere; /* 収まらない場合は折り返し */
  word-break: normal; /* 単語の分割はデフォルト */
  line-break: strict; /* 禁則処理厳格 */
  scroll-padding-top: 150px; /* ヘッダー高さ + 余白 */
}

/*----------------------------------------------------------
/* define
-----------------------------------------------------------*/
/* base color */
/*----------------------------------------------------------
/* リセット・基本定義
-----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

/* 段落 */
p {
  margin: 0.4em 0 1.2em 0;
}

/* 自動整形で発生した空のpタグを消す */
p:empty {
  display: none;
}

/* アンカー */
a,
a:link,
a:visited,
a:active {
  text-decoration: none;
  color: #2b2b2b;
}

a:active,
a:hover {
  text-decoration: underline;
}

a.no-udline {
  text-decoration: none !important;
}

/*** 詳細以外のページリストスタイルリセット ***/
ul,
ul li,
ol,
ol li {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* テーブルのセル内の文字自動折り返し */
table tr th,
table tr td {
  overflow-wrap: anywhere;
}

/*** イメージ ***/
img {
  max-width: 100%;
  height: auto;
}

/*** 汎用クラス ***/
.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mb95 {
  margin-bottom: 95px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.indent1 {
  padding-left: 1em;
  text-indent: -1em;
}

/* スモールデバイスでボタンタップ時の枠線OFF */
*:focus {
  outline: none;
}

/* ホバーエフェクト */
a.hoveffect {
  transition: all 0.2s ease-out;
}

a.hoveffect:hover {
  opacity: 0.7;
}

/*-------------------------------------------------------------------
/*  ヘッダー
--------------------------------------------------------------------*/
header {
  position: fixed;
  margin: 0 auto 0;
  width: 100%;
  z-index: 100;
}

/* 擬似要素 */
header::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(51, 51, 51, 0.7);
  z-index: 0;
}

.hd-inner {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto 0;
  width: 100%;
  max-width: 1920px;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .hd-inner {
    padding: 15px 20px;
    height: 60px;
  }
  .hd-inner .hd-logo img {
    width: 170px;
  }
}
@media screen and (min-width: 768px) {
  .hd-inner {
    justify-content: space-between;
    padding: 20px 6%;
  }
}
/*-------------------------------------------------------------------
/*  GLナビ（ラージデバイス）ヘッダーナビ
--------------------------------------------------------------------*/
/*
@media screen and (max-width: 1199px) {
  .global-navi {
    display: none;
  }
}
*/
@media screen and (min-width: 768px) {
  .global-navi {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
  }
  #menu-globalnavi {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
  }
  #menu-globalnavi > li {
    position: relative;
    height: 28px;
  }
  #menu-globalnavi > li:nth-of-type(n+2) {
    margin-left: 30px;
  }
  #menu-globalnavi > li a {
    position: relative;
    display: inline-block;
    padding: 0 0 2px 0;
    text-decoration: none;
    color: #fff;
  }
  /*
  #menu-globalnavi > li > a::after {
    content:'';
    position: absolute;
    bottom:0;
    left:50%;
    width:0;
    height:1px;
    background-color: #fff;
    transform: translateX(-50%)
  }
  #menu-globalnavi > li > a:hover::after {
    width:100%;
    @include cmn__transition();
  }
  */
  /* オンラインショップとお問い合わせ */
  .hd-extra-menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    margin: 0 0 0 80px;
  }
  .hd-extra-menu > li:nth-of-type(2) {
    margin-left: 20px;
  }
  #menu-globalnavi li .sub-menu {
    position: absolute;
    top: 28px;
    left: 50%;
    padding: 20px;
    width: 200px;
    text-align: center;
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    background-color: rgba(237, 119, 0, 0.8);
    pointer-events: none;
  }
  #menu-globalnavi > li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.4s ease-out;
    pointer-events: auto;
  }
  #menu-globalnavi li .sub-menu > li:nth-of-type(n+2) {
    margin-top: 8px;
  }
  #menu-globalnavi li .sub-menu::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 1px;
    background-color: #fff;
    transform: translateX(-50%);
  }
  #menu-globalnavi li:hover .sub-menu::after,
  #menu-globalnavi li .sub-menu:hover::after {
    width: 100%;
    transition: all 0.4s ease-out;
  }
}
/*-------------------------------------------------------------------
/*  GLナビ（スモールデバイス）
--------------------------------------------------------------------*/
@media screen and (max-width: 1199px) {
  #hd-menu-sd {
    position: relative;
    z-index: 50;
  }
  /* SPナビOPENボタン */
  .sdmenu-btn {
    display: block;
    position: fixed;
    top: 0;
    right: 15px;
    cursor: pointer;
    width: 62px;
    height: 68px;
    text-align: center;
    transition: 0.2s ease-in-out;
    z-index: 30;
  }
  .sdmenu-btn:hover {
    opacity: 1;
  }
  .sdmenu-btn.active {
    opacity: 0;
    pointer-events: none;
  }
  .sdmenu-btn span {
    display: block;
    position: absolute;
    width: 50px;
    height: 3px;
    left: 6px;
    background: #fff;
    transition: 0.2s ease-in-out;
  }
  .sdmenu-btn span:nth-child(1) {
    top: 15px;
  }
  .sdmenu-btn span:nth-child(2) {
    top: 32px;
  }
  .sdmenu-btn span:nth-child(3) {
    top: 50px;
  }
  .sdmenu-btn.active span:nth-child(1) {
    top: 40px;
    left: 0;
    transform: rotate(-45deg);
  }
  .sdmenu-btn.active span:nth-child(2),
  .sdmenu-btn.active span:nth-child(3) {
    top: 40px;
    transform: rotate(45deg);
  }
  /** ウインドウオープン **/
  /*** js側 クラス名active 付与で表示ON／OFF ***/
  .globalnavi-sp.active,
  .sp-fade.active {
    visibility: visible;
    opacity: 1;
  }
  .globalnavi-sp.active {
    z-index: 45;
  }
  .sp-fade.active {
    cursor: pointer;
    z-index: 5;
  }
  /* SPナビ包含 */
  .globalnavi-sp {
    visibility: hidden;
    position: fixed;
    z-index: -10;
    top: 0;
    left: 50%;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.4);
    mix-blend-mode: multiply;
    padding: 30px 20px 30px 20px;
    width: 100%;
    height: 80vh;
    opacity: 0;
    transition: opacity 0.6s ease, visibility 0.6s ease;
    transform: translateX(-50%);
    overflow: auto;
  }
  /*** メニューヘッダー ***/
  #spmenu-header {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    margin: 0 auto 20px;
  }
  /** cloce Ｘボタン **/
  #spmenu-header .sdmenu-closebtn {
    cursor: pointer;
    position: relative;
    width: 50px;
    height: 2px;
    left: 0;
    width: 50px;
    height: 50px;
  }
  #spmenu-header .sdmenu-closebtn span {
    position: absolute;
    width: 50px;
    height: 2px;
    left: 0;
    background: #fff;
  }
  #spmenu-header .sdmenu-closebtn span:nth-child(1) {
    top: 22px;
    left: 0;
    transform: rotate(-45deg);
  }
  #spmenu-header .sdmenu-closebtn span:nth-child(2),
  #spmenu-header .sdmenu-closebtn span:nth-child(3) {
    top: 22px;
    transform: rotate(45deg);
  }
  /*** メニューリスト ***/
  #menu-globalnavi-1 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 0 0;
    width: 100%;
  }
  #menu-globalnavi-1 li {
    width: 100%;
  }
  #menu-globalnavi-1 .contact,
  #menu-globalnavi-1 .recruit {
    width: 48%;
  }
  #menu-globalnavi-1 li:nth-of-type(n+2) {
    margin-top: 28px;
  }
  #menu-globalnavi-1 li a {
    display: block;
    padding: 10px 5px 10px 5px;
    text-decoration: none;
    font-size: 1.8rem !important;
    color: #fff !important;
  }
  #menu-globalnavi-1 .contact a,
  #menu-globalnavi-1 .recruit .sd-menu-text {
    display: block !important;
    text-align: center;
    background-color: #fff !important;
    color: #ed7700 !important;
  }
  /* 子メニューOPENボタン */
  #menu-globalnavi-1 > li .sp-submenubtn {
    cursor: pointer;
    position: relative;
    display: block;
    margin: 0 0 0 0;
    padding: 0 0 10px 0;
    font-size: 2rem;
    border-bottom: solid 1px #fff;
  }
  /* SDでは英字表示なし */
  #menu-globalnavi-1 > li .sp-submenubtn > span,
  #menu-globalnavi-1 > li > a > span > span {
    display: none;
  }
  #menu-globalnavi-1 > li .sp-submenubtn::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 18px;
    height: 18px;
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    transform: translateY(-50%) rotate(45deg);
    transition: all 0.2s ease-out;
  }
  #menu-globalnavi-1 > li .sp-submenubtn.open::after {
    transform: translateY(-50%) rotate(135deg);
  }
  /* 子メニュー */
  #menu-globalnavi-1 > li .sub-menu {
    position: relative;
    margin: 16px 0 0 0;
  }
  #menu-globalnavi-1 > li .sub-menu > li:nth-of-type(n+2) {
    margin-top: 6px;
  }
  #menu-globalnavi-1 > li .sub-menu > li > a {
    position: relative;
    display: block;
    padding: 10px 5px 10px 20px;
  }
  #menu-globalnavi-1 > li .sub-menu > li > a::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -5px;
    width: 14px;
    height: 14px;
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    transform: translateY(-50%) rotate(45deg);
  }
  /* SPメニューオープン時の影 */
  .sp-fade {
    visibility: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    -webkit-transition: opacity 0.6s ease, visibility 0.6s ease;
    transition: opacity 0.6s ease, visibility 0.6s ease;
    z-index: -10;
  }
}
@media screen and (max-width: 1199px) {
  .sp_openswitch {
    cursor: pointer;
  }
}
@media (min-width: 1200px) {
  #hd-menu-sd,
  .sp-fade {
    display: none;
  }
}
/*-------------------------------------------------------------------
/*  基本包含
--------------------------------------------------------------------*/
#wrapper {
  margin: 0 auto 0;
  width: 100%;
  max-width: 1920px;
}

/* トップページのみ上パディングなし */
.home main {
  padding-top: 0 !important;
}

@media screen and (max-width: 767px) {
  main {
    margin-bottom: 70px;
    padding-top: 100px;
  }
}
@media screen and (min-width: 768px) {
  main {
    margin-bottom: 150px;
    padding-top: 230px;
  }
}
/*-------------------------------------------------------------------
/*  トップページ
--------------------------------------------------------------------*/
/* 包含 */
.home #wrapper section {
  margin: 0 auto 0;
}

.home #wrapper section:nth-of-type(n+2) {
  max-width: 1080px;
  margin-top: 70px;
}

@media screen and (min-width: 768px) {
  .home #wrapper section:nth-of-type(n+2) {
    margin-top: 150px;
  }
}
@media screen and (max-width: 1199px) {
  .home #wrapper section:nth-of-type(n+2) {
    padding: 0 15px;
  }
}
/*** 汎用パーツ／ 他ページも含む ***/
/* 〇〇〇へボタン */
.cmn-to-link {
  text-decoration: none !important;
  position: relative;
  display: block;
  margin: 0 auto 0;
  padding: 12px;
  width: 80%;
  text-align: center;
  color: #ed7700 !important;
  background-color: #fff;
  border: solid 1px #ed7700;
}

.cmn-to-link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%) rotate(45deg);
  width: 16px;
  height: 16px;
  border-top: solid 1px #ed7700;
  border-right: solid 1px #ed7700;
  transition: all 0.2s ease-out;
}

.cmn-to-link:hover::after {
  transform: translateX(6px) translateY(-50%) rotate(45deg);
}

@media screen and (min-width: 768px) {
  .cmn-to-link {
    padding: 16px;
    width: 330px;
  }
  .cmn-to-link::after {
    right: 16px;
  }
}
/*** MV(ムービー)と開館情報 ***/
/* 包含 */
#mv-box {
  position: relative;
}

#mv-box video {
  width: 100%;
}

/*** 開館情報 ***/
.mbcal-today {
  position: absolute;
  bottom: 15px;
  left: 15px;
  display: flex;
  flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  border-radius: 10px 10px 10px 10px;
}

.mbcal-today .mbcal-today-status {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  height: 60px;
  padding: 0 12px;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  background-color: #ed7700;
  border-radius: 10px 0 0 10px;
}

/* 休館 */
.mbcal-today.is-closed .mbcal-today-status {
  background-color: #666666;
}

.mbcal-today .mbcal-today-body {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  padding: 0 16px;
  height: 60px;
  background-color: #fff;
  border-radius: 0 10px 10px 0;
}

/* i備考アイコン位置調整 */
.mbcal-today-body .mbcal-today-note-icon {
  font-size: 1.6rem !important;
}

@media screen and (max-width: 767px) {
  .mbcal-today {
    width: calc(100% - 30px);
  }
  .mbcal-today .mbcal-today-status {
    width: 30%;
    font-size: 1.8rem;
  }
  .mbcal-today .mbcal-today-body {
    width: 70%;
    font-size: 1.4rem;
  }
  .time-entry-box {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  /*** 開館情報 ***/
  .mbcal-today {
    bottom: 30px;
    left: 5.3%;
  }
}
/*-------------------------------------------------------------------
/*  お知らせ　※一部スタイルは一覧表示と共通
--------------------------------------------------------------------*/
/* お知らせリスト */
.cmn-news-list {
  margin: 0 auto 30px;
  width: 100%;
  border-top: solid 1px #ebebeb;
  border-bottom: solid 1px #ebebeb;
}

.cmn-news-list > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 0;
  width: 100%;
}

.cmn-news-list > li:nth-of-type(n+2) {
  border-top: solid 1px #ebebeb;
}

.cmn-news-list .cmn-news-item__category {
  display: block;
  margin-right: 14px;
  padding: 9px;
  width: 100px;
  text-align: center;
  font-size: 1.4rem;
  color: #fff;
  background-color: #666666;
}

.cmn-news-list .cmn-news-item__category.important {
  background-color: #ed7700;
}

.cmn-news-item__date {
  display: inline-block;
  margin-right: 14px;
}

.cmn-news-list .cmn-news-item__new {
  display: inline-block;
  margin-right: 14px;
}

@media screen and (max-width: 767px) {
  .cmn-news-list > li a {
    display: block;
    width: 100%;
    margin-top: 6px;
  }
}
@media screen and (min-width: 768px) {
  /* お知らせリスト */
  .cmn-news-list {
    margin: 0 auto 60px;
  }
  .cmn-news-list > li {
    padding: 15px 30px 15px 30px;
  }
  .cmn-news-list a {
    width: calc(100% - 300px);
  }
  .cmn-news-list .cmn-news-item__category {
    width: 150px;
  }
}
/*-------------------------------------------------------------------
/*  イベント
--------------------------------------------------------------------*/
.cmn-event-list {
  margin: 0 auto 30px;
  width: 100%;
}

.cmn-event-list li a {
  text-decoration: none !important;
  transition: all 0.2s ease-out;
}

.cmn-event-list li a:hover {
  opacity: 0.6;
}

.cmn-event-list li .thumb {
  position: relative;
  margin: 0 auto 10px;
  width: 100%;
  height: auto;
  aspect-ratio: 5/3;
}

.cmn-event-list li .thumb {
  position: relative;
  margin: 0 auto 10px;
  width: 100%;
  height: auto;
}

.cmn-event-list li .thumb img {
  width: 100%;
  height: auto;
  aspect-ratio: 5/3;
  object-fit: cover;
}

/* サムネイルonラベル */
.cmn-event-list li .thumb .event-status {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  padding: 8px 4px 10px 4px;
  width: 100px;
  line-height: 1;
  text-align: center;
  color: #fff;
  background-color: #ed7700;
}

.cmn-event-list li .info .event-category {
  margin: 0 0 6px 0;
}

.cmn-event-list li .info .title {
  margin: 0 0 0 0;
  font-size: 1.4rem;
}

/* イベント0件の時表示案内文 */
.cmn-event-cont .top-event-list__empty {
  margin: 0 auto 30px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  /* アーカイブページの下余白 */
  .archive .cmn-event-list {
    margin: 0 auto 50px;
  }
  .cmn-event-list > li:nth-of-type(n+2) {
    margin-top: 36px;
  }
  /*** イベントスライド（slick）／ イベントアーカイブと共通 ***/
  /* slickで非表示されたliを強制表示する */
  .cmn-event-list {
    overflow: hidden;
  }
  .cmn-event-list li {
    display: block;
    float: none;
    width: 100%;
  }
  /*** もっと見るボタン処理 ***/
  /* スマホ表示の場合のみ、もっと見るがある為opacityを設定する */
  .cmn-event-list li {
    opacity: 1;
    visibility: visible;
    transition: all 0.2s ease-out;
  }
  /* 4～6件目は初期は非表示にする */
  .cmn-event-list li.is-hidden {
    opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
  }
  /* ボタンフェードアウト */
  .js-more-btn {
    cursor: pointer;
    margin: 0 auto 40px;
    padding: 8px;
    color: #fff !important;
    background-color: #ed7700;
    border-radius: 30px;
    transition: all 0.2s ease-out;
  }
  .js-more-btn::after {
    border-top: solid 1px #fff !important;
    border-right: solid 1px #fff !important;
    transform: translateY(-70%) rotate(135deg);
  }
  .js-more-btn:hover::after {
    transform: translateY(-70%) rotate(135deg) !important;
  }
  .js-more-btn.is-hide {
    opacity: 0;
    pointer-events: none;
  }
}
@media screen and (min-width: 768px) {
  .cmn-event-list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0 auto 60px;
    width: 100%;
  }
  .cmn-event-list::after {
    content: "";
    width: 32%;
    height: 0;
    order: 1;
  }
  /* アーカイブページの下余白 */
  .archive .cmn-event-list {
    margin: 0 auto 100px;
  }
  .cmn-event-list > li,
  .cmn-event-list::after {
    width: 32%;
  }
  .cmn-event-list > li:nth-of-type(n+4) {
    margin-top: 50px;
  }
  /*** イベントスライド（slick） ***/
  /* スライド間に余白 */
  .cmn-event-list .slick-slide {
    margin: 0 10px;
  }
  /* 親で相殺（余白ズレ直す） */
  .cmn-event-list .slick-list {
    margin: 0 -10px;
  }
  /*** スライド送りボタン ***/
  .cmn-event-list .slide-arrow {
    cursor: pointer;
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    z-index: 1;
  }
  /* 前へ */
  .cmn-event-list .slide-arrow.prev-arrow {
    left: -50px;
  }
  /* 次へ */
  .cmn-event-list .slide-arrow.next-arrow {
    right: -50px;
  }
  /*** ラージデバイスでは「もっと見る」ボタンを非表示 ***/
  .js-more-btn {
    display: none;
  }
  /* イベント0件の時表示案内文 */
  .cmn-event-cont .top-event-list__empty {
    margin: 0 auto 60px;
  }
}
/*-------------------------------------------------------------------
/*  ご利用案内
--------------------------------------------------------------------*/
/*** 基本案内と休館日カレンダー ***/
.guide-content {
  margin: 0 auto 50px;
  width: 100%;
}

/** 基本案内 **/
.guide-content .museum-basic-info {
  position: relative;
}

.guide-content .museum-basic-info .photobox {
  margin: 0 auto 20px;
}

.guide-content .museum-basic-info .basic-menu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto 20px;
  width: 100%;
}

.guide-content .museum-basic-info .basic-menu > a {
  text-decoration: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 30%;
  background-color: #ebebeb;
  transition: all 0.2s ease-out;
}

.guide-content .museum-basic-info .basic-menu > a:hover {
  opacity: 0.6;
}

@media screen and (max-width: 767px) {
  /** 基本案内 **/
  .guide-content .museum-basic-info {
    margin: 0 auto 60px;
  }
  .guide-content .museum-basic-info .basic-menu > a {
    height: 90px;
  }
  .guide-content .museum-basic-info .basic-menu > a img {
    width: 50px;
  }
}
@media screen and (min-width: 768px) {
  .guide-content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
  }
  .guide-content .museum-basic-info {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    width: 56%;
  }
  .guide-content .museum-basic-info .photobox {
    margin: 0 auto 0;
  }
  .guide-content .museum-basic-info .basic-menu {
    margin: 0 auto 0;
  }
  .guide-content .museum-basic-info .basic-menu > a {
    height: 160px;
  }
  .guide-content .museum-basic-info .cmn-to-link {
    width: 100%;
  }
}
/*** 休館日カレンダー ***/
.kyukan-calendar {
  margin: 0 0 0 0;
  padding: 24px;
  border: solid 1px #ed7700;
}

.calendar-title {
  margin: 0 0 24px 0;
  font-size: 2.4rem;
  font-weight: bold;
}

/** 現在月と月送り **/
.mbcal-calendar-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: 0 auto 14px;
  padding: 8px;
  text-align: center;
  color: #fff;
  background-color: #ed7700;
}

.mbcal-calendar-nav .mbcal-calendar-year {
  margin: 0 auto 0;
  width: 100%;
  text-align: center;
  font-size: 1.4rem;
}

.mbcal-calendar-nav .mbcal-calendar-title {
  margin: 0 14px;
  line-height: 1;
  font-size: 4rem;
  font-weight: bold;
}

.mbcal-calendar-nav .mbcal-month-link {
  text-decoration: none !important;
  font-size: 1.8rem;
  color: #fff !important;
}

/*** カレンダー ***/
/* 包含 */
.mbcal-calendar-table-wrap {
  margin: 0 auto 0;
}

.mbcal-calendar-table {
  width: 100%;
}

.mbcal-calendar-table thead th {
  font-weight: normal !important;
}

.mbcal-calendar-table thead th,
.mbcal-calendar-table tbody td {
  padding: 2px;
  height: 36px;
  line-height: 1;
  text-align: center;
}

/* 凡例 */
#mbcal-calendar-area .mbcal-calendar-legend {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0 16px 0;
}

/* 基本情報 */
#mbcal-calendar-area .mbcal-calendar-note {
  margin: 0 0 0 0;
  line-height: 1.4;
  font-size: 1.8rem;
}

/* 各日セル */
#mbcal-calendar-area .mbcal-day {
  position: relative;
}

#mbcal-calendar-area .mbcal-day-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  font-size: 1.6rem;
  line-height: 1;
  border-radius: 9999px;
  background: transparent;
}

/* 本日の表示 */
#mbcal-calendar-area .mbcal-day.is-today .mbcal-day-number {
  border: solid 2px #ed7700;
}

/* 休館日は赤ベタ白抜き丸数字 */
#mbcal-calendar-area .mbcal-day.is-closed .mbcal-day-number {
  background: #c5001a;
  color: #fff;
}

/* 日々の「開館 / 休館」文字は表示しない */
#mbcal-calendar-area .mbcal-day-status {
  display: none;
}

/* 備考 i アイコン */
#mbcal-calendar-area .mbcal-day-note-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin-top: 6px;
  padding: 0;
  border: 1px solid #666;
  border-radius: 9999px;
  background: #fff;
  font-size: 1.2rem;
  line-height: 1;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

#mbcal-calendar-area .mbcal-day-note-toggle:hover,
#mbcal-calendar-area .mbcal-day-note-toggle:focus {
  background: #fff;
  outline: none;
}

#mbcal-calendar-area .mbcal-day-note-toggle[aria-expanded=true] {
  background: #ed7700;
  color: #fff;
  border-color: #ed7700;
}

/* 備考パネル */
#mbcal-calendar-area .mbcal-day-note-panel {
  position: absolute;
  top: 100%;
  right: 50%;
  transform: translateX(50%);
  padding: 6px 4px;
  width: 100%;
  border: 1px solid #d6d6d6;
  background: #fff;
  font-size: 1.2rem;
  line-height: 1.2;
  word-break: break-word;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  z-index: 1;
}

#mbcal-calendar-area .mbcal-legend-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  line-height: 1.4;
}

#mbcal-calendar-area .mbcal-legend-item.mbcal-legend-closed {
  margin-right: 10px;
}

#mbcal-calendar-area .mbcal-legend-mark {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 9999px;
  background: #c5001a;
}

/* 備考マーク／MVon休館案内とカレンダー備考で共通 */
#mbcal-calendar-area .mbcal-legend-note-mark,
.mbcal-today .mbcal-today-body .mbcal-today-note-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: 1px solid #666;
  border-radius: 9999px;
  background: #fff;
  font-size: 1.2rem;
  line-height: 1;
}

/* Ajax読込中 */
#mbcal-calendar-area.is-loading {
  opacity: 0.6;
  pointer-events: none;
}

@media screen and (max-width: 767px) {
  /* 基本情報 */
  #mbcal-calendar-area .mbcal-calendar-note {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 768px) {
  .kyukan-calendar {
    padding: 30px;
  }
  .guide-content .kyukan-calendar {
    width: calc(100% - (56% + 30px));
  }
}
/*** ミュージアムガイド（カフェ・ワークショップ・団体・貸出） ***/
.museum-guide {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto 50px;
  width: 100%;
}

.museum-guide > a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background-blend-mode: multiply;
  aspect-ratio: 1/1;
  transition: all 0.2s ease-out;
}

.museum-guide > a:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.museum-guide .cafe {
  background: url(../img/top/top-guide-navi01.jpg) center center/cover no-repeat, rgba(0, 0, 0, 0.36);
}

.museum-guide .workshop {
  background: url(../img/top/top-guide-navi02.jpg) center center/cover no-repeat, rgba(0, 0, 0, 0.36);
}

.museum-guide .dantai {
  background: url(../img/top/top-guide-navi03.jpg) center center/cover no-repeat, rgba(0, 0, 0, 0.36);
}

.museum-guide .rent {
  background: url(../img/top/top-guide-navi04.jpg) center center/cover no-repeat, rgba(0, 0, 0, 0.36);
}

.museum-guide > a img {
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .museum-guide > a {
    position: relative;
    width: 48%;
  }
  .museum-guide > a:nth-of-type(n+3) {
    margin-top: 20px;
  }
  .museum-guide > a img {
    width: 118px;
  }
}
@media screen and (min-width: 768px) {
  .museum-guide > a {
    width: 23%;
  }
}
/*** よくあるご質問 お問合せ ***/
.faq-contact {
  margin: 0 auto 0;
  width: 100%;
}

.faq-contact > div {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  padding: 30px;
  background-color: #ebebeb;
}

.faq-contact > div .cmn-to-link {
  width: 90%;
}

.faq-contact > div img {
  display: inline-block;
  margin: 0 0 18px 0;
}

@media screen and (max-width: 767px) {
  .faq-contact .faq-box {
    margin-bottom: 30px;
  }
  .faq-contact > div img {
    width: 135px;
  }
}
@media screen and (min-width: 768px) {
  .faq-contact {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }
  .faq-contact > div {
    width: 48.6%;
  }
  .faq-contact > div .cmn-to-link {
    width: 70%;
  }
}
/*-------------------------------------------------------------------
/*  
--------------------------------------------------------------------*/
/*-------------------------------------------------------------------
/*  感覚ミュージアムについて（Concept）
--------------------------------------------------------------------*/
/* コンテンツ */
.top-concept-cont {
  margin: 0 auto 30px;
  width: 100%;
}

/* ナビ */
.top-concept-navi {
  margin: 0 auto 0;
  width: 100%;
}

@media screen and (max-width: 767px) {
  /* コンテンツ */
  .top-concept-cont .photobox {
    margin: 0 auto 15px;
  }
  /* ナビ */
  .top-concept-navi a:nth-of-type(n+2) {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) {
  /* コンテンツ */
  .top-concept-cont {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
  }
  .top-concept-cont > div {
    width: 46%;
  }
  /* ナビ */
  .top-concept-navi {
    display: flex;
    flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .top-concept-navi > a {
    width: 31%;
  }
}
/*-------------------------------------------------------------------
/*  SNSブロック
--------------------------------------------------------------------*/
.sns-menu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.sns-menu > a {
  display: block;
}

.sns-menu > a:nth-of-type(n+2) {
  margin-left: 25px;
}

@media screen and (max-width: 767px) {
  .sns-menu > a img {
    width: 50px;
  }
}
@media screen and (min-width: 768px) {
  .sns-menu > a:nth-of-type(n+2) {
    margin-left: 36px;
  }
}
/*-------------------------------------------------------------------
/*  フッター
--------------------------------------------------------------------*/
footer {
  margin: 0 auto 0;
  background-color: #ebebeb;
}

footer .ft-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto 0;
  width: 100%;
  max-width: 1080px;
  height: 180px;
}

/*** 基本情報とナビ ***/
.ft-info-box .basic-info,
.ft-info-box .foote-navi a {
  margin: 0 0 0 0;
  font-size: 1.2rem;
}

.ft-info-box .foote-navi a:hover {
  text-decoration: underline !important;
}

/* ページトップ */
.pagetop-btn {
  display: none;
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 20;
}

.pagetop-btn img {
  -webkit-filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.2));
}

@media screen and (max-width: 767px) {
  footer .ft-inner {
    align-content: center;
    padding: 0 15px;
    line-height: 1.4 !important;
  }
  /*** 基本情報とナビ ***/
  .ft-info-box .basic-info {
    margin-bottom: 10px;
  }
  .pagetop-btn img {
    width: 50px;
  }
}
@media screen and (min-width: 768px) {
  /*** 基本情報とナビ ***/
  .ft-info-box {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-end;
  }
  .ft-info-box .foote-navi {
    margin-left: 35px;
  }
  footer .ft-inner {
    padding: 0 15px;
    height: 160px;
  }
}
/*-------------------------------------------------------------------
/*  下層ページ共通定義
--------------------------------------------------------------------*/
/* 包含 */
.sec_cmn {
  margin: 0 auto 0;
  max-width: 1080px;
}

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

@media screen and (min-width: 768px) {
  .sec_cmn:nth-of-type(n+2) {
    margin-top: 150px;
  }
}
@media screen and (max-width: 1199px) {
  .sec_cmn {
    padding: 0 15px;
  }
}
/*-------------------------------------------------------------------
/*  ページ見出し
--------------------------------------------------------------------*/
/* 見出し */
.cmn_h1,
.sec_topcmn h2 {
  position: relative;
  margin: 0 auto 24px;
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
}

.cmn_h1 span,
.sec_topcmn h2 span {
  display: inline-block;
  font-weight: normal;
}

.cmn_h1 span::before,
.sec_topcmn h2 span::before {
  content: "";
  display: block;
  margin: 12px auto 10px;
  width: 70px;
  height: 2px;
  background-color: #ed7700;
}

@media screen and (max-width: 767px) {
  .cmn_h1 span,
  .sec_topcmn h2 span {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 768px) {
  .cmn_h1,
  .sec_topcmn h2 {
    margin: 0 auto 60px;
    font-size: 3.4rem;
  }
  .cmn_h1 span,
  .sec_topcmn h2 span {
    font-size: 1.6rem;
  }
  .cmn_h1 span::before,
  .sec_topcmn h2 span::before {
    height: 3px;
  }
}
/*-------------------------------------------------------------------
/*  イベントとワークショップ一覧
--------------------------------------------------------------------*/
/* 固有包含 */
/*** フィルターボタン／ 詳細ページのカテゴリラベルも共通 ***/
/**
.archive-event-page__filter → 一覧
.event-single__tags → 詳細
**/
.archive-event-page__filter,
.event-single__tags {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 40px 0;
}

.archive-event-page__filter .archive-event-page__filter-btn,
.event-single__tags > span {
  text-decoration: none;
  display: inline-block;
  margin: 0 0 0 0;
  line-height: 1;
  color: #666;
  border: solid 1px #666;
  transition: all 0.2s ease-out;
}

.archive-event-page__filter-btn:hover,
.archive-event-page__filter-btn.is-active,
.event-single__tags .event-single__tag--status {
  background: #ed7700;
  color: #fff;
  border: solid 1px #ed7700;
}

@media screen and (max-width: 767px) {
  /*** フィルターボタン ***/
  .archive-event-page__filter {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
  }
  .archive-event-page__filter .archive-event-page__filter-btn,
  .event-single__tags > span {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: center;
    justify-content: center;
    padding: 0 20px;
    width: 48%;
    height: 46px;
  }
  .archive-event-page__filter .archive-event-page__filter-btn:nth-of-type(n+3),
  .event-single__tags > span:nth-of-type(n+3) {
    margin-top: 15px;
  }
}
@media screen and (min-width: 768px) {
  /*** フィルターボタン ***/
  .archive-event-page__filter {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    margin: 0 0 60px 0;
  }
  .archive-event-page__filter .archive-event-page__filter-btn,
  .event-single__tags > span {
    display: inline-block;
    padding: 5px 20px 5px 20px;
  }
  .archive-event-page__filter .archive-event-page__filter-btn:nth-of-type(n+2),
  .event-single__tags > span:nth-of-type(n+2) {
    margin-left: 20px;
  }
}
/*-------------------------------------------------------------------
/*  イベントとワークショップ詳細
/*  カテゴリーラベルは一覧スタイルに記載
--------------------------------------------------------------------*/
/* 包含 */
.entry-content.event {
  margin: 0 auto 40px;
}

/* エントリーボタン */
.single-event-entrybtn {
  margin: 0 auto 20px;
}

/* 一覧に戻るボタン */
.single .single-bottomlink {
  margin-top: 0;
}

@media screen and (min-width: 768px) {
  /* 包含 */
  .entry-content.event {
    margin: 0 auto 60px;
  }
}
/*-------------------------------------------------------------------
/*  イベントとワークショップ ギャラリー
--------------------------------------------------------------------*/
.gallery-title {
  margin: 0 0 16px 0;
  font-size: 2rem;
  font-weight: bold;
}

.event-single__gallery {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  margin: 0 auto 40px;
  width: 100%;
}

.event-single__gallery > figure {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.event-single__gallery::after {
  content: "";
  height: 0;
  order: 1;
}

.event-single__gallery-button {
  display: block;
  margin: 0 0 0 0 !important;
  padding: 0 0 0 0 !important;
  width: 100%;
  height: auto;
  background-color: transparent !important;
  border: 0 !important;
  cursor: pointer;
}

/* サムネイル処理 */
.event-single__gallery > figure img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 5/3;
  object-fit: cover;
}

/* サムネイル未登録 */
.event-single__gallery-noimage {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  width: 100%;
  height: auto;
  aspect-ratio: 5/3;
  background-color: #b3b3b3;
}

/* キャプション */
.event-single__gallery-caption {
  display: block;
  margin: 6px 0 0 0;
  line-height: 1.2;
  text-align: left;
}

/*** モーダル ***/
.event-gallery-modal {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  opacity: 0;
  visibility: hidden;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.8);
  transition: all 0.2s ease-out;
}

.event-gallery-modal.is-active {
  visibility: visible;
  opacity: 1;
}

.event-gallery-modal__inner {
  position: relative;
  width: min(100%, 960px);
  max-height: 100%;
  background: #fff;
  padding: 56px 24px 24px;
  overflow: auto;
}

.event-gallery-modal__close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 40px;
  height: 40px;
  border: 0;
  background: transparent;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
}

.event-gallery-modal__image-wrap {
  text-align: center;
}

.event-gallery-modal__image {
  max-width: 100%;
  height: auto;
  display: inline-block;
}

.event-gallery-modal__caption {
  margin-top: 10px;
  line-height: 1.2;
  text-align: left;
}

#eventGalleryModalImage {
  transition: all 0.2s ease-out;
}

.event-gallery-modal__nav {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-top: 20px;
}

.event-gallery-modal__prev,
.event-gallery-modal__next {
  min-width: 56px;
  padding: 10px 16px;
  border: 1px solid #212529;
  background: #fff;
  color: #212529;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .event-single__gallery > figure,
  .event-single__gallery::after {
    width: 48%;
  }
  .event-single__gallery > figure:nth-of-type(n+3) {
    margin-top: 30px;
  }
  /** モーダル表示 **/
  .event-gallery-modal.is-active {
    padding: 16px;
  }
  .event-gallery-modal__inner {
    padding: 48px 16px 16px;
  }
}
@media screen and (min-width: 768px) {
  .event-single__gallery > figure,
  .event-single__gallery::after {
    width: 31%;
  }
  .event-single__gallery > figure:nth-of-type(n+4) {
    margin-top: 30px;
  }
}
/*-------------------------------------------------------------------
/*  アーカイブページャー
--------------------------------------------------------------------*/
.cmn-pagenavi .wp-pagenavi {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.cmn-pagenavi .wp-pagenavi a,
.cmn-pagenavi .wp-pagenavi span {
  text-decoration: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: 8px 4px;
  width: 40px;
  height: 40px;
  font-size: 1.8rem;
  color: #666;
  background: #fff;
  border: 1px solid #666;
  border-radius: 9999px;
}

.cmn-pagenavi .wp-pagenavi .pages {
  padding: 0 20px;
  width: auto !important;
}

.cmn-pagenavi .wp-pagenavi .current {
  font-weight: 700;
  color: #fff;
  background: #ed7700;
  border: 1px solid #ed7700;
}

/*-------------------------------------------------------------------
/*  フォーム／ お問合せ、団体・グループお申し込み
--------------------------------------------------------------------*/
.dantai-group-form .form-field-yuubin,
.dantai-group-form .form-field-raikan-nichiji {
  margin: 0 0 10px 0;
}

.dantai-group-form .form-section-title {
  margin: 40px 0 10px 0;
}

/* プレースホルダー色 */
.contact-form input::placeholder,
.dantai-group-form input::placeholder {
  color: #bcbcbc;
}

/* 確認画面で指定したテキストを表示する */
[data-screen=input] .confirm-visible-text {
  display: none;
}

/* 確認画面で指定したテキストを非表示にする */
[data-screen=confirm] .confirm-hidden-text {
  display: none;
}

/* snowmonkeyformスタイル override */
.snow-monkey-form .smf-form--business p + .smf-item {
  border-top: solid 1px #ddd !important;
}

/*-------------------------------------------------------------------
/*  お知らせ
--------------------------------------------------------------------*/
/* 包含 */
#single-kiji-cont {
  margin: 0 auto 40px;
}

@media screen and (min-width: 768px) {
  #single-kiji-cont {
    margin: 0 auto 60px;
  }
}
/* 記事メタ */
.kiji-header {
  margin: 0 auto 30px;
  padding: 0 0 10px 0;
  line-height: 1;
  text-align: right;
  border-bottom: solid 1px #ccc;
}

.kiji-header .cmn-news-item__category {
  display: inline-block;
  margin-right: 20px;
  padding: 5px 6px 5px 6px;
  color: #fff;
}

.kiji-header .cmn-news-item__category.info {
  background-color: #666;
}

.kiji-header .cmn-news-item__category.important {
  background-color: #ed7700;
}

/* 一覧ボタン */
.single-bottomlink {
  margin: 60px auto 0;
}

.single-bottomlink > a:nth-of-type(n+2) {
  margin-top: 20px;
}

@media screen and (min-width: 768px) {
  /* 記事メタ */
  .kiji-header {
    margin: 0 auto 50px;
  }
  /* 一覧ボタン */
  .single-bottomlink {
    margin: 100px auto 0;
  }
}
/**************************************************************************/
/*  基本エディタスタイル
/**************************************************************************/
/** 見出し **/
.single #wrapper article h1,
.single #wrapper article h2,
.single #wrapper article h3,
.single #wrapper article h4,
.single #wrapper article h5,
.single #wrapper article h6 {
  width: 100%;
  font-weight: bold !important;
}

.single article h1 {
  margin: 0.5em 0 1em 0 !important;
  padding: 0 0 0 10px;
  line-height: 1.2;
  font-size: 3.2rem;
  border: none;
  border-left: solid 4px #ed7700;
}

.single article h2,
.common-h2 {
  margin: 48px 0 24px 0 !important;
  padding: 0 0 0 0;
  line-height: 1.2;
  font-size: 2.8rem;
}

.single article h2::before,
.common-h2::before {
  position: static !important;
  content: "■ ";
  font-size: 2.8rem;
  color: #ed7700;
}

.single article h3,
.common-h3 {
  margin: 40px 0 16px 0 !important;
  padding: 0 0 8px 0 !important;
  line-height: 1.2;
  font-size: 2.6rem;
  border-bottom: dashed 2px #ed7700;
}

.single article h4,
.common-h4 {
  margin: 30px 0 12px 0 !important;
  line-height: 1.2;
  font-size: 2.2rem;
}

.single article h4::before,
.common-h4::before {
  content: "● ";
  font-size: 2.2rem;
  color: #ed7700;
}

.single article h5,
.common-h5 {
  margin: 18px 0 10px 0 !important;
  line-height: 1.2;
  font-size: 2rem;
}

.single article h5::before,
.common-h5::before {
  content: "◇";
  font-size: 2rem;
  color: #ed7700;
}

.single article h6,
.common-h6 {
  margin: 18px 0 8px 0 !important;
  line-height: 1.2;
  font-size: 1.8rem;
  font-weight: bold;
}

/*** 段落基本 ***/
.single .single-inner p {
  margin: 0.5em 0 1.2em 0;
}

/* 本文中リンクテキスト */
.single .single-inner p a {
  text-decoration: underline;
  color: #ed7700;
}

.single .single-inner p a:hover {
  text-decoration: none;
}

/*** リスト ※先頭インデント ***/
/* 頭●付リスト */
ul.wp-block-list li {
  position: relative;
  padding-left: 1.2em;
  line-height: 1.3;
}

ul.wp-block-list li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "・";
  color: #333;
}

/* 頭数字付リスト */
ol.wp-block-list li {
  position: relative;
  counter-increment: bangou;
  position: relative;
  padding-left: 1.6em;
}

ol.wp-block-list li::before {
  content: counter(bangou);
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 5px 3px 5px;
  font-weight: 600;
  color: #ed7700;
  border-bottom: solid 1px #ed7700;
}

/* 汎用リスト（ヘッドアイコンなし） */
ul.wp-block-list.cmn-nohead-list > li {
  padding: 0 0 0 0;
}

ul.wp-block-list.cmn-nohead-list > li::before {
  content: none !important;
}

ul.wp-block-list,
ol.wp-block-list {
  list-style: none;
  margin: 1.5em 0 2em 0;
}

ul.wp-block-list li,
ol.wp-block-list li {
  list-style: none;
  margin: 0;
}

ul.wp-block-list li:nth-of-type(n+2),
ul.wp-block-list.cmn-nohead-list li:nth-of-type(n+2),
ol.wp-block-list li:nth-of-type(n+2) {
  margin-top: 1em;
}

/*** 汎用テーブル ***/
/***********************************************/
.wp-block-table,
.single .single-inner .wp-block-table {
  margin: 0 0 30px 0;
  padding: 15px 0 15px 0;
  width: 100%;
}

.wp-block-table thead,
.single .single-inner .wp-block-table thead {
  border: none;
}

.wp-block-table thead tr th,
.wp-block-table tbody tr th,
.wp-block-table tbody tr td,
.single .single-inner .wp-block-table thead tr th,
.single .single-inner .wp-block-table tbody tr th,
.single .single-inner .wp-block-table tbody tr td {
  padding: 5px 10px;
  border: solid 1px #ccc;
}

.wp-block-table thead tr th,
.wp-block-table tbody tr th,
.single .single-inner .wp-block-table thead tr th,
.single .single-inner .wp-block-table tbody tr th {
  text-align: center;
  font-weight: normal;
  background-color: #ededed;
}

.single .single-inner .wp-block-table tbody tr td a {
  text-decoration: underline;
  color: #ed7700;
}

.wp-block-table tbody tr td a:hover,
.single .single-inner .wp-block-table tbody tr td a:hover {
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  /* 包含 */
  .wp-block-table,
  .single .single-inner .wp-block-table {
    padding: 0 0 16px 0;
    width: 100%;
    overflow-x: auto;
  }
  .wp-block-table table,
  .single .single-inner .wp-block-table table {
    width: 200%;
    max-width: 800px;
  }
}
/* 投稿画像の包含処理 */
.single #wrapper article .wp-block-image {
  margin: 30px 0 30px 0;
  padding: 0 0 0 0;
}

.single #wrapper article .wp-block-column-is-layout-flow .wp-block-image {
  margin: 0 0 30px 0;
}

/*** 画像 ***/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-container img {
  max-width: 100%;
  height: auto;
}

.alignleft,
img.alignleft {
  display: inline;
  float: left;
  margin-right: 20px;
  margin-top: 10px;
}

.alignright,
img.alignright {
  display: inline;
  float: right;
  margin-left: 20px;
  margin-top: 10px;
}

.aligncenter,
img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img.alignleft,
img.alignright,
img.aligncenter {
  margin-bottom: 15px;
}

/**************************************************************************/
/*  404画面
/**************************************************************************/
.inner-404 {
  margin: 0 auto 0;
  padding: 0 0 60px 0;
}

@media screen and (min-width: 768px) {
  .inner-404 {
    padding: 0 0 90px 0;
  }
}
/*-------------------------------------------------------------------
/*  
--------------------------------------------------------------------*//*# sourceMappingURL=page.css.map */