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

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

.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: #FFF5DA;
	border-radius: 4px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.article h3 {
	border: none;
	border-left: 7px solid #f2c56b;
}
.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: #FFF5DA;
  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;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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;
  }
}