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

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

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

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

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


/* アピールエリア---------------------------------------------- *
/*全体*/
.appeal-in {
    min-height: 630px;/*パソコンでの高さ調整*/
	min-width:100%;/*幅を最大に*/	
	background-color:transparent;/**/
　　/*backdrop-filter: blur(3px);ぼかし*/
}




/*480px以下*/
@media screen and (max-width: 480px){
	.appeal-in {
		min-height: 600px!important;/*スマホでの高さ調整*/
	}
}

/*コンテンツエリア*/
.appeal-content {
	
width:100%;/*幅を最大に*/
padding:2em 1em;/*内側余白調整*/
background-color:rgba(0,3,5,0.5);
}

/*タイトル*/
.appeal-title{
padding-bottom:1.5em;/*タイトル下の余白*/
font-weight:bold;/*文字の太さ*/
font-size:2.5em;/*タイトル文字の大きさ*/
	color:whitesmoke;
}

/*本文*/
.appeal-message {
 font-size: 1.0em;/*本文文字の大きさ*/
	color: whitesmoke;

}
/*480px以下*/
@media screen and (max-width: 480px){
.appeal-message {
 font-size: .8em;/*スマホ表示する文字の大きさ*/
}	
}

/*ボタン*/
.appeal-button{

font-weight:normal;/*文字の太さ*/
color: #777; /*ボタン部分文字とアイコンの色*/
}


/*スムーズにスクロールさせる*/
html { scroll-behavior: smooth;}