/*
Theme Name: Room8
Template: snow-monkey
*/

/*
  YouTube 初回表示軽量化スクリプトcss
 */

.yt {
  position:relative;
}
.yt_play {
  position: absolute;
}
.yt_play:hover {
  cursor:pointer;
}
.yt_play::before { /* YouTubeアイコン */
  position: absolute;
  background: url(https://www.room8.co.jp/wp-content/themes/room8/images/yt_icon_mono_light.png);
  content: "";
  background-size: 100%;
  width: 70px;
  height: 50px;
  top: 50%;
  left: 50%;
  transform : translate(-50%,-50%);
  opacity: .90;
  transition:.5s;
}

.yt_play:hover::before { /* YouTubeアイコン */
  cursor: pointer;
  background-image:url(https://www.room8.co.jp/wp-content/themes/room8/images/yt_icon_rgb.png);
}


.eq h2{
    text-align: center;

}
.cal_wrapper {
  max-width: 800px; /* 最大幅 */
  min-width: 300px; /* 最小幅 */
  margin: 2.0833% auto;
}

.googlecal {
  position: relative;
  padding-bottom: 100%; /* 縦横比 */
  height: 0;
  overflow: hidden;
}
.googlecal iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

/* 画像をセンター配置 */
.smb-items__item__figure {
  text-align: center;
  /* 親要素で中央寄せ */
}

.smb-items__item__figure img {
  display: block;
  /* インライン要素をブロック要素に */
  margin: auto;
  /* 左右中央揃え */
}

@media only screen and (min-width: 600px) {
  /* 画面幅が600px以上の場合の縦横比の指定 */
  .googlecal {
    padding-bottom: 75%;
  }
}

.reverse {
    background: var(--accent-color,#0c3c05);
    color: #fff;
}

.reverse .smb-section__subtitle {
    color: var(--sub-accent-color,#0c3c05);
}
.reverse .smb-section__title:after {
    background-color: var(--sub-accent-color,#0c3c05);
}


.am-confirm-booking-data{
display: -webkit-box;
display: -webkit-box;
display: flex;
display:-ms-flexbox;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;

}

.am-confirm-booking-data.el-row > div:nth-child(1) {
-webkit-box-ordinal-group:1;
-ms-flex-order:1;
-webkit-order:1;
order:1;
}


.am-confirm-booking-data.el-row > div:nth-child(2) {
-webkit-box-ordinal-group:2;
-ms-flex-order:2;
-webkit-order:2;
order:2;
}

.am-confirm-booking-data.el-row > div:nth-child(3) {
-webkit-box-ordinal-group:4;
-ms-flex-order:4;
-webkit-order:4;
order:4;
font-size:20px:
}

.am-confirm-booking-data.el-row > div:nth-child(4) {
-webkit-box-ordinal-group:3;
-ms-flex-order:3;
-webkit-order:3;
order:3;
}

.am-confirm-booking-data.el-row > div:nth-child(5) {
-webkit-box-ordinal-group:5;
-ms-flex-order:5;
-webkit-order:5;
order:5;
}

.am-confirm-booking-data.el-row > div:nth-child(6) {
-webkit-box-ordinal-group:6;
-ms-flex-order:6;
-webkit-order:6;
order:6;
}

.am-confirm-booking-data.el-row > div:nth-child(7) {
-webkit-box-ordinal-group:7;
-ms-flex-order:7;
-webkit-order:7;
order:7;
}
.p-global-nav .c-navbar__submenu {
  background-color: var(--accent-color,#0c3c05);
}

.l-header__drop-nav .p-global-nav .c-navbar__submenu {
  background-color: #0c3c05;
}

.l-header__drop-nav .p-global-nav .c-navbar__item > .c-navbar__submenu::before {
  display: none;
}


.l-header__drop-nav .p-global-nav .c-navbar__subitem > a {
  color: #111;
}

.c-responsive-table>table thead th, .p-entry-content>table thead th, .textwidget>table thead th, .wp-block-column>table thead th, .wp-block-cover__inner-container>table thead th, .wp-block-group__inner-container>table thead th, .wp-block-latest-posts__post-full-content>table thead th, .wp-block-media-text__content>table thead th, .wp-block-table thead th{
  background-color: var(--accent-color,#0c3c05);
    border-left: 1px solid transparent;
    border-left-color: var(--light-accent-color,#ed5c6d);
    border-right: 1px solid transparent;
    border-right-color: var(--light-accent-color,#ed5c6d);
    color: #fff;
    color: var(--_color-white,#fff);
}

.p-global-nav .c-navbar__item[aria-haspopup=true]:before {
    border-bottom: 10px solid transparent;
    border-bottom-color: var(--accent-color,#0c3c05);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 0 solid transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 0;
    left: calc(50% - 8px);
    opacity: 0;
    position: absolute;
    transition: opacity .2s ease-out;
    visibility: hidden;
    width: 0;
}

details {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 10px;
}
summary {
  cursor: pointer;
  font-weight: bold;
  list-style: none;
  position: relative;
}
summary::marker {
  display: none;
}

summary::before {
  content: "▶";
  margin-right: 10px;
  transition: transform 0.2s ease;
}
details[open] summary::before {
  transform: rotate(90deg);
}