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

/************************************
** 子テーマ用のスタイルを書く
************************************/


/*トップページの見出し１*/
h1#top-title{
text-align:right;
font-weight:normal;
font-size:12px;
margin-top:0px;
margin-bottom:10px;
border:0;
background-color: #ffffff;
}

/*トップページ以外の見出し１*/
h1.entry-title {
  padding: 1em;
  color: #5b4e4a;
  background-color: rgba(91,78,74,.05);
  border-left: 10px solid #5b4e4a;
  margin: 40px -30px 40px;
}

/*トップページ以外の見出し２*/
.article h2 {
    background-color: #ffffff;
	border-top:2px solid #5b4e4a;
	border-bottom:2px solid #5b4e4a;
	border-right:none;
	border-left: none;
	padding:0.5em;
	color:#5b4e4a;
	margin-bottom:2em;
}

/*トップページの見出し２*/
h2#top-subtitle{
    padding: 1em;
	background-color: rgba(91,78,74,.05);
    margin: 40px -30px 20px;
	border:none;
	font-size: 28px;
}

/*見出し３*/
.article h3 {
	border:none;
	background: linear-gradient(transparent 70%, #f7f6eb 70%);
	margin-bottom:1.5em;
	padding: 9px 10px;
}
/*見出し4*/
.article h4 {
	border:none;
	border-bottom: dashed 1px #5b4e4a;
	margin-bottom:1.5em;
}

/*サイドバーの見出しと段落*/
#sidebar h3{
background-color: rgba(91,78,74,.05);
color: #5b4e4a;	
border:none;
}
#sidebar p{
	font-size:14px;
	padding:10px;
}


/*テーブル*/
.article table {
width:90%;
margin-left:auto;
margin-right:auto;
}
.article th{
text-align:left;
padding:10px;
}
.article td{
padding:15px;
}

/*お問い合わせフォームのカスタマイズ*/
.wpcf7 p {	margin-left:auto; 
margin-right:auto; 
width: 90%; }

/*recaptcha　ロゴ非表示*/
.grecaptcha-badge { visibility: hidden; }

/* 「新着記事」を非表示にするCSS */
div#list-wrap .list-new-entries {
  display: none;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

/*1024px以上*/

@media screen and (min-width: 1024px){
/*Google Mapのスマホ対応*/
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}


/*1023px以下*/
@media screen and (max-width: 1023px){
/*ヘッダー・フッターボタンの背景色*/
.mobile-header-menu-buttons {background-color: #f7f6eb;}
.mobile-footer-menu-buttons {background-color: #f7f6eb;}
/*ヘッダーボタン表示時、ヘッダーを表示しない*/
#header-in{display: none;}
}
	
/*834px以下*/
@media screen and (max-width: 834px){
/*トップページ以外の見出し１*/
h1.entry-title {
  margin: 20px -15px 30px;
}
}

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