@charset "UTF-8";

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

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

/**/
.current_page_item { background-color: rgba(0,0,0,0.15);}
/*フロント固定ページのタイトルを非表示　固定ページの公開日・更新日を非表示*/
.home.page .entry-title , .page .date-tags { display: none; }
/*関連記事　タイトル*/
.related-entry-heading, .comment-title {
text-align: center;
letter-spacing: .3em;
border-top: 2px solid #999;
border-bottom: 2px solid #999;
}
/*ページTOPへ*/
.go-to-top { bottom: 20px; right: 5%; }
#whatsnew-all { text-align:right;}
/*入力フォーム*/
textarea { height:5em; min-height:0;}
div.wpcf7-mail-sent-ok {font-weight: bold; /*background-color: rgba(36,173,160,.1);*/ font-size: 18px; border: none !important;}
/********共通********/
.br-sp-only { display: none;}
.txt-right { text-align: right;}
.txt-center { text-align: center;}
/*画像をテキストの上下の中央位置揃え*/
.v-align-middle {vertical-align: middle;}
/*余白*/
.spacer-top-std { margin-top: 30px !important;}
/*見出し　サイドバー見出し*/
.article h2 , .sidebar h3 { padding: 20px; border-radius: 5px; }
/*テーブル*/
table th { white-space: nowrap;}
/*動画*/
.wp-video { margin: 0px auto;}

/*フッター*/
.footer { background-color: #555; color: #FFF;}
.navi-footer-in a , #menu-footer-sub li a , #menu-footer-sub-1 li a { color: #fff;}
#menu-footer-sub li a:hover , #menu-footer-sub-1 li a:hover { background-color: #f5f8fa; transition: all 0.5s ease; color: #333;}
.footer-bottom {margin-top: 0.5em;}
/*フッターサブメニュー*/
.footer-widgets , .footer-widgets-mobile {
margin: 0 auto;
}
#footer-in .widget {
margin-bottom : 0;
}
#menu-footer-sub , #menu-footer-sub-1 {
font-size: 12px;
text-align: center;
}
#menu-footer-sub li {
float: left;
}
#menu-footer-sub-1 li {
display: inline-block;
float: none;
}
#menu-footer-sub li a , #menu-footer-sub-1 li a {
padding: 0 7px;
}
/*フッター外部リンク*/
#footer-bottom-link { margin: 2.5em 0 1em;}
#footer-bottom-link .menu-footer li , #footer-bottom-link .menu-footer li:last-child { border: none; background: #666; margin: 0 6px 10px 0;}
/*TOPページ*/
.appeal-content {
background-color: rgba(255, 255, 255, 0.55);
}
/*サイトマップページ*/
#sitemap_list .cat-item-3 { margin-top: 3em;}

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

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

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
.br-pc-only {
    display: none;
}
/*TOPページ*/
.appeal-in {
    padding: 3% 15%;
}
/*メインメニュー*/
.menu-drawer a { padding: 1em; border-bottom: 2px dotted rgba(125, 125, 125, 0.3);}
/*サイドバー*/
.sidebar h3 {font-size: 16px; padding: 10px;}
/*フッター メニュー*/
.navi-footer-in > .menu-footer li.menu-item { margin: 4px; padding: .4em; font-size:9px;}
/*フッター　固定モバイルメニューボタン*/
.mobile-menu-buttons { background: #25aa6e;}
.mobile-menu-buttons .menu-caption , .mobile-menu-buttons .menu-icon { color: #fff;}
.mobile-menu-buttons .menu-button:hover { background-color: #25aa6e;}
.search-menu-content { top: 60%;}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
/********共通********/
.br-sp-only { display: block;}
/*ボタン*/
.appeal-button { padding:10px 0.5em; font-size: 12px;}
/*見出し*/
.article h2 , .article h3 , .article h4 , .article h5 , .article h6 { font-size: 16px; padding: 10px; }
/*関連記事　タイトル*/
.related-entry-heading, .comment-title { padding: 5px 0;}
}