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



/* === パターン2：テキスト＋アピール文 === */
.ad-text {
  margin: 1.2em 0;
  padding: 12px;
  background: #fefefe;
/*   border: 1px solid #ddd; 代替の枠線に変更 */
  border-radius: 4px;
  line-height: 1.6;
}

.ad-text a {
  font-weight: bold;
  text-decoration: underline;
  color: #0056b3;
}

.ad-text p {
  font-size: 0.85em;
  color: #666;
  margin-top: 0.5em;
  margin-bottom: 0;
}



table {
  border-collapse: separate; /* 丸みを効かせるために必要 */
  border-spacing: 0;
  border-radius: 10px;
  overflow: hidden;
  width: auto; /* ← 内容に合わせて幅を調整 */
  margin-left: auto; /* ← ページ内で中央揃え */
  margin-right: auto; /* ← ページ内で中央揃え */
  margin-bottom: 20px;
}

/* セルの見た目も調整（任意） */
table th,
table td {
  border: 1px solid #ccc;
  padding: 10px;
  text-align: center;
}