@charset "UTF-8";
/*
Theme Name: Emanon Premium child
Theme URI: https://wp-emanon.jp/emanon-premium/
Author: 株式会社イノ・コード
Author URI: https://innocord.co.jp/
Description: Emanon Premiumnの子テーマです。
Template: emanon-premium
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:one-column, two-columns, three-columns, left-sidebar, right-sidebar, theme-options
*/

/* 文字本体（上に乗る） */
.o-outline10{
	margin-top:-30px;
  position: relative;
  display: inline-block;
  color:#0004e1;  	/* 文字色 */
	font-size:42px;
  font-weight:900!important;
  line-height:1.1;
  z-index:0;             /* 擬似レイヤーより上にするための基準 */
}

/* 下層の複製テキスト（フチ用） */
.o-outline10__stroke{
  position:absolute;
  inset:0;
  pointer-events:none;
  font: inherit;
}

/* 白フチ10pxを“下”に敷く＋影を落とす */
.o-outline10__stroke--white{
  z-index:-2;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 14px #fff;
  color: transparent; /* 念のため */
  filter: drop-shadow(0 4px 6px rgba(0,0,0,.32)); /* 影 */
}

/* 文字と白フチの境目をくっきりさせる細いダーク線（キーライン） */
.o-outline10__stroke--key{
  z-index:-1;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 2px rgba(0,0,0,.22);
  color: transparent;
}

/* Firefoxなど -webkit-text-strokeが効かない場合の簡易フォールバック */
@supports not (-webkit-text-stroke: 1px #000) {
  .o-outline10__stroke--white{
    /* “白いぼかし”で近い見え方を作る（完全な輪郭ではないけど埋もれ防止に有効） */
    text-shadow:
      0 0 0px #fff, 0 0 0px #fff, 0 0 2px #fff, 0 0 2px #fff,
      0 5px 5px rgba(0,0,0,.32);
  }
  .o-outline10__stroke--key{ text-shadow: 0 0 1px rgba(0,0,0,.25); }
}

@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（スマホ用） */
	.o-outline10{
		margin-top:-10px;
		font-size:24px;
}
	
	.yt-channel-grid {
  display: grid !important;
  gap: 16px;
}

.yt-channel-grid.cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.yt-channel-grid.cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.yt-channel-grid.cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

@media (max-width: 1024px) {
  .yt-channel-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 640px) {
  .yt-channel-grid{
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
	
	
	
 /* ////////////スマホ用2カラム追加//////////// */
/* ---- プレイリスト最新2本：1カラム表示用 ---- */
.yt-1col-wrap{
  display: grid;
  gap: 18px;
}

.yt-1col-card{
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0,0,0,.08);
  background: #fff;
}

/* 16:9 のレスポンシブiframe */
.yt-1col-iframe{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  background: #f3f3f3;
}
.yt-1col-iframe iframe{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* タイトル（任意で非表示可） */
.yt-1col-title{
  font-size: 15px;
  line-height: 1.6;
  padding: 10px 12px 14px;
  color: #222;
}

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/* くも */
#floating-clouds {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
  z-index: 99;
}

.cloud {
  position: absolute;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  filter: blur(30px);
  animation: floatCloud linear infinite;
}

@keyframes floatCloud {
  0% { transform: translateY(0px) translateX(0px) scale(1); }
  50% { transform: translateY(-20px) translateX(10px) scale(1.05); }
  100% { transform: translateY(0px) translateX(0px) scale(1); }
}