/* アンカーリンク #map のときに上部余白を確保 */
#map {
  display: block;       /* ブロック要素として扱う */
  position: relative;   /* 相対位置 */
  top: -120px;          /* 上にずらす */
  visibility: hidden;   /* 目に見えないようにする */
}
/*!
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
*/

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

/*Contact Form 7*/
.wpcf7 input[type="submit"] {
width:50%;
padding:15px;
border-radius: 5px;
-webkit-border-radius: 5px;  
-moz-border-radius: 5px;
border: none;
box-shadow: 0 3px 0 #ddd;
background: #08a5c4;
color: #fff;
font-size: 16px;
font-family: arial, sans-serif;
text-align: center;
transition: 0.3s;
}
.wpcf7-submit:hover {
background: #028ba6;
transform: translate3d(0px, 3px, 1px);
-webkit-transform: translate3d(0px, 3px, 1px);
-moz-transform: translate3d(0px, 3px, 1px);
}
/*フォント*/
.site-name-text {
font-family: arial, sans-serif;
}
.body {font-family: arial, sans-serif;
}
.hoge { text-align: center;
}
/*リンク*/
a:link { color:#01154f; } /*未訪問*/
a:visited { color: #38539e; } /*訪問済*/
a:hover { color: #3476c1; } /*ポイント時*/
a:active { color: #3476c1; } /*選択中*/

/*ヘッダー・フッターモバイルボタン*/
.mobile-header-menu-buttons,
.navi-menu-content,
.mobile-header-menu-buttons .menu-button > a,
.mobile-header-menu-buttons .menu-button:hover,
.navi-menu-content a,
.navi-menu-content a:hover {
  background-color: #08a5c4;
  color: #fff;
}
.mobile-footer-menu-buttons,
.navi-menu-content,
.mobile-footer-menu-buttons .menu-button > a,
.mobile-footer-menu-buttons .menu-button:hover,
.navi-menu-content a,
.navi-menu-content a:hover {
  background-color: #08a5c4;
  color: #fff;
}
/*画像キャプション中央寄せ*/
.wp-block-image figcaption {
	text-align: center;
}
/* 画像キャプション背景色white */
.wp-caption {
  background-color: #fff;
  border-color: #fff;
  text-align: center;
}
/*h2見出しバー*/
.entry-content h2{
  color: #fff;
  font-size: 24px;
  border-left: solid 20px #505050;
  border-bottom: double 8px #505050;
}
/* h3見出しバー */
.entry-content h3{
  background-color: #dcdcdc;
  color: #353535;
  font-size: 22px;
  border-left: solid 20px #08a5c4;
  border-bottom: double 8px #08a5c4;
}
/*h5見出しバー*/
.entry-content h5{
  background-color: #dcdcdc;
  color: #353535;
  font-size: 18px;
  border-left: solid 20px #08a5c4;
  border-bottom: double 8px #08a5c4;
}
/*サイドバー*/
.sidebar h3{
  background-color: #dcdcdc;
  font-family: 'comic sans ms', sans-serif;
  color: #353535;
  border-left: solid 20px #08a5c4;
  border-bottom: double 8px #08a5c4;
  margin:12px 0;
}
/*ボタン*/
.btn-square-shadow {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #dcdcdc;
  color: #353535;
  border: double;
  border-color: #353535;
  border-radius: 3px;
}
.btn-square-shadow:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
  border-bottom: none;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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