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

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


/************************************
** 選択中の市町村のスタイルの変更
************************************/
#city_in {
    font-size: large;
    width: 80%;
    text-align: center;
    font-family: "Noto Sans JP" ,sans-serif;
}

input[type='submit'] {
    -webkit-appearance: none;
    border: 1px solid #ddd;
    background-color: #f5f8fa;
    color: #333;
    font-family: "Noto Sans JP" ,sans-serif;
}

/************************************
** 表のスタイルの変更
************************************/
/* 見出しセルの文字色・背景色・枠線・文字サイズ設定 */
.entry-content th {
	color: #ffffff;
	background-color: #ffa726;
	border: none !important;
	font-size: 90%
}
/* 見出し以外のセルの枠線設定 */
.entry-content td {
	border: solid 1px #ffa726;
}
/* 奇数行の背景色・文字サイズ */
.entry-content tr:nth-child(odd) td {
	background-color: #ffffff;
	font-size: 90%
}
/* 偶数行の背景色・文字サイズ */
.entry-content tr:nth-child(even) td {
	background-color: #fff3e0;
	font-size: 90%
}
/* 奇数行の幅 */
.entry-content tr td:nth-of-type(odd) {
	width: 250px;
	font-size: 90%
}
/* 偶数行の幅 */
.entry-content tr td:nth-of-type(even) {
	width: 300px;
	word-wrap: break-word;
	font-size: 90%
}



/************************************
**モバイルスライドインメニュー
************************************/
/*モバイルメニューのテキストを変更*/
.menu-drawer .menu-item > a {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.2;
	color: #ff8000;
}


/*モバイルメニューの背景を変更*/
#navi-menu-content .menu-item {
	background-color:#ffffff; 
}



/************************************
** ヘッダーのカスタマイズ
************************************/

/* オレンジテーマでヘッダーを黒に */
.header-in {
	background: black;	
}
.logo {
	margin-right: auto;
}
.menu-top {
	background: black;	
}
.menu-item {
	background: black;	
}

/*ロゴの余白を削除*/
.logo, .logo-header, .logo-image {
    padding:0px;
}

/*デフォルトのサイトタイトルサイズ*/
.site-name-text{
  font-size: 2px;
}

/*メニュー左寄せ*/
.tagline,
.logo {
	text-align: left;
}
.navi-in > ul {
	justify-content: flex-start;
}

/*キャプションの色変更*/
#header-container .tagline, #header-container .site-name-text {
  color: orange;
}

/*キャプションの色変更*/
.tagline {
  text-align: left;
  font-size: 13px;
  margin: .6em 1em;
  padding-left: 20px;
}



/************************************
** サイドバーのカスタマイズ
************************************/
/*サイドバーのフォントタイトル*/
.widget-entry-card-title {
    font-size: 15px;
    padding-top: 2px;
}

/*サイドバーのウィジェットのレイアウト*/
.no-thumbnail .widget-entry-cards div.widget-entry-card-content {
  font-size: 18px;
  margin-bottom: 0.2em;
}

/************************************
** ヘッダーサブメニューのカスタマイズ
************************************/
.navi-in>ul .sub-menu li {
  border-bottom: 2px groove #ffffff!important; /*パーティション（仕切り線）*/
  font-size: 10px!important; /* ナビ文字大きさ */
}

.navi-in > ul .sub-menu a {
  color: #666; /* サブメニュー文字色 */
  font-size: 14px; /* サブメニュー文字の大きさ */
  font-weight: normal!important;
}

.navi-in a {
  font-size: 16px; /* ナビ文字大きさ */
  font-weight: bold;
  color: #fff; /* ナビ文字色 */
  padding: 0px;
}



/************************************
** ヘッダーの検索窓
************************************/
.header-menu {
    position: absolute; /* 要素の配置方法を指定 */
    display: block /* 要素をブロックに */
    padding: 0px; /* 余白指定 */
    right: 5%; /* 右からの位置指定 */
    top: 30px; /* 上からの位置指定 */
}

.search-edit, input[type="text"],
textarea,
select {
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px; /*プレースホルダーの文字の大きさ*/
}


.search-submit {
  color: #ffa726; /*アイコンの色*/
}



/************************************
** エントリーカードの設定
************************************/
.a-wrap:hover {
  background-color: #fff3e0;
  transition: all 0.3s ease-in-out;
  color: #333;
}

.widget-entry-cards .a-wrap {
  padding: 5px;
  /* line-height: 1.0; */
  margin-bottom: 0px;
}



/************************************
** 閲覧履歴のカスタマイズ
************************************/
.border-partition a {
  border-bottom: 1px solid #FFA726;
}
.border-partition a:first-of-type {
  border-top: 1px solid #FFA726;
}



/************************************
** アラートボックスの設定
************************************/
.is-style-alert-box, .alert-box, .alert {
    background: #fff3e0;
    border: 1px solid #ffa726;
    font-size: 16px;
}

.is-style-alert-box::before,
.alert-box::before,
.alert::before {
  content: '\f06a';
  color: #ffa726;
  border-right: 1px solid #ffa726;
}

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

@media screen and (max-width: 834px){
  .header-menu {
    display: none; /* 指定幅で非表示 */