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


/* Mobile Title Styling */
@media screen and (max-width: 959px) {
  /* Remove top padding/margin from main containers on single posts */
  .l-content {
    padding-top: 9px;
}

.-frame-on .l-mainContent {
    margin-top: -39px;
}

  .p-articleHead.c-postTitle {
      background-color: #333333;
      color: #fff;
      padding: 15px 15px;
      margin-left: -15px;
      margin-right: -15px;
      margin-bottom: 0px;
      margin-top: 0; /* Reset negative margin as parent padding is removed */
  }

  .c-postTitle__ttl {
      color: #fff;
      font-size: 18px;
      line-height: 1.4;
  }

  .p-articleMetas.-top {
    margin-top: 0em;
}

  .l-mainContent__inner .post_content {
    margin-top: 0em;
}
}


/* [NEW] Title Bottom Widget Alignment Fix */
/* Force the container to wrap items so the widget can drop to the next line */
.p-articleHead.c-postTitle {
    flex-wrap: wrap;
}

/* Make the inner widget full width to force it below the title */
.p-title_bottom_inner_widget {
    width: 100%;
    flex-basis: 100%;
    margin-top: 0.5em; /* Adjust spacing as needed */
}

/* Ensure outer widget has some spacing */
.p-title_bottom_outer_widget {
    margin-bottom: 1em;
}