@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-footer-in > .menu-footer li{
	border: none;
}
.navi-footer-in > .menu-footer li:last-child {
	border-right: none;
}
.navi-footer-in a:hover {
	background-color: #000;
	transition: all 0.3s ease-in-out;
	color: var(--cocoon-text-color);
}

/*検索窓*/
.widget-header{
	position:absolute;
	top:51px;
	left:calc(50vw + 240px);
	width:270px;
}
.search-edit{
    border-radius: 30%;
}
.search-edit {
	border-radius:20px !important;
	padding: 8px !important;
}
table tr:nth-of-type(2n+1) {
    background-color: transparent;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	.navi-in > .menu-mobile{
		display:flex;
		overflow-x: scroll;
		white-space: nowrap;
		justify-content: flex-start;
		flex-wrap: nowrap;
	}
	.widget-header {
		display: none;
	}
}

/*タブレット・スマホの時は非表示*/

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

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