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

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

/*固定ページの日付削除
---------------------------------------*/
.post-date, .post-update {
    display:none;
}

/*見出し
----------------------------------------*/
/*リンク装飾を消す*/
.article h2.nodeco a {
	text-decoration: none;
	color: #444;
}

/*ブログカードのラベルの色を変更*/
.bct-check .blogcard-label{ /*チェック*/
	background-color:#d2691e;
}
.bct-dl .blogcard-label{ /*ダウンロード*/
	background-color:#dc143c;
}
.bct-official .blogcard-label{/*公式サイト*/
	background-color:#22c83c;
}
.bct-detail .blogcard-label{/*詳細はこちら*/
	background-color:#f19300;
}
.bct-reference-link .blogcard-label{/*参考リンク*/
	background-color:#0372da;
}

/*ヘッダー
---------------------------------------*/
.header {
    background-image: none;
}
.tagline {
    top: 1em;
}
/*フッター
---------------------------------------*/
/*ロゴ高さを0にする*/
.footer-bottom {
    margin-top: 0px;
}
/*サイドバー
---------------------------------------*/
/*最近の投稿：リスト間に区切り線を入れる*/
.widget_recent_entries ul li {
	border-bottom: 1px dotted #999;
}

/*最近の投稿：リスト内の行間を狭くする*/
.widget_recent_entries ul li a {
	line-height: 1.4;
}

/*TOPページ
----------------------------------------*/
/*「もっと見る」設定*/
.continue {
	width: 100%;
	background: #ebfff4;
	text-align: center;
}
.continue a {
	text-decoration: none;
	font-size: 90%;
}

/*画像のキャプション設定*/
.wp-caption {
    border: none;
    background-color: #fff;
    text-align: right;
}

/*地図画像をPC/スマホで切り替え*/
.topmap-smp {
	display: none;
}

/*テーブル設定
----------------------------------------*/
.ta1 {
	border:1px solid #aaa;
	font-size: 16px;
}
.ta1 td {
	border-right:1px solid #aaa!important;
}
.ta1 td.fcol {
	border-bottom:1px solid #aaa!important;
}
.ta1 td.mark {
	text-align: center;
}
/*ランキングページ*/
.ta2 {
	border:1px solid #aaa;
	font-size: 16px;
	width: 100%!important;
	word-break: break-all;
}
.ta2 th {
	width: 15%;
}
.ta2 td.row1 {
	color: #fa1047;
}
/*都道府県別TOPページ*/
.ta3 {
	font-size: 16px;
}
.ta3 td:first-child {
	border-right:1px solid #aaa!important;
}

#map {
	margin-bottom: 3em;
	text-align: center;
}
#map img {
	border: none;
}

.entry-content p.cat02 {
	margin-top: -1.5em;
	padding-left: 2em;
}

/*ブロックのデフォルト設定を変更
----------------------------------------*/
/*段落の余白を少なくする*/
.midashi {
	padding: 10px!important;
}
/*リストの余白を少なくする*/
.lesspace {
	padding: 0 0 0 10px!important;
	margin-top: -1.5em !important;
	margin-bottom: -1.5em !important;
}
.article ul.gyoukan1 li {
	padding-bottom: 1em;
}

/*お問い合わせフォーム
-----------------------------------------*/
/*送信ボタン、戻るボタン*/
input[type="button"] {
    -webkit-appearance: none;
    border: 1px solid #ddd;
    background-color: #f5f8fa;
}
input[type="button"] {
    padding: 11px;
    width: 50%;
    margin: 0;
    cursor: pointer;
}
input.wpcf7c-elm-step2[type="submit"] {
	width: 50%;
}

/*県まとめページのカード表示を2列にする
----------------------------------------*/
.new-entry-row2 {
	display: flex;
	flex-wrap: wrap;
}
.new-entry-row2 .new-entry-card-link {
	width: 50%;
}


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





/*834px以下*/
@media screen and (max-width: 834px){


/*ヘッダー
---------------------------------------*/
.header {
    background-color: #49b5f3;
}
.mobile-menu-buttons, .navi-menu-close-button {
	background-image: none;
    background-color: #4a88fe;
}
.mobile-menu-buttons .menu-button {
    color: #fff;
}
.tagline {
    top: 0em;
}

/*テーブル設定
----------------------------------------*/
/*都道府県別TOPページ*/
.ta3 {
	font-size: 20px;
}



}





/*480px以下*/
@media screen and (max-width: 480px){


/*最近の投稿：リスト内の行間を元に戻す*/
.widget_recent_entries ul li a {
	line-height: unset;
}

/*TOPページ
----------------------------------------*/
/*地図画像をPC/スマホで切り替え*/
.topmap-pc {
	display: none;
}
.topmap-smp {
	display: block;
}

/*テーブル設定
----------------------------------------*/
.ta1 td.mark {
	width: 13%;
}


}