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

.l-content {
	margin-bottom:0!important;
}

/* ボタン */
.btn-detail {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 1em;

  padding: 0.5em 2em;
  color: #fff;


  font-weight: bold;
  text-decoration: none;
  text-align: center;

  border-radius: 999px; /* 丸ボタン */
  transition: opacity 0.3s ease;
}

.btn-detail .arrow {
  display: inline-block;
  width: 16px;        /* 矢印の大きさ */
  height: 16px;       /* 矢印の大きさ */
  border-top: 3px solid #fff;   /* 線の太さと色 */
  border-right: 3px solid #fff; /* 線の太さと色 */
  transform: rotate(45deg);     /* 45度回転させて「くの字」に */
}

.btn-detail .arrow2 {
  display: inline-block;
  width: 16px;        /* 矢印の大きさ */
  height: 16px;       /* 矢印の大きさ */
  border-top: 3px solid #fff;   /* 線の太さと色 */
  border-right: 3px solid #fff; /* 線の太さと色 */
  transform: rotate(45deg);     /* 45度回転させて「くの字」に */
}

/* ホバー時50%透過 */
.btn-detail:hover {
  opacity: 0.5;
}
.btn_fonts_09em {
	font-size: 1.0em;
}
.btn_fonts_08em {
	font-size: 1.0em;
}

.btn_bg_01 {
	background-color: #2b1a14; /* こげ茶黒系 */
}
.btn_bg_02 {
	background-color: #b4174a; /* エンジ */
}
.btn_bg_03 {
	background-color: #005c3f; /* 深緑 */
}
.btn_bg_04 {
	background-image: linear-gradient(to right, #6c4498 0%, #d9395f 100%); /* インスタグラデ */
}	
.btn_center	{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
.btn_mb05em	{
	margin-top: 0.4em!important;
    margin-bottom: 0.75em!important;
}
.swell-modal iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
}