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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
:root {
  --ta-amber-50:  #FFFDF3;
  --ta-amber-100: #FFF5DA;
  --ta-amber-200: #FBE7B0;
  --ta-amber-400: #F9C557;
  --ta-amber-500: #F2B636;
  --ta-coral:     #EB6F72;
}
html {
  scroll-behavior: smooth;
}
.no-sidebar .wrap {
	max-width: 840px;
}
.main {
	padding: 36px 60px;
}
.article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {
	line-height: 1.4;
}
.article h2 {
	background-color: var(--ta-amber-100);
	border-radius: 4px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.article h3 {
	border: none;
	border-left: 7px solid var(--ta-amber-400);
}
/* 見出しの余白：上を広く、下を狭くして、見出しを下の文章に寄せる */
.article .entry-content h2 { margin-top: 2.6em; margin-bottom: 1em; }
.article .entry-content h3 { margin-top: 2.2em; margin-bottom: 0.9em; }
.article .entry-content h4 { margin-top: 2em;   margin-bottom: 0.8em; }

/* 記事の先頭が見出しのときは上の余白なし */
.article .entry-content :is(h2, h3, h4):first-child { margin-top: 0; }
.cat-label {
 display: none;
}

.entry-title, .archive-title {
font-size: 30px;
}
.breadcrumb {
margin: 1em 0;
}
.breadcrumb .fa-folder,
.breadcrumb .fa-file-o {
display: none;
}
.date-tags {
text-align: left;
}

.sankou {
margin-bottom: 24px;
font-size: 14px;
padding: 15px;
border: 3px solid #F9E2B2;
background: #FFFEF5;
border-radius: 8px;
color: var(--cocoon-text-color);
}
.mochimonolist td:first-child {
  width: 35%;
  font-weight: bold;
}
.mochimonolist td:nth-child(2) {
  width: 65%;
}
table tr:nth-of-type(2n+1) {
background-color: transparent;
}
.qa-mokuji {
font-size: 0.8em;
width: 140px;
height: 170px;
float: left;
text-align: center;
}
.clearfix::after {
content: '';
display: block;
clear: both;
}
.qa-q {
background: url("https://ta-bi.net/wordpress/new/wp-content/uploads/bg_q.gif") no-repeat left top;
padding: 10px 0 20px 70px;
}
.qa-a {
background: url("https://ta-bi.net/wordpress/new/wp-content/uploads/bg_a.gif") no-repeat left top;
padding: 10px 0 50px 70px;
border-bottom: 1px dashed #ddd;
margin-bottom: 50px;
}
div.at {
  margin-bottom: 24px;
  font-size: 14px;
  padding: 15px 15px 15px 100px;
  border: 3px solid #F9E2B2;
  background: url("/img/attn.gif") no-repeat left top;
  background-size: 90px;
  border-radius: 8px;
}
div.say {
margin-bottom: 24px;
font-size: 14px;
padding: 15px 15px 15px 100px;
border: 3px solid #F9E2B2;
background: url("/img/say.gif") no-repeat left top;
background-size: 90px;
border-radius: 8px;
}
.icon-list {
	overflow: hidden;
	margin-bottom: 24px;
}
.icon-img {
	float: left;
	margin-right: 10px;
}
.icon-text {
font-family: var(--cocoon-default-font) !important;
	overflow: hidden;
	line-height: 1.7;
	font-size: 90%;
	font-variant-ligatures: none;
}
.osusume {
position: relative;
display: inline-block;
margin-left: 13px;
padding: 4px 5px;
color: #fff;
font-size: 10px;
background: #ff6477;
line-height: 1;
border-radius: 3px;
vertical-align: middle;
}
.osusume::before {
content: "";
position: absolute;
top: 50%;
left: -10px;
margin-top: -5px;
border: 5px solid transparent;
border-right: 5px solid #ff6477;
}
div.ga {
display: none;
}
.table_container {
width: 100%;
margin: 5px 0;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
table.p-hikaku th {
color: #888;
font-size: 12px;
font-weight: bold;
line-height: 18px;
padding: 6px 12px;
text-align: center;
vertical-align: middle;
border-style: solid dashed;
background-color: transparent;
}
table.p-hikaku td {
font-size: 12px;
padding: 6px 12px;
white-space: nowrap;
vertical-align: middle;
text-align: right;
border-style: solid dashed;
}
table.p-hikaku td.country {
text-align: left;
background: #f7f7f7;
}

.footer-bottom-logo {
float: none;
position: relative;
}
.footer-bottom-content {
float: none;
text-align: center;
}

/* トップ・カテゴリーページの記事一覧をコンパクトに */
:is(.front-page-type-category, .archive) .list {
  row-gap: 0;
}
:is(.front-page-type-category, .archive) .list .a-wrap + .a-wrap {
  border-top: 1px dotted #eee;
}
:is(.front-page-type-category, .archive) .list .a-wrap {
  padding: 10px 8px;
}
@media screen and (max-width: 480px) {
:is(.front-page-type-category, .archive) .list .a-wrap {
  padding: 18px 4px;
}
}

:is(.front-page-type-category, .archive) .list .entry-card {
  display: flex;
  align-items: center;
  gap: 16px;
  height: auto;
}
:is(.front-page-type-category, .archive) .list .a-wrap .card-thumb {
  float: none;
  width: 140px;
  flex-shrink: 0;
  margin: 0;
}
:is(.front-page-type-category, .archive) .list .a-wrap .card-content {
  margin: 0;
  padding-bottom: 0;
}
:is(.front-page-type-category, .archive) .list .card-title {
  font-size: 17px;
  margin: 0 0 4px;
  -webkit-line-clamp: 2;
}
:is(.front-page-type-category, .archive) .list .card-snippet {
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
  color: var(--cocoon-pallid-text-color);
  -webkit-line-clamp: 2;
}
/* カテゴリーラベル・日付・PV表示は非表示 */
:is(.front-page-type-category, .archive) .list .cat-label,
:is(.front-page-type-category, .archive) .list .card-meta,
:is(.front-page-type-category, .archive) .list .admin-pv {
  display: none;
}
/* スマホはサムネイルを少し小さく */
@media screen and (max-width: 480px) {
  :is(.front-page-type-category, .archive) .list .entry-card {
    gap: 12px;
  }
  :is(.front-page-type-category, .archive) .list .a-wrap .card-thumb {
    width: 72px;
  }
  :is(.front-page-type-category, .archive) .list .card-title {
    font-size: 16px;
    line-height: 1.6;
  }
  :is(.front-page-type-category, .archive) .list .card-snippet {
    font-size: 13px;
  }
}
/* 一覧の見出しを記事の大見出しと同じデザインに */
.list-title,
.archive .archive-title {
  background-color: var(--ta-amber-100);
  border-radius: 4px;
  padding: 8px 16px;
  text-align: center;
}
@media screen and (max-width: 480px) {
.list-title,
.archive .archive-title {
  padding: 8px 16px;
}
}
/* トップページの見出しの左右の線を消す */
.list-title-in {
  padding: 0;
  white-space: normal;
}
.list-title-in::before,
.list-title-in::after {
  display: none;
}

/* トップページのサイト紹介 */
.front-intro {
  display: flex;
  align-items: center;
  gap: 24px;
  margin: 0 0 2.5em;
  padding: 28px 28px;
  background: #fbf8f5;
  border-radius: 4px;
}
.front-intro-image {
  order: 2; /* 女の子を右に */
  flex-shrink: 0;
  width: 140px;
  margin: 0;
}
.front-intro-image img {
  display: block;
  width: 100%;
  height: auto;
}
.front-intro-text {
  font-size: 16px;
  line-height: 1.7;
}
.front-intro-text p {
  margin: 0;
}
.front-intro-text p + p {
  margin-top: 0.5em;
}
.front-intro-lead {
  font-weight: bold;
  text-align: center;
}
  .front-intro-lead br {
  display: none;
  }

/* スマホ：女の子を右下に */
@media screen and (max-width: 600px) {
  .front-intro {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    padding: 16px 20px;
  }
  .front-intro-image {
    align-self: center;
    width: 180px;
  }
  .front-intro-text {
    font-size: 15px;
  }
  .front-intro-lead br {
  display: block;
  }
}

/* バッジ（赤）をやさしいコーラルピンクに */
.badge-red {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 3px;
  background-color: #FF5A5E;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.2;
  vertical-align: middle;
}

/* 段落スタイル「小さめ」 */
.article .is-style-small {
  font-size: 0.9em;
  line-height: 1.6;
}

/* ボックス共通 */
.article :is(.is-style-ta-attention, .is-style-ta-memo, .is-style-ta-links) {
  margin: 1.5em 0;
  padding: 16px 20px;
  background: var(--ta-amber-50);
  border: 3px solid var(--ta-amber-200);
  border-radius: 8px;
  font-size: 0.9em;
  line-height: 1.7;
}
.article :is(.is-style-ta-attention, .is-style-ta-memo, .is-style-ta-links) > * {
  margin-top: 0;
  margin-bottom: 0;
}
.article :is(.is-style-ta-attention, .is-style-ta-memo, .is-style-ta-links) > * + * {
  margin-top: 0.4em;
}

/* アイコン付きボックス（注意・ひとこと） */
.article :is(.is-style-ta-attention, .is-style-ta-memo) {
  position: relative;
  min-height: 80px;
  padding-left: 80px;
}
.article :is(.is-style-ta-attention, .is-style-ta-memo)::before {
  content: "";
  position: absolute;
  top: 18px; /* ボックスの上の余白に合わせて上揃え */
  left: 16px;
  width: 48px;
  height: 48px;
  background: no-repeat center / contain;
}
.article .is-style-ta-attention::before {
  background-image: url("images/icon-attention.png");
}
.article .is-style-ta-memo::before {
  background-image: url("images/icon-memo.png");
}

/* スマホはアイコンを少し小さく */
@media screen and (max-width: 480px) {
  .article :is(.is-style-ta-attention, .is-style-ta-memo) {
    min-height: 72px;
    padding-left: 64px;
  }
  .article :is(.is-style-ta-attention, .is-style-ta-memo)::before {
    left: 12px;
    width: 40px;
    height: 40px;
  }
}

/* ===== リストの余白 ===== */

/* 右の余白：枠線・背景なしのスタイル付きリストは 0 */
.article :is(ul, ol).has-list-style:not(.has-background):not(.has-border) {
  padding-right: 0;
}

/* 左の余白：アイコン・番号を li 側で描くリストと、参考リンクボックスの「・」リストは 0 */
.article :is(ul, ol)[class*="is-style-icon-list-"]:not(.has-background):not(.has-border),
.article :is(ul, ol)[class*="is-style-numeric-list-"]:not(.has-background):not(.has-border),
.article .is-style-ta-links > ul {
  padding-left: 0;
}

/* Cocoonのアイコンリストブロックの外側の余白・枠 */
.article .iconlist-box {
  padding: 0;
  border-width: 0;
}
.article .iconlist-box ul {
  padding-left: 1.4em; /* アイコン1つ分だけ。アイコンが左端にそろう */
}

/* 参考リンクボックスの普通のリスト（「・」付き） */
.article .is-style-ta-links > ul {
  list-style: none;
}
.article .is-style-ta-links > ul > li {
  margin: 0;
}
.article .is-style-ta-links > ul > li::before {
  content: "・";
}

/* 吹き出し（登録番号1）の色 */
.speech-wrap.sb-id-1 {
  --cocoon-custom-background-color: var(--ta-amber-50);
  --cocoon-custom-border-color: var(--ta-amber-200);
}


/* アイコン付き段落 */
.article p[class*="is-style-ta-icon-"] {
  position: relative;
  padding-left: 1.6em; /* リストのアイコン付きと同じ字下げ */
}
.article p[class*="is-style-ta-icon-"]::before {
  content: var(--ta-icon);
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  color: var(--ta-icon-color);
  font-family: icomoon !important;
  font-weight: normal;
}
/* ？アイコン（Cocoonのリストと同じ色） */
.article .is-style-ta-icon-question {
  --ta-icon: "\e90f";
  --ta-icon-color: var(--ta-amber-400);
}
/* ！アイコン（Cocoonのリストの「警告」と同じ文字コードと色） */
.article .is-style-ta-icon-warning {
  --ta-icon: "\e921";
  --ta-icon-color: var(--ta-coral);
}
/* アイコン付きリストの色 */
.article [class*="is-style-icon-list-"] {
  --cocoon-box-border-color: var(--ta-amber-400) !important; /* check系の既定色 */
}
/* アイコンリストブロックのアイコン色（文字色を継承しているため ::before に直接指定） */
.article .iconlist-box li::before {
  color: var(--ta-amber-400) !important;
}
.article :is(.is-style-icon-list-question, .is-style-icon-list-triangle) > li::before {
  color: var(--ta-amber-400) !important;
}
.article :is(.is-style-icon-list-warning, .is-style-icon-list-cross) > li::before {
  color: var(--ta-coral) !important;
}

/* WordPress標準パレットの「明るく鮮やかな琥珀色」を統一色に差し替え */
html body {
  --wp--preset--color--luminous-vivid-amber: var(--ta-amber-400);
}

/* テーブルのヘッダー行の下の太線をなくす */
.article .wp-block-table thead {
  border-bottom: none;
}
/* 荷物の表：1列目と2列目の幅を指定（残りの列は均等に分かれる） */
.baggage-table th:nth-child(1),
.baggage-table td:nth-child(1) {
  width: 16%; /* タイプ */
}
.baggage-table th:nth-child(2),
.baggage-table td:nth-child(2) {
  width: 28%; /* 航空会社 */
}
/* キャプション余白 */
figcaption {
padding: 8px 0 0;
}
/* 日付のラベル（アイコンの代わり） */
.article-header :is(.post-date, .post-update) .fa {
  display: none;
}
.article-header .post-date::before {
  content: "投稿日：";
}
.article-header .post-update::before {
  content: "最終更新日：";
}

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  .logo-header img {
  height: 80px;
  }
  .entry-title {
  padding: 0.6em 0;
  }
  .entry-title, .archive-title {
  font-size: 20px;
  }
  .breadcrumb {
  margin: 0.5em 0;
  }
}