@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*@import url('https://fonts.googleapis.com/css2?family=Kaisei+Decol&family=Kiwi+Maru&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic&display=swap');

body{
 /* font-family: "Kiwi Maru", serif;*/
  font-family: "Zen Maru Gothic", serif;
  font-weight: 400;
  font-style: normal;
}

a {
	text-decoration:none;
	color:#0095d9;
}

a:hover {
	text-decoration:underline;
	color:#0095d9;
}

a:hover img {
	opacity: 0.7;
}

.copyright {
	margin:1em;
	padding: 1em;
	padding-bottom:3em;
	font-size:12px;
}

.copyright a {
	font-weight:bold;
}

.copyright a:hover {
	background-color:#fc0;
}

/*バッジpadding調整*/
.badge {
	padding-bottom: 3px;
}

/*バッジ背景追加（X用）*/
.badge-black {
	background-color:#111;
}

.metoronomecore_back {
	background-image: url(https://fes.dowako-club.com/wp-content/uploads/2025/03/metronomecore_back3.png);
	background-position: top right 10px;
	background-size: 90%;
	background-repeat: no-repeat;
}

/*画像をふわふわアニメーションする*/

.fuwafuwa_img {
	animation: fuwafuwa-animation 1.8s ease-in-out infinite alternate-reverse;
}

.fuwafuwa-animation {
	animation: fuwafuwa-animation 1.8s ease-in-out infinite alternate-reverse;
}

@keyframes fuwafuwa-animation {
	0% {
		transform: translateY(-12px);
		}
	100% {
	transform: translateY(12px);
	}
}

/* Loading背景画面設定　*/
#splash {
/*fixedで全面に固定*/
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  background:#00a0e9;
  text-align:center;
  top: 0;
	left: 0;
}

/* Splashロゴ設定 ここから */

/* Loading画像中央配置　*/
#splash_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
 
/* Loading アイコンの大きさ設定　*/
#splash_logo img {
  width:100%;
  margin: 0 auto 10px;
}
#splash_logo .image {  }
#splash_logo .name { color: #fff; }
 
/* fadeUpをするアイコンの動き */
#splash .fadeUp{
animation-name: fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity: 0;
}
 
@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(0);
  }
 
  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/* Splashロゴ設定 ここまで */

/* ロゴからリンク削除 */
.site-name-text-link {
	pointer-events: none;
}

/*コンテナのpadding設定*/
.container {
	padding:0px 0px;
}

/*アーティストブロック*/

/*アーティスト紹介画像*/
.artist_layout {
	margin: auto;
	margin-bottom: 30px;
	max-width:1200px;
	text-align: center;
	}

/*幅を最大1200pxに固定してセンタリング*/
.div_1200 {
	margin: auto;
	max-width:1200px;
}

.blogcard {
	border: solid 3px #00a0e9;
}

/*ひまわり背景*/
.sunflower {
    background: url(https://fes.dowako-club.com/wp-content/uploads/2025/05/sunflower.png) no-repeat 0 0 / cover;
    width: 100%;
    padding-top: 10%;
	padding-bottom: 10%;
}

/*ヘッダー画像を横幅いっぱいに*/
	.header-in {width: 100%;}
	.header-in img {width: 100%;}
	.logo-image span, .logo-image a {width: 100%;}
	.logo-image, .logo-image a {padding: 0;}

/*横スクロール禁止*/
html,body {
	overflow-x: hidden;
}

/*mainのborder-radiusを解除*/
.main {
	border-radius: 0;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}