/* button Hack */


/*--------------- primary color ---------------*/
.btn-primary {
    background: #013241;
    border-color: #013241;
    color: #ffffff;
}

.btn-primary.outline {
    border: 3px solid #013241; /*アウトラインのみのボタンの線の色*/
    color: #ffffff; /*アウトラインのみのボタンのテキストの色 */
}
.btn-primary:hover{
	background: #013241;
    border-color: #013241;
    color: #ffffff;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    background: #000000;
    border-color: #000000;
    color: #ffffff;
}

.btn-primary:focus, .btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(173, 130, 66, 0.5);
}

/*--------------- secondary color ---------------*/
.btn-secondary {
    background: #212121;
    border-color: #ffffff;
    color: #ffffff;
}

.btn-secondary.outline {
    border: 3px solid #212121; /*アウトラインのみのボタンの線の色*/
    color: #ffffff; /*アウトラインのみのボタンのテキストの色*/
}
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
    background: #212121;
    border-color: #212121;
    color: #ffffff;
}

.btn-secondary:focus, .btn-secondary.focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(33, 33, 33, 0.5);
}

/*----------------show color ---------------*/
.btn-show {
    background: #ffffff;
    border-color: #AD8242;
    color: #000000;
    border-width:4px;
}

.btn-show:hover, .btn-show:focus,
.btn-show:active, .btn-show:active:focus, .btn-show:active:hover, .btn-show:active.focus,
.btn-show.active, .btn-show.active:focus, .btn-show.active:hover, .btn-show.active.focus,
.open > .dropdown-toggle.btn-show,
.open > .dropdown-toggle.btn-show:hover,
.open > .dropdown-toggle.btn-show:focus,
.open > .dropdown-toggle.btn-show.focus,
.btn-show.disabled:hover, .btn-show[disabled]:hover, fieldset[disabled] .btn-show:hover,
.btn-show.disabled:focus, .btn-show[disabled]:focus, fieldset[disabled] .btn-show:focus,
.btn-show.disabled.focus, .btn-show[disabled].focus, fieldset[disabled] .btn-show.focus {
    background: #212121;
    border-color: #AD8242;
    color: #ffffff;
}

.btn-show.outline {
    border: 3px solid #212121; /*アウトラインのみのボタンの線の色*/
    color: #ffffff; /*アウトラインのみのボタンのテキストの色*/
}

/* ボタン */
.btn-outline-yellowocher{
	color: #b6893c;
	background-color: transparent;
	background-image: none;
	border-color: #b6893c;
}


.btn-outline-black{
	color: #b6893c;
	background-color: transparent;
	background-image: none;
	border-color: #222221;
}

.btn-outline-black_white{
	color: #fff;
	background-color: transparent;
	background-image: none;
	border-color: #222221;
}

.btn-outline-yellowocher_white,.btn-outline-yellowocher_white:hover{
	color: #fff;
	background-color: #b6893c;
	background-image: none;
	border-color: #b6893c;
}


/* イベント用の強調ボタン */
/* ===== 5周年CTA（目立たせるが上品） ===== */
.cta5-btn{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  padding:.9rem 1.6rem;
  border-radius:9999px;
  font-weight:700;
  letter-spacing:.02em;
  text-decoration:none;
  color:#fff;
  background:linear-gradient(90deg,#b95a00,#b45309 70%); /* 濃いアンバー */
  box-shadow:0 10px 20px rgba(251,133,0,.28),0 6px 10px rgba(0,0,0,.12);
  transition:transform .15s ease, box-shadow .15s ease;
}
.cta5-btn:hover{ 
    color:#b8b8b8;
    transform:translateY(-1px); 
    box-shadow:0 12px 24px rgba(251,133,0,.34),0 8px 14px rgba(139, 139, 139, 0.16); 
}
.cta5-btn:active{ transform:translateY(0); }

.cta5-btn::after{
  content:"→";
  margin-left:.25rem;
  transition:transform .15s ease;
}
.cta5-btn:hover::after{ transform:translateX(3px); }

/* パルスのリング（控えめ） */
.cta5-btn::before{
  content:"";
  position:absolute; inset:-6px;
  border-radius:9999px;
  border:2px solid rgba(251,133,0,.45);
  animation:cta5-pulse 1.8s infinite;
}
@keyframes cta5-pulse{
  0%{ transform:scale(.95); opacity:.9; }
  70%{ transform:scale(1.08); opacity:0; }
  100%{ opacity:0; }
}
/* 動きが苦手なユーザー配慮 */
@media (prefers-reduced-motion:reduce){
  .cta5-btn::before{ display:none; animation:none; }
  .cta5-btn, .cta5-btn::after{ transition:none; }
}