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

/*20260129忍者max広告幅設定*/
/* モバイルでの広告はみ出し対策：最大幅を100%に制限 */
@media screen and (max-width: 767px) { /* スマホ表示のみに適用 */
    .ad-area iframe, 
    .ad-area img, 
    .widget-sidebar iframe,
    .adsbygoogle iframe {
        max-width: 90% !important; /* 親要素の幅を超えないようにする */
        height: auto !important;    /* 縦横比を維持する */
    }
}

/* 20260322追加 youtube動画埋め込みの共通デザイン：gw-custom-video */
/* 親のfigure（gw-custom-video）の中にある、
   全ての階層を強制的に横幅いっぱいに広げる設定 */

.gw-custom-video .video-container,
.gw-custom-video .video {
    max-width: 100% !important; /* 固定幅を解除 */
    width: 100% !important;
}

.gw-custom-video iframe {
    width: 100% !important;     /* 1558pxという固定値を無視させる */
    height: auto !important;    /* 高さを自動計算に */
    aspect-ratio: 16 / 9;       /* 黄金比を維持 */
    border-radius: 12px;        /* 角丸を本体にも適用 */
}
}