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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.header-container-in.hlt-top-menu{
	    flex-direction: column;
}
.footer-bottom.fnm-text-width .menu-footer li {
    width: 33.3%;
	text-align:left;
}
#footer-in{
	width:850px;
}
#menu-item--581271109356732400,#menu-item--8903159813916955000,#menu-item--1576051443662442500{
	pointer-events: none;
	font-weight:bold;
}
.header-container-in.hlt-top-menu{
	align-items: flex-start;
}
#menu-item-200,#menu-item-201,#menu-item-202{
	pointer-events: none;
	font-weight:bold;
}
@media (max-width: 840px) {
  #navi-footer{
    display: none;
  }
}
.navi{
	border-radius:7px;
	border: 1px solid #D7D7D7;
	background:linear-gradient(to bottom,#fff 0%,#e5e5e5 100%);
	color:#585858;
	font-weight:700;
	text-decoration:none;
	text-shadow:0 1px 1px #f3f2f2;
	margin-top:5px;
	margin-bottom:15px;
}
.navi-in > ul li{
	border-right: 1px solid #D7D7D7;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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