@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){
  /*必要ならばここにコードを書く*/
}

/* =========================
   ARPLA｜掲示文カード（文藝阿不羅 共通）
   ========================= */

.arpla-card-strong{
  margin: 2rem auto;
  padding: 1.6rem 1.8rem;
  max-width: 720px;                 /* 詩集っぽい横幅 */
  background: rgba(0,0,0,.02);      /* 紙色 */
  border: 1px solid rgba(0,0,0,.10);
  border-left: 3px solid rgba(0,0,0,.45); /* 静かな墨線 */
  border-radius: 18px;
}

.arpla-card-strong__poem{
  margin: 0;
  font-size: 1.08rem;
  line-height: 2.15;
  letter-spacing: .06em;
  text-align: center;               /* HOMEでも阿不羅でも使える */
}

/* ルビ：黙る（美観優先） */
.arpla-card-strong ruby{
  display: inline-flex;
  align-items: flex-start;
  white-space: nowrap;
  ruby-position: over;
}
.arpla-card-strong rt{
  font-size: .42em;
  letter-spacing: .12em;
  transform: translateY(-0.22em);
  opacity: .5;
  font-weight: 400;
}

/* モバイル最適化 */
@media (max-width: 600px){
  .arpla-card-strong{
    padding: 1.1rem 1.2rem;
    border-radius: 14px;
  }
  .arpla-card-strong__poem{
    font-size: 1.02rem;
    line-height: 2.0;
  }
  .arpla-poem-sub{ display:none; }
}

/* =========================
   HOME（固定ページID:124）
   ========================= */

/* HOMEタイトルだけ非表示 */
.page-id-124 .entry-title{
  display: none;
}

/* HOME：タイトル Gather&Mix */
.arpla-card-strong .arpla-home-title,
.arpla-card-strong strong{
  display: block;
  font-size: 2.6rem;     /* ← 大きく */
  line-height: 1.2;
  letter-spacing: .03em;
  margin-bottom: 1.2rem;
}

/* HOME：キャッチコピー（改行はHTMLで固定） */
.arpla-card-strong .arpla-home-catch{
  display: inline-block;
  font-size: 1.15rem;
  line-height: 2.0;
  letter-spacing: .08em;
  text-align: center;  /* 2行とも中央揃えで詩的に */
}
@media (max-width: 600px){
  .arpla-card-strong .arpla-home-catch{
    font-size: 1.05rem;
    line-height: 1.9;
  }
}