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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* ヘッダー */
.header-container {
  margin-bottom: 20px;
}
.tagline {
    font-size: 16px;
    margin: 0.5em 1em; /*0.6em 1em;*/
		color: #FFF;
		text-shadow: 3px 3px 2px #663333;
}
/* エントリーカード */
.entry-card-thumb {
	border: 1px silver solid;
}
.imgwrapper {
    position: relative;
    width: 100%;
		overflow: hidden;
		margin-bottom: 10px;
		/*border: 1px silver solid;*/
}
.imgwrapper:before { 
    content:"";
    display: block;
    padding-top: 56.25%; /* 高さを幅の75%に固定 */
}
.imgwrapper img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
/* ナビメニュー、フッターの背景 */
.navi {
    background-color: #f0fff0;
}
.footer {
    background-color: #f0fff0;
}
.mobile-footer-menu-buttons {
		background-color: #f0fff0;
}
/* 投稿ページ　ページ送りのサムネイルを表示しない */
.pager-post-navi a figure{
	display: none;
}
/* 固定ページの日付を非表示 */
.page .date-tags {
display: none;
}
/* アピールエリアの幅（背景画像が見えなくなる？） */
.appeal-content {
	width: 100%;
}
/* 会員（加入団体）紹介 */
.tbl_group{
	max-width: 600px;
	margin: 0 auto;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	#navi .navi-in>ul>li>a {
    padding: 0 0.6em;
	}
	.mobile-header-menu-buttons {
  	background-color: #f0fff0;
	}
	.logo-menu-button img {
  	display: none;
	}
}

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