@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*グローバルメニューの設定*/
nav#navi, .menu-header .sub-menu{
    font-weight: bold;
}

.menu-header .sub-menu .item-label{
    font-size: 90%;
}
.menu-header .item-label{
    color: #FFFFFF !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 #FDD835;
    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;
}

/*フロント固定ページのタイトル、シェアボタン、フォローボタン、投稿日、更新日を非表示*/
.home.page .entry-title,
.home.page .sns-share,
.home.page .sns-follow,
.home.page .post-date,
.home.page .post-update,
.home.page .author-info{
  display: none;
}

/*固定ページのシェアボタン、フォローボタン、投稿日、更新日、タイトルを非表示*/
.page .sns-share,
.page .sns-follow,
.page .post-date,
.page .post-update,
.page .author-info,
.page .entry-title{
  display: none;
}

/*ヘッダー、メニュー、フッター、パンくずの横幅設定*/
#header-in, #navi-in, #footer-in, #breadcrumb {
 width: 900px;
 margin: 0 auto;
}

/*固定ページの本文、サイドバーの横幅設定*/
#content {
 width: 900px;
 margin: 0 auto;
}

#main {
 width: 680px;
}

#sidebar {
 width: 200px;
 height: 260px;
 margin-right: auto;
}

/*ウィジェットの余白調整*/
.widget_search,
.widget_media_image {
	margin-bottom: 0;
	height: 60px;
}

input::-ms-input-placeholder {
	font-size: 12px;/*「サイト内を検索」の文字サイズ*/
}
.search-edit{
	border-radius:5px;/*検索ボックスの角のまるさ*/
	height:40px;
}
.search-submit{
	top:0px;
	line-height:0.25;
	bottom:0;
}
.search-submit:hover::before{
	color:#ffbc00;/*検索ボタンホバー時の色*/
}

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

/************************************
** 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;
}
/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:15px;
 width:350px;
 background:#89c761;
 color:#fff;
 font-size:18px;
 font-weight:bold;
 border-radius:3px;
 margin:25px auto 0;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#fff;
 color:#89c761;
 border:2px solid #89c761;
}