@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.entry-card {
  position: relative;
}

/* カード全体の透明リンク */
.entry-card-overlay-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer;
}

/* ✅ ACFリンク部分だけ z-index を上げる */
.entry-card-site-link {
  position: relative;
  z-index: 2;
}

/* .entry-card-site-link a {
  display: inline-block;
  padding: 6px 48px;
  background-color: #007bff;
  color: white;
  font-weight: normal;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 3px 8px rgba(0, 123, 255, 0.5);
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  position: relative;
  overflow: hidden;
} */

.entry-card-site-link a:hover,
.entry-card-site-link a:focus {
  box-shadow: 0 3px 6px rgba(0, 86, 179, 0.3);
  transform: translateY(-1px) scale(1.01);
}


/* ナビゲーションバー設定 */
.navi-in > ul {
  justify-content: start;
}

.menu-header .item-label {
  color: #ffffff;
  background-color: #3399cc;
      &:hover {
      background-color:#63c8fa
    }
}

/* パンくず設定 */
.breadcrumb.sbp-main-before, .breadcrumb.sbp-footer-before, .breadcrumb.pbp-main-before, .breadcrumb.pbp-footer-before {
  background-color: #f4f5f7;
}

/* カルーセル設定 */
.carousel-in {
    background-color: #f4f5f7;
}

/* サイドバー設定 */

.widget-entry-cards a:hover,
ul.wp-block-categories-list.wp-block-categories a:hover,
ul.wp-block-archives-list.wp-block-archives a:hover,
.widget_nav_menu ul li a:hover {
  color: #ffffff;
  background-color: #3399cc;
  text-decoration: underline;
}


/* メイン部 */
.list-title-in {
    font-size: 2rem;
}

.h1{
 position:relative;
 margin:0 -10px;
 padding:10px 20px;
 width:430px;
 background:#88ccef;
 box-shadow:0 3px 3px 0 rgba(0,0,0,0.1);
  &::before{
    content:" ";
    position:absolute;
    top:-20px;
    left:0;
    width:450px;
    height:0;
    border-width:10px;
    border-style:solid;
    border-color:transparent;
    border-bottom-color:#91daff;
    }
  }

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

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

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