@charset "UTF-8";

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

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

/* body Start */
body.font-small { font-size: 0.8rem; }
body.font-default { font-size: 1.0rem; }
body.font-large { font-size: 1.5rem; }
/* body End */

/* headerコンテナ Start */
.container .header-container .header-in {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: row;
}
.container .header-container .header-in .add-header-contents {
  margin: 10px 0px 10px 15px;
  padding: 0px;
  font-size: 0.8rem;
}
.container .header-container .header-in .add-header-contents .widgettitle {
  display: none;
}
.container .header-container .header-in .add-header-contents .sns-buttons {
  margin: 0px;
  padding: 0px;
}
.container .header-container .header-in .add-header-contents .custom-html-widget button:hover {
  opacity: 0.7 !important;
}
.container .header-container .header-in .add-header-contents .custom-html-widget .icci-header-custom {
  display: flex;
  justify-content: end;
  align-items: center;
  flex-direction: row;
}
.container .header-container .header-in .add-header-contents .custom-html-widget .icci-header-custom form {
  margin-top: 10px;
}
.container .header-container .header-in .add-header-contents .custom-html-widget .icci-header-custom form * {
  height: 40px;
}
.container .header-container .header-in .add-header-contents .custom-html-widget .icci-header-custom button,
.container .header-container .header-in .add-header-contents .custom-html-widget .icci-header-custom a {
  margin-left: 4px;
  padding: 10px 12px !important;
  font-size: 0.7rem;
  color: #ffffff;
  background-color: #424242 !important;
  border: 1px solid #ffffff !important;
  box-shadow: 0px 1.5px 5px #444444 !important;
}
.container .header-container .header-in .add-header-contents .custom-html-widget .icci-header-custom .button-block {
  margin: 0px !important;
}
.container .header-container .header-in .add-header-contents .custom-html-widget .icci-font-accessibility {
  margin-left: 15px;
  padding: 4px 8px 5px 8px;
  width: 232px;
  background-color: #ffff99;
  border: 1px solid #999999;
  border-radius: 8px;
}
.container .header-container .header-in .add-header-contents .custom-html-widget .icci-font-accessibility p {
  display: inline-block;
}
.container .header-container .header-in .add-header-contents .custom-html-widget .icci-font-accessibility button {
  display: inline-block;
  padding: 4px 10px 6px 10px !important;
  background-color: #75b000 !important;
}
/* headerコンテナ End */

/* footerコンテナ Start */
.container .footer-container .footer-in {
  padding: 0px;
  font-size: 0.8rem;
  line-height: 1.2rem;
}
.container .footer-container .footer-in .footer-left {
  margin-right: 20px;
  padding: 0px;
  border-right: 1px solid;
}
.container .footer-container .footer-in .footer-center {
  margin-right: 20px;
  padding: 0px;
  border-right: 1px solid;
}
.container .footer-container .footer-in .footer-right {
  padding: 0px;
}	
.container .footer-container .footer-in * ul {
  padding: 0px;
  color: #ffffff;
}
.container .footer-container .footer-in .footer-center ul li {
  margin-bottom: 10px;
}
/* footerコンテナ End */

/* Navigation Start */
.container .navi-in * {
  line-height: 1.4em;
  font-size: 0.8rem;
}
.container .navi-in > ul > li {
  border-left: 1px solid #ffffff;
}
.container .navi-in > ul > li:last-child {
  border-right: 1px solid #ffffff;
}
.container .navi-in a {
  background-color: #3949ab;
}
.container .navi-in a:hover {
text-decoration: none;
}
/* Navigation End */

/* メイン Start */
.container .main {
  padding-top: 20px;
  padding-bottom: 20px;
}
/* メイン End */

/* メインコンテンツ前 Start */
.icci-main-bf {
  padding: 50px 200px;
  width: 100%;
  height: 450px;
  background-image: url('./images/latov.jpg');
  background-size: contain;
  background-position: center;
  background-repeat: repeat;
}
.icci-main-bf .icci-main-bf-in p {
  position: absolute;
  font-size: 1.8rem;
  font-weight: bolder;
  color: #ffffff;
  text-shadow: 3px 3px 3px #424242;
}
.icci-main-bf .icci-main-bf-in .button-block {
  display: block;
  margin-left: auto;
  width: 200px;
  height: 80px;
  background-color: #ffb343;
}
.icci-main-bf .icci-main-bf-in .button-block > a {
  padding-top: 24px !important;
  width: 100%;
  height: 100%;
  line-height: 1.4rem;
  font-size: 1.1rem;
  font-weight: bold !important;
  background-color: #ffb343 !important;
  border: 6px double #ffffff;
  border-radius: 0px !important;
}
.icci-main-bf .icci-main-bf-in .button-block:nth-child(5) > a {
  padding-top: 14px !important;
}
/* メインコンテンツ前 End */

/* 固定ページ・投稿日、更新日、投稿者名 → 非表示 Start */
.container .page .date-tags,
.container .page .author-info {
  display: none;
}
/* 固定ページ・投稿日、更新日、投稿者名 → 非表示 End */

/* 見出し関係 Start */
.container h1 {
  padding: 15px;
  color: #ffffff;
  border: 10px double #ffffff;
  background-color: #3949ab;
}
.container h2 {
  padding: 10px 15px !important;
  border-left: 8px solid #3949ab !important;
  border-bottom-color: #999999 !important;
}
.container .entry-content h2:before,
.container .entry-content h2:after {
  content: none;
}
.container h3 {
  padding: 10px 15px !important;
}
.container h4 {
  padding: 10px 15px !important;
  border-bottom: 2px dotted #3949ab !important;
}
.container .entry-content h4:before,
.container .entry-content h4:after {
  content: none;
}
.container h5,
.container h6 {
  padding: 10px 15px !important;
  border-bottom: 1px solid #999999 !important;
}
/* 見出し関係 End */

/* アコーディオン Start */
.container .wp-block-accordion-heading {
  padding: 10px 15px !important;
}
.container .wp-block-accordion-heading button {
  margin: 0px !important;
  padding: 0px !important;
  background: transparent !important;
}
/* アコーディオン End */

/* リンク Start */
.container a {
  text-decoration: none;
}
.container a:hover {
  text-decoration: underline;
  color: #e53900;
}
/* リンク End */

/* テーブル Start */
.container table,
.container table thead {
  border: 1px solid #999999 !important;
}
.container table tr th {
  padding: 5px 20px !important;
  color: #ffffff;
  font-weight: normal;
  border: 1px solid #999999 !important;
  background-color: #bfb05c !important;
}
.container table tr:nth-child(even) {
  background-color: #ededed !important;
}
.container table tr td {
  padding: 5px 10px !important;
  border: 1px solid #999999 !important;
}
/* テーブル End */

/* ボタン Start */
.container button,
.container .button-block a,
.container input[type=submit] {
  margin: 0px;
  padding: 8px 20px !important;
  font-weight: normal !important;
  text-decoration: none !important;
  background-color: #5c6bc0 !important;
  border-radius: 8px !important;
}
.container .button-block a:hover {
  color: #ffffff;
}
.container .go-to-top .go-to-top-button,
.container .search-submit {
  color: #ffffff !important;
  background-color: #424242 !important;
  border-radius: 50% !important;
}
.container .search-submit:hover {
  opacity: 0.7;
}
/* ボタン End */

/* テキストボックス Start */
.container input[type=text],
.container input[type=password],
.container input[type=search],
.container input[type=email],
.container textarea {
  margin: 0px;
  padding: 8px;
  border: 1px solid #999999 !important;
  border-radius: 8px !important;
}
/* テキストボックス End */

/* 選択ボックス Start */
.container select {
  /* デフォルト矢印非表示 */
  -webkit-appearance: none;
  appearance: none;
	
  margin: 0px;
  padding: 8px;
  border: 1px solid #999999 !important;
  border-radius: 8px !important;
}
.container select::-ms-expand {
  display: none;  /* デフォルト矢印非表示（IE用） */
}
.container .select-container {
  position: relative;
}
.container .select-container:after {
  content: '';
  position: absolute;
  top: 13px;
  right: 10px;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-top: 10px solid #424242;
  border-bottom: 0;
}
.container .select-container:after {
  pointer-events: none;
}
/* 選択ボックス End */

/* 空白ボックス Start */
.container .wp-block-cocoon-blocks-blank-box-1 {
  margin: 0px !important;
  padding: 0px !important;
  border: none;
}
/* 空白ボックス End */

/* 付箋 Start */
.container .wp-block-cocoon-blocks-sticky-box {
  padding: 15px;
  border-left-width: 8px !important;
}
/* 付箋 End */

/* アイコンリスト Start */
.container .wp-block-cocoon-blocks-iconlist-box {
  margin: 0px;
  padding: 0px 4px 0px 20px;
}
.container .wp-block-cocoon-blocks-iconlist-box .iconlist-title {
  display: none !important;
}
/* アイコンリスト End */

/* リスト（※用） Start */
.container .icci-list-notes {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.container .icci-list-notes li { 
  position: relative;
  margin: 0.5em 0px !important;
  padding-left: 25px;
}
.container .icci-list-notes li:before {
  position: absolute;
  content: "※";
  left: 0px;
}
/* リスト（※用） End */

/* ページnavi Start */
.container .pager-post-navi {
  margin: 15px 0px;
  padding: 0px;
}
.container .pager-post-navi * {
  line-height: 1.1rem;
}
.container .pager-post-navi a {
  margin: 0px 10px !important;
  padding: 10px !important;
  text-decoration: none;
}
.container .pager-post-navi .fa-home {
  font-size: 1.5rem;
}
/* ページnavi End */

/* カテゴリー Start */
.container .info-list-item-categorys .entry-category {
  padding: 0px 12px;
  width: 70px;
  color: #ffffff;
  font-size: 0.6rem;
  text-align: justify;
  text-align-last: justify;
  line-height: 1.3rem;
  border: none;
  border-radius: 5px;
}
.container .entry-categories .cat-link {
  padding: 4px 8px !important;
  color: #ffffff;
  text-decoration: none;
  border-radius: 5px !important;
}
.container .wp-block-post-terms a {
  display: inline-block;
  padding: 3px 15px;
  width: 80px;
  color: #ffffff;
  font-size: 0.7rem;
  text-align: justify;
  text-align-last: justify;
  border-radius: 5px;
}
.container .wp-block-post-terms a:hover {
  text-decoration: none;
}
.container .category-oshirase-post .info-list-item-categorys span,
.container .entry-categories .cat-link-4,
.container .category-oshirase-post .wp-block-post-terms a {
  background-color: #ff7c80;  /* お知らせ */
}
.container .category-seminar-post .info-list-item-categorys span {
  padding: 0px 5px;           /* セミナーなど */
}
.container .category-seminar-post .wp-block-post-terms a {
  padding: 4px;               /* セミナーなど */
}
.container .info-list-item-categorys .cat-label-7,
.container .entry-categories .cat-link-7,
.container .category-seminar-post .wp-block-post-terms a {
  background-color: #ffb343;  /* セミナーなど */
}
.container .category-boshu-post .info-list-item-categorys span,
.container .entry-categories .cat-link-5,
.container .category-boshu-post .wp-block-post-terms a {
  background-color: #75b000;  /* 募集 */
}
.container .category-koushin-post .info-list-item-categorys span,
.container .entry-categories .cat-link-6,
.container .category-koushin-post .wp-block-post-terms a {
  background-color: #a578d2;  /* 更新 */
}
.container .category-jyuuyou-post .info-list-item-categorys span,
.container .entry-categories .cat-link-8,
.container .category-jyuuyou-post .wp-block-post-terms a {
  background-color: #e53900;  /* 重要 */
}
/* カテゴリー End */

/* コンタクトフォーム Start */
.container .wpcf7 {
  margin: 50px;
  padding: 40px 60px;  
  border: 1px solid #999999;
  border-radius: 8px;
}
.container .wpcf7 .must-item {
  display: inline-block;
  margin-right: 8px;
  padding: 2px 6px;
  width: 50px;
  color: #ffffff;
  font-size: 0.8rem;
  text-align: justify;
  text-align-last: justify;
  background-color: #999999;
  border: 1px solid #ffffff;  
  border-radius: 8px;
}
.container .wpcf7 table tr td {
  padding-top: 15px !important;
  padding-bottom: 0px !important;
}
.container .wpcf7 input[type=submit] {
  padding-left: 40px !important;
  padding-right: 40px !important;
  width: 150px;
  text-align: justify;
  text-align-last: justify;
}
.container .wpcf7 .wpcf7-not-valid-tip { /* 入力エラー */
  margin-top: 5px;
  color: #e53900;
  font-size: 0.8rem;
}
.container .wpcf7 .wpcf7-response-output { /* レスポンス */
  padding: 10px 20px;
  border-radius: 8px;
  color: #ffffff;
  text-align: center;
}
.wpcf7 form.sent .wpcf7-response-output { /* レスポンス・完了 */
  background-color: #75b000;
  border: 6px double #ffffff;
}
.container .wpcf7 .failed .wpcf7-response-output,
.container .wpcf7 .aborted .wpcf7-response-output { /* レスポンス・警告など */
  background-color: #e53900;
  border: 6px double #ffffff;
}
.container .wpcf7 .invalid .wpcf7-response-output,
.container .wpcf7 .unaccepted .wpcf7-response-output { /* レスポンス・間違いなど */
  background-color: #ffb343;
  border: 6px double #ffffff;
}
.container .wpcf7 .spam .wpcf7-response-output { /* レスポンス・スパム */
  background-color: #a578d2;
  border: 6px double #ffffff;
}
/* コンタクトフォーム End */

/* MetaSlider Start */
.container .metaslider {
  padding: 0px 80px;
}
/* MetaSlider End */

/* 会員サイト Start */
.container .icci-kaiin {
  margin: 20px auto !important;
  padding: 50px !important;
  width: 60%;
  background-color: #ededed;
}
.container .icci-kaiin-guide-left {
  width: 60%;
  background-image: url('./images/kaiin-guide.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}
.container .icci-kaiin-guide-left > p {
  -webkit-text-stroke: 2px #ffffff;
  text-stroke: 2px #ffffff;
  paint-order: stroke;
}
.container .icci-kaiin-guide-left .btn {
  padding-left: 50px !important;
  padding-right: 50px !important;
  background-color: #e53900 !important;
  border-radius: 30px !important;
}
.container .icci-kaiin-guide-left p:last-child {
  padding: 10px 50px !important;
  color: #ffffff;
  font-size: 0.9rem;
  text-align: center;
  background-color: #5c6bc0;
  border: 1px solid #ffffff;
  box-shadow: 0px 1.5px 5px #444444 !important;
  border-radius: 30px !important;
}
.container .icci-kaiin-guide-right {
  width: 40%;
}
.container .icci-kaiin form label,
.container .icci-kaiin form a {
  display: inline-block;
  line-height: 2.0rem;
}
.container .icci-kaiin form input[type=submit],
.container .icci-kaiin form button {
  display: block;
  margin: 20px auto;
  padding: 12px !important;
  font-size: 1.0rem;
  color: #ffffff;
  width: 40%;
  border: 1px solid #ffffff !important;
  box-shadow: 0px 1.5px 5px #444444 !important;
}
.container .icci-kaiin form button:hover {
  opacity: 0.7;
}
.container .icci-kaiin form .swpm-login-action-msg span {
  display: block;
  color: #e53900;
}
.container .icci-kaiin form .swpm-login-action-msg span:first-child {
  margin-top: 30px;
}
.container .icci-kaiin form .swpm-form-desc * {
  color: #e53900;
}
.container .icci-kaiin form .swpm-form-row.error .swpm-form-field {
  border-color: #e53900 !important;
  outline-color: #e53900 !important;
}
.container .icci-kaiin form .swpm-form-row.error .swpm-form-desc {
  color: #e53900 !important;
}
.container .icci-kaiin form .swpm-membership-level-row,
.container .icci-kaiin form .swpm-zipcode-row,
.container .icci-kaiin form .swpm-state-row,
.container .icci-kaiin form .swpm-city-row,
.container .icci-kaiin form .swpm-street-row,
.container .icci-kaiin form .swpm-phone-row,
.container .icci-kaiin form .swpm-country-row {
  display: none;
}
.container .icci-kaiin .swpm_error {
  margin-bottom: 10px;
  padding: 10px;
  color: #e53900;
  border: 1px solid #e53900;
}
.container .icci-kaiin .swpm_error * {
  color: #424242;
}
/* 会員サイト End */

/* SNSボタン（丸ボタン） Start */
.container .sns-share {
  background: transparent;
}
.container .sns-share .ss-top .sns-share-buttons,
.container .sns-share .ss-bottom .sns-share-buttons,
.container .sns-follow .sf-bottom .sns-follow-buttons,
.container .sns-follow .sf-widget .sns-follow-buttons {
  /* シェア・フォローボタン枠組み */  
  justify-content: center;
  flex-wrap: wrap;
}
.container .sns-share .ss-top .sns-buttons a,
.container .sns-share .ss-bottom .sns-buttons a,
.container .sns-follow .sf-bottom .sns-buttons a,
.container .sns-follow .sf-widget .sns-buttons a {
  /* シェア・フォローボタンリンク */
  margin-right: 4px;
  margin-left: 4px;
  width: 40px;
  height: 40px;
  text-decoration: none;
  border-radius: 50%;
}
.container .sns-follow .sf-profile .sns-buttons a {
  /* プロフィールウィジェットリンク */
  border-radius: 50%;
}
.container .sns-share .ss-top .sns-buttons a .social-icon,
.container .sns-share .ss-bottom .sns-buttons a .social-icon {
  /* シェアボタンアイコン */
  padding-top: 6px;
  font-size: 1.8rem;
}
.container .sns-follow .sf-bottom .sns-follow-buttons .follow-button,
.container .sns-follow .sf-widget .sns-follow-buttons .follow-button {
  /* フォローボタンアイコン */
  font-size: 1.8rem;
}
.container .sns-share .ss-top .sns-buttons a .button-caption,
.container .sns-share .ss-bottom .sns-buttons a .button-caption {
   /* シェアボタンのキャプション */
  display: none;
}
.container .sns-share.ss-top .sns-buttons a .share-count,
.container .sns-share.ss-bottom .sns-buttons a .share-count,
.container .sns-follow.sf-bottom .sns-buttons a .follow-count,
.container .sns-follow.sf-widget .sns-buttons a .follow-count {
  /* シェア・フォローボタンのシェア数 */
  right: -2px;
  bottom: -2px;
  padding: 2px;
  font-size: 0.7rem;
  border: solid 1px;
  border-radius: 3px;
  background-color: inherit;
}
.container .sns-share .ss-top .sns-buttons a .share-count:empty,
.container .sns-share .ss-bottom .sns-buttons a .share-count:empty,
.container .sns-follow .sf-bottom .sns-buttons a .follow-count:empty,
.container .sns-follow .sf-widget .sns-buttons a .follow-count:empty {
  /* シェア数の表示が必要ないシェア・フォローボタン */
  padding: 0px; 
  border: 0px;
}
.container .sns-share a:hover,
.container .sns-follow a:hover {
  color: #ffffff;
}
/* SNSボタン（丸ボタン） End */

/* コンテント下部 Start */
.container .content-bottom {
  margin: 0px !important;
  background: transparent;
}
.container .content-bottom .content-bottom-in .icci-slider-title img {
  margin: 0px auto;
  padding-top: 20px;
}
/* コンテント下部 End */

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/* 1023px以下 */
@media screen and (max-width: 1023px) {
  /* 必要ならばここにコードを書く */

  /* headerコンテナ Start */
  .container .header-container .header-in .logo,
  .container .header-container .header-in .add-header-contents {
    display: none;
  }
  /* headerコンテナ End */
	
  /* Navigation Start */
  .container .br-point {
    display: none;
  }
  /* Navigation End*/

  /* メインコンテンツ前 Start */
  .icci-main-bf {
    display: none;	
  }
  /* メインコンテンツ前 End */
}

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

  /* コンタクトフォーム Start */
  .container .wpcf7 {
    margin: 0px;
    padding: 15px;
  }
  .container .wpcf7 .must-item {
    width: auto;
  }
  .container .wpcf7 table tr,
  .container .wpcf7 table tr th, 
  .container .wpcf7 table tr td {
    display: block;
    width: 100%;
    min-width: 100%;
    font-size: 1.0rem;
    text-align: left;
  }
  /* コンタクトフォーム End */

  /* MetaSlider Start */
  .container .metaslider {
    padding: 0px 10px;
  }
  /* MetaSlider End */
}

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

  /* MetaSlider Start */
  .container .metaslider {
    padding: 0px;
  }
  /* MetaSlider End */
}