@charset "UTF-8";


/* 言語スイッチャーセレクトボックス */
.wpml-ls-item-toggle::after {
  content: "";
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
  height: 10px;
  background-image: url("../img/arrow_down.svg");
  background-size: contain;
  background-repeat: no-repeat;
  border: 0 !important;
  border-top: 0 !important;
  top: calc(50% + .175em) !important;
}
.wpml-ls-legacy-dropdown {
    width: auto !important;
}
.wpml-ls-legacy-dropdown .wpml-ls-item {
    margin-bottom: 2px !important;
}
.wpml-ls-legacy-dropdown {
    margin-left: -6px;
}
.wpml-ls-statics-shortcode_actions .wpml-ls-current-language > a {
    padding-left: 6px;
}

@media ( width < 768px ) {
    .wpml-ls-legacy-dropdown {
        margin-left: -2px;
    }
}

/* 言語スイッチャーのサブメニュー表示制御（クリック開閉 UI）。

   背景（根本原因）:
   テーマのヘッダーナビ用ルール common.css の
     `& li > ul { display: none; position: absolute; top: calc(100% - .5em); left: 0; }`
   が、li 配下の全 ul を対象にしているため、ヘッダーメニューの li 内に注入される
   言語スイッチャーの `.wpml-ls-sub-menu`(ul) も `display: none` に巻き込まれていた。
   WPML 標準 CSS は `visibility` のみで開閉するため、この `display: none` に勝てず、
   ホバーでもクリックでもサブメニューが表示されなかった。

   対処:
   言語スイッチャー固有クラス `.wpml-ls-legacy-dropdown` でスコープし、ナビ用ルールより
   詳細度を上げて、(1) 既定状態の位置・表示を WPML 本来の挙動へ戻し、
   (2) open クラス付与時（script.js のクリック）に display で表示する。
   ※ 既存のヘッダーナビ（他メニュー）の挙動には影響しない（言語スイッチャー配下のみ対象）。 */

/* 既定: ナビ用ルールに上書きされた位置指定を WPML 本来の値へ戻し、非表示にしておく。
   （display は閉時 none のままとし、open / hover 時のみ表示する） */
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
    top: 100%;
    left: 0;
    right: 0;
    translate: none;
}

/* クリックで開いたとき（script.js が付与する open クラス）にサブメニューを表示する。
   ナビ用ルールの `display: none` を上書きするため display を明示する。 */
.wpml-ls-legacy-dropdown.open .wpml-ls-sub-menu {
    display: block;
    visibility: visible;
}

/* WPML 標準のホバー/フォーカス表示も、テーマの display:none に勝てるよう display を補う
   （標準挙動の温存。クリック UI と併存しても問題ない）。 */
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover .wpml-ls-sub-menu,
.wpml-ls-legacy-dropdown .wpml-ls-current-language:focus .wpml-ls-sub-menu {
    display: block;
    visibility: visible;
}

/* xo event calender */
.xo-event-calendar {
  max-width: 500px;
  margin: auto;
}
.xo-event-calendar .xo-months {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 15px;
  row-gap: 5px;
  margin: 8px 0 !important;
}
.xo-event-calendar .calendar.xo-month-wrap{
    background-color: #FFF;
    padding: 5px 15px;
}
.xo-event-calendar table.xo-month {
    border: 1px solid #fff !important;
    margin: 0px !important;
}
.xo-event-calendar table.xo-month .month-header {
    font-size: 0.9em;
    font-weight: bold;
}
.xo-event-calendar table.xo-month .month-header>span {
    text-align: left !important;
}
.xo-event-calendar table.xo-month td, .xo-event-calendar table.xo-month th {
    border: 1px solid #fff !important;
}
.xo-event-calendar table.xo-month>thead th {
    font-size: .8em !important;
    @-moz-document url-prefix() {
        width: 26px;
    }
}
.xo-event-calendar table.xo-month .month-dayname td div {
    font-size: .9em !important;
}
.xo-event-calendar .holiday-all {
    color: #FFF !important;
}
.xo-event-calendar table.xo-month .month-dayname td div {
    text-align: center !important;
}
.xo-event-calendar table.xo-month .month-event-space {
    height: 0.2em !important;
}
.xo-event-calendar .other-month {
	display:none !important;
}
.xo-event-calendar table.xo-month>thead th.saturday {
    color: #333 !important;
}
.xo-event-calendar table.xo-month>thead th.sunday {
    color: #333 !important;
}
.xo-event-calendar p.holiday-title {
    text-align: right !important;
}

@media ( width < 480px ) {
    .xo-event-calendar .xo-months {
        display: flex;
        flex-direction: column;
        row-gap: 15px;
    }
}