/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 30 2026 | 13:08:03 */
/* 
@media (max-width: 640px) {}
@media (min-width: 960px) {}
var(--color_main)
サブカラーの設定
var(--color_deep01)
var(--color_deep02)
var(--color_deep03)
*/
/* -------------
○○〇の設定
-----------------------------*/
#sb_instagram #sbi_load .sbi_load_btn, #sb_instagram .sbi_follow_btn a, .et-db #et-boc .et-l .et_pb_module .sbi_follow_btn a {
    margin: 0;
}
.p-breadcrumb__list {
    flex-wrap: wrap; 
}
.single .p-breadcrumb__item:last-child>span.p-breadcrumb__text {
    display: block!important; 
    opacity: 1; 
    white-space: pre-wrap;
}
.blur-more-content p {
	margin-bottom: 1em;
}
/* -------------
ボタンアニメーションの追加
-----------------------------*/
.btn_anime a{
margin: 0 auto;
animation: anime 2s ease 0s infinite alternate;
transform-origin:center;
cursor: pointer;
}
@keyframes anime {
from {transform: scale(0.95,0.95);}
to {transform: scale(1,1);}
}
.btn_anime img{
margin: 0 auto;
animation: anime 2s ease 0s infinite alternate;
transform-origin:center;
cursor: pointer;
}
@keyframes anime {
from {transform: scale(0.95,0.95);}
to {transform: scale(1,1);}
}
.klee-one-regular {
  font-family: "Klee One", cursive;
  font-weight: 400;
  font-style: normal;
}
/* ----------------------------------- */
/*余白調整*/
/* ----------------------------------- */
.w-beforeFooter {
    margin: 0 auto 3em;
}

/* ----------------------------------- */
/* スマホ時に文章を左寄せ or センター合わせ*/
/* ----------------------------------- */
@media (max-width: 480px) {
  .sp-left-alignment {
    text-align: left!important;
  }
}
@media (max-width: 480px) {
  .sp-center-alignment {
    text-align: center;
  }
}
/* ----------------------------------- */
/* 幅の設定 */
/* ----------------------------------- */
.fit-content {
  width: fit-content;
}
.center {
  margin: 0 auto;
}
.post_content .padding-0 {
    padding: 0 !important;
}
.post_content .padding-05em {
    padding: .5em !important;
}
.post_content .padding-1em {
    padding: 1em;
}
.padding-lr-1em {
  padding: 0 1em;
}
.padding-lr-10em-lg, .padding-lr-6em-lg {
  padding: 0 2em;
}
@media (min-width: 960px) {
  .padding-lr-6em-lg {
    padding: 0 6em;
  }
  .padding-lr-10em-lg {
    padding: 0 10em;
  }
}

@media (max-width: 640px){

}
/* ----------------------------------- */
/*boder設定 */
/* ----------------------------------- */
.-radius10 {
  border-radius: 10px;
}
.-radius10 img{
  border-radius: 10px;
}
.-radius20 {
  border-radius: 20px;
}
/* shadow */
.-box-shadow {
  box-shadow: 1px 3px 7px #d7d7d7;
}
.border-main{
border:1px solid var(--color_deep02);
}
/* ----------------------------------- */
/* 横幅設定 */
/* ----------------------------------- */
.w-600{
    max-width: 600px;
    margin: 0 auto;
}
.w-800 {
  max-width: 800px;
  margin: 0 auto;
}

.w-900 {
  max-width: 900px;
  margin: 0 auto;
}
.w-1150 {
  max-width: 1150px;
  margin: 0 auto;
}
/* ----------------------------------- */
/* その他 */
/* ----------------------------------- */
.wp-block-group.align-items-c{
    align-items: center;
}
.relative-box{
position:relative;
}
.absolute-center{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/*----------------------------*/
/*tb.spでカラムを反転*/
/*----------------------------*/
@media (max-width: 960px) {
  .column_reverse > .swell-block-columns__inner {
    display: flex;
    flex-direction: column-reverse;
  }
}
/* スマホ時だけカラム順序を反転 */
@media (max-width: 640px) {
  .sp-column-reverse .swell-block-columns__inner {
    flex-direction: column-reverse;
  }
}
/* カラムの高さ合わせる */
@media (min-width: 960px){
.eight-frame1006-main .wp-block-group__inner-container{
  display: flex;
  flex-direction: column;
  height: 100%;
}
.eight-frame1006-arrange-text{
  margin-top: auto;
  width: 100%;
}
.eight-frame1006-main .swell-block-column{
  display: flex;
}
.eight-frame1006-main .wp-block-group{
  display: flex;
  width: 100%;
}
}
/* 親：高さ揃えモードON */
.eight-frame1007-main .swell-block-columns__inner {
  display: flex;
  align-items: stretch; /* ←これが重要 */
}

/* 各カラム */
.eight-frame1007-main .swell-block-column {
  display: flex;
  flex-direction: column;
}

/* 枠部分を伸ばす */
.eight-frame1007-main .flex-arrange {
  flex: 1; /* ←これで一番長い高さに統一 */
  display: flex;
}

/* 中身も縦に伸ばす */
.eight-frame1007-main .flex-arrange > .wp-block-group__inner-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
/* 高さ固定なしで、同じ行のカード高さを揃える */
.eight-27-arrange-main .swell-block-columns__inner {
  align-items: stretch;
}

.eight-27-arrange-main .swell-block-column {
  display: flex;
}

.eight-27-arrange-main .group-link-wrap {
  display: flex !important;
  width: 100%;
}

.eight-27-arrange-main .flex-arrange {
  display: flex;
  width: 100%;
  height: 100%;
}

.eight-27-arrange-main .flex-arrange .wp-block-group__inner-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}

/* テキストだけ伸びないように */
.eight-27-arrange-main .flex-arrange-text {
  flex-grow: 0 !important;
  margin-top: 0.6em;
  margin-bottom: 0;
}
/*----------------------------*/
/*見出しの高さ調整/
/*----------------------------*/
@media (min-width: 960px){
.pc_min-200 {
    min-height: 60px;
    padding: 0 !important;
}
}
/*見出し共通*/
h1,h2,h3,h4,h5{
    font-weight: 500 !important;	
}
.post_content h3{
	font-size:1.3em;
}
/*デフォルトボタンの余白*/
a.swell-block-button__link {
    padding: 1em 2em;
}
/*spbrをタブレットでは無効*/
@media (min-width: 600px) and (max-width: 959px) {
	.tb_spbr_none .sp_{
		display:none;
	}
}
/*spbrをスマホでは無効*/
@media (max-width: 600px){
	.sp_spbr_none .sp_{
		display:none;
	}
}
/*カスタムボタン*/
.custom_btn a{
	position:relative;
}
.custom_btn a::after {
    position: absolute;
    content: "";
    top: 50%;
    right: -35px;
    width: 70px;
    height: 1px;
    background-color: #A78833;
}
/*アンカーボタン*/
.anker_btn.swell-block-button .swell-block-button__link[data-has-icon]{
	justify-content: space-between;
}
/*ボックスシャドウ*/
.box_shaow{
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
/*赤のグラデーションボタン*/
.grad_red_btn a{
	position: relative;
	background-image: linear-gradient(84deg, rgba(132, 7, 9, 1), rgba(158, 36, 39, 1));
	padding: 1em 2em;
	min-width:230px;
	font-weight: 500 !important;
}
.grad_red_btn a::before {
    position: absolute;
    content: "";
    top: 50%;
    width: 4rem;
    height: 1.5px;
    background-color: #A78833;
    right: -2rem;
}
/*アクセス案内内の動画確認ボタン*/
.access_text_box a{
	padding: .3em .8em;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
}
/*赤の縦線(下)*/
.red_line_bottom{
	position:relative;
}
.red_line_bottom::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 1px;
	height: 50px;
	background-color: #9E2427;
}
/*赤の縦線(上)*/
.red_line_top{
	position:relative;
}
.red_line_top::after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 1px;
	height: 50px;
	background-color: #9E2427;
}
/*ゴールドの縦線(下)*/
.gold_line_top{
	position:relative;
}
.gold_line_top::after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 1px;
	height: 50px;
	background-color: #C3A85F;
}
/*---------------------------*/
/*下層ページタイトルデザイン*/
/*---------------------------*/

.c-pageTitle__subTitle{
	font-style:normal;
	font-family:"canto", serif;
    opacity:1;	
}

.l-topTitleArea {
	position: relative;
	overflow: hidden;
}

.l-topTitleArea::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 45%;
	height: 100%;
	background: #000;

	clip-path: polygon(
		0 0,
		100% 0,
		83% 100%,
		0 100%
	);

	z-index: 0;
}
@media (min-width: 959px) {
.l-topTitleArea {
	min-height:410px;
}
	.c-pageTitle{
	font-size:1.8em;
}
}
@media (max-width: 959px) {
.c-pageTitle {
    position: relative;
    display: grid;
    line-height: 1.3;
}
	.c-pageTitle__subTitle{
		padding-block:5px;
		margin-left:0;
	}
}
/*---------------------------*/
/* カラムの高さ合わせる設定 */
/*---------------------------*/
@media (min-width: 959px){
  .tb_eight-frame-main > .swell-block-columns__inner{
    align-items: stretch;
  }
  .tb_eight-frame-main .swell-block-column:not(.column_fixed .swell-block-column){
    display: flex;
  }
  .tb_eight-frame-arrange{
    display: flex;
    flex-direction: column; 
    flex-grow: 1;
  }
  .tb_eight-frame-arrange > .wp-block-group:last-child{
    flex-grow: 1; /* 本文側を伸ばす */
  }
}
@media (min-width: 599px){
  .sp_eight-frame-main > .swell-block-columns__inner{
    align-items: stretch;
  }
  .sp_eight-frame-main .swell-block-column:not(.column_fixed .swell-block-column){
    display: flex;
  }
  .sp_eight-frame-arrange{
    display: flex;
    flex-direction: column; 
    flex-grow: 1;
  }
  .sp_eight-frame-arrange > .wp-block-group:last-child{
    flex-grow: 1; /* 本文側を伸ばす */
  }
}
/*---------------------------*/
/* SNSリンクボタン */
/*---------------------------*/
.sns_btn{
	padding:0em !important;
	transition:.3s;
    min-height: 70px;
    justify-content: center;
    display: flex;
    align-items: center;
    line-height: 1;
}
.sns_btn  span{
	letter-spacing:2px;
}
.sns_btn:hover{
	transition:.3s;
	opacity:0.7;
}
/*---------------------------*/
/* リストの色変更 */
/*---------------------------*/
ol.-list-flex.custom_list, ul.-list-flex.custom_list{
	justify-content:center;
}
ul.is-style-index.custom_list li:before{
	background-color: #9e2427;
}
.custom_list li::marker {
	color: #9e2427;
}
/*----------------------------*/
/*テキスト配置*/
/*----------------------------*/
/*960px以下は右寄せを左寄せ*/
@media (max-width: 960px) {
.has-text-align-right.sp_left,.sp_left{
	text-align:left !important;
}
}
/*PCでは中央揃え*/
@media (min-width: 960px){
.pc_center.has-text-align-left {
    text-align: center;
}
}
/*スマホでは左揃え*/
@media (max-width: 959px){
.sp_left {
    text-align: left;
}
/*スマホでは中央揃え*/
.sp_center {
    text-align: center !important;
}
}
/*スマホのみ左揃え*/
@media (max-width: 599px){
.sp__only_left {
    text-align: left !important;
}
}

/*背景画像をずらす*/
.shift_cover img.wp-block-cover__image-background {
        bottom: auto;
        height: 70%;
}
@media (max-width: 959px){
	.shift_cover img.wp-block-cover__image-background {
        bottom: auto;
        height: 70%;
}
}
/*-------------------------*/
/*追従cta*/
/*-------------------------*/
.floating_cta {
    display: block;
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 100;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s ease;
    transform: translate(0,-50%);
    gap: 2px;
}
.floating_cta .box{
	display:flex;
	justify-content:center;
	align-items:center;
	line-height:1em;
	width:115px;
	height:115px;
	padding:.5em;
	box-shadow: -3px 3px 6px rgba(0, 0, 0, 0.1);
	transition:.3s;
}
.floating_cta .box:hover{
transition:.3s;
background:#F8F8F8 !important;
}
/*
@media (min-width: 960px) {
	.floating_cta .box{
		display:none;
	}
}
*/
@media (max-width: 959px) {
.wp-block-group.is-stack.floating_cta {
    flex-direction: row;
}
	.floating_cta {
    right: auto;
	left:50%;
    top: auto;
	bottom:0;
	transform:translate(-50%,0);
}
	.floating_cta .box{
	width:33.5vw;
	height: 95px;
    padding: 1em .5em;
	}
	.floating_cta .box p{
	line-height:14px;
		}
}

/*-------------------------*/
/*ページトップに戻る*/
/*-------------------------*/
@media (max-width: 1443px) {
	.p-fixBtnWrap{
		bottom:7.5em;
	}
}