@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/* グローバルナビを固定 */
.navi {
/*
  background-color: #075f66;
*/
  background-color: #31b057 !important;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 997;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.navi-in {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap; /* 折り返し禁止 */
}

.navi-in li {
  width: 120px !important;
  margin: 0 5px;
}

.menu-header .current-menu-item,
.menu-header .current_page_item {
  border-bottom: solid 4px #fff;
}

.menu-footer .current-menu-item,
.menu-footer .current_page_item {
  position: relative;
}

.menu-footer .current-menu-item::after,
.menu-footer .current_page_item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 10px;
  right: 10px;
  height: 1px;
  background: #fff;
}

#navi .navi-in a {
  transition: 0.2s;
}

#navi .navi-in a:hover {
  background-color: rgba(30, 140, 70, 1.0);
  transform: translateY(2px); /* 下に少し動く */
}

/* ヘッダー分のズレ防止 */
body {
  padding-top: 60px;
  padding-bottom: 130px;
  overflow: visible !important;
}
body.custom-background::before {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(0,16,0,0.5) !important;
  z-index: -1;
  background-size: cover;
  background-position: center;
}

.header-container, .main, .sidebar, .footer {
  background-color: rgba(0,0,0,0.5);
}

.header-container {
  background: rgba(0,16,0,0.5) !important;
}

/* トップページ以外でヘッダー非表示 */
/*
body:not(.home):not(.front-page) .header-in {
*/

/* ヘッダー非表示 */
body .header-in {
  display: none;
}

/* フッターメニューを下に固定 */
.footer,
#footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 998;
}

/* 先頭に戻るボタン */
.go-to-top-button {
  border: solid 2px #ffffff;
  color: #ffffff;
}

.go-to-top-button:hover {
  color: #075f66;
}

.home figcaption p {
  text-align: left;
  line-height: 1.2;
  text-shadow: 3px 3px 5px rgba(0,0,0,0.8);
}
.home figcaption .fz-48px {
  font-size: 48pt;
}
.home figcaption .fz-24px {
  font-size: 24pt;
}

.home .uagb-container-inner-blocks-wrap .wp-block-uagb-container {
  position: relative;
  border-radius: 16px;
  cursor: pointer;
  line-height: 24px;
  box-shadow: 0px 6px 12px rgba(0,0,0,0.2);
  transition: 0.3s;
}

.home .uagb-container-inner-blocks-wrap .wp-block-uagb-container:hover {
  box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
  filter: brightness(70%);
}

.home .uagb-container-inner-blocks-wrap .wp-block-uagb-container a {
  position: absolute;
  inset: 0;
  z-index: 10;
  opacity: 1.0;
}

.home .uagb-container-inner-blocks-wrap .wp-block-uagb-container p {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.home .wp-block-uagb-container.uagb-is-root-container {
  opacity: 1.0;
}

/* 見出し */
h2 {
  background-image: none !important;
  background-color: #31b057 !important;
}

h3 {
  background-color: #31b057 !important;
}

.wp-block-heading {
  background-color: #31b057 !important;
/*
  background-image: linear-gradient(135deg, #075f66, #075f66 30%, #0a818b 30%, #075f66 70%, #075f66 100%, transparent 0);
*/
}

.wp-block-uagb-container p {
  text-shadow: 3px 3px 5px rgba(0,0,0,0.8);
}
.wp-block-uagb-container a {
  text-decoration: none;
}

.entry-card-thumb {
  display: block !important;
}

/* テーブル */
table th {
  background-color: #31b057 !important;
}

/* 年表 */
.uagb-block-8ac82c84.uagb-timeline__outer-wrap .uagb-timeline__events-inner-new {
/*
  background-color: #075f66;
*/
  background-color: #31b057 !important;
  border-radius: 2px;
}

.uagb-block-8ac82c84.uagb-timeline__outer-wrap .uagb-timeline__marker.uagb-timeline__in-view-icon {
/*
  background: #075f66;
  border-color: #075f66;
*/
  background: #31b057 !important;
  border-color: #31b057 !important;
}
.uagb-block-8ac82c84.uagb-timeline__outer-wrap .uagb-timeline__line__inner {
/*
  background-color: #075f66;
*/
  background-color: #31b057 !important;
}

.uagb-block-8ac82c84.uagb-timeline__outer-wrap .uagb-timeline__day-right .uagb-timeline__arrow::after {
/*
  border-left-color: #075f66;
  border-right-color: #075f66;
  border-left-color: #31b057;
  border-right-color: #31b057;
*/
}

.uagb-block-8ac82c84.uagb-timeline__outer-wrap.uagb-timeline__center-block .uagb-timeline__day-right .uagb-timeline__arrow::after {
/*
  border-left-color: #075f66;
*/
  border-left-color: #31b057;
}

.uagb-block-8ac82c84.uagb-timeline__outer-wrap.uagb-timeline__center-block .uagb-timeline__day-left .uagb-timeline__arrow::after {
/*
  border-right-color: #075f66;
*/
  border-right-color: #31b057;
}

/* 番号リストを丸囲み数字に */
ol {
  counter-reset: num;
}

ol li {
  list-style: none;
  position: relative;
  padding-left: 40px;
  margin-bottom: 10px;
}

ol li::before {
  counter-increment: num;
  content: counter(num);
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
/*
  background: #075f66;
*/
  background: #31b057;
  color: #fff;
  font-weight: bolder;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
}

/* ヘッダー全幅化 */
figcaption {
  max-width: 100% !important;
  width: 100%;
  padding: 0;
}

/* ヘッダー画像をフル幅表示 */
figcaption img {
  width: 100%;
  height: auto;
}

.content {
	margin-top: 0px;
}
.main {
	padding: 0px;
}
/*
.wp-block-uagb-container.uagb-block-bc223553 {
  background-size: contain !important;
  background-position: top !important;
  background-repeat: no-repeat !important;
  align-items: stretch !important;
  justify-items: stretch !important;
  align-content: stretch !important;
  justify-content: stretch;
}
*/

.inline-button-green {
  border-color: #31b057 !important;
  background-color: #31b057 !important;
}

/* フッター */
.footer {
  background-image: none !important;
  background-color: #31b057 !important;
}

/* ライトボックスを最前面へ */
.uagb-image-lightbox {
  z-index: 9997 !important;
}
/* 閉じるボタンも確実に前へ */
.uagb-image-lightbox-close {
  z-index: 9998 !important;
}
/* 全体を強制的に最前面 */
[class*="lightbox"] {
  z-index: 99999 !important;
}
.uagb-block-bbc468e8 + .spectra-image-gallery__control-lightbox .spectra-image-gallery__control-lightbox--close {
  top: 80px;
}
.spectra-image-gallery__control-lightbox--thumbnails-wrapper {
  margin-bottom: 150px;
}
.spectra-image-gallery__control-lightbox--thumbnails .swiper-wrapper {
  height: 100px;
}

/* 新着情報 */
.cat-link {
  background-color: #31b057 !important;
}

/* 会社概要 */
.page-id-13 .wp-block-table th {
	width: 300px;
}

/* お問い合わせ */
.wpcf7 input,
.wpcf7 textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
}

.wpcf7 input[type="submit"] {
  background: #333;
  color: #fff;
  border: none;
  padding: 12px 20px;
  border-radius: 6px;
  cursor: pointer;
}

.wpcf7 input[type="submit"]:hover {
  background-color: #31b057 !important;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /* ヘッダーとフッター非表示 */
  .header,
  .footer {
    display: none !important;
  }
  body {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  #header,
  .site-header,
  .navi,
  #footer,
  .site-footer {
    display: none !important;
  }
  body {
    padding-top: 0 !important;
  }
  .home figcaption p {
    text-align: center;
  }
  .home figcaption .fz-48px {
    font-size: 20pt;
  }
  .home figcaption .fz-24px {
    font-size: 10pt;
  }
  
  main.main, div.sidebar {
    padding: 0px 16px;
    margin: 0px;
    border-width: 0;
  }
  .wp-block-table th {
    width: 150px !important;
  }
  .wp-block-table td {
    text-align: left;
  }
  .uagb-block-8ac82c84.uagb-timeline__outer-wrap .uagb-timeline__date-hide.uagb-timeline__inner-date-new {
    font-family: "Georgia", "Times New Roman", "Libre Baskerville", serif;
  }
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}