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

#main_visual { margin-bottom: -64px !important; }

/*MAIN MENU fontawesome周り*/
.menu {
	font-size: 2.2em;
	margin-bottom: 10px;
	padding-bottom: 8px;
}

.sp_menu_ttl {
	font-size: 1.4em;
	margin-bottom: 10px !important;
}
.sp_menu_subttl {
	font-size: 1.2em;
}

/* スマホ対応（横幅が768px以下のとき） */
@media screen and (max-width: 768px) {

}

/*スマホ用メニューの画像*/
.sp_menu {
	width:24px;
	margin-right: 5px;
	margin-bottom: -6px !important;
}

/*CTA上の余白をなくす*/
 #before_footer_widget { margin-top: 0px !important; }

.menu_list span {
	color: #ff8c00;
}

/*直近5年分のアーカイブリスト（ウィジェット）*/
.cp-yearly-archive-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.cp-yearly-archive-item {
	margin-bottom: 0.3em;
}

.cp-yearly-archive-item a {
	text-decoration: none;
}

.cp-yearly-archive-item a:hover {
	text-decoration: underline;
}

/*FOOTERメニューのプライバシーポリシーの表示*/
	.l-footer__nav {
		display: none;
	}


.for_SP {display: inline-block;}
.for_PC {display: none}
.for_TB {display: none;}

/* -------------------------------------------- */
/* ▼タブレット用として付け足すデザイン */
/* -------------------------------------------- */
	@media (min-width: 768px) {
.for_SP {display: none;}
.for_PC {display: none}
.for_TB {display: inline-block;}

/*MAIN MENU fontawesome周り*/
.global_menu_pc {
	font-size: 16pt !important;
	margin-bottom: 5px;
	display: block;
}
.ttl {
	font-size: 12pt !important;
	font-weight: bolder;
	display: block;
		}
.ttl .ttl_en {
	font-size: 8pt !important;
	font-weight: bolder;
	margin: 0px  0px  3px  0px;
	display: block;
		}
		.menu-item img {
			width: 30px;
		}
    /* アイコンがぴょこっと跳ねる */
    .menu-item:hover img {
      animation: bounce 0.5s ease;
    }
    @keyframes bounce {
      0%   { transform: translateY(0); }
      30%  { transform: translateY(-8px); }
      60%  { transform: translateY(3px); }
      80%  { transform: translateY(-3px); }
      100% { transform: translateY(0); }
    }

/*header右のボタン*/
    .btn-wrapper {
      display: flex;
      gap: 0px; /* ボタン同士の間隔 */
      justify-content: center;
      margin-top: 0px;
    }
    .circle-btn {
      width: 90px;
      height: 90px;
/*      border-radius: 50%; 丸にするか四角にするか・・・*/
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-size: 14px;
      font-weight: bold;
      text-decoration: none;
      line-height: 1;
      vertical-align: middle;
      transition: transform 0.25s ease;
    }
    .circle-btn img {
      width: 24px;
      margin-bottom: 4px;
      line-height: 1;
      display: inline-block; /* アニメーション対象にするため */
    }
    /* アイコンがぴょこっと跳ねる */
    .circle-btn:hover img {
      animation: bounce 0.5s ease;
    }
    @keyframes bounce {
      0%   { transform: translateY(0); }
      30%  { transform: translateY(-8px); }
      60%  { transform: translateY(3px); }
      80%  { transform: translateY(-3px); }
      100% { transform: translateY(0); }
    }
    /* お問い合わせボタン */
    .contact-btn {
      /*background-color: #268ece;*/
      background-color: #F8991C;
    }
    /* ご予約ボタン */
    .reserve-btn {
      background-color: #F15A22;
    }
	}

/* ------------------------------------ */
/* ▼PC用として付け足すデザイン */
/* ------------------------------------ */
	@media (min-width: 1024px) {
.for_SP {display: none;}
.for_PC {display: inline-block;}
.for_TB {display: inline-block;}

.is-vertically-aligned-top .wp-block-media-text__media img {
margin-top: 35px !important;
}
		
/*FOOTERメニューのプライバシーポリシーの表示*/
/* フッターナビ：PC表示（中央寄せ） */
.l-footer__nav {
	display: inline-block;
	text-align: center;
}

/* 親要素がある場合は中央寄せ用 */
.l-footer {
	text-align: center;
}
	}