@charset "UTF-8";

/*!
Theme Name: Studio Cocoon Starter
Description: ヨガ・ピラティス・パーソナル等のスタジオサイト制作向けの再利用可能なCocoon子テーマ。親テーマ Cocoon（100% GPL, by わいひら / Xserver Inc.）を必要とします。
Author: AYUKO SATO
Template: cocoon-master
Version: 1.4.4
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: studio-cocoon-starter
*/

/*
Studio Cocoon Starter — Cocoon 子テーマ
Copyright (C) 2026 AYUKO SATO

親テーマ Cocoon および Cocoon 公式子テーマ（cocoon-child-master）に由来する
ファイル（tmp-user/*.php, amp.css 等）を含みます。いずれも 100% GPL です。

This program is free software; you can redistribute it and/or modify it
under the terms of the GNU General Public License, version 2 or later.
See the LICENSE file for the full license text.
*/

/************************************
** このファイルについて
** - テーマ情報のため必須
** - 実際のCSSは assets/css/ に分割
** - 案件固有の大きなCSSは各CSSファイルへ
************************************/

/* ===== YouTube（クリックで再生）：サムネイル＋再生ボタン ===== */
.studio-yt{position:relative;display:block;width:100%;aspect-ratio:16/9;background:#000;overflow:hidden}
.studio-yt iframe{position:absolute;top:0;left:0;width:100% !important;height:100% !important;border:0}
.studio-yt__play{display:block;position:relative;width:100%;height:100%;margin:0;padding:0;border:0;background:#000;cursor:pointer;overflow:hidden}
.studio-yt__play img{display:block;width:100%;height:100%;object-fit:cover;opacity:.92;transition:opacity .4s cubic-bezier(.25,.8,.3,1),transform .6s cubic-bezier(.25,.8,.3,1)}
.studio-yt__play:hover img,.studio-yt__play:focus-visible img{opacity:1;transform:scale(1.02)}
.studio-yt__icon{position:absolute;top:50%;left:50%;width:68px;height:48px;margin:-24px 0 0 -34px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.35));transition:transform .4s cubic-bezier(.25,.8,.3,1)}
.studio-yt__play:hover .studio-yt__icon,.studio-yt__play:focus-visible .studio-yt__icon{transform:scale(1.06)}
.studio-yt__play:focus-visible{outline:3px solid #fff;outline-offset:-6px}