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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*固定・投稿ページのタイトルを中央寄せ*/
.page .entry-title,
.single .entry-title {
	text-align: center;
}

/*
#footer {
  width: 100%;
  height: 250px;
  // background-imageに2つの画像パスをカンマ区切りで記述する
  background-image: url(https://classe-party.com/blog/wp-content/uploads/2023/06/22687079.png),url(https://classe-party.com/blog/wp-content/uploads/2023/06/AdobeStock_397829561.png);

  // 背景画像を調整するプロパティもカンマ区切りで値を記述する
    background-size: 26% auto, cover;
    background-position: left 98px bottom -34px, right top;
    background-repeat: no-repeat, no-repeat;
}
.logo-footer {
	display:none;
}
.copyright {
	position: fixed; // 要素の位置を固定する
	bottom: 5%; // 基準の位置を画面の下から5%に指定する
	right: 10%;  // 基準の位置を画面の右から10%に指定する
}
*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	
/*
  #footer {
    height: 140px;
  }
  .copyright {
	right: -30%;  // 基準の位置を画面の右から-30%に指定する
  } 
*/
	
}
	
/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/

/*
  #footer {
    height: 60px;
  }
  .copyright {
	right: -35%;  // 基準の位置を画面の右から5%に指定する
  } 
*/
	
}
	
/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
/*
  #footer {
    height: 140px;
    background-size: 40% auto, cover;
    background-position: left 10px bottom 5px, right top;
  }
  .copyright {
	right: -20%;  // 基準の位置を画面の右から5%に指定する
  }  
*/
	
}

.widget {
  overflow: auto;
}