@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){
  /*必要ならばここにコードを書く*/
}
/* ============================================
   Pickleball Media - デザイン変数定義
   ============================================ */

:root {
  --pb-blue:    #0057FF;
  --pb-orange:  #FF6B00;
  --pb-yellow:  #FFE600;
  --pb-black:   #111111;
  --pb-white:   #FFFFFF;
  --pb-gray:    #F5F5F5;
  --pb-border:  3px solid #111111;
  --pb-shadow:  5px 5px 0px #111111;
  --pb-shadow-hover: 8px 8px 0px #111111;
  --pb-radius:  0px;
  --pb-font: "Arial", "Hiragino Sans", "Meiryo", sans-serif;
  --pb-font-weight-heavy: 800;
  --pb-section-pad: 64px 32px;
  --pb-card-pad:    24px;
}

.pb-btn {
  display: inline-block;
  font-weight: var(--pb-font-weight-heavy);
  font-size: 16px;
  padding: 12px 28px;
  border: var(--pb-border);
  box-shadow: var(--pb-shadow);
  text-decoration: none;
  cursor: pointer;
  transition: all 0.15s ease;
}
.pb-btn:hover {
  transform: translate(-2px, -2px);
  box-shadow: var(--pb-shadow-hover);
}
.pb-btn-primary { background: var(--pb-blue); color: var(--pb-white); }
.pb-btn-accent  { background: var(--pb-orange); color: var(--pb-white); }
.pb-btn-yellow  { background: var(--pb-yellow); color: var(--pb-black); }
.pb-card {
  background: var(--pb-white);
  border: var(--pb-border);
  box-shadow: var(--pb-shadow);
  padding: var(--pb-card-pad);
  transition: all 0.15s ease;
}
.pb-card:hover {
  transform: translate(-2px, -2px);
  box-shadow: var(--pb-shadow-hover);
}