/*
Theme Name: STORY 2.2 子テーマ
Template: story_tcd041_v22
Description: STORY(TCD)の子テーマ。独自に追加したデザイン(選ばれる理由・比較表・ご成婚者の声など)を、親テーマの更新で消えないように分けて管理します。
Version: 1.0.0
Text Domain: story-child
*/
/* ここから下は、これまでテーマ本体のstyle.cssに直接追記されていた独自CSSです。 */

.article02-date {  display: block;
  line-height: 1.5;
  margin-bottom: .5em;}

.article03-date {  font-size: 14px;
  vertical-align: middle;}

.styled-post-list1-date {  display: block;
  font-size: 13px;
  line-height: 1;
  margin-bottom: 1em;}

.top-h1 {  font-size: 28px;
  margin-bottom: 50px;}

.advantage-wrap {  gap: 20px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 40px;}

.advantage-wrap .item {  margin-bottom: 20px;
  width: calc(25% - (60px / 4));}

.advantage-online .item {  width: calc((100% / 3) - (40px / 3));}

.advantage-wrap img {  width: calc(100% - 30px);
  border: 15px solid #C5A664;}

.advantage-wrap h3.ttl {  line-height: 1.4;
  font-weight: 500;
  font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;}

.post-content .advantage-wrap p {  font-size: 14px;
  margin-top: 20px;
  text-align: left;
  line-height: 1.8;}

.post-content p.note {  font-size: 12px;
  text-align: right;
  margin-left: 1em;}

.post-content table {  margin: 0;}

.post-content h4.ttl {  font-size: 18px;
  text-align: left;
  margin-left: 10px;
  margin-bottom: 5px;}

.compare-table {  width: 100%;
  border-collapse: collapse;
  white-space: nowrap;
  table-layout: fixed;}

.compare-table th,
.compare-table td {  width: 13%;
  border: none;
  padding: 10px;
  font-size: 16px;
  font-weight: bold;
  vertical-align: middle;
  background-color: #f6f1e7;
  border-left: 2px solid #fff;}

.success-table th,
.success-table td {  width: 20%;}

.success-table th span {  display: block;
  font-size: 60%;
  line-height: 1;
  font-weight: normal;}

.price-table th,
.price-table td {  width: 17%;}

.online-table th,
.online-table td {  width: 15%;}

.compare-table tr {  border-top: 2px solid #fff;}

.compare-table th:nth-child(1) {  width: 25%;}

.price-table th:nth-child(1) {  width: 15%;}

.online-table th:nth-child(1) {  width: 20%;}

.compare-table tr th:nth-child(1) {  position: sticky;
  left: 0;
  z-index: 1;
  background-color: #e6e6e6;}

.success-table tr th:nth-child(1) {  position: relative;
  left: auto;}

.compare-table tr:nth-child(1) th {  color: #fff;
  background-color: #C5A664;}

.compare-table th:nth-child(2),
.compare-table td:nth-child(2),
.success-table td:nth-child(1) {  background-color: #ebd7ac;}

.success-table td:nth-child(2) {  background-color: #f6f1e7;}

.compare-table img {  max-width: 30px;}

.compare-table .sp,
.compare-table br {  display: none;}

.voice-flex { display: flex; }

.voice-flex .box-border { margin-bottom:30px; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; }

.tcd-pb-row.row1 .voice-flex { margin-bottom:0px; background-color:#ffffff; }

.tcd-pb-row.row1 .voice-flex .tcd-pb-row-inner { margin-left:-15px; margin-right:-15px; }

.tcd-pb-row.row1 .voice-flex .tcd-pb-col.col1 { width:33.3333%; padding-left:15px; padding-right:15px; }

.tcd-pb-row.row1 .voice-flex .tcd-pb-col.col2 { width:33.3333%; padding-left:15px; padding-right:15px; }

.tcd-pb-row.row1 .voice-flex .tcd-pb-col.col3 { width:33.3333%; padding-left:15px; padding-right:15px; }

.post-content.voice-wrap .button a {padding: 0 10px; width: 100%; margin: 0 auto; background: #ccc; color: #fff; display: inline-block; height: 50px; line-height: 50px; width: 200px;}

@media only screen and (max-width: 767px) {
  .content01-title.top-h1 {    font-size: 22px;
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 1199px) {
  .advantage-wrap .item,
  .advantage-online .item {      width: calc((100% / 3) - (60px / 3));
  }
}

@media screen and (max-width: 1023px) {
  .advantage-wrap .item,
  .advantage-online .item {      width: calc(50% - 10px);
  }
}

@media screen and (max-width: 767px) {
  .advantage-wrap .item,
  .advantage-online .item {      width: 100%;
  }
  .compare-table-wrap {      overflow-x: scroll;
  }
  .compare-table th,
  .compare-table td {      width: 120px;
      line-height: 1.4;
  }
  .compare-table tr th:nth-child(1) {      width: 140px;
  }
  .compare-table .sp,
  .compare-table br {      display: block;
  }
  .voice-flex { display: block; }
  .tcd-pb-row.row1 .voice-flex { margin-bottom:0px; }
  .tcd-pb-row.row1 .voice-flex .tcd-pb-row-inner { margin-left:0; margin-right:0; }
  .tcd-pb-row.row1 .voice-flex .tcd-pb-col.col1 { padding-left:0; padding-right:0; }
  .tcd-pb-row.row1 .voice-flex .tcd-pb-col.col1 { width:100%; float:none; margin-bottom:30px; }
  .tcd-pb-row.row1 .voice-flex .tcd-pb-col.col1 .tcd-pb-widget.widget1 { margin-bottom:30px; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; }
  .tcd-pb-row.row1 .voice-flex .tcd-pb-col.col2 { padding-left:0; padding-right:0; }
  .tcd-pb-row.row1 .voice-flex .tcd-pb-col.col2 { width:100%; float:none; margin-bottom:30px; }
  .tcd-pb-row.row1 .voice-flex .tcd-pb-col.col2 .tcd-pb-widget.widget1 { margin-bottom:30px; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; }
  .tcd-pb-row.row1 .voice-flex .tcd-pb-col.col3 { padding-left:0; padding-right:0; }
  .tcd-pb-row.row1 .voice-flex .tcd-pb-col.col3 { width:100%; float:none; }
  .tcd-pb-row.row1 .voice-flex .tcd-pb-col.col3 .tcd-pb-widget.widget1 { margin-bottom:30px; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; }
}