@charset "UTF-8";

/*!
Theme Name: Service Hub Nishinari
Description: サービスハブ西成（運営：ヨリドコ西成連合体様）専用のWordPress子テーマです。
Theme URI: https://wp-cocoon.com/
Author: Sephiroth
Author URI: https://servicehub-nishinari.jp/
Template:   cocoon-master
Version:    1.2.2
*/

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

/* 20230410: reCAPTCHA v3 表示位置の変更 */
.grecaptcha-badge{
  margin-bottom: 60px;
}

/* 20231019: メインコンテナのpadding上下を元に戻す */
.main {
  padding: 20px 29px;
}

/* 20231019: コンテンツ下部ウィジェットのスタイル調整 */
.content-bottom aside {
  border-top: 2px groove #eee;
  padding: 64px 0 72px;
}

/* 20241210: 変更されたスタイルの調整 */
/* .is-style-primary-box,
.primary-box,
.sp-primary,
.primary,
.is-style-success-box,
.success-box,
.sp-success,
.success,
.is-style-info-box,
.info-box,
.sp-info,
.info,
.is-style-warning-box,
.warning-box,
.sp-warning,
.warning,
.is-style-danger-box,
.danger-box,
.sp-danger,
.danger,
.is-style-secondary-box,
.secondary-box,
.is-style-light-box,
.light-box,
.is-style-dark-box,
.dark-box {
  margin-bottom: 20px;
} */
.carousel-entry-card-thumb, .related-entry-card-thumb, .widget-entry-card-thumb, .entry-card-thumb,
.related-entry-card-snippet, .entry-card-snippet {
  margin-bottom: 0;
}
.related-entry-card-title, .entry-card-title {
  margin-bottom: 5px;
}
.hlt-tm-small .navi-in > ul li,
.cl-slim .navi-in > ul li {
  line-height: 40px;
}
.navi-in > ul {
  & .menu-item-has-description > a > .caption-wrap {
    line-height: 21.4285714286px;
  }
  /* 20260206: navバー内の文字がバーからずれてしまうのを修正*/
  /*& .caption-wrap {
    height: 60px;
  }*/
  & li {
  line-height: 60px;
  }
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

/*480px以下*/
@media screen and (max-width: 480px){
  /* 20231018: コンテンツ下部ウィジェットのコンテナのpadding調整 */
  .content-bottom-in{
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* 20231018:独自追加 481-834px */
@media screen and (min-width:481px) and (max-width: 834px) {
  /* 20231018: コンテンツ下部ウィジェットのボタン幅調整 */
  .content-bottom-in .btn-l {
    width: calc(100% - 32px);
    margin: 0 auto;
  }
}