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

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

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

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

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


/* KEIBA HOME CARDS START */
.keiba-home-links{
  max-width:1100px;
  margin:30px auto;
  padding:10px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;
}

.keiba-home-links h2{
  text-align:center;
  font-size:32px;
  margin:0 0 10px;
  color:#102b50;
  font-weight:900;
}

.keiba-home-links .intro{
  text-align:center;
  color:#607895;
  line-height:1.8;
  margin-bottom:28px;
}

.keiba-card-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}

.keiba-card{
  display:block;
  position:relative;
  text-decoration:none !important;
  border-radius:20px;
  padding:28px 30px 26px;
  min-height:220px;
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease;
  overflow:hidden;
}

.keiba-card::after{
  content:"";
  position:absolute;
  right:-35px;
  bottom:-55px;
  width:170px;
  height:170px;
  border-radius:50%;
  opacity:.18;
}

.keiba-card.jra{
  background:linear-gradient(135deg,#f4f9ff,#eaf4ff);
  border:2px solid #add2ff;
}

.keiba-card.jra::after{
  background:#2582ff;
}

.keiba-card.local{
  background:linear-gradient(135deg,#f4fff8,#eafcf2);
  border:2px solid #a8edc0;
}

.keiba-card.local::after{
  background:#20b95f;
}

.keiba-card:hover{
  transform:translateY(-5px);
  box-shadow:0 15px 32px rgba(30,70,110,.14);
}

.keiba-card.jra:hover{
  border-color:#2582ff;
}

.keiba-card.local:hover{
  border-color:#20b95f;
}

.keiba-label{
  font-size:14px;
  font-weight:900;
  letter-spacing:.04em;
  margin-bottom:16px;
}

.jra .keiba-label{
  color:#1677f2;
}

.local .keiba-label{
  color:#13a24d;
}

.keiba-title{
  font-size:27px;
  line-height:1.4;
  font-weight:900;
  color:#102b50;
  margin-bottom:12px;
}

.keiba-desc{
  color:#617b98;
  font-size:14px;
  line-height:1.7;
  margin-bottom:24px;
}

.keiba-button{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border-radius:999px;
  padding:11px 18px;
  font-size:14px;
  font-weight:900;
  color:#fff;
  position:relative;
  z-index:2;
}

.jra .keiba-button{
  background:linear-gradient(135deg,#1478ff,#2a9cff);
  box-shadow:0 6px 14px rgba(20,120,255,.20);
}

.local .keiba-button{
  background:linear-gradient(135deg,#16a34a,#22c55e);
  box-shadow:0 6px 14px rgba(22,163,74,.18);
}

.keiba-click-note{
  position:absolute;
  right:22px;
  top:20px;
  font-size:11px;
  font-weight:800;
  color:#8497ac;
}

@media(max-width:700px){
  .keiba-card-grid{
    grid-template-columns:1fr;
    gap:14px;
  }

  .keiba-card{
    min-height:190px;
    padding:22px;
  }

  .keiba-title{
    font-size:23px;
  }

  .keiba-home-links h2{
    font-size:27px;
  }
}
/* KEIBA HOME CARDS END */