/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/



/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/



/* ------------------------------
   FONT
   ------------------------------ */

/* font-family: YakuHanJP, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

/* font-family: 'Roboto', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/* font-family: "IBM Plex Sans JP", sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+JP:wght@100;200;300;400;500;600;700&display=swap');

/* font-family: "DM Serif Display", serif; */
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap');


/* ------------------------------
   COMMON
   ------------------------------ */
   
 @media only screen and (min-width: 1001px) {
	.sp-only {display: none !important;}
}

@media only screen and (max-width: 1000px) {
	.pc-only {display: none !important;}
}
   
html {
	font-size: 62.5%;
}

body {
font-family: YakuHanJP, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 1.5rem;
	font-weight: 400;
	letter-spacing: .06em;
	ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    -webkit-overflow-scrolling: touch;
	color: #2c2d2d;
}

h1, h2, h3, h4, h5, h6 {
font-family: YakuHanJP, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 1.5rem;
	font-weight: 400;
	letter-spacing: .06em;
	ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    -webkit-overflow-scrolling: touch;
	color: #2c2d2d;
}

p {
font-family: YakuHanJP, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 1.4rem;
	font-weight: 400;
	letter-spacing: .06em;
	line-height: 1.8;
	ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    -webkit-overflow-scrolling: touch;
	color: #2c2d2d;
}

p strong {
font-family: YakuHanJP, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-weight: 600;
}

small {
	font-size: 80%;
}

img {
	-webkit-backface-visibility: hidden;
}

#breadcrumbs {display: none !important;}


@media only screen and (max-width: 896px) {

	html {
		font-size: 62.5%;
	}

	body {
		font-size: 1.4em;
	}
	
	p {
		font-size: 1.4rem;
	}

}


/* ------------------------------
   HEADER
   ------------------------------ */

body #header-outer {
	padding: 0;
}

#logo {
	margin: 0 !important;
}
	

#menu-item-198 {
	background-color: #2c2d2d;
	margin-left: 15px;
}
#menu-item-198 a {

}
.nectar-menu-label {
	display: block;
	padding: 4px 0px 0px;
    line-height: 1;
    font-size: 1.1rem;
    font-weight: 400;
    letter-spacing: 0.05em;
    margin-left: 0px;
    position: relative;
    vertical-align: middle;
    text-align: center !important;
    color: rgba(255, 255, 255, 0.85) !important;
}
.nectar-menu-label:before {
    background-color: rgba(0, 0, 0, 0.0) !important;
}

/* ハンバーガーメニューを1px */

body .lines, body .lines:after, body .lines:before {
	height: 1px;
}
.slide-out-widget-area-toggle.mobile-icon .lines-button:after, .slide-out-widget-area-toggle.mobile-icon .lines:after, .slide-out-widget-area-toggle.mobile-icon .lines:before {
	height: 1px !important;
}
#search-outer .close-wrap .close-line, #top .slide-out-widget-area-toggle .close-line, .nectar-close-btn .close-line, .slide_out_area_close .close-wrap .close-line, .style_slide_in_click .close-cart .close-line {
	width: 1px !important;
}
body .slide-out-hover-icon-effect.slide-out-widget-area-toggle.small .lines-button:after, body .slide-out-hover-icon-effect.slide-out-widget-area-toggle.small .lines:after, body .slide-out-hover-icon-effect.slide-out-widget-area-toggle.small .lines:before {
	height: 1px !important;
}

@media only screen and (max-width: 896px) {

	body #header-outer {
		padding: 0;
	}

	#menu-item-198 {
		background-color: #2c2d2d;
		margin-left: 15px;
	}
	#menu-item-198 a {
	
	}
	.nectar-menu-label {
		padding: 4px 0px 0px 8px;
	    text-align: left !important;
	    color: #2c2d2d !important;
	}
	.nectar-menu-label:before {
	    background-color: rgba(0, 0, 0, 0.0) !important;
	}

}


/* ------------------------------
   HOME
   ------------------------------ */

/* ---------- BG ANIMATION ---------- */

.container-wrap {
  --bg: #f8f8f3;            /* 初期値 */
  --wipe-color: #ede541;
  position: relative;
  overflow: hidden;
  background-color: var(--bg, #f8f8f3); /* ← フォールバック付き */
  transition: background-color 0.6s ease;
}

/* ワイプ用オーバーレイ（ふだんは左の外） */
.container-wrap::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--wipe-color);
  transform: translate3d(-100%, 0, 0);
  opacity: 1;
  z-index: 0;
  pointer-events: none;
  will-change: transform, opacity;
}

/* block2で走らせる */
.container-wrap.is-wiping::before {
  animation:
    wipe-in 0.7s cubic-bezier(0.22, 1, 0.36, 1) forwards,
    wipe-fade 0.22s ease 0.52s forwards; /* 少し遅らせて薄く消える */
}

@keyframes wipe-in {
  to { transform: translate3d(0, 0, 0); }
}
@keyframes wipe-fade {
  to { opacity: 0; }
}

/* 中身は常に上 */
.container-wrap > * { position: relative; z-index: 1; }

/* 画像背景を使う場合でもワイプが上に来るよう注意 */
.container-wrap.bg-image {
  background-image: url('https://nirasakiya.jp/stay/wp2505/wp-content/uploads/2025/06/1V6A9417.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: transparent;
  transition: background-image 0.6s ease, background-color 0.6s ease;
}

/* アクセシビリティ：動きを減らす */
@media (prefers-reduced-motion: reduce) {
  .container-wrap { transition: none; }
  .container-wrap::before { animation: none !important; transform: none; opacity: 0; }
}



/* ---------- COMMON ---------- */

/* BLOCK TITLE */

.homeBlockTitle {
	margin-bottom: 70px !important;
}
.homeBlockTitle .title {
	text-align: center !important;
}
	.homeNews .title {
		text-align: left !important;
	}

.homeBlockTitle .en {
	font-family: 'Roboto', sans-serif;
	font-size: 3.8rem;
	font-weight: 300;
	letter-spacing: 0.135em;
	margin-bottom: 0;
}
	.homeNews .title .en {
		font-family: 'Roboto', sans-serif;
		font-size: 3.8rem;
		font-weight: 300;
		letter-spacing: 0.135em;
		margin-bottom: 0;
	
	}

.homeBlockTitle h2 {
	font-size: 1.4rem;
}
	.homeNews .title h2 {
		font-size: 1.4rem;
	}

@media only screen and (max-width: 896px) {
	
	.homeBlockTitle {
		margin-bottom: 35px !important;
	}
	
	.homeBlockTitle .en {
		font-size: 2.8rem;
	}
		.homeNews .title .en {
		font-size: 2.8rem;
		
		}
	
	.homeBlockTitle h2 {
		font-size: 1.3rem;
	}
		.homeNews .title h2 {
			font-size: 1.3rem;
		}
	
}

/* BLOCK SUB-TITLE */

.homeBlockSubtitle {
	margin-bottom: 35px !important;
}
.homeBlockSubtitle .title {
	text-align: center !important;
}

.homeBlockSubtitle .en {
	font-family: 'Roboto', sans-serif;
	font-size: 2.8rem;
	font-weight: 300;
	letter-spacing: 0.135em;
	margin-bottom: 0;
}

.homeBlockSubtitle h3 {
	font-size: 1.4rem;
}

.moreLink {
	text-align: right;
	z-index: 10000 !important;
}

.moreLink a {
  position: relative;
  font-family: 'Roboto', sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  text-transform: uppercase;
  color: #222;
  left: -30px;
}
.moreLink a::before,
.moreLink a::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0px;
  height: 1px;
  background-color: #444;
}
.moreLink a::before {
  width: 70px;
}
.moreLink a::after {
  width: 14px;
  transform-origin: right center;
  transform: translate(55px, 0px) rotate(45deg);
}

.moreLink a:hover {
	opacity: 0.5;
	transition: 0.3s;
}

@media only screen and (max-width: 896px) {
	
	.homeBlockSubtitle {
		margin-bottom: 25px !important;
	}

	.homeBlockSubtitle .en {
		font-size: 2.0rem;
	}
	
	.homeBlockSubtitle h3 {
		font-size: 1.1rem;
	}
	
	.moreLink a {
	  font-size: 1.3rem;
	  left: -30px;
	}
	.moreLink a::before,
	.moreLink a::after {
	  top: 20px;
	  left: 0px;
	  height: 1px;
	}
	.moreLink a::before {
	  width: 70px;
	}
	.moreLink a::after {
	  width: 14px;
	  transform-origin: right center;
	  transform: translate(55px, 0px) rotate(45deg);
	}
	
}


/* ---------- MV ---------- */

.nectar-slider-wrap {
	margin-bottom: 0 !important;
}

.mv {
	position: relative;
}

.mvLogo {
	z-index: 1000;
	position: absolute;
	top: 30px;
	left: 0vw;
	width: 20vw;
	max-width: 400px;
}

.mvLogo img {
}

.mvText {
	z-index: 1000;
	position: absolute;
	bottom: -40px;
	left: 50vw;
	width: 50vw;
}

.mvText h6 {
	font-size:clamp(18px, 2.2vw, 40px);
	font-weight: 500;
	letter-spacing: 0.06em;
	line-height: 1.0;
	padding: 10px 12px 14px !important;
}

.mvText .nectar-animated-title-inner {
	margin-bottom: 0px !important;
}

@media only screen and (max-width: 896px) {
	
	.mvLogo {
		top: 20px;
		left: 0vw;
		width: 30vw;
		max-width: 200px;
	}
	
	.mvText {
		bottom: -30px;
		left: 25vw;
		width: 65vw;
		min-width: 250px;
	}
	
	.mvText h6 {
		font-size: 1.6rem;
		padding: 6px 8px 10px !important;
	}
	
	.mvText .nectar-animated-title-inner {
		margin-bottom: 0px !important;
	}

}


/* ---------- NEWS ---------- */

.homeNews .nectar-post-grid-item {
	margin-top: 0 !important;
}

.homeNews .nectar-post-grid-item .content {
	padding: 15px 15px 15px !important;
}

.homeNews h3.post-heading span {
	font-size: 1.4rem !important;
		font-weight: 400;
	line-height: 1.6;
	letter-spacing: 0.135em;
}

.homeNews .meta-date {
	font-size: 1.3rem !important;
	color: rgba(0, 0, 0, 0.5) !important;
}

@media only screen and (max-width: 896px) {

	.homeNews .nectar-post-grid-item .content {
		padding: 10px 10px 10px !important;
	}
	
	.homeNews h3.post-heading span {
		font-size: 1.3rem !important;
		line-height: 1.5 !important;
	}	

	.homeNews .meta-date {
		font-size: 1.2rem !important;
	}

}


/* ---------- ABOUT ---------- */

.homeAbout {
	position: relative;
}

.homeAbout .textInner {
	z-index: 10000 !important;
}

.aboutImgBlock {
	position: relative;
}

.aboutImgTop1 {
	position: absolute;
	z-index: 1000 !important;
	top: -210px;
}
.aboutImgTop2 {
	position: absolute;
	z-index: 1000;
	width: 100%;
	top: 210px;
	right: 0;
}
.aboutImgBottom1 {
	position: absolute;
	z-index: 1000 !important;
	top: -175px;
}
.aboutImgBottom2 {
	position: absolute;
	z-index: 10 !important;
	top: -420px;
}

.homeAbout .aboutWrap .column-bg-overlay {
	border-radius: 0 24px 0 24px;
}

.homeAbout .text p {
	font-size: 2.4rem;
	font-weight: 500;
	letter-spacing: 0.135em;
	line-height: 1.8;
	text-align: justify;
}

.scrollingBlock {
	padding: 10px 0 10px !important;
	border-top: solid 1px rgba(45, 46, 46, 0.1);

	border-bottom: solid 1px rgba(45, 46, 46, 0.1);
}
.scrollingBlock .nectar-scrolling-text-inner__text-chunk {
	font-family: 'Roboto', sans-serif;
	font-size:clamp(1.6rem, 4.0vw, 4.0rem) !important;
	font-weight: 300;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: rgba(45, 46, 46, 0.2);
}

@media only screen and (max-width: 896px) {
	
	.aboutImgTop1 {
		top: 0px;
	}
	.aboutImgTop2 {
		top: -90px;
		right: 0;
	}
	.aboutImgBottom1 {
		top: -210px;
	}
	.aboutImgBottom2 {
		top: -140px;
	}
	
	.homeAbout .aboutWrap .column-bg-overlay {
		border-radius: 0 24px 0 24px;
	}
	
	.homeAbout .text p {
		font-size: 1.8rem;
		font-weight: 500;
		letter-spacing: 0.135em;
		line-height: 1.8;
		text-align: justify;
	}

.scrollingBlock .nectar-scrolling-text-inner__text-chunk {
	font-family: 'Roboto', sans-serif;
	font-size:2.0rem !important;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: rgba(45, 46, 46, 0.2);
}

}

/* ---------- ROOM ---------- */

.roomTop {
	background-color: #fff;
	border-radius: 0 24px 0 24px !important;
}

.roomTop .text .main {

}

.roomTop .text {
	padding: 80px 40px 40px 0px;
}

.roomTop .text .sub {
	position: absolute;
	top: 0;
	left: -40px;
	padding: 10px 14px;
	display: inline-block;
	font-size: 1.3rem;
	font-weight: 500;
	letter-spacing: 0.06em;
	line-height: 1.8;
	margin-bottom: 0.5em;
	background-color: #ede541;
	border-radius: 0 0 0 0 ;
}
.roomTop .text .sub .icon {
	display: inline-block;
  font-family: 'Roboto', sans-serif;
	font-size: 1.8rem;
	font-weight: 400;
	vertical-align: -2px;
	padding-right: 2px;
	color: #c8c135;
}

.roomTop .text h3 {
  font-family: 'Roboto', sans-serif;
	font-size: 3.4rem;
	font-weight: 300;
	letter-spacing: 0.06em;
	line-height: 1.0;
	margin-bottom: 0.5em;
}
.roomTop .text h3 small {
	display: inline-block;
	font-family: YakuHanJP, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 1.8rem;
	font-weight: 500;
	letter-spacing: 0.06em;
	line-height: 1.0;
	padding-left: 0.5em;
	vertical-align: 1px;
}
.roomTop .text p {
	font-size: 1.5rem;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 1.8;
	padding-bottom: 0;
	text-align: justify;
}

.roomTop .text .moreLink {
	position: absolute;
	right: -12px;
}

.roomTop .text .moreLink a {
  position: relative;
  font-family: 'Roboto', sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  text-transform: uppercase;
  color: #cfc736;
  left: -90px;
}
.roomTop .text .moreLink a::before,
.roomTop .text .moreLink a::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0px;
  height: 1px;
  background-color: #cfc736;
}
.roomTop .text .moreLink a::before {
  width: 100px;
}
.roomTop .text .moreLink a::after {
  width: 14px;
  transform-origin: right center;
  transform: translate(85px, 0px) rotate(45deg);
}

.roomTop .text .moreLink a:hover {
	opacity: 0.5;
	transition: 0.3s;
}

.roomDetailWrap .vc_column-inner {
	background-color: #ede541;
	border-radius: 4px;
}

.roomDetailWrap .nectar-slider-wrap, 
.roomDetailWrap .swiper-slide {
	border-radius: 4px 4px 0 0 !important;
}

.roomDetailWrap .swiper-slide {
	background-color: transparent !important;
}
.swiper-container {
	background-color: #f8f8f3 !important;
}

.roomDetailWrap .slider-pagination-wrap {
	bottom: 0px;
}

.roomDetailWrap .hover-wrap {
	margin-bottom: 0 !important;
}
.roomDetailWrap .text {
	padding: 25px;
}

.roomDetail .text h4 {
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: 0.06em;
    line-height: 1.0;
	margin-bottom: 0.5em;
}
.roomDetail .text h4 small {
	font-size: 75%;
	font-weight: 400;
	padding-left: 0.75em;
}

.roomDetail .text p {
font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0.06em;
    line-height: 1.8;
    padding-bottom: 0;
    text-align: justify;
}

@media only screen and (max-width: 896px) {
	
	.roomTop1 {
		width: calc(100vw - 20px);
		margin-left: calc(50% - 50vw);
		border-radius: 0 0 24px 0 !important;
	}
	.roomTop2 {
		width: calc(100vw - 20px) ;
		margin-right: calc(50% - 50vw);
		border-radius: 0 0 0 24px !important;
	}
	
	.roomTop1 .text {
		padding: 40px 40px 40px 60px;
	}
	.roomTop2 .text {
		padding: 40px 60px 40px 40px;
	}
	
	.roomTop .text .sub {
		top: -40px;
		left: 0px;
		padding: 6px 10px 4px;
		font-size: 1.2rem;
		margin-bottom: 0.5em;
	}
	.roomTop .text .sub .icon {
		font-size: 1.6rem;
		vertical-align: -2px;
		padding-right: 2px;
	}
	
	.roomTop .text h3 {
		font-size: 2.8rem;
		margin-bottom: 0.5em;
	}
	.roomTop .text h3 small {
		font-size: 1.4rem;
		vertical-align: 0px;
	}
	.roomTop .text p {
		font-size: 1.4rem;
	}
	
	.roomTop .text .moreLink {
		position: absolute;
		right: -12px;
	}
	
	.roomTop .text .moreLink a {
	  font-size: 1.4rem;
	  left: -90px;
	}
	.roomTop .text .moreLink a::before,
	.roomTop .text .moreLink a::after {
	  top: 20px;
	  left: 0px;
	}
	.roomTop .text .moreLink a::before {
	  width: 100px;
	}
	.roomTop .text .moreLink a::after {
	  width: 14px;
	}

	.roomDetailWrap .text {
		padding: 25px;
	}
	
	.roomDetail .text h4 {
	    font-size: 1.7rem;
		margin-bottom: 0.5em;
	}
	.roomDetail .text h4 small {
		font-size: 75%;
	}
	
	.roomDetail .text p {
	font-size: 1.3rem;
	}

}

/* ---------- FACILITIES ---------- */

.spaceDetail .hover-wrap {
	margin-bottom: 0 !important;
}

.homeFacilities .spaceDetail .vc_column-inner {
	background-color: #fff;
	border-radius: 4px;
}

.homeFacilities .spaceDetail .nectar-slider-wrap, 
.homeFacilities .spaceDetail .swiper-slide {
	border-radius: 4px 4px 0 0 !important;
}

.spaceDetail img {
	border-radius: 4px 4px 0 0;
}

.spaceDetail .text {
	padding: 25px;
}

.spaceDetail .text h4 {
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: 0.06em;
    line-height: 1.0;
	margin-bottom: 0.5em;
}
.spaceDetail .text h4 small {
	font-size: 75%;
	font-weight: 400;
	padding-left: 0.75em;
}

.spaceDetail .text p {
font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: 0.06em;
    line-height: 1.8;
    padding-bottom: 0;
    text-align: justify;
}
.spaceDetail .text p small {
	display: inline-block;
	margin-top: 0.5em;
	opacity: 0.75;
}

.homeFacilities .amenities .text {
	text-align: center;
}
.homeFacilities .amenities .notice-text {
	text-align: center;
}

.homeFacilities .amenities ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none !important;
}

.homeFacilities .amenities li {
	display: inline-block;
	list-style: none !important;
	font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.6;
	background-color: #ede541;
	border-radius: 5px;
	padding: 10px 14px;
	margin-bottom: 0.5em;
}

.homeFacilities .amenities .mark {
	font-size: 1.0rem;
	vertical-align: 4px;
	opacity: 0.75;
	padding-left: 0.5em;
}

.homeFacilities .amenities .notice-text p {
	font-size: 1.1rem;
}

@media only screen and (max-width: 896px) {

	.spaceDetail .text {
		padding: 25px;
	}
	
	.spaceDetail .text h4 {
	    font-size: 1.5rem;
	}
	.spaceDetail .text h4 small {
		font-size: 75%;
	}
	
	.spaceDetail .text p {
	font-size: 1.3rem;
	}
	
	.homeFacilities .amenities li {
		font-size: 1.3rem;
		border-radius: 4px;
		padding: 6px 10px;
	}
	
	.homeFacilities .amenities .mark {
		font-size: 1.0rem;
		vertical-align: 3px;
	}
	
	.homeFacilities .amenities .notice-text p {
		font-size: 1.1rem;
	}

}

@media only screen and (max-width: 428px) {
	
	.spaceDetail .detail1 {
		padding-right: 20% !important;
	}
	.spaceDetail .detail2 {
		padding-left: 20% !important;
	}
	
}


/* ---------- INFORMATION ---------- */


.homeInfo .text {
	border-radius: 4px;
	background-color: #fff;
	padding: 40px;
	text-align: center;
}

.homeInfo .text h3 {
	display: inline-block;
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: 0.06em;
    line-height: 1.6;
	margin: 0 auto 1em !important;
	text-align: center;
}
.homeInfo .text h3.line {
  background-image: linear-gradient(90deg, #74ad3680 0%, #e9e04c80 100%);
  background-position: left bottom;
  background-size: 100% 0.5em;
  background-repeat: no-repeat;
}

.homeInfo .text ul {
	padding-left: 0;
	margin-left: 0.85em;
}

.homeInfo .text li {
	padding-left: 0;
	margin-left: 0;
	list-style-type: circle;
	font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0.06em;
    line-height: 1.8;
    padding-bottom: 0.5em;
	text-align: justify;
}
.homeInfo .text p small {
	display: inline-block;
	margin-top: 0.5em;
	opacity: 0.75;
}

@media only screen and (max-width: 896px) {
	
	.homeInfo .text {
		border-radius: 4px;
		background-color: #fff;
		padding: 40px;
	}
	
	.homeInfo .text h3 {
	    font-size: 1.5rem;
	}
	
	.homeInfo .text ul {
		margin-left: 0.5em;
	}
	
	.homeInfo .text li {
		font-size: 1.2rem;
	}
	
}

/* ---------- NEARBY ---------- */

.homeNearby .homeBlockTitle {
	position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  -webkit- transform:  translateX(-50%);
}

.nectar-flickity[data-control-style=material_pagination]:not(.masonry) .flickity-viewport, .nectar-flickity[data-controls=material_pagination]:not(.masonry) .flickity-viewport {
	margin-top: 140px !important;
}

.homeNearby .gallery .item-meta {
	max-width: 80% !important;
}

.homeNearby .gallery h4.title {
	font-size: 1.6rem;
	font-weight: 600;
	color: #222;
}
.homeNearby .gallery h4.title small {
	font-size: 80%;
	font-weight: 400;
	padding-left: 0.5em;
	vertical-align: 1px;
}

.homeNearby .gallery p {
	font-size: 1.4rem;
	color: #222;
}

@media only screen and (max-width: 896px) {
	
	.homeNearby .homeBlockTitle {
		position: absolute;
	  top: -12px;
	  left: 50%;
	  transform: translateX(-50%);
	  -webkit- transform:  translateX(-50%);
	}
	
	.nectar-flickity[data-control-style=material_pagination]:not(.masonry) .flickity-viewport, .nectar-flickity[data-controls=material_pagination]:not(.masonry) .flickity-viewport {
		margin-top: 90px !important;
		margin-bottom: 70px;
	}

.nectar-flickity[data-control-style=material_pagination] .flickity-page-dots, .nectar-flickity[data-controls=material_pagination] .flickity-page-dots {
	bottom: -35px;
}

	.homeNearby .gallery .item-meta {
		max-width: 100% !important;
		padding: 0 20px;
	}
	
	.homeNearby .gallery h4.title {
		font-size: 1.5rem;
		line-height: 1.5;
	}
	
	.homeNearby .gallery p {
		font-size: 1.3rem;
	}
	
}

/* ---------- SILIDE-BOX ---------- */

.slide-box ul {
	margin: 0 !important;
}

/* SILIDE-BOX */

.slide-box ul {
	margin: 0 !important;
}

/* スライドする要素 */
.slide-box .content {
  width: 400px;
  height: 279px;
  padding-right: 1px;
}
.slide-box .content:nth-child(1) {
  background-color: none;
}
.slide-box .content:nth-child(2) {
  background-color: none;
}
.slide-box .content:nth-child(3) {
  background-color: none;
}
.slide-box .content:nth-child(4) {
  background-color: none;
}
/* スライドレールの枠 */
.slide-box .wrap {
  overflow: hidden;
  display: flex;
  align-items: center;
  height: 279px;
  margin-bottom: 100px;
}
/* content4つをまとめたスライドブロック */
.slideshow {
  display: flex;
  -webkit-animation: loop-slide 60s infinite linear 1s both;
  animation: loop-slide 60s infinite linear 1s both;
}
@-webkit-keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
/* ホバー時に動きを止める（パターン2・3）*/
.slide-paused:hover .slideshow {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
/* ホバー時の装飾（パターン3） */
.content-hover {
  transition: all 0.2s;
  margin-right: 20px;
}
.content-hover:hover {
  transform: translateY(-20px);
  border-radius: 0 10%;
  box-shadow: 0 3px 10px 0 #333;
  opacity: 0.8;
  cursor: pointer;
}

@media only screen and (max-width: 896px) {
	
	/* スライドする要素 */
	.slide-box .content {
	  width: 267px;
	  height: 200px;
	}
	.slide-box .wrap {
	  height: 200px;
	  margin-bottom: 100px;
	}
	
}



/* ---------- FAQ ---------- */

.homeFaq .toggle-title a {
	font-size: 1.5rem;
font-weight: 500 !important;
font-size: 1.5rem;
line-height: 1.6;

}
.toggle>.toggle-title a {

}

.homeFaq .toggles {
	margin-top: 100px;
	padding: 0 20px;
	border: solid 1px rgba(0, 0, 0, 0.2);
	border-radius: 3px;
}

div[data-style="minimal"] .toggle {
	border-bottom: 1px solid #ddd;
}
div[data-style="minimal"] .toggle:last-child {
	border-bottom: 0px;
}

.faq div[data-style*=minimal] .toggle h3 i {
	border: 1px solid #ddd;
}
div[data-style="minimal"] .toggle h3 i:before {
	background-color: #ddd;
}
div[data-style="minimal"] .toggle h3 i:after {
	background-color: #ddd;
}

.contact-faq div[data-style*=minimal] .toggle h3 i {
	border: 1px solid #ddd;
}

div[data-style*=minimal] .toggle>.toggle-title i {
width: 23px;
    height: 23px;
    position: absolute;
    right: 0;
    left: auto;
    top: 50%;
    margin-top: -12px;
border: 1px solid #888;
}

div[data-style="minimal"] .toggle > .toggle-title i:before {
	content: " ";
    top: 12px;
    left: 5px;
    margin-top: -2px;
    width: 10px;
    height: 1px;
    position: absolute;
    background-color: #888;
    transition: background-color 0.15s ease;
}

div[data-style="minimal"] .toggle > .toggle-title i:after {
    content: " ";
    top: 6px;
    left: 11px;
    width: 1px;
    margin-left: -1px;
    height: 10px;
    position: absolute;
    background-color: #888;
    transition: transform 0.45s cubic-bezier(.3,.4,.2,1),background-color 0.15s ease;
}

@media only screen and (max-width: 896px) {

	.homeFaq .toggle-title, 
	div[data-style="minimal"] .toggle > .toggle-title a {
	font-size: 1.4rem;
	line-height: 1.6;
	letter-spacing: 0.075em;
	}
	
	div[data-style="minimal"] .toggle > .toggle-title a {
	padding: 15px  35px 15px 0 !important;
	}
	div[data-style="minimal"] .toggle[data-inner-wrap="true"] > div .inner-toggle-wrap {
	padding: 0 0 15px 0 !important;
	}
	}
	
	.homeFaq .answer {
		margin-bottom: 0 !important;
	}
	 
	.homeFaq p {
	font-size: 1.3rem !important;
	line-height: 1.8 !important;
	letter-spacing: 0.1em;
	}
	.homeFaq p a {
		text-decoration: underline;
	}
	.homeFaq p a:hover {
		opacity: 0.5;
		transition: 0.3s;
	}
	
	.homeFaq .toggles {
		margin-top: 0px !important;
		padding: 0 20px;
		border: solid 1px rgba(0, 0, 0, 0.2);
		border-radius: 3px;
	}

}



/* ---------- ACCESS ---------- */

.gmapWrap {
	margin-bottom: 35px !important;
}

/* Google Mapを囲う要素 */
.gmap {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 100%; /* 比率を4:3に固定 */
}
 
/* Google Mapのiframe */
.gmap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.homeAccess .text {
	text-align: center;
}

.homeAccess .text h3 {
	font-family: "IBM Plex Sans JP", 'Roboto', sans-serif;
	font-size: 2.2rem;
	font-weight: 400;
	letter-spacing: 0.135em;
	line-height: 1.8;
}

.homeAccess .text h4 {
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 1.6;
	margin-bottom: 0;
}

.homeAccess .text p {
	font-size: 1.3rem;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 1.8;
	padding-bottom: 0.2em;
}

.homeAccess .text .phone {
	display: inline;
  font-family: 'Roboto', sans-serif;
	font-size: 1.8rem;
	font-weight: 400;
	letter-spacing: 0.02em;
	line-height: 1.8;
}

.homeAccess .direction {
	padding: 25px;
	border-radius: 4px;
	background-color: rgba(255, 255, 255, 0.5);
	margin-top: 25px;
	text-align: left;
}
.homeAccess .direction a {
	text-decoration: underline;
}
.homeAccess .direction a:hover {
	opacity: 0.5;
	transition: 0.3s;
}


@media only screen and (max-width: 896px) {
	
	.homeAccess .text h3 {
		font-size: 1.8rem;
	}
	
	.homeAccess .text p {
		font-size: 1.3rem;
	}
	
	.homeAccess .text .phone {
		font-size: 1.6rem;
	}
	
	.homeAccess .direction {
		padding: 20px;
	}

}



/* ------------------------------
   NEWS > SINGLE PAGE
   ------------------------------ */

.single .heading-title {
	font
	margin-bottom: 50px;
	padding-bottom: 0 !important;
}
.row .col.section-title.blog-title, .row .col.section-title.project-title {
	margin-bottom: 0 !important;
}

.nectar-social {
	display: none !important;
}

.single-post .meta-category {
	display: none !important;
}

.single.single-post .section-title h1 {
	font-size: 2.2rem !important;
	font-weight: 600;
	line-height: 1.6 !important;
	letter-spacing: 0.06em;
	padding-bottom: 0;
}

.single-post .meta-date {
	font-size: 1.3rem !important;
	color: #aea89f;
	padding-top: 40px !important;
}

.single.single-post .post-content h3 {
	font-size: 2.0rem !important;
	font-weight: 600;
	line-height: 1.6 !important;
	letter-spacing: 0.06em;
	border-top: solid 1px rgba(0, 0, 0, 0.1);
	padding-top: 1.5em;
}

.single.single-post .post-content h4 {
	font-size: 1.7rem !important;
	font-weight: 600;
	line-height: 1.6 !important;
	letter-spacing: 0.06em;
}

.single.single-post .post-content p {
	font-size: 1.5rem !important;
	font-weight: 400;
	line-height: 2.0 !important;
	letter-spacing: 0.06em;
}

.single.single-post .post-content p a {
	color: #222;
	text-decoration: underline;
	text-underline-offset: 3px;
	
}
.single.single-post .post-content p a:hover {
	color: #dd3333;
	transition: 0.3s;
}

.single.single-post .post-content p img {
	margin-top: 1em;
	margin-bottom: 0;
	padding-bottom: 0;
}

.single.single-post .post-content .more-link a {
	font-family: 'Noto Sans JP', sans-serif; 
	font-size: 1.5rem !important;
}

	@media only screen and (max-width: 896px) {
		
	.single .heading-title {
		margin-bottom: 30px;
		padding-bottom: 0 !important;
	}
		
		.single.single-post .section-title h1 {
			font-size: 1.7rem !important;
		}
		
		.single-post .meta-date {
			font-size: 1.2rem !important;
			padding-top: 30px !important;
		}

	.single.single-post .post-content h3 {
		font-size: 1.5rem !important;
		padding-top: 1.0em;
	font-weight: 500;
		
	}
	
	.single.single-post .post-content h4 {
	}
			.single.single-post .post-content p {
			font-size: 1.3rem !important;
		}

}

/* NEWX PREV NAVI // */
.blog_next_prev_buttons {
	margin-bottom: 0px !important;
}

.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project:after, .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project:after, .blog_next_prev_buttons[data-style="fullwidth_next_prev"] ul .previous-post:after, .blog_next_prev_buttons[data-style="fullwidth_next_prev"] ul .next-post:after {
	background-color: #f7f7f1 !important;
}

.container-wrap[data-nav-pos="after_project_2"] .bottom_controls #portfolio-nav ul .previous-project, .container-wrap[data-nav-pos="after_project_2"] .bottom_controls #portfolio-nav ul .next-project, .blog_next_prev_buttons[data-style="fullwidth_next_prev"] ul .previous-post, .blog_next_prev_buttons[data-style="fullwidth_next_prev"] ul .next-post {
	min-height: 150px;
	background-color: #f7f7f1 !important;
}

.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project h3, .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project span, .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project h3, .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project span, .blog_next_prev_buttons[data-style="fullwidth_next_prev"] .next-post h3, .blog_next_prev_buttons[data-style="fullwidth_next_prev"] .next-post span, .blog_next_prev_buttons[data-style="fullwidth_next_prev"] .previous-post h3, .blog_next_prev_buttons[data-style="fullwidth_next_prev"] .next-post span {
	color: #222;
	font-size: 1.4rem !important;
	font-weight: 400;
	line-height: 1.6 !important;
	letter-spacing: 0.06em;
}

.blog_next_prev_buttons span {
	color: #222;
	font-size: 1.4rem !important;
	font-weight: 400;
	line-height: 1.6 !important;
	letter-spacing: 0.06em;
}

.post-bg-img {display: none;}

.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project h3 .text .line, .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project h3 .text .line, .blog_next_prev_buttons[data-style="fullwidth_next_prev"] h3 .text .line {
	background-color: #222;
}
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project h3 .next-arrow line, .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project h3 .next-arrow line, .blog_next_prev_buttons[data-style="fullwidth_next_prev"] .previous-post h3 .next-arrow line, .blog_next_prev_buttons[data-style="fullwidth_next_prev"] .next-post h3 .next-arrow line {
	stroke: #222;
}

.blog_next_prev_buttons[data-style="fullwidth_next_prev"] ul .previous-post, .blog_next_prev_buttons[data-style="fullwidth_next_prev"] ul .next-post {
	padding: 2% 9%;
}

.previous-post {
	border-top: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
}
.next-post {
	border-top: solid 1px #cccccc;
}

.container-wrap[data-nav-pos="after_project_2"] .bottom_controls #portfolio-nav ul, .blog_next_prev_buttons[data-style="fullwidth_next_prev"] .controls {
	border-bottom: solid 1px #cccccc !important;
}

.blog_next_prev_buttons {
	background-color: #fff;
}

.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project span:not(.text), .blog_next_prev_buttons[data-style="fullwidth_next_prev"] .previous-post span:not(.text) {
	text-align: left !important;
}
.blog_next_prev_buttons[data-style*="next_prev"] .previous-post h3 span {
	text-align: left !important;
}
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .only span:not(.text), .blog_next_prev_buttons[data-style="fullwidth_next_prev"] .only span:not(.text) {
	text-align: left !important;
}

.blog_next_prev_buttons .previous-post span.text, 
.blog_next_prev_buttons .next-post span.text {
	font-size: 1.6rem !important;
	line-height: 1.6 !important;
	font-weight: 500;
}

@media only screen and (max-width: 896px) {

	.container-wrap[data-nav-pos="after_project_2"] .bottom_controls #portfolio-nav ul .previous-project, .container-wrap[data-nav-pos="after_project_2"] .bottom_controls #portfolio-nav ul .next-project, .blog_next_prev_buttons[data-style="fullwidth_next_prev"] ul .previous-post, .blog_next_prev_buttons[data-style="fullwidth_next_prev"] ul .next-post {
		min-height: 120px;
	}

	.blog_next_prev_buttons[data-style="fullwidth_next_prev"] ul .previous-post, .blog_next_prev_buttons[data-style="fullwidth_next_prev"] ul .next-post {
		padding: 2% 9%;
	}
	
	.previous-post {
		border-right: none;
		border-bottom: none;
	}
	.next-post {
		border-bottom: none;
	}

	.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project span:not(.text), .blog_next_prev_buttons[data-style="fullwidth_next_prev"] .previous-post span:not(.text) {
		text-align: center !important;
		font-size: 1.2rem !important;
	}
	.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project span:not(.text), .blog_next_prev_buttons[data-style="fullwidth_next_prev"] .next-post span:not(.text) {
		text-align: center !important;
		font-size: 1.2rem !important;
	}
	.blog_next_prev_buttons[data-style*="next_prev"] .previous-post h3 span {
		text-align: center !important;
	}
	.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .only span:not(.text), .blog_next_prev_buttons[data-style="fullwidth_next_prev"] .only span:not(.text) {
		text-align: center !important;
		font-size: 1.2rem !important;
	}

	.blog_next_prev_buttons .previous-post span.text, 
	.blog_next_prev_buttons .next-post span.text {
		font-size: 1.3rem;
		line-height: 1.6 !important;
	}

	body .blog_next_prev_buttons[data-style="fullwidth_next_prev"] ul .next-post, body .blog_next_prev_buttons[data-style="fullwidth_next_prev"] ul .previous-post {
		min-height: 120px;
	}
}
/* // NEWX PREV NAVI */