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

.gray {
  background: linear-gradient(to bottom, transparent 64%, rgb(255 7 7 / 20%) 64%);
  /* 上半分透明、下半分薄い青 */
  padding: 0px 1px;
  /* 適度な余白 */
  font-weight: bold;
  /* テキストを太字に */
}

.green_ {
  margin-bottom: 1em !important;
}
/*
 @media screen and (min-width: 961px) {
  .l-header__menuBtn.sp_ {
    display: block !important;
    position: relative;
    top: 11px; //表示位置
  }

  .p-spMenu {
    display: block !important;
  }

  .p-spMenu__inner {
    max-width: 700px; //幅を設定
  }
}
*/

/*カスタムボタン*/
.button-container {
  text-align: center;
  margin-top: 0;
  /* Set margin-top to 0 */
}

.custom-swell-block-button {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  padding: 0.5em 3em;
  /* Adjust width */
  border-radius: 5px;
  /* Rounded edges */
  background: #D55656;
  /* Vivid red background */
  border: 2px solid #D55656;
  /* Vivid red outline border */
  color: white;
  /* White text color */
  font-weight: bold;
  /* Make text bold */
  position: relative;
  overflow: hidden;
  /* Ensure the shine effect stays within the button */
  transition: color 0.3s ease, transform 0.3s ease;
}

.custom-swell-block-button::before {
  content: '';
  position: absolute;
  width: 200%;
  height: 100%;
  top: 0;
  left: -100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
  transform: skewX(-45deg);
  animation: shine 3s infinite;
}

@keyframes shine {
  0% {
    left: -100%;
  }

  50% {
    left: 100%;
  }

  100% {
    left: 200%;
  }
}

.custom-swell-block-button:hover {
  color: white;
  transform: translateY(-2px);
}

.custom-swell-block-button:active {
  top: 4px;
  box-shadow: none;
}

.custom-swell-block-button__link {
  display: inline-flex;
  align-items: center;
}


/*テーブル用カスタムボタン*/
.table-custom-swell-block-button {
  display: inline-block;
  /* Display as inline-block to fit content width */
  box-sizing: border-box;
  /* Include padding and border in width calculation */
  text-align: center;
  text-decoration: none;
  padding: 1em 1em;
  /* Adjust padding as needed */
  border-radius: 5px;
  /* Rounded edges */
  background: #D55656;
  /* Vivid red background */
  border: 5px solid #D55656;
  /* Vivid red outline border */
  color: white;
  /* White text color */
  font-weight: bold;
  /* Make text bold */
  position: relative;
  overflow: hidden;
  /* Hide overflow content */
  transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
}

.table-custom-swell-block-button:hover {
  color: white;
  transform: translateY(-2px);
}

.table-custom-swell-block-button:active {
  top: 4px;
  box-shadow: none;
}

.table-custom-swell-block-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}