@charset "UTF-8";
html.swipebox-html {
  overflow: hidden; }
html body .wp-pagenavi {
  padding: 1rem 0 2rem 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap; }
  html body .wp-pagenavi .pages {
    display: block;
    width: 100%;
    text-align: center;
    padding-bottom: 1rem; }
  html body .wp-pagenavi a, html body .wp-pagenavi span {
    text-decoration: none;
    font-weight: bold;
    color: #555;
    font-size: 1rem;
    display: block;
    margin: 0.25rem; }
  html body .wp-pagenavi .previouspostslink, html body .wp-pagenavi .nextpostslink, html body .wp-pagenavi .extend {
    padding: 0.8rem 0; }
  html body .wp-pagenavi .page {
    color: #009c84; }
  html body .wp-pagenavi .current {
    color: #555;
    background-color: #fafafa; }
  html body .wp-pagenavi .page, html body .wp-pagenavi .current {
    padding: 0.8rem 0;
    width: 2.5em;
    min-width: 2.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #555; }
@media (max-width: 767px) {
  html body .wp-block-image a img.pc {
    display: none; } }
html body .wp-block-image a img.sp {
  display: none; }
  @media (max-width: 767px) {
    html body .wp-block-image a img.sp {
      display: block; } }
html body .division2_link {
  align-items: inherit;
  -webkit-box-align: inherit;
  -ms-flex-align: inherit;
  line-height: 1.25; }
html body h2.h2.flex {
  display: flex;
  justify-content: center;
  align-items: baseline;
  flex-wrap: wrap; }
  html body h2.h2.flex span {
    padding: 0 0.5rem;
    color: #A07D47; }
html body main .btCampaign {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2rem; }
  html body main .btCampaign article {
    width: 50%;
    margin-bottom: 1rem; }
    @media (max-width: 767px) {
      html body main .btCampaign article {
        width: 100%; } }
    html body main .btCampaign article figure a {
      display: block;
      padding: 0; }
      html body main .btCampaign article figure a img {
        width: 100%;
        height: auto; }
    html body main .btCampaign article p {
      text-align: center;
      margin: 0; }
      html body main .btCampaign article p.red {
        color: red; }
html body main.general ul.cat_tag {
  padding: 1rem 0;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap; }
  html body main.general ul.cat_tag li {
    padding-left: 0.8rem;
    padding-top: 0.5rem;
    font-size: 0.875rem; }
    html body main.general ul.cat_tag li a {
      color: #000;
      text-decoration: none; }
      html body main.general ul.cat_tag li a:hover {
        text-decoration: underline; }
      html body main.general ul.cat_tag li a .mark {
        display: inline-block;
        padding-right: 0.25rem; }
        html body main.general ul.cat_tag li a .mark::before {
          font-family: "Font Awesome 5 Free";
          content: "\f02b";
          font-weight: 900; }
  html body main.general ul.cat_tag.aside {
    display: block;
    padding: 0.5rem 0 1rem 0; }
    html body main.general ul.cat_tag.aside li {
      padding-left: 0;
      font-size: 1rem; }
      html body main.general ul.cat_tag.aside li a {
        display: inline-block;
        padding: 0.25rem 0; }
  html body main.general ul.cat_tag.icon li a::before {
    background-image: url(https://c9278b.claudeassets.com/20240425151309im_/https://www.kaatsu-diet.com/cms/wp-content/themes/jfam_cms/asset/image/point.png);
    width: 0.85rem;
    height: 0.75rem;
    display: inline-block;
    content: "";
    background-size: cover;
    margin-right: 0.5rem;
    margin-top: 0.1rem; }
html body main.general .crp_related {
  padding: 0.8rem 0 1rem 0; }
  html body main.general .crp_related ul li {
    padding-bottom: 0.25rem; }
    html body main.general .crp_related ul li a {
      text-decoration: none;
      display: flex;
      padding: 0.5rem 0; }
      html body main.general .crp_related ul li a figure {
        width: 40%; }
        @media (max-width: 767px) {
          html body main.general .crp_related ul li a figure {
            width: 35%; } }
        html body main.general .crp_related ul li a figure img {
          width: 100%;
          height: auto; }
      html body main.general .crp_related ul li a span {
        width: 60%;
        padding-left: 0.5rem;
        display: block;
        font-size: 0.875rem;
        font-weight: bold;
        color: #000;
        line-height: 1.25; }
        @media (max-width: 767px) {
          html body main.general .crp_related ul li a span {
            width: 65%; } }
html body main.general .blog_box {
  padding: 0.8rem 0 1rem 0; }
  html body main.general .blog_box .blog_box_in {
    padding-bottom: 0.5rem; }
    html body main.general .blog_box .blog_box_in a {
      text-decoration: none;
      display: block;
      padding: 0.5rem 0; }
      html body main.general .blog_box .blog_box_in a .blog_flex {
        display: flex; }
        html body main.general .blog_box .blog_box_in a .blog_flex .img {
          width: 40%; }
          @media (max-width: 767px) {
            html body main.general .blog_box .blog_box_in a .blog_flex .img {
              width: 35%; } }
          html body main.general .blog_box .blog_box_in a .blog_flex .img .img_box {
            width: 100%;
            transition: 0.2s; }
            html body main.general .blog_box .blog_box_in a .blog_flex .img .img_box img {
              width: 100%;
              height: auto; }
        html body main.general .blog_box .blog_box_in a .blog_flex .text {
          width: 60%;
          padding-left: 0.5rem;
          display: flex;
          flex-direction: column; }
          @media (max-width: 767px) {
            html body main.general .blog_box .blog_box_in a .blog_flex .text {
              width: 65%; } }
          html body main.general .blog_box .blog_box_in a .blog_flex .text .tag {
            display: flex; }
            html body main.general .blog_box .blog_box_in a .blog_flex .text .tag li {
              display: inherit; }
              html body main.general .blog_box .blog_box_in a .blog_flex .text .tag li span {
                display: inline-block;
                padding: 0.1rem 0.25rem;
                font-size: 0.625rem;
                color: #009c84;
                border: 1px solid #009c84;
                margin-right: 0.25rem;
                line-height: 1; }
          html body main.general .blog_box .blog_box_in a .blog_flex .text h2 {
            font-size: 1.125rem;
            font-weight: bold;
            color: #000;
            padding-top: 0.5rem;
            padding-bottom: 0; }
            @media (max-width: 767px) {
              html body main.general .blog_box .blog_box_in a .blog_flex .text h2 {
                font-size: 0.875rem; } }
            html body main.general .blog_box .blog_box_in a .blog_flex .text h2 span {
              line-height: 1.25; }
          html body main.general .blog_box .blog_box_in a .blog_flex .text h4 {
            font-size: 0.875rem;
            font-weight: bold;
            color: #000;
            padding-top: 0.5rem;
            padding-bottom: 0; }
            html body main.general .blog_box .blog_box_in a .blog_flex .text h4 span {
              line-height: 1.25; }
          html body main.general .blog_box .blog_box_in a .blog_flex .text .text_block {
            flex-grow: 1; }
          html body main.general .blog_box .blog_box_in a .blog_flex .text .discription {
            padding-top: 0.25rem; }
          html body main.general .blog_box .blog_box_in a .blog_flex .text p {
            font-size: 0.6875rem;
            color: #707070;
            margin-bottom: 0;
            padding-bottom: 0; }
            html body main.general .blog_box .blog_box_in a .blog_flex .text p.date {
              padding-top: 0.5rem; }
      html body main.general .blog_box .blog_box_in a:hover h4 span {
        text-decoration: underline; }
      html body main.general .blog_box .blog_box_in a:hover h2 span {
        text-decoration: underline; }
      html body main.general .blog_box .blog_box_in a:hover .img_box {
        opacity: 0.8; }
html body main.general .blog_wrapper {
  display: flex;
  justify-content: space-between; }
  @media (max-width: 767px) {
    html body main.general .blog_wrapper {
      flex-wrap: wrap; } }
  html body main.general .blog_wrapper .contents {
    width: calc(100% - 380px); }
    @media (max-width: 1024px) {
      html body main.general .blog_wrapper .contents {
        width: calc(100% - 300px); } }
    @media (max-width: 767px) {
      html body main.general .blog_wrapper .contents {
        width: 100%; } }
    html body main.general .blog_wrapper .contents .title_block {
      padding: 0.5rem 0; }
    html body main.general .blog_wrapper .contents .time {
      color: #707070;
      font-size: 0.875rem; }
    html body main.general .blog_wrapper .contents .content_include h1, html body main.general .blog_wrapper .contents .content_include h2, html body main.general .blog_wrapper .contents .content_include h3, html body main.general .blog_wrapper .contents .content_include h4, html body main.general .blog_wrapper .contents .content_include h5, html body main.general .blog_wrapper .contents .content_include h6 {
      padding: 1.5rem 0 1rem 0;
      font-weight: bold;
      margin-bottom: 0;
      line-height: 1.25;
      color: #000; }
    html body main.general .blog_wrapper .contents .content_include h1 {
      font-size: 1.625rem; }
      @media (max-width: 767px) {
        html body main.general .blog_wrapper .contents .content_include h1 {
          font-size: 1.5rem; } }
    html body main.general .blog_wrapper .contents .content_include h2 {
      font-size: 1.5rem; }
      @media (max-width: 767px) {
        html body main.general .blog_wrapper .contents .content_include h2 {
          font-size: 1.25rem; } }
    html body main.general .blog_wrapper .contents .content_include h4 {
      font-size: 1.125rem; }
      @media (max-width: 767px) {
        html body main.general .blog_wrapper .contents .content_include h4 {
          font-size: 1rem; } }
    html body main.general .blog_wrapper .contents .content_include p {
      padding: 0.5rem 0;
      margin-bottom: 1rem;
      line-height: 2; }
    html body main.general .blog_wrapper .contents .content_include hr {
      border-bottom: none;
      margin: 1.5rem 0;
      border-top: 1px dashed; }
    html body main.general .blog_wrapper .contents .content_include figure {
      margin: 0;
      padding: 1rem 0; }
      html body main.general .blog_wrapper .contents .content_include figure figure {
        padding: 0;
        margin: 1rem 0; }
      html body main.general .blog_wrapper .contents .content_include figure img {
        width: 100%;
        height: auto; }
      html body main.general .blog_wrapper .contents .content_include figure figcaption {
        font-size: 0.875rem;
        margin-top: 0.5em;
        margin-bottom: 0; }
    html body main.general .blog_wrapper .contents .content_include ul {
      list-style-type: disc;
      margin-left: 1.25em;
      padding: 0.5rem 0; }
      html body main.general .blog_wrapper .contents .content_include ul li {
        padding: 0.5rem 0;
        line-height: 1.25; }
    html body main.general .blog_wrapper .contents .content_include ol {
      list-style-type: decimal;
      margin-left: 1.25em;
      padding: 0.5rem 0; }
      html body main.general .blog_wrapper .contents .content_include ol li {
        padding: 0.5rem 0;
        line-height: 1.25; }
    html body main.general .blog_wrapper .contents .content_include strong {
      font-weight: 900; }
    html body main.general .blog_wrapper .contents .content_include table {
      border-collapse: collapse;
      border: solid 2px #009c84;
      /*表全体を線で囲う*/ }
      html body main.general .blog_wrapper .contents .content_include table th, html body main.general .blog_wrapper .contents .content_include table td {
        border: solid 1px #009c84;
        /*実線 1px 黒*/
        padding: 0.875rem; }
    html body main.general .blog_wrapper .contents .content_include blockquote {
      position: relative;
      padding: 2rem 1rem 0.875rem 1rem;
      box-sizing: border-box;
      font-style: italic;
      background: #f5f5f5;
      color: #777777;
      border-left: 4px solid #009c84;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14); }
    html body main.general .blog_wrapper .contents .content_include blockquote:before {
      display: inline-block;
      position: absolute;
      top: 10px;
      left: 15px;
      content: "\f10d";
      font-family: FontAwesome;
      color: #009c84;
      font-size: 1.5rem;
      line-height: 1;
      font-weight: 900; }
    html body main.general .blog_wrapper .contents .content_include blockquote p {
      padding: 0;
      margin: 0.5rem 0 1rem 0;
      line-height: 1.7; }
    html body main.general .blog_wrapper .contents .content_include blockquote cite {
      display: block;
      color: #888888;
      font-size: 0.75rem;
      text-align: right; }
  html body main.general .blog_wrapper .sidebar {
    width: 320px;
    padding: 1rem 0 1rem 1rem; }
    @media (max-width: 1024px) {
      html body main.general .blog_wrapper .sidebar {
        width: 240px; } }
    @media (max-width: 767px) {
      html body main.general .blog_wrapper .sidebar {
        width: 100%;
        padding-left: 0; } }
    html body main.general .blog_wrapper .sidebar .sidebar_in {
      padding: 2rem 0 0 0; }
      html body main.general .blog_wrapper .sidebar .sidebar_in .title_block p {
        color: #009c84;
        font-size: 1.5rem;
        font-weight: bold;
        margin-bottom: 0.25rem;
        text-align: center; }
      html body main.general .blog_wrapper .sidebar .sidebar_in .title_block h3 {
        color: #000;
        font-size: 0.75rem;
        text-align: center;
        padding-bottom: 0.75rem;
        border-bottom: 2px solid #ffe383;
        margin-bottom: 0;
        letter-spacing: 0.2em; }
html body .column_flex article .column.square .column_img, html body .column_flex article .column.square .column_movie {
  display: block;
  position: relative; }
  html body .column_flex article .column.square .column_img:after, html body .column_flex article .column.square .column_movie:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0;
    transition: 0.3s all ease;
    z-index: 3;
    pointer-events: none; }
  html body .column_flex article .column.square .column_img .column_img_in, html body .column_flex article .column.square .column_img .column_movie_in, html body .column_flex article .column.square .column_movie .column_img_in, html body .column_flex article .column.square .column_movie .column_movie_in {
    width: 100%;
    overflow: hidden;
    position: relative;
    background: none;
    display: block; }
    html body .column_flex article .column.square .column_img .column_img_in:before, html body .column_flex article .column.square .column_img .column_movie_in:before, html body .column_flex article .column.square .column_movie .column_img_in:before, html body .column_flex article .column.square .column_movie .column_movie_in:before {
      content: "";
      display: block;
      padding-top: 100%;
      overflow: hidden; }
    html body .column_flex article .column.square .column_img .column_img_in img, html body .column_flex article .column.square .column_img .column_movie_in img, html body .column_flex article .column.square .column_movie .column_img_in img, html body .column_flex article .column.square .column_movie .column_movie_in img {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover;
      top: 50%;
      right: 50%;
      bottom: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      z-index: 2; }
  html body .column_flex article .column.square .column_img:hover::after, html body .column_flex article .column.square .column_movie:hover::after {
    opacity: 0.3; }
html body .column_flex article .column.square .column_movie .column_movie_in::after {
  font-family: "Font Awesome 5 Free";
  content: '\f144';
  font-size: 4rem;
  font-weight: 900;
  color: #fff;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  opacity: 0.8;
  pointer-events: none;
  z-index: 4; }
html body #swipebox-title {
  line-height: 1.2;
  padding-top: 0.5rem; }
  @media (max-width: 767px) {
    html body #swipebox-title {
      font-size: 0.875rem; } }
html body #swipebox-slider .slide .swipebox-video-container {
  padding: 3% 4% 4% 4%; }
  @media (max-width: 767px) {
    html body #swipebox-slider .slide .swipebox-video-container {
      padding: 7% 5% 5% 5%; } }
html body video {
  max-width: 100%; }
html body #swipebox-slider .slide .swipebox-video-container .swipebox-video {
  width: 100%;
  height: 0;
  overflow: hidden;
  position: relative;
  padding-bottom: 90vh; }
html body #swipebox-bottom-bar, html body #swipebox-top-bar {
  background: rgba(0, 0, 0, 0.7); }
html body form .dl_form {
  background-color: #fff;
  border: 2px solid #009c84;
  padding: 1rem;
  border-radius: 0.5rem;
  margin: 2rem auto; }
  html body form .dl_form input,
  html body form .dl_form button,
  html body form .dl_form select,
  html body form .dl_form textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    border-radius: 0 !important;
    margin: 0;
    font: inherit;
    outline: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  html body form .dl_form dl {
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    padding: 1.5rem 0; }
    @media (max-width: 767px) {
      html body form .dl_form dl {
        padding: 1.25rem 0;
        flex-wrap: wrap; } }
    html body form .dl_form dl dt {
      display: flex;
      align-items: center;
      width: 28%; }
      @media (max-width: 767px) {
        html body form .dl_form dl dt {
          width: 100%; } }
      html body form .dl_form dl dt label {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        width: 100%; }
      html body form .dl_form dl dt span {
        display: block;
        font-size: 0.75rem; }
        @media (max-width: 767px) {
          html body form .dl_form dl dt span {
            display: inline-block; } }
        html body form .dl_form dl dt span.hissu {
          color: red; }
    html body form .dl_form dl dd {
      width: 72%;
      padding-left: 1.25rem; }
      @media (max-width: 767px) {
        html body form .dl_form dl dd {
          width: 100%;
          padding: 0.5rem 0 0 0; } }
      html body form .dl_form dl dd input, html body form .dl_form dl dd textarea {
        width: 100%;
        border: 1px solid #009c84;
        background-color: #fff;
        padding: 0.5rem;
        border-radius: 0.2rem 0  0 0.2rem;
        font-size: 1.125rem; }
      html body form .dl_form dl dd.pass {
        display: flex; }
        html body form .dl_form dl dd.pass #buttonEye {
          background-color: #009c84;
          color: #fff;
          display: flex;
          justify-content: center;
          align-items: center;
          border-radius: 0 0.2rem 0.2rem 0;
          width: 3.5rem; }
  html body form .dl_form input[type=submit] {
    max-width: 400px;
    width: 100%;
    background-color: #009c84;
    color: #fff;
    margin: 1rem auto 0 auto;
    font-weight: bold;
    text-align: center;
    display: block;
    padding: 1rem;
    border-radius: 10rem;
    font-size: 1.25rem;
    border-radius: 10px !important;
    transition: 0.3s all ease; }
    html body form .dl_form input[type=submit]:hover {
      opacity: 0.8; }

/*# sourceMappingURL=add_style.css.map */

/*
     FILE ARCHIVED ON 11:30:25 Jun 25, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 11:31:26 Jul 24, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.857
  exclusion.robots: 0.118
  exclusion.robots.policy: 0.1
  esindex: 0.016
  cdx.remote: 181.358
  LoadShardBlock: 2575.732 (3)
  PetaboxLoader3.datanode: 323.506 (5)
  PetaboxLoader3.resolve: 2477.12 (2)
  load_resource: 339.197
  loaddict: 98.755
*/