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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
body {
    background-color: #f1edee;
	background-color: #fff;
}

/*SNSシェアボタン*/
.sns-share-buttons a .button-caption {
  	  display: none;
}
.sns-share-message{
	font-weight: bold; /*太字*/
	color: #875d5b; /*文字色*/
}
.sns-share-buttons {
	flex-wrap: nowrap; /*折り返さない*/
	justify-content: center; /*中央寄せ*/
}
.sns-share-buttons a {
	border-radius: 50%; /*丸くする*/
	font-size: 20px; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/
}
#main .sns-share a {
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
}


#navi i,.menu-drawer i{
	margin-right: 5px;
}
.menu-top > .menu-item {
    border: 0px;
}
.footer-bottom-logo .logo-image {
    max-width: 200px;
}
.footer-bottom-logo img {
  height: 30px;
}

div.easyLink-box.easyLink-size-s div.easyLink-info p.easyLink-info-btn a, div.easyLink-box.easyLink-size-xs div.easyLink-info p.easyLink-info-btn a {
    width: 160px!important;
}

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	/*margin-top: 0px;*/
	.content {
     padding-top: 40px;
}
}

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



************************************
**ヘッダーロゴ
************************************/
@media screen and (max-width: 834px){/*トップページモバイルボタンの真下にスペースを作る*/
.container {
margin-top:50px;
}
}
.logo-image {
padding:0;
margin-left:0;
margin-top:1em;
margin-bottom:1em;
max-height:60px;/*大きなロゴ画像を使いたい方は、ここの数字を大きくしてみてください。*/
}
.logo {

}
.logo-header img {
box-shadow: none!important;
}

/************************************
**　ヘッダーメニュー
************************************/

.navi-in>ul li {/*ヘッダーメニューの高さ*/
line-height: 50px;
height: 50px;
}
.navi-in a{/*ヘッダーメニューのフォントサイズ*/
font-size:15px;
}
#navi .navi-in a:hover {
transform: none!important;
}
.navi-in > ul .sub-menu a {
padding: 0;
}
.sub-menu{/*サブメニュー*/
box-shadow: 0px 2px 5px 0 rgba(0,0,0,.26);
}
.sub-menu .caption-wrap {/*サブメニューを仕切る点線*/
color:#333;
border-top: dotted #dddddd;
background:#fff;
padding:0 0 0 2em;
margin:0;
}
.navi-in > ul .sub-menu a:hover {
transform: none!important;
}
div#header-container {/*ヘッダー下の影非表示*/
box-shadow: none;
}
div.item-label{
font-weight:bold;
}
#navi {
      margin: auto auto; */
}
/************************************
**ヘッダー　モバイル表示
************************************/
@media screen and (max-width: 1023px) and (min-width: 835px){/*835px以上で非表示にすると空白ができるので埋める*/
.admin-bar.mblt-header-mobile-buttons, .admin-bar.mblt-header-and-footer-mobile-buttons {
margin-top: 0;
}
}
@media (min-width:835px){
ul.mobile-header-menu-buttons.mobile-menu-buttons{/*835px以上でモバイルヘッダーを非表示*/
display:none;
}
}
@media (max-width:834px){
.header-container {/*834px以下でヘッダーを非表示*/
display:none;
}
img.site-logo-image{/*モバイル表示ロゴ*/
/*max-height:35px;*/
padding:2px 0 0 5px;
box-shadow:none;
}
.mobile-header-menu-buttons {/*ヘッダー背景色を変えるときはここを変更*/
/*background: #f0e1e1;*/
	background: #d999a8;
}
}

/************************************
**モバイル表示　ヘッダーメニュー・検索アイコン
************************************/
.mobile-menu-buttons{
height:50px;
}
.mobile-menu-buttons > li {
padding-top:0;
}
.menu-button{
/* color: #90C31F!important; */
margin: auto;
}
.menu-icon{
	color: #fff;
}
.mobile-menu-buttons .menu-button:hover{
/* cbackground-color:white;*/
}
span.fa.fa-search::before{
margin-left:1em;
/* color: #90C31F!important; */
}
span.fa.fa-bars::before{
margin-right:1em;
}
.navi-menu-caption.menu-caption,.home-menu-caption.menu-caption,.search-menu-caption.menu-caption,.top-menu-caption.menu-caption,.sidebar-menu-caption.menu-caption{
display:none;
}
.menu-content {
	background: #f0e1e1;
}
.container table tr:nth-of-type(2n+1) {
	background-color: #fff; 
}
.container table th {
	background-color: #d48b98; 
}
.container table td,.container table th {
	 border: 1px solid #eee; 
}