/* ------------------------------------------------------------------------ */
/* Google fonts
/* ------------------------------------------------------------------------ */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@1,900&family=Poppins:wght@400;500;600;700&display=swap');

/* Locally hosted font (TTF) */
/* lato-regular - latin */
/* @font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v24-latin-regular.woff2') format('woff2');
} */
/* lato-900italic - latin */
/* @font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/lato-v24-latin-900italic.woff2') format('woff2');
} */
/* poppins-regular - latin */
/* @font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poppins-v22-latin-regular.woff2') format('woff2');
} */
/* poppins-500 - latin */
/* @font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/poppins-v22-latin-500.woff2') format('woff2');
} */
/* poppins-600 - latin */
/* @font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/poppins-v22-latin-600.woff2') format('woff2');
} */
/* poppins-700 - latin */
/* @font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/poppins-v22-latin-700.woff2') format('woff2');
} */

/* ------------------------------------------------------------------------ */
/* カラー定義 -- color --
/* ------------------------------------------------------------------------ */
:root {
	--isc-palette-primary: #072b45;
	--isc-palette-link: #107caa;
	--isc-header-primary: #170e55;
	--isc-header-hover: #24afc1;
}
/* body color
/* ------------------------------------------------------------------------ */
body,
.main-wrap {
  background-color: #f8f8f8;
}

/* header v.1 - colors
/* ------------------------------------------------------------------------ */
.header-v1 {
  background-color: var(--isc-header-primary);
  border-bottom: 1px solid #170e55;
}
.header-v1 a {
  color: #fff; }
.header-v1 a:hover,
.header-v1 a:active {
  color: var(--isc-header-hover);
  background-color: rgba(0, 174, 255, 0.1);
}

/* ------------------------------------------------------------------------ */
/* フォント定義 -- typography ---
/* ------------------------------------------------------------------------ */
:root {
	--ui-fontFamily-base: YakuHanJP, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, "メイリオ", sans-serif;
	--ui-fontFamily-hero: "Lato", serif;
	--ui-fontFamily-mobile-menu: "Poppins", serif;
	--ui-fontFamily-property-title: "Poppins", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, "メイリオ", sans-serif;
	
	/* --ui-fontSize-base: 16px; */
	--ui-fontSize-base: clamp(0.9rem, 1vw, 1rem);
  	--ui-fontSize-sm: clamp(0.75rem, 0.9vw, 0.85rem);
  	--ui-fontSize-lg: clamp(1.25rem, 2vw, 1.8rem);
  	--ui-fontSize-hero: clamp(2rem, 5vw, 4.2rem);
	
	--ui-fontWeight-hero-h1: 900;
	--ui-fontWeight-title: 600;
	--ui-fontWeight-base: 400;
	--ui-fontWeight-td: 300;
	--ui-fontStyle-hero-h1: italic;
}
/* body
/* ------------------------------------------------------------------------ */
body {
	font-family: var(--ui-fontFamily-base);
	font-size: var(--ui-fontSize-base);
	font-weight: var(--ui-fontWeight-base);
/* 	letter-spacing: 0.08em; */
	line-height: 1.8;
}

/* buttons
/* ------------------------------------------------------------------------ */
button .btn {
  font-family: var(--ui-fontFamily-base);
}

/* typography - header
/* ------------------------------------------------------------------------ */
.main-nav,
.dropdown-menu,
.login-register,
.btn-create-listing,
.logged-in-nav {
  font-family: var(--ui-fontFamily-base);
}

/* typography - headings
/* ----------------------------------------------------------- */
p,a,span, h1, h2, h3, h4, h5, h6,
input, optgroup, select, textarea,
.item-title .page-title-mobile {
  font-family: var(--ui-fontFamily-base);
}

.post-content-wrap h1, .post-content-wrap h2, .post-content-wrap h3, .post-content-wrap h4, .post-content-wrap h5, .post-content-wrap h6 {
  font-weight: var(--ui-fontWeight-title);
}

.post-content-wrap p {
	letter-spacing: 0.08em;
	line-height: 2;
}

.page-title h1{
	font-size: var(--ui-fontSize-lg);
	font-weight: bold;
}
.page-title h2{
	font-weight: bold;
}

@media (max-width: 767.98px){
	.page-title h1 {
		font-size: 20px;
		font-weight: bold;
	}
}
@media only screen and (max-device-width: 480px) {
	.page-hedding {
		font-weight: 600;
    text-shadow: 0px 3px 10px rgba(0,0,0,0.3);
    font-size: 2.2rem;
	}
}

/*---- ブログ for モバイル Start ---- */
@media only screen and (max-device-width: 480px) {
	.post-title-wrap h1, .post-title-wrap h2 {
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.post-content-wrap h2, .post-content-wrap h3, .post-content-wrap h4, .post-content-wrap h5, .post-content-wrap h6 {
		font-size: 1.2rem;
		line-height:1.4rem;
	}
	.post-content-wrap p {
		line-height: 1.8rem;
	}
	.post-content-wrap td  {
		font-size: 0.9rem;
		line-height: 1.4rem;
	}

	.post-header-wrap .author-meta, .post-footer-wrap .author-meta {
    	margin-bottom: 20px;
    	font-size: 0.88rem;
	}	
}
/*---- ブログ for モバイル End  ---- */

.block-content-wrap .floor-plan-wrap {
	line-height: 1.5;
	font-size: 0.9rem;
}

/* Top page hero text
/* ------------------------------------------------------------------------ */
.hero-text h1{
	/* font-size: 56px; */
	font-size: var(--ui-fontSize-hero);
	font-family: var(--ui-fontFamily-hero);
	font-weight: var(--ui-fontWeight-hero-h1);
	font-style: var(--ui-fontStyle-hero-h1);
	text-transform: uppercase;
	letter-spacing: 1.5px;
	text-shadow: 1px 2px 9px rgba(0, 0, 0, 0.3);
}
.hero-subtext p{
	font-family: var(--ui-fontFamily-base);
	font-size: 1.55em;
	font-weight: 550;
	font-style: italic;
	letter-spacing: 0.2rem;
	line-height: 1.6;
	text-shadow: 1px 2px 9px rgba(0, 0, 0, 0.3);
}

/* タブレット用のヒーロースタイル */
@media (min-width: 768px) and (max-width: 1024px) {
	.hero-text h1 {
			font-size: 70px;
	}
	.hero-subtext p {
			font-size: 1.34rem;
	}
}
/* モバイル用のヒーロースタイル */
@media only screen and (max-device-width: 480px) {
	.hero-text h1 {
			font-size: 3.0rem;
	}
	.hero-subtext p {
			font-size: 1.4rem;
			letter-spacing: 0.1rem;
	}
}

/* Property Card Grids
/* ----------------------------------------------------------- */

/* price table */
.grid-roomtype td,th {
	letter-spacing: 0.05rem;
	font-family: var(--ui-fontFamily-base);
	font-weight: var(--ui-fontWeight-td);
	font-size: 0.9rem;
}

.grid-roomtype sup {
    font-size: 55%;
    line-height: 2.2;
    vertical-align: top;;
}

.grid-roomtype td .promo_price {
	color: #e04a72;
	font-family: var(--ui-fontFamily-base);
	font-size: 0.91rem;
	font-weight: 400;
}

.grid-roomtype td span {
    font-weight:200;
}

.table-sm .grid-roomtype td, .table-sm .grid-roomtype th {
    padding: 0.25rem;
}

@media (min-width: 992px) and (max-width: 1300px) {
	#properties_module_section .grid-view-4-cols .item-wrap .item-header .overlap-item-title h2 a {
		font-size: 1.0rem;
		line-height: 1.1rem;
	}

	#properties_module_section .label {
		font-size: 0.76rem !important;
  		line-height: 0.3rem !important;
  		margin: 0.06rem 0.1rem !important;
    	margin-left: 0.1rem !important;
	}
	#properties_module_section .grid-view-4-cols .item-address {
  		margin-bottom: 6px;
	}
	#properties_module_section .grid-view-4-cols .item-amenities {
		font-size: 0.8rem;
		line-height: 0.8rem;
		row-gap: 6px;
	}
	#properties_module_section .grid-view-4-cols .item-amenities .h-type span {
  		font-size: 0.7rem;
	}

	#properties_module_section .grid-view-4-cols .grid-roomtype td,th {
		letter-spacing: 0.00rem;
		font-family: var(--ui-fontFamily-base);
		font-weight: var(--ui-fontWeight-td);
		font-size: 0.77rem;
	}

	#properties_module_section .grid-view-4-cols .grid-roomtype sup {
		font-size: 45%;
		line-height: 1.8;
		vertical-align: top;;
	}

	#properties_module_section .grid-view-4-cols .grid-roomtype td .promo_price {
		color: #e04a72;
		font-family: var(--ui-fontFamily-base);
		font-size: 0.78rem;
		font-weight: 300;
	}

	#properties_module_section .grid-view-4-cols .grid-roomtype td span {
		font-weight: 200;
	}
	
	#properties_module_section .table-sm .grid-roomtype td, .table-sm .grid-roomtype th {
    	padding: 0.15rem;
	}
}

/* ------------------------------------------------------------------------ */
/* テキスト改行設定
/* ------------------------------------------------------------------------ */
.txt-nl {
  display: none;
}
@media screen and (max-width: 776px) {
  .txt-nl {
    display: block;
  }
}
@media only screen and (max-device-width: 480px) {
	.br-sp {display: none; }
}