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

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



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

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

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

/************************************
** 以下、道草旅行社独自のカスタマイズ
************************************/


/* ヘッダー */

.logo-text {
	padding: 4px;
	text-align: left;
}

.header {
	background-color: #3A3C4F;
}

.site-name-text {
	color: white;
	font-size: 30px;
}

/* フッター */

.footer {
	background-color: #3A3C4F;
	margin-top: 20px;
	padding: 0;
}

.copyright {
	color: white;
	margin-top: 4px;
}

/* グローバルナビメニュー */

.navi-in > ul {
    justify-content: left;
	margin-bottom: -24px;
	margin-left: -1px;
}

.navi .item-label, .navi .item-description {
	font-size: 0.95em;
/*	font-weight: bold;*/
}

#navi .navi-in a:hover{
	color: white; /* ホバー時の文字色 */
	background-color: grey; /* ホバー時の背景色 */
}

/* サイドバー */

#sidebar.sidebar.nwa.cf {
	box-shadow: 0 0px 20px rgba(0,0,0,0.2);
	padding-top: 8px;
/*	padding-left: 20px; /*Cocoon設定のカラムにて設定*/
	margin-top: 5px;
}

.search-edit {
	margin-bottom: -10px; /*検索ボックス下部の余白をなくす*/
}

.sidebar h3 {
	margin-top: 20px;
	margin-bottom: 13px;
	line-height: 28px;
}

/* メインカラム */

#main {
	box-shadow: 0 0px 20px rgba(0,0,0,0.2);
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 5px;
	margin-left: -1px;
}

.a-wrap {
	padding: 0;	
}

.entry-content {
	margin-top: 0em;
	margin-bottom: 0.8em; /*本文の文末とタグとの隙間*/
}

/* 記事：アイキャッチ画像を作成日の下に移動する */

.article-header { /*記事ヘッダーの枠組み*/
	display: flex; /*フレックスボックスレイアウト*/
	flex-direction: column; /*ブロック要素を縦に並べる*/
}

.eye-catch-wrap { /*アイキャッチの枠組み*/
	order: 1; /*順番*/
	overflow: hidden; /*はみ出した部分を非表示 ※IE対策*/
}

.eye-catch { /*アイキャッチ*/
	margin-bottom: 0; /*下の余白*/
}

/* 2ページ目、3ページ目のアイキャッチ画像を表示させない
.single-paged-2 .eye-catch-wrap,
.single-paged-3 .eye-catch-wrap {
	display:none;
}*/

/* 記事：日付 */

.date-tags {
	margin-top: 0px;	
	margin-bottom: 15px;
	background-color: var(--cocoon-xx-thin-color);
	padding: 0.2em 0.5em;
}

.entry-category, .post-date, .post-update, .post-author, .amp-back {
	font-size: 1em;
}

/* SNSシェアボタン */

.sns-share-buttons {
	margin-top: 5px;
}

/* 記事：目次（Cocoon標準※ページ送り非対応） */

.entry-content> .toc {
	width: 100%;
	border: 1px solid #b6a380;
	font-size: 0.9em;
    padding-left: 40px;
	margin-top: 0.5em;
	margin-bottom: 15px;
}

.toc-title::before {
	font-family: FontAwesome;
	content: "\f072"; /* 飛行機アイコン */
	padding-right: 10px;
	font-weight: normal;
	color: #b6a380;
}

.toc-title {
	color: #3A3A3A;
	text-align: left;
	font-size: 1.4em;
	margin-bottom: 0;
	padding-left: 0;
}

.toc-list {
	font-size: 1.05em;
}

/* 記事：目次（functions.phpに追記した内容と対応） */

.article ul{
	list-style: disc; /* 黒丸をつける */
	padding-left:15px;
}

.article ul li, .article ol li {
	font-size: 1.05em;
    margin: 0;
	line-height: 2;
}

/* 記事：本文 */

.article h1 {
	font-size: 1.3em;
	margin-top: 0;
	margin-bottom: 18px;
}

.article h2 {
	font-size: 1.5em;
    background-color: #B6A380;
    border-left: 0 none;
    color: #fff;
	padding: 17px 50px;
	margin: 25px -30px;
	border-radius: 0;
}


.article h3 {
	font-size: 1.3em;
	margin-top: 25px;
	margin-bottom: 0.5em;
	position: relative;
	padding: 0 1.5em 0; /*アイコン分のスペース 上 左右 下*/
	line-height: 1.4;
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: none;
}
.article h3:before{ font-family: FontAwesome;/*忘れずに*/
	content: "\f00c";/*アイコンのユニコード*/
	position: absolute;/*絶対位置*/
	font-size: 1em;/*サイズ*/
	left: 0;/*アイコンの位置*/
	top: 0;/*アイコンの位置*/
	color: #b6a380; /*アイコン色*/
}

.article h4 {
	font-size: 1.2em;
	padding: .25em 0 .25em .75em;
	border-left: 6px solid #696969;
	border-bottom: none;
	border-top: none;
	margin-top: 20px;
	margin-bottom: 20px;
}


.ranking {
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 5px;
}
img.alignleft.size-full:where(.wp-image-765,.wp-image-767,.wp-image-769,.wp-image-770,.wp-image-771,.wp-image-772,.wp-image-773,.wp-image-774,.wp-image-775,.wp-image-776) {
	margin-right: 15px;
	margin-top: 7px;
	margin-bottom: 0;
}

/* 写真の上下にスペースを作る */

img {
	margin-top: 5px;
	margin-bottom: 1em;
}

/* タグ */

.entry-categories-tags {
	display: flex;
	justify-content: right;
}

/* ブログカード */

.blogcard-wrap {
	width: auto;
}

.blogcard {
	margin-bottom: 10px;
}

.blogcard-title {
	font-size: 1.1em;
}

.blogcard-snippet {
	font-size: 0.9em;
}
	
/* 新着記事一覧 */

.cat-label { /* サムネイルに重なるラベルの位置 */
	font-size: 0.7em;	
	margin-top: 0px;
	margin-left: 3px;
}

.entry-categories-tags {
	margin-bottom: 0.8em;
}

img.entry-card-thumb-image {
	margin-left: 0;
	margin-top: -3px;
	margin-bottom: 0px; /* 投稿日時の高さを調整（サムネイル表示時） */
	padding-right: 0px;
}

.entry-card-content.card-content.e-card-content {
	padding-bottom: 27px; /* 投稿日時の高さを調整 */
}

.entry-card-title, .related-entry-card-title {
	font-size: 1.3em;
	margin-top: 0.6em;
	margin-left: 0.4em;
}

.entry-card-snippet, .related-entry-card-snippet {
	font-size: 1.05em;
	line-height: 1.5; /* 本文の行高さ */
	margin-left: 0.4em;
}

.entry-card-snippet.card-snippet.e-card-snippet {
}

.entry-card-info.e-card-info {
	font-size: 0.95em;
	position: relative;
	padding-top: 20px;
}



/* 「以下、順不同です。」で使用するクラス */

.entry-content> .danger-box {
	margin-top: 20px;
	margin-bottom: 20px;
}