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

body {
	font-family: "adobe-garamond-pro", serif;
}
.menu-item {
	display:none;
}
.gt_switcher_wrapper {
	top:20px!important;
	color:#000!important
}
.gt_switcher_wrapper a {
		color:#000!important
}
.top #content {
    padding-top: 0em;
}

.sec1-title {
	font-size:40px!important;
	font-weight:400!important
}
.sec1-subtext {
	font-size:13px!important;
	font-weight:400!important;
	font-style:italic;
	font-family: "Noto Sans JP", sans-serif;
	letter-spacing:-0.2px
}
.sec1-text {
	font-size:22px;
	font-weight:400;
}
.sec2-text {
	font-size:20px;
	font-weight:400;
}
.sec3-title {
	font-size:38px!important;
	font-weight:400!important
}
.sec3-text {
	font-size:20px;
	font-weight:400;
}
.sec3-img {
	position:absolute;
	right:0;
	bottom:0;
	
}

.sec4-title {
	font-size:38px!important;
	font-weight:400!important
}
.sec4-text {
	font-size:20px;
	font-weight:400;
}
.sec4-subtext {
	font-size:25px;
	font-weight:400;
}
.sec5-title {
	font-size:38px!important;
	font-weight:400!important
}
.sec5-text {
	font-size:20px;
	font-weight:400;
}



/* セクション */
.swell-block-fullWide:has(.sec5-img) {
  position: relative;
  overflow: visible !important;
}

/* 内側コンテナ */
.swell-block-fullWide:has(.sec5-img) .swell-block-fullWide__inner {
  overflow: visible !important;
}

/* 画像の配置スペースをなくす */
.sec5-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0 !important;
  pointer-events: none;
  z-index: 0!important;
}

.sec5-img img {
  position: sticky;
  top: 150px;
  display: block;
  width: 450px !important;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

/* テキストを画像より前面に */
.sec5-title,
.sec5-text {
  position: relative;
  z-index: 2;
}

.sec6-title {
	font-size:38px!important;
	font-weight:400!important
}
.sec6-text {
	font-size:17.5px;
	font-weight:400;
	line-height:1.6
}
.sec6-subtitle strong {
		font-size:25px;

	font-weight:400;
}
	.sec6-subtitle {
		font-size:25px;

	font-weight:400;
}
/* 対象のstrongに専用クラスがある場合は、そのクラスに置き換えてください */
.sec6-subtitle strong {
  position: relative;
  display: inline-block;
}

.sec6-subtitle strong::after {
  content: "";
  position: absolute;
  bottom: 3px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
}
.sec6-it-text {
	font-style:italic;
		font-size:21px;
}
.sec6-cum {
	position:relative
}
.sec6-num {
	font-size:55px;
	font-style:italic;
	position:absolute;
	top:-67px;
	z-index:1000
}
.group {
	position:relative
}
.sec7-title {
	font-size:38px!important;
	font-weight:400!important;
}
.sec7-text {
	font-size:21px;
	font-weight:400;
}

.sec7-img img {
	position:absolute;
	top:10%;
	right:10%;
}

.sec8-title {
	font-size:38px!important;
	font-weight:400!important
}
.sec8-text {
	font-size:20px;
	font-weight:400;
}
.sec8-table {
	font-family: "Noto Sans JP", sans-serif;
}
.notosans {
	font-family: "Noto Sans JP", sans-serif;
}
.sec8-table tr th.has-text-align-left{
	text-align:center;
	font-size:20px;
	font-weight:400;
}
.sec8-table tr th.has-text-align-center{
	text-align:center;
	font-size:20px;
	font-weight:400;
}


.wp-block-table {
    --table-border: 1px solid #070337;
}
.sec9-cum {
	padding:10px!important
}
.sec9-title {
	font-size:38px!important;
	font-weight:400!important
}
.sec9-text {
	font-size:20px;
	font-weight:400;
}
.sec9-cumtitle strong {
		font-size:30px!important;
	font-weight:400;
	border-bottom:solid 1px ;
	
}
.sec9-cumtext {
	font-size:22px;
	width: fit-content;
    margin: 0 auto;
	margin-bottom:25px
}
.sec10-text {
	font-size:20px;
	font-weight:400;
}
.sec10-subtext {
	font-size:14px;
		font-family: "Noto Sans JP", sans-serif;
}
.sec11-title {
	font-size:38px!important;
	font-weight:400!important
}
.sec11-text {
		font-size:20px;
	font-weight:400;
	width: fit-content;
    margin: 0 auto;
}

.sec12-title {
		font-size:38px!important;
	font-weight:400!important
	}

.sec13-title {
		font-size:38px!important;
	font-weight:400!important
	}
.sec13-q {
	font-size:20px
}
.sec13-a {
	font-size:20px
}
.sec14-title {
	font-size:38px!important;
	font-weight:400!important
}
.sec14-text {
	font-size:20px;
	font-weight:400;
}
.swell-block-accordion.is-style-main .swell-block-accordion__title {
    background-color: #070337;
    color: #fff;
}
.swell-block-accordion.is-style-main .swell-block-accordion__body {
	border: 0px solid var(--color_main);
}
.wp-block-cover {
	padding:0px;
	position:relative
}

.scroll-line {
	position:absolute!important;
	bottom:0!important;
	left:0;
	margin:0px!important;
	right:0;
	margin:0 auto!important;
}
.wp-block-cover.has-parallax {
  -webkit-clip-path: inset(0);
  clip-path: inset(0);
}

.wp-block-cover__image-background.has-parallax {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}
.-txt .c-headLogo__link {
	font-weight:400
}
.wp-block-video {
    text-align: center;
    z-index: 4;
    position: relative;
}
.l-content {
    margin: 0 auto 0em;
}
#gt_float_wrapper {
top:10px!important;
	right:80px!important
}
.l-header__menuBtn {
display:none;
}
@media (max-width: 767px) {
	#gt_float_wrapper {
top:1px!important;
	right:10px!important
}
	
.sec1-title {
	font-size:33px!important;
	font-weight:400!important
}
.sec1-subtext {
	font-size:10px!important;
	font-weight:400!important;
	font-style:italic;
	font-family: "Noto Sans JP", sans-serif;
	letter-spacing:-0.5px
}
.sec1-text {
	font-size:19px;
	font-weight:300!important;
	line-height:1.3
}
	.sec2-text {
	font-size:16px;
	font-weight:400;
}
.sec3-title {
	font-size:28px!important;
	font-weight:400!important;
	padding-top: 20px !important;
}
.sec3-text {
	font-size:18px;
	font-weight:400;
}
.sec4-title {
	font-size:28px!important;
	font-weight:400!important
}
.sec4-text {
	font-size:16px;
	font-weight:400;
}
.sec4-subtext {
	font-size:20px;
	font-weight:400;
}
	.sec5-title {
	font-size:28px!important;
	font-weight:400!important
}
.sec5-text {
	font-size:16px;
	font-weight:400;
}
	.sec6-title {
	font-size:28px!important;
	font-weight:400!important
}
.sec6-text {
	font-size:16px;
	font-weight:400;
	line-height:1.6
}
	.sec6-subtitle {
		font-size:22px;

	font-weight:400;
}
	.sec6-subtitle strong {
		font-size:22px;

	font-weight:400;
}
	.sec6-it-text {
	font-style:italic;
		font-size:18px;
}
.sec6-cum {
	position:relative
}
.sec6-num {
	font-size:55px;
	font-style:italic;
	position:absolute;
	top:-67px;
	z-index:1000
}
	.sec7-title {
	font-size:28px!important;
	font-weight:400!important;
		padding-top: 20px !important;
}
.sec7-text {
	font-size:22px;
	font-weight:400;
	width: fit-content;
        margin: 0 auto;
}
	.sec8-title {
	font-size:28px!important;
	font-weight:400!important
}
.sec8-text {
	font-size:16px;
	font-weight:400;
}.sec8-table tr th.has-text-align-left{
	text-align:center;
	font-size:16px;
	font-weight:400;
}
.sec8-table tr th.has-text-align-center{
	text-align:center;
	font-size:16px;
	font-weight:400;
}
	.sec8-table td {
		font-size:14px!important
	}
	
	.sec9-title {
	font-size:28px!important;
	font-weight:400!important
}
.sec9-text {
	font-size:16px;
	font-weight:400;
}
.sec9-cumtitle strong {
		font-size:26px!important;
	font-weight:400;
	border-bottom:solid 1px ;
	
}
.sec9-cumtext {
	font-size:18px;
	width: fit-content;
    margin: 0 auto;
	margin-bottom:25px
}
	.book-now-btn {
		width:100%!important
	}
	.sec10-text {
	font-size:16px;
	font-weight:400;
}
.sec10-subtext {
	font-size:12px;
		font-family: "Noto Sans JP", sans-serif;
}
	.sec11-title {
	font-size:28px!important;
	font-weight:400!important
}
.sec11-text {
		font-size:18px;
	font-weight:400;
	width: fit-content;
    margin: 0 auto;
}
	.sec12-title {
		font-size:28px!important;
	font-weight:400!important
	}
	.sec13-title {
		font-size:28px!important;
	font-weight:400!important
	}
	.sec13-q {
	font-size:16px
}
.sec13-a {
	font-size:16px
}
		.sec14-title {
	font-size:28px!important;
	font-weight:400!important
}
.sec14-text {
	font-size:16px;
	font-weight:400;
}
	.book-now-btn {
		width:250px!important
	}
}
@media screen and (max-width: 767px) {
  .l-header__logo .c-headLogo__link {
    font-size: 0;
  }

  .l-header__logo .c-headLogo__link::before {
    content: "Shizuoka City ";
    display: block;
    font-size: 16px;
  }

  .l-header__logo .c-headLogo__link::after {
    content: "Kunozan Toshogu Shrine";
    display: block;
    font-size: 16px;
  }
}
/* メインビジュアル */
#main_visual {
  position: relative !important;
}

/* テキストレイヤーを下端に配置 */
#main_visual .p-mainVisual__inner > .p-mainVisual__textLayer {
  position: absolute !important;
  inset: auto 0 0 0 !important;
  top: auto !important;
  bottom: 20px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  display: block !important;
  z-index: 10;
	margin: 0 auto!important;
}

/* ブログパーツの余白 */
#main_visual .p-mainVisual__textLayer .swell-block-fullWide {
  padding-bottom: 0 !important;
}

.fade-in {
  opacity: 0;
  transform: translateY(35px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.fade-in.is-visible {
  opacity: 1;
  transform: translateY(0);
}


/* 初期状態 */
.fade-inright {
  opacity: 0;
  transform: translateX(20px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

/* アニメーション発火 */
.fade-inright.is-visible {
  opacity: 1;
  transform: translateX(0);
}
