@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
/*～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～*/
/*mixin*/
/*～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～*/
/*CSSにSVG記述するときに空コード変数で使う場合にカラーコードの#消す ex color("theme")*/
/*メディアクエリ*/
@media screen and (min-width: 960px) {
  .mini, .tb:not(.pc), .sp {
    display: none !important; } }
@media screen and (max-width: 959px) {
  .pc:not(.tb) {
    display: none !important; } }
@media screen and (min-width: 600px) and (max-width: 959px) {
  .mini, .pc:not(.tb), .sp:not(.tb) {
    display: none !important; } }
@media screen and (max-width: 599px) {
  .tb:not(.sp), .pc {
    display: none !important; } }
/*フォントサイズ*/
.post_content {
  display: block; }
  .post_content::after {
    content: "";
    display: block;
    clear: both; }
  @media screen and (min-width: 600px) {
    .post_content > p:nth-of-type(-n+5) {
      clear: unset; } }
  .post_content .p-articleThumb {
    float: right;
    width: 220px;
    height: 220px;
    margin-left: 40px;
    margin-bottom: 40px; }
    @media screen and (max-width: 599px) {
      .post_content .p-articleThumb {
        width: 47.5vw;
        height: 47.5vw;
        min-width: 220px;
        min-height: 220px;
        float: unset;
        margin: 0px auto !important;
        transform: translateY(clamp(-45px, calc(-6.45vw - 6.36px), -27px)); } }

.-list-under-dashed li:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0; }

.kuchikomi {
  display: grid;
  background-color: #fffcf6;
  grid-template-columns: 120px auto;
  row-template-columns: 110px auto;
  padding: 20px 20px 25px 15px;
  border-radius: 10px; }
  @media screen and (max-width: 599px) {
    .kuchikomi {
      padding: 18px 12px 18px 12px;
      grid-template-columns: 75px auto;
      row-template-columns: 75px auto; } }
  .kuchikomi .img {
    border: 1px solid #ececec;
    box-sizing: content-box;
    background: #fff;
    grid-column: 1/2;
    grid-row: 1/2;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    position: relative;
    overflow: hidden;
    transform: translateX(13px); }
    .kuchikomi .img > img {
      position: absolute;
      width: 72px;
      height: 72px;
      bottom: 0;
      left: 4px; }
  @media screen and (max-width: 599px) {
    .kuchikomi .img {
      width: 60px;
      height: 60px;
      transform: translateX(0px); }
      .kuchikomi .img > img {
        width: 54px;
        height: 54px; } }
  .kuchikomi .profile {
    grid-column: 1/2;
    grid-row: 1/2;
    font-size: 12px;
    text-align: center;
    width: 110px;
    padding-top: 96px;
    font-weight: 700; }
    @media screen and (max-width: 599px) {
      .kuchikomi .profile {
        width: 100%;
        font-size: 2.8vw !important;
        padding-top: 11vw;
        padding-left: 0px;
        font-size: 10px;
        grid-column: 2/3;
        grid-row: 1/2;
        white-space: nowrap;
        text-align: left; }
        .kuchikomi .profile br {
          display: none; } }
  .kuchikomi .comment {
    grid-column: 2/3;
    grid-row: 1/3;
    padding-top: 33px;
    padding-left: 0px;
    margin-bottom: 0em; }
    @media screen and (max-width: 599px) {
      .kuchikomi .comment {
        padding-top: 17vw;
        padding-left: 0; } }
  .kuchikomi .rating-icons {
    grid-column: 2/3;
    grid-row: 1/3;
    color: #E97132; }
    @media screen and (max-width: 599px) {
      .kuchikomi .rating-icons {
        font-size: 145%; } }
  .kuchikomi:has(+ .kuchikomi) {
    margin-bottom: 0;
    position: relative;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
    .kuchikomi:has(+ .kuchikomi)::after {
      content: "";
      width: calc(100% - 30px);
      left: 15px;
      bottom: 0;
      display: block;
      position: absolute;
      border-bottom: 1px solid #ecece3; }
    .kuchikomi:has(+ .kuchikomi) + .kuchikomi {
      border-top-left-radius: 0;
      border-top-right-radius: 0; }

.kuchikomi .rating-icons:not(:has(.fa-solid.fa-star)) {
  display: none !important; }
  .kuchikomi .rating-icons:not(:has(.fa-solid.fa-star)) + .comment {
    padding-top: 2px !important; }
    @media screen and (max-width: 599px) {
      .kuchikomi .rating-icons:not(:has(.fa-solid.fa-star)) + .comment {
        padding-top: 6vw !important; } }
    @media screen and (max-width: 599px) {
      .kuchikomi .rating-icons:not(:has(.fa-solid.fa-star)) + .comment + .profile {
        padding-top: 0 !important; } }

/*toppage*/
.home #content, .id_2 #content {
  padding: 0; }
  .home #content .p-postListWrap, .id_2 #content .p-postListWrap {
    padding-left: 15px;
    padding-right: 15px; }
  .home #content .post_content, .id_2 #content .post_content {
    padding-left: 0;
    padding-right: 0; }
  .home #content #mainvisual, .id_2 #content #mainvisual {
    text-align: center;
    background: #f9f6e5;
    position: relative; }
    .home #content #mainvisual::before, .id_2 #content #mainvisual::before {
      left: 0;
      top: 0;
      z-index: -1;
      position: absolute;
      content: "";
      width: 100vw;
      height: 100%;
      background: #f9f6e5;
      content: "";
      display: block;
      transform: translateX(calc(-50vw + 600px)); }
  .home #content .u-obf-cover, .id_2 #content .u-obf-cover {
    object-fit: contain;
    height: unset !important; }
  .home #content .p-postList__item, .id_2 #content .p-postList__item {
    margin-left: 0px;
    margin-right: 0px;
    width: calc(33% - 10px);
    display: flex;
    justify-content: center; }
    @media screen and (min-width: 600px) and (max-width: 959px) {
      .home #content .p-postList__item, .id_2 #content .p-postList__item {
        width: calc(50% - 10px); } }
    @media screen and (max-width: 599px) {
      .home #content .p-postList__item, .id_2 #content .p-postList__item {
        width: calc(100% - 10px); } }
  .home #content .p-postList__link, .id_2 #content .p-postList__link {
    width: 31vw;
    max-width: 360px; }
    @media screen and (min-width: 600px) and (max-width: 959px) {
      .home #content .p-postList__link, .id_2 #content .p-postList__link {
        width: 46vw;
        max-width: 46vw; } }
    @media screen and (max-width: 599px) {
      .home #content .p-postList__link, .id_2 #content .p-postList__link {
        width: 87vw;
        max-width: 87vw; } }
  .home #content .c-postThumb,
  .home #content .c-postThumb__figure, .id_2 #content .c-postThumb,
  .id_2 #content .c-postThumb__figure {
    height: 31vw;
    width: 31vw;
    max-width: 360px;
    max-height: 360px; }
    @media screen and (min-width: 600px) and (max-width: 959px) {
      .home #content .c-postThumb,
      .home #content .c-postThumb__figure, .id_2 #content .c-postThumb,
      .id_2 #content .c-postThumb__figure {
        height: 46vw;
        width: 46vw;
        max-width: 46vw;
        max-height: 46vw; } }
    @media screen and (max-width: 599px) {
      .home #content .c-postThumb,
      .home #content .c-postThumb__figure, .id_2 #content .c-postThumb,
      .id_2 #content .c-postThumb__figure {
        height: 87vw;
        width: 87vw;
        max-width: 87vw;
        max-height: 87vw; } }

/*記事良一覧*/
.id_2 .l-mainContent__inner {
  padding-top: 30px; }

.p-postList.-type-card,
.p-postList.-type-thumb {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  justify-content: space-between;
  padding-left: clamp(0px, 2vw, 20px);
  padding-right: clamp(0px, 2vw, 20px); }
  @media screen and (max-width: 599px) {
    .p-postList.-type-card,
    .p-postList.-type-thumb {
      justify-content: center; } }