@charset "utf-8";
/*
Theme Name: Xwrite child
Version: 2.0.0
Template: xwrite
*/

/*
1.common setting
2.RSSカードリスト
3.form
*/
/* ========================================
1.common setting
======================================== */
@media (max-width: 600px) {
  .no-sidebar .main .xw-block-section.alignfull .xw-block-section__inner {
    padding-left: 10vw;
    padding-right: 10vw;
  }
}

/* ========================================
2.RSSカードリスト
======================================== */

div.rss-card-list,
section.rss-card-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-top: 15px;
  margin-bottom: 25px;
}

div.rss-card-list div.rss-card-item,
div.rss-card-list article.rss-card-item {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  overflow: hidden;
  box-sizing: border-box;
}

div.rss-card-list .rss-card-item__thumbnail {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background-color: transparent;
}

div.rss-card-list .rss-card-item__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover !important;
  display: block;
}

div.rss-card-list .rss-card-item__content {
  padding: 12px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

div.rss-card-list .rss-card-item__date {
  font-size: 11px !important;
  color: #888888 !important;
  margin-bottom: 4px !important;
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  opacity: 1 !important;
}

div.rss-card-list h3.rss-card-item__title {
  margin: 0 0 6px 0;
  padding: 0 !important;
  border: 0 !important;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
}

div.rss-card-list .rss-card-item__title::before {
  display: none;
}

div.rss-card-list .rss-card-item__title a {
  color: #333333;
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

div.rss-card-list .rss-card-item__title a:hover {
  color: #0073aa;
}

div.rss-card-list .rss-card-item__excerpt {
  font-size: 14px;
  color: #666666;
  line-height: 1.5;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (max-width: 900px) {
  div.rss-card-list,
  section.rss-card-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  div.rss-card-list,
  section.rss-card-list {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  div.rss-card-list .rss-card-item__date {
    font-size: 10px !important;
  }

  div.rss-card-list h3.rss-card-item__title,
  div.rss-card-list h3.rss-card-item__title a {
    margin-bottom: 2px;
    font-size: 15px;
  }

  div.rss-card-list p.rss-card-item__excerpt {
    font-size: 13px;
    -webkit-line-clamp: 4;
  }
}


/* ========================================
3.form
======================================== */
.wpforms-container .wpforms-field-label-inline a {
  text-decoration: underline;
}

.wpforms-container .wpforms-submit-container {
  text-align: center;
}

.wpforms-container .wpforms-submit {
  width: 25%;
  margin-top: 2em;
}

div.wpforms-container-full .wpforms-confirmation-container-full,
div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
  padding: 2em;
  border-color: #ccc;
  border-radius: 4px;
  background: #f8f8f8;
}

div.wpforms-container-full .wpforms-confirmation-container-full h3,
div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) h3 {
  margin: 0 0 1em 0;
}

div.wpforms-container-full .wpforms-confirmation-container-full *:last-child,
div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) *:last-child {
  margin: 0;
}