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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

.appeal-content {
  max-width: 740px;
  background-color: rgba(255, 255, 255, 0.00);
  margin: auto;
  padding: 2em;
  text-align: center;
  border-radius: var(--cocoon-basic-border-radius);
  display: block;
}

	
/* アピールエリアタイトル文字の色とサイズ、影 */
.appeal-message {  padding-bottom: 3em;}

.appeal-title {  font-size:28px; color: #fff;text-shadow: 1px 1px 1px #000000;}

.appeal-title2 {  font-size:24px; color: #fff;text-shadow: 0.5px 0.5px 0.5px #000000;}

/* アピールエリアメッセージ文字の色とサイズ、影 */
.appeal-message2 {  font-size:18px;color: #0060AF;}


/* アピールエリアメッセージアニメーション */
.appeal-message2 {
  display: flex;
  align-items: center;
  overflow: hidden;
  animation: loop-slide 10s infinite linear 3s both;
}
@keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
	



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

@media screen and (min-width: 1267px) {
}

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

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

@media screen and (min-width:541px) and ( max-width:1023px) {
    /*　画面サイズが768pxから1024pxまではここを読み込む　*/
.logo-menu-button.menu-button{
visibility: hidden;
}
.header-site-logo-image{
max-width: 70%;
height: auto;
margin-top: 10px;
}
.appeal {
background-image: url(https://festival.pta-sendai.gr.jp/wp-content/uploads/2024/11/2024pfes-main-tb03.jpg);
background-size:contain;
}
}

@media screen and (min-width:481px) and ( max-width:540px) {
    /*　画面サイズが768pxから1024pxまではここを読み込む　*/
.logo-menu-button.menu-button{
visibility: hidden;
}
.header-site-logo-image{
max-width: 70%;
height: auto;
margin-top: 10px;
}
.appeal {
background-image: url(https://festival.pta-sendai.gr.jp/wp-content/uploads/2024/11/2024pfes-main-540x720-1.png);
background-size:cover;
background-position: center;
}
.appeal-content {
  max-width: 480px;
  background-color: rgba(255, 255, 255, 0.00);
  margin: auto;
  padding: 0em;
  text-align: center;
  border-radius: var(--cocoon-basic-border-radius);
  display: block;
  position:relative;
  top: 130px;
  left:25px;
}
.footerl-message {  font-size:11px;}
.appeal-title {  font-size:24px; color: #fff;text-shadow: 1px 1px 1px #000000;}
.appeal-title2 {  font-size:21px; color: #fff;text-shadow: 1px 1px 1px #000000;}
/* アピールエリアメッセージ文字の色とサイズ、影 */
.appeal-message2 {  font-size:14px;color: #0060AF;}
.logo-menu-button.menu-button{
visibility: hidden;
}
}


/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
.appeal {
background-image: url(https://festival.pta-sendai.gr.jp/wp-content/uploads/2024/11/2024pfes-main-sp02.png);
background-size:auto;
background-position: center;
}
.appeal-content {
  max-width: 480px;
  background-color: rgba(255, 255, 255, 0.00);
  margin: auto;
  padding: 0em;
  text-align: center;
  border-radius: var(--cocoon-basic-border-radius);
  display: block;
  position:relative;
  top: 45px;
  left:25px;
}
.footerl-message {  font-size:11px;}
.appeal-title {  font-size:16px; color: #fff;text-shadow: 1px 1px 1px #000000;}
.appeal-title2 {  font-size:14px; color: #fff;text-shadow: 0.5px 0.5px 0.5px #000000;}
/* アピールエリアメッセージ文字の色とサイズ、影 */
.appeal-message2 {  font-size:10px;color: #0060AF;}
.logo-menu-button.menu-button{
visibility: hidden;
}
.header-site-logo-image{
max-width: 70%;
height: auto;
margin-top: 10px;
}

/*375px以下*/
@media screen and (max-width: 375px){
  /*必要ならばここにコードを書く*/
.appeal {
background-image: url(https://festival.pta-sendai.gr.jp/wp-content/uploads/2024/11/2024pfes-main-sp05.png);
background-size:auto;
background-position: center;
}
}