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

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


.navi {
	background-color: #ff9a8b;
	background-image: linear-gradient(70deg, #ff9a8b 0%, #FF5ACD 100%);
}
.navi-in>ul .sub-menu {
	background-color: #ff9a8b;
	background-image: linear-gradient(70deg, #ff9a8b 0%, #FF5ACD 100%);
	width: fit-content;
}

.navi a,
.navi-in>ul .sub-menu a {
	color: #FFF;
	font-size: 0.9rem;
	transition: all 0.3s ease-in-out;
}

.navi-in a::after {
	position: absolute;
	content: "";
	left: 0px;
	bottom: 1px;
	height: 2px;
	width: 100%;
	background: #F65676;
	color: #000;
	transform: scale(0,1);
	transition: 0.5s;

}
.navi-in>ul .sub-menu a::after {
	position: absolute;
	content: "";
	left: 0px;
	bottom: 1px;
	height: 2px;
	width: 100%;
	background: #F65676;
	transform: scale(0,1);
	transition: 0.5s;
}

#navi .navi-in > ul .sub-menu a:hover{
	color: #000 !important;
}

	@media screen and (min-width: 980px) {
		#navi .navi-in a:hover:after {
			transform: scale(1);			
		}
		#navi .navi-in>ul .sub-menu a:hover:after{
			transform: scale(1);
		}
}

.slicknav_btn {
	background-color: #FF717E;
}


.wp-block-gallery .blocks-gallery-item {
  display: flex;
  flex-grow: 0;
  align-items: flex-start;
}

.wp-block-gallery.has-nested-images figure.wp-block-image {
    flex-grow: 0;
}

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

.home.page .entry-title{
  display: none;
}

.banner-outer {
    border: 6px solid #fff;
}

.topImg img {
	margin:  !important;
}

.the-title {
	margin-bottom: 0.2vw !important;
}

.large_size {
	max-width: 800px !important;
}




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

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

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