/**************************************************
* STYLE-GABA1001.COM ホームページ用CSS
* Cocoon Child Theme カスタムスタイル
***************************************************/

/**************************************************
* 基本設定・共通スタイル
***************************************************/
/* 基本テキストカラー */
body {
  color: #2e2930;
}

/* ドロップダウンメニュー */
.dropdown-menu {
  padding: 1em 1.5em 1em !important;
}

.dropdown-item {
  padding: 0.75em !important;
  border-bottom: 1px solid #2e2930 !important;
}

.footer-bottom-section {
  padding: 1.5em 0!important;
}

/**************************************************
* ヘッダーセクション
***************************************************/
/* メインタイトル */
.header-container {
  width: 90%;
  margin: 0 auto !important;
  padding: 3vh 0 !important;
}
.header-section h1 {
  font-size:0.85rem !important;
  text-align: center;
  background-color: #b5d72c !important;
  color: #fff !important;
  padding: 0.5em 0 !important;
  line-height: 1 !important;
  margin-bottom: 1.5em !important;
}
.header-section h2 {
  font-size: 2rem !important;
  line-height: 1.75em !important;
  letter-spacing: 0.1em !important;
  line-height: 2em !important;
}
.header-section h2 span {
  font-size: 2.75rem !important;
  color: #b5d72c !important;
}

.navbar-brand {
  color: #b5d72c !important;
  font-size: 1.8rem !important;
  font-weight: bold !important;
}
.header-btn {
  background-color: #b5d72c !important;
  border-color: #b5d72c !important;
}
.header-description {
  font-size: 1rem !important;
  line-height: 1.75em !important;
  letter-spacing: 0.1em !important;
}

/**************************************************
* ニュースセクション
***************************************************/
.holiday-section {
  padding: 100px 0 !important;
  background-color: #f9f5f0 !important;
}
  .holiday-section h2,
  .profile-section h2 {
  color: #b5d72c !important;
  font-size: 2.5rem !important;
  font-weight: bold !important;
  line-height: 1em !important;
}
.holiday-section h2 span,
.profile-section h2 span {
  display: block;
  color: #666 !important;
  font-weight: 500 !important;
  font-size: 1.25rem !important;
  letter-spacing: 0.2em !important;
}
.news {
  padding: 2em;
}

/* ニュース項目 */
.news dl {
  padding: 0.75em 0;
  border-bottom: 1px solid #dedede !important;
}

/* ニュースリンク */
.news dl a {
  text-decoration: none;
  color: #2e2930 !important;
}
.contact-info {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  gap: 1em;
}
.contact-info .tel {
  font-size: 1.5rem !important;
  font-weight: bold !important;
}

/**************************************************
* コンセプトセクション
***************************************************/
.concept-section {
  padding: 120px 0 !important;
  background :url(../../image/shop2.png) no-repeat right top !important;
  background-size: 50% !important;
}

/* セクションタイトル */
.concept-section h2{
  text-align: center;
  font-size: 2rem !important;
  line-height: 2em !important;
  font-weight: bold !important;
}

/* タイトル内の強調文字 */
.concept-section h2 span {
  font-size: 1.5em !important;
  font-weight: bold;
  color: #b5d72c !important;
}
.concept-section .btn,
.profile-section .btn {
  background-color: #b5d72c !important;
  border-color: #b5d72c !important;
  padding: 1em 4em !important;
  margin: 30px auto 0 !important;
}
/* ポイント説明ボックス */
.concept-section .point {
  font-size: 0.9rem !important;
  padding: 0rem 0 0rem 1.5em;
  border-left: 3px solid #b5d72c;
  line-height: 1.5em !important;
}
.concept-section .text {
  padding: 0 3em !important;
}



/**************************************************
* メニューセクション
***************************************************/
.menu-section {
  padding: 120px 0 !important;
  background :url(../../image/menu_bg.jpg) no-repeat right top !important;
  background-size: cover !important;
}

.menu-section h2  {
  font-size: 2.5rem !important;
  font-weight: bold !important;
  line-height: 1em !important;
}

.menu-section h2 span {
  display: block;
  color: #666 !important;
  font-weight: 500 !important;
  font-size: 1.25rem !important;
  letter-spacing: 0.2em !important;
}

.menu-table-container {
  width: 80%;
  margin: 0 auto;
}
.menu-table-container table {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.85);
}
.menu-table-container td {
  padding: 30px 30px !important;

}
/* メニュー表タイトル */
.menu-container .menu-title {
  text-align: center;
  font-size: 2.5rem;
  font-weight: bold;
  letter-spacing: 0.2em;
}



/* 税込み表示 */
.tax-note {
  text-align: center;
  font-size: 0.9rem;
  color: #666;
  margin-top: 30px;
  padding: 15px;
  background: #f9f9f9;
  border-radius: 8px;
  font-style: italic;
}

.menu-category {
  text-align: left;
  vertical-align: top;
  color: #b5d72c;
  font-size: 2.8rem;
  line-height: 0.8em;
  letter-spacing: 0.1em;
  font-weight: bold;
}

.menu-category span {
  font-size: 1.2rem;
  font-weight: 500;
  color: #666;
  letter-spacing: 0.1em;
}



/**************************************************
* チームセクション
***************************************************/
.profile-section {
  padding: 120px 0 !important;
}
.profile-section h4 {
  font-size: 1.25rem !important;
  font-weight: bold !important;
  line-height: 1em !important;
  color: #b5d72c !important;
  text-align: center;
  margin-bottom: 3rem;
}
.profile-section h3 {
  font-size: 2rem !important;
  font-weight: bold !important;
  line-height: 1em !important;
  text-align: center;
  letter-spacing: 0.3em !important;
}
.profile-section h3 span {
  font-size: 0.5em !important;
  display: block;
}
.profile-section .text p {
  font-size: 1rem !important;
  line-height: 1.75em !important;
  letter-spacing: 0.1em !important;
}

/**************************************************
* ブログセクション
***************************************************/
.blog-section {
  background-color: #f9f5f0 !important;
}
.blog-section h2 {
  font-size: 3rem !important;
  line-height: 1.5em !important;
  text-align: center;
  margin-bottom: 3rem;
}

/* ブログカテゴリ */
.blog-section .h6 {
  color: #b5d72c !important;
}

/* ブログ画像 */
.blog-section img {
  margin-bottom: 0.5rem !important;
}

/* 投稿日 */
.blog-section .date {
  font-size: 0.9rem !important;
}

.blog-section .btn {
  background-color: #b5d72c !important;
  border-color: #b5d72c !important;
}

/* ボタン共通スタイル */
.blog-section .btn {
  padding: 1rem 5rem !important;
  font-size: 1.35rem !important;
}

/**************************************************
* 店舗情報セクション
***************************************************/
.shop-info-section {
  background-color: #fff !important;
}

/* サブタイトル */
.shop-info-section .h6 {
  color: #2e2930 !important;
}

/* 電話番号 */
.shop-info-section .tel {
  color: #b5d72c !important;
  font-size: 1.5rem !important;
  font-weight: bold !important;
}

/* プライマリ背景 */
.shop-info-section .bg-primary {
  background-color: #b5d72c !important;
  color: #fff !important;
}

/* セカンダリテキスト */
.shop-info-section .text-secondary-light {
  color: #2e2930 !important;
  line-height: 1.75em !important;
}

/* ボーダー */
.shop-info-section .border-bottom {
  border-bottom: 1px solid #2e2930 !important;
}

/* 日付表示 */
.shop-info-section .date {
  display: flex;
  align-items: center;
  padding-bottom: 1em !important;
}

/* アイコン */
.shop-info-section .fas {
  background: #b5d72c !important;
  color: #fff !important;
  padding: 1em !important;
  border-radius: 50%;
  margin-right: 1em !important;
}

/* パディング調整 */
.shop-info-section .pb-16 {
  padding-bottom: 3rem !important;
}

/**************************************************
* フッターセクション
***************************************************/
.footer-bottom-section {
  background-color: #b5d72c  !important;
  color: #fff !important;
}

.footer-bottom-section p {
  color: #fff !important;
  margin-bottom: 0!important;
}

.footer-logo {
  color: #b5d72c !important;
  margin-bottom: 0 !important;
  font-size: 1.25rem !important;
  font-weight: bold !important;
  line-height: 1em !important;
}

/**************************************************
* レスポンシブデザイン（スマートフォン対応）
***************************************************/


@media (max-width: 767px) {
  .mb-16 {
    margin-bottom: 0!important;
  }
  /* ヘッダーセクション */
  
  .header-section h2 {
    font-size: 1.5rem!important;
    line-height: 1.75em!important;
    text-align: center;
  }
  .header-section h2 span {
    font-size: 1.2em!important;
  }
  .header-section h1 {
    font-size: 0.9rem!important;
  }
  .header-description {
    margin-bottom: 0!important;
  }
  header .btn {
    width: 100%;
  }
  header .py-10 {
    padding: 1em 1em!important;
  }
  .navbar-light .navbar-toggler {
    border: none!important;
  }
  .dropdown-menu {
    border: none!important;
    padding: 0 0 1em!important;
  }

  .news {
    width: 90%;
  }
  .news dl {
    padding: 0.5em 0!important;
  }
  .holiday-section {
    padding: 50px 0!important;
  }
  .holiday-section h2, .profile-section h2 {
    font-size: 1.75rem!important;
    line-height: 1em!important;
    margin-bottom: 0.5em!important;
  }
  .holiday-section h2 span, .profile-section h2 span {
    font-size: 0.8em!important;
  }

  /* コンセプトセクション */
  .concept-section {
    padding: 50px 0!important;
    background:none!important;
  }
  .concept-section h2 {
    font-size: 1.5rem!important;
    line-height: 1.75em!important;
  }
  .concept-section h2 span {
    font-size: 1.2em!important;
  }
  .concept-section .text {
    padding: 0 1em!important;
  }
  .concept-section .point {
    font-size: 1rem!important;
    padding: 0 0 0 1rem;
  }
  .concept-section .point span {
    font-size: 1.35em!important;
  }
  .concept-section .btn {
    width: 100%;
  }

  /* メニューセクション */
  .menu-section {
    padding: 50px 0!important;
  }
  .menu-section h2 {
    font-size: 1.5rem!important;
    margin-bottom: 2rem;
    text-align: center;
  }
  .menu-section .menu-category {
    text-align: center;
    padding: 1em 0!important;
    font-size: 1.75rem!important;
  }
  .menu-table-container {
    width: 100%;
  }

  .menu-table-container td {
    padding: 10px 10px !important;
    display: block !important;
  }
  
  .menu-category {
    display: block!important;
    width: 100%!important;
  }
  .menu-category br {
    display: none;
  }
  .menu-section td {
    padding: 15px!important;
  }
  .salon-menu, .menu-price {
    
    display: inline-block !important;
    vertical-align: middle !important;
  }
  .salon-menu {
    width: 70% !important;
  }
  .menu-price {
    width: 30% !important;
    text-align: right!important;
  }
  .menu-table tr {
    display: flex !important;
    flex-wrap: wrap !important;
  }
  .profile-section {
    padding: 50px 0!important;
  }
  .profile-section .text {
    padding: 0 1em!important;
  }
  .profile-section .btn {
    width: 100%!important;
  }
 
  /* ブログセクション */
  .blog-section {
    padding: 50px 0!important;
  }
  .blog-section h2 {
    font-size: 1.5rem!important;
    margin-bottom: 3vh!important;
  }
  .blog-section .btn {
    padding: 0.75rem 3rem!important;
    font-size: 1.1rem!important;
  }
  .blog-section .mb-24 {
    margin-bottom: 0!important;
  }
  .blog-section .btn {
    display: block;
    margin: 0 auto 1em!important;
  }

  /* ショップ情報セクション */
  .shop-info-section .tel {
    font-size: 1.2rem!important;
  }
  .shop-info-section .mt-10 {
    margin-top: 0.5em!important;
  }
  .shop-info-section .shop-name {
    text-align: center;
  }
  .shop-info-section .mb-20 {
    margin-bottom: 1em!important;
  }
  .shop-info-section .mb-12 {
    margin-bottom: 0.5em!important;
  }
}
.xo-event-calendar{font-family:Helvetica Neue,Helvetica,Hiragino Kaku Gothic ProN,Meiryo,MS PGothic,sans-serif;overflow:auto;position:relative}.xo-event-calendar td,.xo-event-calendar th{padding:0!important}.xo-event-calendar .calendar:nth-child(n+2) .month-next,.xo-event-calendar .calendar:nth-child(n+2) .month-prev{visibility:hidden}.xo-event-calendar table{background-color:transparent;border-collapse:separate;border-spacing:0;color:#333;margin:0;padding:0;table-layout:fixed;width:100%}.xo-event-calendar table caption,.xo-event-calendar table tbody,.xo-event-calendar table td,.xo-event-calendar table tfoot,.xo-event-calendar table th,.xo-event-calendar table thead,.xo-event-calendar table tr{background:transparent;border:0;margin:0;opacity:1;outline:0;padding:0;vertical-align:baseline}.xo-event-calendar table table tr{display:table-row}.xo-event-calendar table table td,.xo-event-calendar table table th{display:table-cell;padding:0}.xo-event-calendar table.xo-month{border:1px solid #ccc;border-right-width:0;margin:0 0 8px;padding:0}.xo-event-calendar table.xo-month td,.xo-event-calendar table.xo-month th{background-color:#fff;border:1px solid #ccc;padding:0}.xo-event-calendar table.xo-month caption{caption-side:top}.xo-event-calendar table.xo-month .month-header{display:flex;flex-flow:wrap;justify-content:center;margin:4px 0}.xo-event-calendar table.xo-month .month-header>span{flex-grow:1;text-align:center}.xo-event-calendar table.xo-month button{background-color:transparent;border:0;box-shadow:none;color:#333;cursor:pointer;margin:0;overflow:hidden;padding:0;text-shadow:none;width:38px}.xo-event-calendar table.xo-month button[disabled]{cursor:default;opacity:.3}.xo-event-calendar table.xo-month button>span{text-align:center;vertical-align:middle}.xo-event-calendar table.xo-month button span.nav-prev{border-bottom:2px solid #333;border-left:2px solid #333;display:inline-block;font-size:0;height:13px;transform:rotate(45deg);width:13px}.xo-event-calendar table.xo-month button span.nav-next{border-right:2px solid #333;border-top:2px solid #333;display:inline-block;font-size:0;height:13px;transform:rotate(45deg);width:13px}.xo-event-calendar table.xo-month button:hover span.nav-next,.xo-event-calendar table.xo-month button:hover span.nav-prev{border-width:3px}.xo-event-calendar table.xo-month>thead th{border-width:0 1px 0 0;color:#333;font-size:.9em;font-weight:700;padding:1px 0;text-align:center}.xo-event-calendar table.xo-month>thead th.sunday{color:#d00}.xo-event-calendar table.xo-month>thead th.saturday{color:#00d}.xo-event-calendar table.xo-month .month-week{border:0;overflow:hidden;padding:0;position:relative;width:100%}.xo-event-calendar table.xo-month .month-week table{border:0;margin:0;padding:0}.xo-event-calendar table.xo-month .month-dayname{border-width:1px 0 0 1px;bottom:0;left:0;position:absolute;right:0;top:0}.xo-event-calendar table.xo-month .month-dayname td{border-width:1px 1px 0 0;padding:0}.xo-event-calendar table.xo-month .month-dayname td div{border-width:1px 1px 0 0;font-size:100%;height:1000px;line-height:1.2em;padding:4px;text-align:right}.xo-event-calendar table.xo-month .month-dayname td div.other-month{opacity:.6}.xo-event-calendar table.xo-month .month-dayname td div.today{color:#00d;font-weight:700}.xo-event-calendar table.xo-month .month-dayname-space{height:1.5em;position:relative;top:0}.xo-event-calendar table.xo-month .month-event{background-color:transparent;position:relative;top:0}.xo-event-calendar table.xo-month .month-event td{background-color:transparent;border-width:0 1px 0 0;padding:0 1px 2px}.xo-event-calendar table.xo-month .month-event-space{background-color:transparent;height:1.5em}.xo-event-calendar table.xo-month .month-event-space td{border-width:0 1px 0 0}.xo-event-calendar table.xo-month .month-event tr,.xo-event-calendar table.xo-month .month-event-space tr{background-color:transparent}.xo-event-calendar table.xo-month .month-event-title{background-color:#ccc;border-radius:3px;color:#666;display:block;font-size:.8em;margin:1px;overflow:hidden;padding:0 4px;text-align:left;white-space:nowrap}.xo-event-calendar p.holiday-title{font-size:90%;margin:0;padding:2px 0;vertical-align:middle}.xo-event-calendar p.holiday-title span{border:1px solid #ccc;margin:0 6px 0 0;padding:0 0 0 18px}.xo-event-calendar .loading-animation{left:50%;margin:-20px 0 0 -20px;position:absolute;top:50%}@media(min-width:600px){.xo-event-calendar .calendars.columns-2{-moz-column-gap:15px;column-gap:15px;display:grid;grid-template-columns:repeat(2,1fr);row-gap:5px}.xo-event-calendar .calendars.columns-2 .month-next,.xo-event-calendar .calendars.columns-2 .month-prev{visibility:hidden}.xo-event-calendar .calendars.columns-2 .calendar:first-child .month-prev,.xo-event-calendar .calendars.columns-2 .calendar:nth-child(2) .month-next{visibility:visible}.xo-event-calendar .calendars.columns-3{-moz-column-gap:15px;column-gap:15px;display:grid;grid-template-columns:repeat(3,1fr);row-gap:5px}.xo-event-calendar .calendars.columns-3 .month-next,.xo-event-calendar .calendars.columns-3 .month-prev{visibility:hidden}.xo-event-calendar .calendars.columns-3 .calendar:first-child .month-prev,.xo-event-calendar .calendars.columns-3 .calendar:nth-child(3) .month-next{visibility:visible}.xo-event-calendar .calendars.columns-4{-moz-column-gap:15px;column-gap:15px;display:grid;grid-template-columns:repeat(4,1fr);row-gap:5px}.xo-event-calendar .calendars.columns-4 .month-next,.xo-event-calendar .calendars.columns-4 .month-prev{visibility:hidden}.xo-event-calendar .calendars.columns-4 .calendar:first-child .month-prev,.xo-event-calendar .calendars.columns-4 .calendar:nth-child(4) .month-next{visibility:visible}}.xo-event-calendar.xo-calendar-loading .xo-months{opacity:.5}.xo-event-calendar.xo-calendar-loading .loading-animation{animation:loadingCircRot .8s linear infinite;border:5px solid rgba(0,0,0,.2);border-radius:50%;border-top-color:#4285f4;height:40px;width:40px}@keyframes loadingCircRot{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.xo-event-calendar.is-style-legacy table.xo-month .month-header>span{font-size:120%;line-height:28px}.xo-event-calendar.is-style-regular table.xo-month button:not(:hover):not(:active):not(.has-background){background-color:transparent;color:#333}.xo-event-calendar.is-style-regular table.xo-month button>span{text-align:center;vertical-align:middle}.xo-event-calendar.is-style-regular table.xo-month button>span:not(.dashicons){font-size:2em;overflow:hidden;text-indent:100%;white-space:nowrap}.xo-event-calendar.is-style-regular table.xo-month .month-next,.xo-event-calendar.is-style-regular table.xo-month .month-prev{height:2em;width:2em}.xo-event-calendar.is-style-regular table.xo-month .month-header{align-items:center;display:flex;justify-content:center;padding:.2em 0}.xo-event-calendar.is-style-regular table.xo-month .month-header .calendar-caption{flex-grow:1}.xo-event-calendar.is-style-regular table.xo-month .month-header>span{font-size:1.1em}.xo-event-calendar.is-style-regular table.xo-month>thead th{background:#fafafa;font-size:.8em}.xo-event-calendar.is-style-regular table.xo-month .month-dayname td div{font-size:1em;padding:.2em}.xo-event-calendar.is-style-regular table.xo-month .month-dayname td div.today{color:#339;font-weight:700}.xo-event-calendar.is-style-regular .holiday-titles{display:inline-flex;flex-wrap:wrap;gap:.25em 1em}.xo-event-calendar.is-style-regular p.holiday-title{font-size:.875em;margin:0 0 .5em}.xo-event-calendar.is-style-regular p.holiday-title span{margin:0 .25em 0 0;padding:0 0 0 1.25em}

.xo-simple-calendar{box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Hiragino Kaku Gothic ProN,Meiryo,MS PGothic,sans-serif;margin:0;padding:0;position:relative}.xo-simple-calendar td,.xo-simple-calendar th{padding:0!important}.xo-simple-calendar .calendar:nth-child(n+2) .month-next,.xo-simple-calendar .calendar:nth-child(n+2) .month-prev{visibility:hidden}.xo-simple-calendar .calendar table.month{border:0;border-collapse:separate;border-spacing:1px;box-sizing:border-box;margin:0 0 .5em;min-width:auto;outline:0;padding:0;table-layout:fixed;width:100%}.xo-simple-calendar .calendar table.month caption,.xo-simple-calendar .calendar table.month tbody,.xo-simple-calendar .calendar table.month td,.xo-simple-calendar .calendar table.month tfoot,.xo-simple-calendar .calendar table.month th,.xo-simple-calendar .calendar table.month thead,.xo-simple-calendar .calendar table.month tr{background:transparent;border:0;margin:0;opacity:1;outline:0;padding:0;vertical-align:baseline}.xo-simple-calendar .calendar table.month caption{caption-side:top;font-size:1.1em}.xo-simple-calendar .calendar table.month .month-header{align-items:center;display:flex;justify-content:center;width:100%}.xo-simple-calendar .calendar table.month .month-header .month-title{flex-grow:1;font-size:1em;font-weight:400;letter-spacing:.1em;line-height:1em;padding:0;text-align:center}.xo-simple-calendar .calendar table.month .month-header button{background:none;background-color:transparent;border:0;font-size:1.4em;line-height:1.4em;margin:0;outline-offset:0;padding:0;width:1.4em}.xo-simple-calendar .calendar table.month .month-header button:not(:hover):not(:active):not(.has-background){background-color:transparent}.xo-simple-calendar .calendar table.month .month-header button:hover{opacity:.6}.xo-simple-calendar .calendar table.month .month-header button:disabled{cursor:auto;opacity:.3}.xo-simple-calendar .calendar table.month .month-header .month-next,.xo-simple-calendar .calendar table.month .month-header .month-prev{background-color:transparent;color:#333;cursor:pointer}.xo-simple-calendar .calendar table.month tr{background:transparent;border:0;outline:0}.xo-simple-calendar .calendar table.month td,.xo-simple-calendar .calendar table.month th{background:transparent;border:0;outline:0;text-align:center;vertical-align:middle;word-break:normal}.xo-simple-calendar .calendar table.month th{font-size:.8em;font-weight:700}.xo-simple-calendar .calendar table.month td{font-size:1em;font-weight:400}.xo-simple-calendar .calendar table.month .day.holiday{color:#333}.xo-simple-calendar .calendar table.month .day.other{opacity:.3}.xo-simple-calendar .calendar table.month .day>span{box-sizing:border-box;display:inline-block;padding:.2em;width:100%}.xo-simple-calendar .calendar table.month th>span{color:#333}.xo-simple-calendar .calendar table.month .day.sun>span,.xo-simple-calendar .calendar table.month th.sun>span{color:#ec0220}.xo-simple-calendar .calendar table.month .day.sat>span,.xo-simple-calendar .calendar table.month th.sat>span{color:#0069de}.xo-simple-calendar .calendars-footer{margin:.5em;padding:0}.xo-simple-calendar .calendars-footer ul.holiday-titles{border:0;display:inline-flex;flex-wrap:wrap;gap:.25em 1em;margin:0;outline:0;padding:0}.xo-simple-calendar .calendars-footer ul.holiday-titles li{border:0;list-style:none;margin:0;outline:0;padding:0}.xo-simple-calendar .calendars-footer ul.holiday-titles li:after,.xo-simple-calendar .calendars-footer ul.holiday-titles li:before{content:none}.xo-simple-calendar .calendars-footer ul.holiday-titles .mark{border-radius:50%;display:inline-block;height:1.2em;vertical-align:middle;width:1.2em}.xo-simple-calendar .calendars-footer ul.holiday-titles .title{font-size:.7em;vertical-align:middle}@media(min-width:600px){.xo-simple-calendar .calendars.columns-2{-moz-column-gap:15px;column-gap:15px;display:grid;grid-template-columns:repeat(2,1fr);row-gap:5px}.xo-simple-calendar .calendars.columns-2 .month-next,.xo-simple-calendar .calendars.columns-2 .month-prev{visibility:hidden}.xo-simple-calendar .calendars.columns-2 .calendar:first-child .month-prev,.xo-simple-calendar .calendars.columns-2 .calendar:nth-child(2) .month-next{visibility:visible}.xo-simple-calendar .calendars.columns-3{-moz-column-gap:15px;column-gap:15px;display:grid;grid-template-columns:repeat(3,1fr);row-gap:5px}.xo-simple-calendar .calendars.columns-3 .month-next,.xo-simple-calendar .calendars.columns-3 .month-prev{visibility:hidden}.xo-simple-calendar .calendars.columns-3 .calendar:first-child .month-prev,.xo-simple-calendar .calendars.columns-3 .calendar:nth-child(3) .month-next{visibility:visible}.xo-simple-calendar .calendars.columns-4{-moz-column-gap:15px;column-gap:15px;display:grid;grid-template-columns:repeat(4,1fr);row-gap:5px}.xo-simple-calendar .calendars.columns-4 .month-next,.xo-simple-calendar .calendars.columns-4 .month-prev{visibility:hidden}.xo-simple-calendar .calendars.columns-4 .calendar:first-child .month-prev,.xo-simple-calendar .calendars.columns-4 .calendar:nth-child(4) .month-next{visibility:visible}}.xo-simple-calendar .calendar-loading-animation{left:50%;margin:-20px 0 0 -20px;position:absolute;top:50%}.xo-simple-calendar.xo-calendar-loading .calendars{opacity:.3}.xo-simple-calendar.xo-calendar-loading .calendar-loading-animation{animation:SimpleCalendarLoadingCircRot .8s linear infinite;border:5px solid rgba(0,0,0,.2);border-radius:50%;border-top-color:#4285f4;height:40px;width:40px}@keyframes SimpleCalendarLoadingCircRot{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.xo-simple-calendar.is-style-regular table.month{border-collapse:collapse;border-spacing:0}.xo-simple-calendar.is-style-regular table.month tr{border:0}.xo-simple-calendar.is-style-regular table.month .day>span{border-radius:50%;line-height:2em;padding:.1em;width:2.2em}.xo-simple-calendar.is-style-frame table.month{background:transparent;border-collapse:collapse;border-spacing:0}.xo-simple-calendar.is-style-frame table.month thead tr{background:#eee}.xo-simple-calendar.is-style-frame table.month tbody tr{background:#fff}.xo-simple-calendar.is-style-frame table.month td,.xo-simple-calendar.is-style-frame table.month th{border:1px solid #ccc}.xo-simple-calendar.is-style-frame .calendars-footer{margin:8px 0}.xo-simple-calendar.is-style-frame .calendars-footer ul.holiday-titles .mark{border:1px solid #ccc;border-radius:0}