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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*全ての固定ページのタイトルを非表示*/
.page .entry-title{
  display: none;
}

/*コンテンツマージン*/
.content {
margin-top: 0;
margin-bottom: 0;
}

/*フッターマージン*/
#footer {
	margin-top: 0;
}

/*固定ページの日付を非表示*/
.page .date-tags {
display: none;
}

/*コンテンツマージン上部*/
.content-top {
margin: 0px;
}

/*アイキャッチなし*/
.eye-catch {
display: none;
}

/* 区切り線 */
hr {
 margin-top: -10px;
	margin-bottom: -10px;
	color:#fef3f6;

}

/* ブログタイトルセンター */
.single .entry-title {
	text-align: center;
}

/*** 「次の投稿」「前の投稿」を非表示 
.pager-post-navi {
display:none;
}
***/

/* 投稿ページカテゴリーのフォルダ削除 */
.cat-link {
display:none;
}

/* ダウンロードマネージャー */
.article h3 {
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: none;
    font-size: 22px;
    padding: 12px 20px;
}

/* ダウンロードマネージャーパッケージ情報の文字 */
.badge-grey, .badge-brown, .badge-yellow, .badge-green, .badge-blue, .badge-purple, .badge-pink, .badge-red, .badge, .ref, .reffer, .sankou {
color: #999999;
padding: 1px 5px 0;
border-radius: 2px;
font-size: 12px;
}

/* 見出し文字 */
.article h6 {
font-size: 18px;
color: #999999;
border-bottom: none;
padding: 8px;
background-color: #fef3f6;
	font-weight: normal;
}

.article h5 {
font-size: 16px;
color: #999999;
border-color: #fef3f6;
font-weight: Normal;	
}

/* BOXの上下空き */
.body blockquote :last-child, .body .wp-block-media-text__content :last-child, .body .wp-block-columns :last-child, .body .column-left :last-child, .body .column-center :last-child, .body .column-right :last-child, .body .timeline-box :last-child, .body .wp-block-cover :last-child, .body .blogcard-type :last-child, .body .btn-wrap :last-child, .body .wp-block-group:not(.is-content-justification-left, .is-content-justification-center, .is-content-justification-right, .is-content-justification-space-between, .is-layout-flex) :last-child, .body .wp-block-gallery :last-child, .body .block-box :last-child, .body .blank-box :last-child, .body .common-icon-box :last-child, .body .info-box :last-child, .body .primary-box :last-child, .body .success-box :last-child, .body .warning-box :last-child, .body .danger-box :last-child, .body .secondary-box :last-child, .body .light-box :last-child, .body .dark-box :last-child, .body .tab-content :last-child, .body .toc :last-child {
margin-bottom: -5px;
	margin-top: -5px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* TOPの最新ポストの表示 */
.wp-block-latest-posts {
height: auto;

	 margin: 20px auto;
}

/*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:#F067A6;
color:#fff;
border-radius:2px;
margin-right:5px;
position:relative;
bottom:1px;
}
/*任意の調整*/
.any{
font-size:7px;
padding:5px;
background:#7cb1e6;
color:#fff;
border-radius:2px;
margin-right:5px;
position:relative;
bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
display:block;
}
/*送信ボタンのデザイン変更*/
#formbtn{
display: block;
padding:15px;
width:350px;
background:#F7ADC3;
color:#fff;
font-size:18px;
font-weight:bold;
border-radius:2px;
margin:25px auto 0;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
background:#fff;
color:#F7ADC3;
border:2px solid #F7ADC3;
}



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

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

/*480px以下*/
@media screen and (max-width: 480px){
/* TOPの最新ポストの表示 */
	.wp-block-latest-posts__featured-image img {
height: auto;
	margin-left: auto;
	margin-right: auto;
		padding-left: 50px;
		padding-right: 50px;
	
}
	
	/* スライドメニューロゴ幅*/
.menu-content {
max-width: 50%;
}
}

/* スライドメニューカスタマイズ*/
.menu-drawer a {
font-size: 1em;
line-height: 1.6em;
border-bottom: solid 1px #e6e6e6;
	margin-top: 20px
}
.menu-drawer a:hover {
background-color:#ffc0cb;　/*マウスオーバー時の背景色*/
}
.sub-menu li {                                      
margin-left:-14px;
font-size: 0.9em;
color: #e6e6e6;
}

/* メニュー非表示部分カスタマイズ*/
.mobile-menu-buttons .home-menu-button {
	display: none;
}

.mobile-menu-buttons .sidebar-menu-button {
	display: none;
}