@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.8
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.bg-slider {
	width: 100vw;
	height: 50vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bg-slider__title{
	color: #fff;
	font-size: 60px;
	line-height: 1.5;
	font-weight: bold;
	text-align:center;
	text-shadow: 
        -0px -0px 0 #fff,  
        0px -0px 0 #fff,
        -0px 0px 0 #fff,
        0px 0px 0 #fff;
}
.bg-slider__title a {
	text-decoration: none;
	color: #fff;	
}
.bg-slider__title a:hover{
	text-decoration: none;
	color: #666;	
}
.bg-slider__title a:visited{
	text-decoration: none;
	color: #fff;	
}
.logo-header{
	display: none;
}

p{
	margin-top: 10px !important;
	margin-bottom: 20px !important;
}

hr{
	margin-top: 10px !important;
	margin-bottom: 20px !important;
}

.wp-block-cocoon-blocks-column-2{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.wp-block-image{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

img{
	vertical-align: bottom;
}

/* 原因不明だがフォームの送信ボタンが白っぽくて見えない現象の対処 */
.container input[type='submit'] {
	background-color:#9B7B6C;
}

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

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

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
.bg-slider__title{
	font-size: 24px;
	text-shadow: 4px 4px 4px #000;
}

}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.bg-slider__title{
	font-size: 18px;
	text-shadow: 3px 3px 3px #000;
}

}