@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
ul {
	padding-left: 0;
	list-style-type: none;
}

a {
	transition: .5s;
}

a:hover {
	color: #223a70;
	text-decoration: none;
}

a.wp-block-button__link {
	border: 1px solid #00a3af;
	transition: .5s;
}

a.wp-block-button__link:hover {
	background-color: #fff;
	color: #00a3af;
}

.wp-block-image {
	overflow: hidden;
}

.wp-block-image a img {
	transition: all .3s ease-out .1s;
}

.wp-block-image a img:hover {
	transform: scale(1.1);
}

.local-navi {
	position: fixed;
	margin: 0;
	padding: 0;
	right: 0;
	bottom: 130px;
	z-index: 200;
}

.local-navi ul {
	margin: 0;
	padding: 0;
}

.local-navi ul li {
	margin: 0 0 1px 0;
	padding: 0 5px;
	border: 1px solid #00a3af;
	border-right: 0px solid #00a3af;
	background-color: #00a3af;
	list-style-type: none;
	text-decoration: none;
	opacity: 0.7;
}

.local-navi ul li {
	transition: .5s;
}

.local-navi ul li:hover {
	background-color: #fff;
	opacity: 1;
}

.local-navi ul li a {
	font-size: 12px;
	line-height: 1;
	text-decoration: none;
	color: #fff;
	transition: .5s;
}

.local-navi ul li:hover a {
	color: #00a3af;
}

.wpcf7-submit {
	border: 1px solid #00a3af;
 	background-color: #00a3af;
	color: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;  
	-moz-border-radius: 10px;
	font-size: 18px;
	font-family: "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
	transition: .5s;
}

.wpcf7-submit:hover {
 	background-color: #fff;
	color: #00a3af;
}

.wpcf7-submit:disabled {
	border: 1px solid #ddd;
 	background-color: #ddd;
	color: #fff;
}

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

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

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

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