@charset "UTF-8";

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

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

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
}

/*----------------------------------*/
/* 投稿日付を非表示                 */
/*----------------------------------*/
.post-date {
    display:none;
}
/* 投稿日付を非表示（固定ページ） */
.page-date {
    display:none;
}
/*投稿日・更新日を消す場合*/
.post .date-tags {
    display: none;
}
/*投稿日・更新日を消す場合（固定ページ）*/
.page .date-tags {
    display: none;
}
/*固定ページの著者情報を消す場合*/
.page .author-info {
    display: none;
}

/*投稿ページの著者情報を消す場合*/
.post .author-info {
    display: none;
}
/*----------------------------------*/
/* フッターカスタマイズ             */
/*----------------------------------*/
.footer {
  margin-top: 40px; /*フッターとコンテンツの間に余白追加*/
  background: #444d53; /*フッター背景色*/
  border-top: 4px solid #72c7e6; /*上部にボーダー追加*/
}
.footer-bottom {
  margin-top: 14px; /*フッター内上部の余白を詰める*/
}
.footer-bottom-logo { /*ロゴの位置調整*/
  float: none;
  bottom: auto;
  position: static;
  margin-bottom: 10px;
}
.footer-bottom-logo .logo-image {
	padding: 0;
	max-width: 300px; /*ロゴ画像を少し大きく160px→300pxにしてみた*/
	height: auto;
	margin: 0 auto;
}
.footer-bottom-content { /*メニュー＆クレジットの位置調整*/
  float: none;
  text-align: center;
}
.navi-footer-in > .menu-footer { /*メニューの位置調整*/
  justify-content: center;
  margin-bottom: 1em;
}
.navi-footer-in a {
  color: #aab3b9; /*メニューの文字色*/
  font-weight:bold;
}
.navi-footer-in a:hover { /*メニューのマウスホバー時の指定*/
  color: #aab3b9; /*文字色を通常時と同じに*/
  background: none; /*背景色をなしに*/
  text-decoration: underline; /*アンダーラインを追加*/
}
.footer-bottom.fnm-text-width .menu-footer li {
  line-height: 1; /*メニューの区切りボーダーの高さを1文字分にする*/
}
.copyright {
  color: #aab3b9; /*クレジットの文字色*/
}
@media screen and (max-width: 834px) {
  .navi-footer-in > .menu-footer li.menu-item {
    border: none; /*モバイルでメニューのボーダーを消す*/
  }
}
@media screen and (max-width: 460px) {
  .navi-footer-in > .menu-footer li.menu-item { /*モバイルでメニューを1カラムにする*/
    width: 100%;
    display: block;
    flex: auto;
    padding: 0.3em 0;
  }
}

/*----------------------------------*/
/* ナビカスタマイズ                */
/*----------------------------------*/
nav#navi, .menu-header .sub-menu{
    font-weight: bold;
}

.menu-header .sub-menu .item-label{
    font-size: 80%;
}
.menu-header .item-label{
    color: #b5b5b5 !important;
}
.menu-header .current-menu-item,
.menu-header .current-post-item,
.menu-header .current-menu-ancestor,
.menu-header .current-post-ancestor,
.menu-header .menu-item:hover {
    color: #333 !important;
    border-bottom: 3px solid #72c7e6;
    transition: all .2s ease;
}

.menu-header .sub-menu .menu-item,
.menu-header .sub-menu .menu-item:hover{
    border-bottom: none;
}
.menu-header .current-menu-item>a .item-label,
.menu-header .current-post-item>a .item-label,
.menu-header .current-menu-ancestor>a .item-label,
.menu-header .current-post-ancestor>a .item-label,
.menu-header .item-label:hover{
    color: #333 !important;
    transition: all .2s ease;
}
#menu-item-18{
	background-color:#FFFE70;
}

/*----------------------------------*/
/* コンタクトフォームカスタマイズ   */
/*----------------------------------*/
/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
.inquiry th,.inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7!important;
}
/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:10px;
}}
/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:14px;
 color:#444;
 padding-right:5px;
 width:30%;
 background:#f7f7f7;
 border:solid 1px #d7d7d7;
}
/*通常欄*/
.inquiry td{
 font-size:13px;
 border:solid 1px #d7d7d7;	
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{
 font-size:7px;
 padding:5px;
 background:#ff9393;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:7px;
 padding:5px;
 background:#93c9ff;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}
/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:15px;
 width:300px;
 background:#FFFE70;
 color:#545454;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 margin:25px auto 0;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#fff;
 color:#ffaa56;
 border:2px solid #ffaa56;
}
/*----------------------------------*/
/* 見出しリセット   */
/*----------------------------------*/
.article h2 {
    padding: 0;
    background: none;
}
.article h3 {
    border: none;
    padding: 0;
}
.article h4 {
    border: none;
    padding: 0;
}
.article h5 {
    border: none;
    padding: 0;
}
.article h6 {
    border: none;
    padding: 0;
}
/*----------------------------------*/
/* 見出しカスタマイズ   */
/*----------------------------------*/
.article h2 {
    color: #fff;
    padding: .8em 1em;
     /*-margin-top: 80px;-*/
    background: #72c7e6;
    /*-border-top: 4px solid #667d8c;
    border-bottom: 4px solid #667d8c;-*/
}
.article h3 {
    color: #444d53;
    padding: .5em 0;
    margin-top: 40px;
    border-top: 3px solid #72c7e6;
    border-bottom: 3px solid #72c7e6;
}
.article h4 {
    color: #444d53;
    padding: .2em 1em;
    margin-top: 40px;
    border-left: 6px solid #72c7e6;
}
.article h5 {
    color: #444d53;
    margin-top: 40px;
    border-bottom: solid 2px #72c7e6;
}
.article h6 {
    color: #444d53;
    margin-top: 40px;
    border-bottom: solid 1px #72c7e6;
}
/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{
	display: none;
	padding:0;
	margin:0;
}
/*3カラム→3カラムの余白をつめる（スマホ、トップページ）*/
@media screen and (max-width: 599px){
.column-wrap.column-3 {
    margin-top: 0;
    margin-bottom: 0;
}
}
/*コンテンツ上部余白をなくす*/
.content-top {
margin: 0px;
padding: 0px;
}
/*main-before.phpの余白をなくす*/
.main-before{
padding:0;
margin:0;
}
.metaslider{
padding:0;
margin:0;
}
/*地図のhtmlに<div class="map"></div>で囲んでから、地図を中央に配置する*/
.map { 
	text-align: center; 
}