/* ここに1281px以上の範囲のスタイルを記述 */
  /* 1281px~が適用範囲 */

	/* 上部の余白を削除 */

.c-entry__header {
		margin-bottom: 0;
	}

.page h1.c-page-header__title {
  display:none;
}

.page h1.c-entry__title {
display: none;
}

.blog h1.c-entry__title {
display: none;
}

.smb-information__item__label {
	padding: 0 !important;
	margin: 0 !important;
}

.smb-information__item__body.is-layout-constrained.wp-block-information-item-is-layout-constrained {
	padding: 0 !important;
	margin: 0 !important;
}

.l-center-header__row:first-child {
	margin-top:20px !important;
}

/* ブログの調整 */

h2.smb-section__title:after {
	display: none;
}


h2.smb-section__title {
	position: relative;
}

h2.smb-section__title::before {
	content: " ";
	display: block;
	width: 350px;
	max-width: 90%;
	height: 37px;
	background-image: url(./img/h2-under.png);
	background-size: cover;
	background-position: center;
	position: absolute;
	bottom: -40px;
	left: 50%;
	transform: translateX( -50%);
}

h2.wp-block-heading {
	position: relative;
	text-align: center;
}

h2.wp-block-heading::after {
	content: " ";
	display: block;
	width: 350px;
	max-width: 90%;
	height: 37px;
	background-image: url(./img/h2-under.png);
	background-size: cover;
	background-position: center;
	position: absolute;
	bottom: -40px;
	left: 50%;
	transform: translateX( -50%);
}


h4.wp-block-heading.is-style-default {
	background-color: #eff8ff;
	padding: 5px 5px 5px 15px;
	position: relative;
}

h4.wp-block-heading.is-style-default::after {
	display: block;
	content: "";
	width: 2px;
	height: 100%;
	background-color: #005288;
	position: absolute;
	left: 0;
	top: 0;
}

/* 目次の設定 */

.wpco .contents-outline ol li ol li a:before {
		background: none;
		color: #005288;
}

	/* ロゴの大きさ */

.c-site-branding__title .custom-logo {
	width: 200px;
}

/* メニューの設定 */

.menu-item:hover {
	color: #51b9ff;
}

.p-global-nav--current-text-color .c-navbar__item[data-active-menu] {
	color: #51b9ff;
}

/* さぶナビゲーションの色 */

.p-global-nav .c-navbar__item[aria-haspopup=true]:before {
	border-bottom-color: rgb(14,52,131) !important;
}
.p-global-nav .c-navbar__submenu {
	background-color: rgb(14,52,131) !important;
}

/* スライダーの設定 */
.smb-spider-slider {
	width: 65vw;
	max-width: 1024px;
}

.smb-spider-slider a {
	position: relative;
	z-index: 1;
}

.home-top .spider  {
	padding: 5px;
	position: relative;
}

.home-top .spider::after {
	content: " ";
	display: block;
	width: 100%;
	height: calc(100% - 9px);
  border: 2px solid #B19552;
	border-image: conic-gradient(#C4962C,#FFFFAE,#C4962C,#C4962C,#FFFFAE,#C4962C,#C4962C) 1;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
}

.home-top .spider__dots:not([data-thumbnails=true]) .spider__dot {
	background-color: #95a8b5;
}

.c-section {
	padding: 0;
}


/* プレゼントコンテンツ */

.c-row>.c-row__col.present-btn {
	padding: 0;
}

.present-btn {
	max-width: 550px;
	position: relative;
	top: 0;
	transition: 0.25s;
}

.present-btn a img {
	position: relative;
	top: 0;
	z-index: 2;
}

.present-btn a {
	display: block;
	width: 100%;
	position: relative;
	top: 0;
	transition: 0.25s;
}

.present-btn a::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: #006d40;
	position: absolute;
	top: 7px;
	left: 7px;
	border-radius: 500px;
  box-shadow: 0px 7px 9px 2px rgba(0, 0, 0, 0.4);
	transition: 0.25s;
}

.present-btn a:hover {
	top: 7px;
	transition: 0.25s;
}

.present-btn a:hover::before {
	top: 7px;
	left: 7px;
  box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.4);
	transition: 0.25s;
}

.present-btn a:active::before {
	top: 7px;
	left: 7px;
  box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.4);
	transition: 0.25s;
}

:root :where(p.is-style-sme-speech) {
	text-align: center;
}



/* ゴールドのフレーム */

.gold-frame {
	position: relative;
}

.gold-frame::before {
	content: "";
	display: block;
	width: 80vw;
	height: 16vw;
	max-width: 750px;
	max-height: 150px;
	position: absolute;
	top: 0px;
	left: 50%;
	transform: translateX(-50%);
	background-image: url(./img/home-about-top.png);
	background-size: cover;
	background-repeat: no-repeat;
}


.gold-frame::after {
	content: "";
	display: block;
	width: 80vw;
	height: 16vw;
	max-width: 750px;
	max-height: 150px;
	position: absolute;
	bottom: 0px;
	left: 50%;
	transform: translateX(-50%);
	background-image: url(./img/home-about-bottom.png);
	background-size: cover;
	background-repeat: no-repeat;
}



/* 各ボタンの共通アニメーション */

.btn-animation a {
	max-width: 450px;
	position: relative;
	top: 0px;
	padding: 0 0 0 0 !important;
	border-radius: 100px;
	box-shadow: 0px 4px 7px 2px rgba(0, 0, 0, 0.2);
	transition: 0.25s;
}

.btn-animation a:hover {
	top: 5px;
	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2);
	transition: 0.25s;
}

.btn-animation a:active {
	top: 5px;
	box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.2);
	transition: 0.25s;
}

/* フローティングボタンのアニメーション */

.reservation_btn{
	width: 10vw;
	position: fixed;
	bottom: 40px;
	right: 30px;
	z-index: 12;
}

.reservation_btn a{
	display: block;
	width: 100%;
	position: fixed;
}

.float-btn-animation a {
	position: relative;
	top: 0px;
	padding: 0 0 0 0 !important;
	border-radius: 100%;
	box-shadow: 0px 4px 7px 2px rgba(0, 0, 0, 0.2);
	transition: 0.25s;
}

.float-btn-animation a:hover {
	top: 5px;
	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2);
	transition: 0.25s;
}

.float-btn-animation a:active {
	top: 5px;
	box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.2);
	transition: 0.25s;
}


/* 電話メールボタンの共通アニメーション */

.tell-mail-btn a {
	position: relative;
	top: 0px;
	padding: 0 0 0 0 !important;
	border-radius: 100px;
	box-shadow: 0px 4px 7px 2px rgba(0, 0, 0, 0.3);
	transition: 0.25s;
}

.tell-mail-btn a:hover {
	top: 5px;
	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.3);
	transition: 0.25s;
}

.tell-mail-btn a:active {
	top: 5px;
	box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3);
	transition: 0.25s;
}

/* サービスボタンのアニメーション */


.service-btn-animation a {
	padding-right: 0;
	padding-left: 0;
	position: relative;
	top: 0px;
	box-shadow: 0px 4px 7px 2px rgba(0, 0, 0, 0.3);
	transition: 0.25s;
}

.service-btn-animation a:hover {
	top: 5px;
	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.3);
	transition: 0.25s;
}

.service-btn-animation a:active{
	top: 5px;
	box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3);
	transition: 0.25s;
}



/* H2のデザイン */

h2.wp-block-heading.has-text-align-center {
	position: relative;

}

h2.wp-block-heading.has-text-align-center::after {
	content: " ";
	display: block;
	width: 350px;
	max-width: 90%;
	height: 37px;
	background-image: url(./img/h2-under.png);
	background-size: cover;
	background-position: center;
	position: absolute;
	bottom: -40px;
	left: 50%;
	transform: translateX( -50%);
}

/* 会社概要 */

.conpany-table .c-row {
	border-bottom : 1px solid #D8EAE9;
	margin-bottom: 40px;
}

/* 今月のトピックス */

.monthly::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 0px !important;
	padding-bottom:30px !important;
	background-image: url(./img/home-gold-flame.png);
	background-position:center;
	background-size: contain;
	background-repeat: no-repeat;
}

/* プロフィール */

.profile-butterfly {
	overflow: visible;
}

.profile-butterfly .c-row__col.c-row__col--1-1.c-row__col--md-1-3 {
	position: relative;
	overflow: visible;
}


.profile-butterfly .c-row__col.c-row__col--1-1.c-row__col--md-1-3::before {
	content: " ";
	display: block;
	width: 60px;
	height: 60px;
	background-image: url(./img/butterfly_01.png);
	background-size: contain;
	background-repeat:no-repeat;
	position:absolute;
	top: 0;
	right: 0;
	z-index:1;
}

.profile-butterfly .c-row__col.c-row__col--1-1.c-row__col--md-1-3::after {
	content: " ";
	display: block;
	width: 120px;
	height: 120px;
	background-image: url(./img/butterfly_02.png);
	background-size: contain;
	background-repeat:no-repeat;
	position:absolute;
	bottom: -40px;
	left: -80px;
	z-index:1;

}


/* about*/


h3.smb-media-text__title {
  position: relative;
	padding-bottom: 10px;
  border-bottom: solid 1px #C4962C;
	border-image: conic-gradient(#C4962C,#FFFFAE,#C4962C,#C4962C,#FFFFAE,#C4962C,#C4962C) 1;
}

.smb-media-text .block-editor-rich-text+.smb-media-text__body, .smb-media-text__title+.smb-media-text__body {
	margin-top: 40px;
}

/* H4装飾 */

.h4-icon {
	position: relative;
	padding-left: 35px;
}

.h4-icon::before {
	content: " ";
	display: block;
	width: 30px;
	height: 30px;
	background-image: url(./img/h4-icon.png);
	background-size: contain;
	background-repeat:no-repeat;
	position:absolute;
	top: 50%;
	transform: translateY( -50%);
	left: 0px;
}

/* 各サービスページ */

.youtube-minisize {
	max-width: 500px;
}

.service-description .smb-media-text__figure {
	margin: 0 auto;
	max-width: 40vw;
}

/* サイドバー */
.c-entries--text .c-entry-summary__body {
	flex-direction: column-reverse;
}

/* リットリンク */

.footer_litlink {
	gap: 20px !important;
}





@media screen and (max-width: 1280px) {
  /* ここに1280px以下の範囲のスタイルを記述 */
  /*1025~1280pxが適用範囲 */

	/* スライダーの設定 */

.smb-spider-slider {
	width: 70vw;
}

/* プロフィール */


  
}


@media screen and (max-width: 1024px) {
  /* ここに1024px以下の範囲のスタイルを記述 */
  /* 641~1024pxが適用範囲 */

	/* ロゴの大きさ */

.c-site-branding__title .custom-logo {
	width: 150px;
}

.l-center-header__row:first-child {
	margin-top:20px !important;
}

	/* スライダーの設定 */

.smb-spider-slider {
	width: 90vw;  
}

.wp-block-snow-monkey-blocks-section-with-bgimage .alignfull .smb-section .smb-section-with-bgimage .smb-section--full .is-items-alignment-top .home-top {
	margin: 0;
	padding: 0;
}

/* フローティングボタンのアニメーション */

.reservation_btn {
	width: 120px;
	position: fixed;
	bottom: 70px;
	right: 10px;
	z-index: 12;
}

/* ドロワーナビゲーション */
.c-drawer {
	background-color: rgb(14,52,131) !important;
}


}

@media screen and (max-width: 640px) {
  /* ここに640px以下の範囲のスタイルを記述 */
  /* ~640pxが適用範囲 */

	/* スライダーの設定 */

.smb-spider-slider {
	width:95vw;  
}

/* ゴールドのフレーム */



/* 電話メールボタンの共通アニメーション */


.tel-mail-btn-flex.smb-flex.is-horizontal {
	flex-direction: column;
}

.tel-mail-btn-flex.smb-flex.is-horizontal figure {
	text-align: center;
}

/* プロフィール */
.home-profire .smb-media-text__figure {
	text-align: center;
}

.home-profire .smb-media-text__figure img {
	width: 250px;
}


/* 今月のトピックス */

.monthly {
	position: relative;
}

.monthly .note-embed {

	position: relative;

}

.monthly::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(./img/home-gold-flame-sp.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

/* サービスボタンのデザイン */

.service-btn-grid.smb-grid--columns\:columns {
	grid-template-columns: 1fr;
}

/* プロフィール */

.profile-butterfly .c-row__col.c-row__col--1-1.c-row__col--md-1-3::before {
	top: 0px;
	right: 40px;
}

.profile-butterfly .c-row__col.c-row__col--1-1.c-row__col--md-1-3::after {
	bottom: -30px;
	left: -20px;
}

/* ステップのデザイン */

.wp-block-snow-monkey-blocks-step-item-free.smb-step__item  {
	margin-left: 55px;
}

.smb-step__item__title>.smb-step__item__number {
	margin-left: 0px;
	transform: translate(-55px, -50%);
}


/* 口コミの画像 */

/* フローティングボタンのアニメーション */

.reservation_btn {
	display: flex;
	width: 60vw;
	gap: 20px;
	position: fixed;
	bottom: 0px;
	right: 0px;
	left: 15px;
	z-index: 12;
}

.reviews-section .smb-media-text__figure {
	text-align: center;
}

/* プロフィールページのグリッド設定 */

	.profile-image-grid{
	grid-template-columns:repeat(2,1fr);
}

/* フッター削除 */

#footer-sticky-nav {
	display: none;
}

/* リットリンク */

.footer_litlink {
	gap: 20px !important;
}

.c-row--margin {
	--_gap: 20px !important;
}

/* プレゼントボタン */

.present-btn a::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: #006d40;
	position: absolute;
	top: 5px;
	left: 5px;
	border-radius: 500px;
  box-shadow: 0px 7px 9px 2px rgba(0, 0, 0, 0.4);
	transition: 0.25s;
}



}