/* ------------------------------

   共通セレクタ

------------------------------ */
.contents {
	padding-top: 80px;
	background: #292b2b;
}
.properties {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}


/* パンくず
--------------------------- */
.breadcrumbs {
	color: #fff;
	background: #292b2b;
}
.breadcrumbs span a {
	color: #eee;
}

/* 見出し
--------------------------- */
.properties h2 {
  	padding: 0 0 1em;
  	color: #fff;
  	font-size: 3vw;
  	font-weight: 500;
  	text-align: center;
}
.properties h2 span {
  	padding: 0 0 1em;
  	color: #ccc;
  	font-size: 1.5vw;
  	font-weight: 400;
  	text-align: center;
	display: block;
}

/* -------------------------
   フェードインバナー
------------------------- */
#fadeInBnr_properties {
	right: 0;
	bottom: 10px;
	width: 100px;
	height: 80px;
	padding: 20px;
	border: 3px solid #fff;
	border-radius: 10px;
 	background: radial-gradient(rgba(2,90,146,1),rgba(8,63,98,1));	
	position: fixed;
	z-index: 99;
	display: none;
}
#fadeInBnr_properties #box_bnr {
	justify-content: center;	
	align-items: center;
}
#fadeInBnr_properties h3 {
	color: #fff;
	font-size: 20px;
	text-align: center;
	line-height: 2;
}
a:hover #fadeInBnr_properties h3 {
	color: #fff;
}
#fadeInBnr_properties i {
	margin-bottom: 10px;
	color: #fff;
	font-size: 40px;
	text-align: center;
}
a:hover #fadeInBnr_properties i {
	color: #8B8C89;
}



/* ------------------------------
   レイアウト
------------------------------ */
#wrapper_properties {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}



/* ___________________________________

  MV
____________________________________ */

.wrapper_box_mv {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
.wrapper_txt_mv h1 {
	color: #fff;
	font-size: 6vw;
	font-weight: normal;
	text-align: left;
	line-height: 1.2;
	filter: drop-shadow(1px 1px 1px #000);
	text-shadow: 1px 1px 2px #000;
	position: absolute;
	top: 35%;	
	left: 5%;	
	z-index: 10;
}
.wrapper_txt_mv h1 span {
	margin-top: 1em;
	font-size: 2.5vw;	
	filter: drop-shadow(1px 1px 1px #000);
	display: block;
}
.wrapper_txt_mv h1 sup {
	font-size: 1.25vw;
}

/* スライドの枠（PC・TB）
--------------------------- */
#slider_properties.sp_only {
	display: none !important;
}


/* スライダー
--------------------------- */
ul.slider_properties li {
	position: relative;
}


/* prev, nextボタン
--------------------------- */
ul.slider_properties　.slick-prev::before {
    color: #fff !important;
}

/* 読み込んでから表示
--------------------------- */
ul.slider_properties {
  opacity: 0;
  transition: opacity .3s linear;
}
ul.slider_properties.slick-initialized {
    opacity: 1;
}
ul.slider_properties.slick-initialized .slick-slide {
	position: relative;
}
ul.slider_properties {
	overflow: visible;
}

/* ___________________________________

  AREA
____________________________________ */

#area {
	width: 100%;
	margin: 0 auto;
	padding: 8% 0 10%;
	background: #2f2f2f;
}


/* キャプション
--------------------------- */
#area li.outer-li {
	position: relative;
}

#area p.caption {
    position: absolute;
	right: 1em;
    bottom: 1em;
    z-index: 1;
	color: #fff;
	font-size: 16px;
	font-weight: 900;
	line-height: 1;
	filter: drop-shadow(0 0 1rem #000);
	text-shadow: 1px 1px 2px #000;
}


/* スライダー
--------------------------- */
#area ul.slider_4columns {
  	margin: 0;
}

/* 読み込んでから表示
--------------------------- */
ul.slider_4columns {
  opacity: 0;
  transition: opacity .3s linear;
}
ul.slider_4columns.slick-initialized {
    opacity: 1;
}
ul.slider_4columns.slick-initialized .slick-slide {
	position: relative;
}
ul.slider_4columns {
	overflow: visible;
}


/* ___________________________________

  FEATURE
____________________________________ */

#feature {
	width: 100%;
	margin: 0 auto;
	padding: 8% 0 10%;
}

/* レイアウト
--------------------------- */
#feature li.outer-li {
	flex: 0 0 auto;
	width: 100%;
	max-width: 100%;
	margin: 0 0 1% 0;
}
#feature li.photo {
	width: 100%;
	height: auto;
	position: relative;
}
#feature li.photo img.pc_only {
	display: block;
}
#feature li.photo img.sp_only {
	display: none !important;
}
#feature li.photo h3 {
	position: absolute;
	top: 30%;
	left: 10%;
	color: #fff;
	font-size: 4vw;	
	font-weight: normal;
	text-align: left;
	line-height: 1.2;
	filter: drop-shadow(1px 1px 1px #000);
	text-shadow: 1px 1px 2px #000;	
}
#feature li.photo h3 sup {
	font-size: 2vw;
}
#feature li.photo h3 span {
	margin-top: 1em;
	font-size: 2.5vw;
	display: block;
}
#feature li.photo h3 span sup {
	font-size: 1.25vw;
}


/* ___________________________________

  MEAL ACTIVITY
____________________________________ */

#meal_activity {
	width: 100%;
	margin: 0 auto;
	padding: 8% 0 10%;
	background: #2f2f2f;
}

/* リード
--------------------------- */
div.lead {
	width: 86%;
	margin: 5% auto 0;	
}
div.lead p {
	color: #fff;
	font-size: 16px;
	text-align: left;
}

/* レイアウト
--------------------------- */
#meal_activity .txt {
    position: absolute;
    left: 5%;
	bottom: 5%;	
    z-index: 1;	
}
#meal_activity .txt.narrow {
	bottom: 10%;	
}

/* 見出し
--------------------------- */
#meal_activity .txt h3 {
	color: #fff;
	font-size: 28px;
	font-weight: 500;
	line-height: 1.4;
	text-align: left;
	filter: drop-shadow(0 0 1rem #000);
	text-shadow: 1px 1px 2px #000;
}
#meal_activity .txt h3 span {
 	font-size: 14px;
	display: block;
}
#meal_activity .txt p.service {
	margin-bottom: 2%;
	padding: 0.25em 1em 0.1em;
 	font-size: 14px;
	line-height: 1;
	background: #fff;
	display: inline-block;
}

/* キャプション
--------------------------- */
#meal_activity li.outer-li {
	position: relative;
}

/* スライダー
--------------------------- */
#meal_activity ul.slider_4columns {
  	margin: 0;
}


/* ___________________________________

  ANCILLARY FACILITIES
____________________________________ */

#ancillary-facilities {
	width: 100%;
	margin: 0 auto;
	padding: 8% 0 10%;
}

/* レイアウト
--------------------------- */
#ancillary-facilities ul.outer {
	width: 96%;
	height: 100%;
	margin: 0 auto;
	overflow: hidden !important;
	justify-content: flex-start;
	align-items: stretch;
}
#ancillary-facilities li.outer-li {
	height: auto !important;
	margin: 0 0.1%;	
	background: #fff;
}
#ancillary-facilities .slick-track {
	display: flex !important;
}
#ancillary-facilities ul.inner {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	flex-grow: 1;
}
#ancillary-facilities li.photo {
	margin: 0;
}
#ancillary-facilities li.photo img {
	width: 100%;
	height: auto;
}
#ancillary-facilities li.txt {
	width: 94%;
	padding: 3%;
	background: #fff;	
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}
#ancillary-facilities li.txt h3 {
	font-size: 20px;	
	font-weight: 900;
	text-align: left;
	line-height: 1.2;
}
#ancillary-facilities li.txt h3 span {
	margin-bottom: 0.5em;
	color: #9B8816;
	font-size: 14px;	
	font-weight: 400;
	display: block;
}
#ancillary-facilities li.txt p {
	font-size: 14px;
	flex-grow: 1;
}

/* スライダー
--------------------------- */
#ancillary-facilities .slider {
  	opacity: 0;
  	transition: opacity .3s linear;
}
#ancillary-facilities .slider.slick-initialized{
  	opacity: 1;
}

/* 読み込んでから表示
--------------------------- */
#ancillary-facilities .slider_3columns_properties {
  	opacity: 1;
}



/* ___________________________________

  GROUP FACILITIES
____________________________________ */

#group-facilities {
	width: 100%;
	margin: 0 auto;
	padding: 8% 0 10%;
	background: #2f2f2f;	
}

/* レイアウト
--------------------------- */
#group-facilities ul.outer {
	width: 96%;
	height: 100%;
	margin: 0 auto;
	overflow: hidden !important;
	justify-content: center;
	align-items: stretch;
}
#group-facilities li.outer-li {
	height: auto !important;
	margin: 0 0.1%;	
	background: #fff;
}
#group-facilities .slick-track {
	display: flex !important;	
}
#group-facilities ul.inner {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	flex-grow: 1;
}
#group-facilities li.photo {
	margin: 0;
}
#group-facilities li.photo img {
	width: 100%;
	height: auto;
}
#group-facilities li.txt {
	width: 94%;
	padding: 3%;
	background: #fff;	
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}
#group-facilities li.txt h3 {
	font-size: 20px;	
	font-weight: 900;
	text-align: left;
	line-height: 1.2;
}
#group-facilities li.txt h3 span {
	margin-bottom: 0.5em;
	color: #9B8816;
	font-size: 14px;	
	font-weight: 400;
	display: block;
}
#group-facilities li.txt p {
	font-size: 14px;
	flex-grow: 1;
}

/* スライダー
--------------------------- */
#group-facilities .slider {
  	opacity: 0;
  	transition: opacity .3s linear;
}
#group-facilities .slider.slick-initialized{
  	opacity: 1;
}

/* 読み込んでから表示
--------------------------- */
#group-facilities .slider_3columns {
  opacity: 1;
}



/* ___________________________________

  FACILITY DETAILS
____________________________________ */

#facility-details {
	width: 100%;
	margin: 0 auto;
	padding: 8% 0 10%;	
}

/* 見出し
--------------------------- */
#facility-details h3 {
	margin: 3em 0 1.5em;
  	padding: 0;
  	color: #fff;
  	font-size: 2vw;
  	font-weight: 500;
  	text-align: center;
}
#facility-details h3.first {
	margin-top: 1em;
}

/* レイアウト
--------------------------- */
#facility-details .wrapper_dl {
	margin: 0 auto 5%;
}
#facility-details .wrapper_dl:nth-type-of(2) {
	margin-bottom: 0;
}
#facility-details dl {
	width: 94%;
	margin: 0 auto;
	padding: 3%;
	background-color: #fff;
	display: flex;
	flex-wrap: wrap;
}
#facility-details dl dt {
	padding: 2%;
	flex: 0 0 15%;
	border-bottom: 1px dotted #292b2b;	
}
#facility-details dl dd {
	padding: 2%;
	flex: 0 0 71%;
	border-bottom: 1px dotted #292b2b;
}
#facility-details dt:last-of-type, #facility-details dd:last-child {
	border-bottom: none;
}


/* ___________________________________

  FLOOR PLAN
____________________________________ */

#floor-plan {
	width: 100%;
	margin: 0 auto;
	padding: 8% 0 10%;
	background: #2f2f2f;	
}

/* レイアウト
--------------------------- */
#floor-plan li.outer-li {
	flex: 0 0 auto;
	width: 100%;
	max-width: 100%;
	margin: 0 0 1% 0;
}
#floor-plan li.photo {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
/* AWAJI MARE */
#awaji-mare #floor-plan li.photo {
	width: 70%;
}


/* ___________________________________

  OTHER FACILITIES
____________________________________ */

#other-facilities {
	width: 100%;
	margin: 0 auto;
	padding: 8% 0 10%;	
}
#other-facilities ul.outer {
	width: 96%;
	justify-content: flex-start;
	align-items: flex-start;
}
#other-facilities ul.outer li.outer_li {
	flex: 0 0 31.9999%;
	margin: 0 2% 2% 0;
	border: 1px solid #F5F0F6;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
#other-facilities ul.outer li.outer_li a {
	display: block;
	background: #fff;	
	border-radius: 5px;
}
#other-facilities ul.outer li.outer_li a:hover {
	background: #eee;	
}
#other-facilities ul.outer li.outer_li a:hover img {
	opacity: 0.8;
}
#other-facilities ul.outer li.outer_li:nth-child(3n) {
	margin-right: 0;
}

/* 画像 */
#other-facilities ul.outer li.outer_li ul.inner li.photo {
	width: 38%;
	margin-right: 2%;
	border-radius: 5px 0 0 5px;
}
#other-facilities ul.outer li.outer_li ul.inner li.photo img {
	border-radius: 5px 0 0 5px;
}

/* テキスト */
#other-facilities ul.outer li.outer_li ul.inner li.txt {
	width: 58%;
	margin-bottom: 0;
	padding-right: 2%;
	color: #001011;
	line-height: 1.2;
	border-radius: 0 5px 5px 0;
}
#other-facilities ul.outer li.outer_li ul.inner li.txt h3 {
	padding: 0;
	color: #001011;
	font-size: 24px;
	font-weight: normal;
	text-align: left;
	line-height: 1.4;
}
#other-facilities ul.outer li.outer_li ul.inner li.txt h3 span {
	color: #9B8816;
	font-size: 15px;
	display: block;
}





/* ___________________________________

  PROPERTY LIST
____________________________________ */

#wrapper_properties {
	padding: 0;
}




#property-list {
	width: 96%;
	margin: 0 auto;
	padding: 10% 2%;
	background: #2f2f2f;
	position: relative;
	z-index: 3;
}

/* 見出し
--------------------------- */
#property-list h2 {
	color: #fff;
}

/* LAYOUT
--------------------------- */
#property-list ul.outer {
	display: flex;
	flex-flow: wrap;
	align-items: stretch;
}
#property-list li.outer-li {
	width: 100%;
	flex: 0 0 26.9999%;
	margin: 0 0.5% 0.5% 0;
	padding: 3%;
	display: flex;
}
#property-list li.outer-li:nth-child(3n) {
	margin-right: 0;
}
#property-list ul.inner {
	width: 100%;
	display: flex;
	flex-direction: column;
}
#property-list ul.inner li.txt h3 {
	color: #fff;
	font-size: 4vw;
	text-align: left;
}
#property-list ul.inner li.txt p.address {
	color: #fff;
	font-size: 1.6vw;
	text-align: left;	
}
#property-list ul.inner li.txt p.open {
	color: #fff;
	font-size: 1.7vw;
	text-align: left;	
}

/* BTN */
#property-list ul.inner li.btn {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;	
}
#property-list li.btn a {
	width: 70px;
	height: 70px;
	display: inline;
	background:url(../../common/img/btn-arrow_wh.svg);		
}
#property-list li.btn a:hover {
	width: 70px;
	height: 70px;
	display: block;
	background:url(../../common/img/btn-arrow_gr.svg);	
}
#property-list li.btn.no-link {
	width: 70px;
	height: 70px;
	display: inline;		
}

/* Sante */
#property-list li#sante {
	background: radial-gradient(rgba(4,3,3,.1),rgba(4,3,3,.5)),url(../../top/img/property/bg_sante.jpg);
	background-repeat: no-repeat;
  	background-position: center right;
  	background-size: cover;
}
/* Lago */
#property-list li#lago {
	background: radial-gradient(rgba(4,3,3,.1),rgba(4,3,3,.5)),url(../../top/img/property/bg_lago.jpg);
	background-repeat: no-repeat;
  	background-position: center right;
  	background-size: cover;
}
/* Kos */
#property-list li#kos {
	background: radial-gradient(rgba(4,3,3,.1),rgba(4,3,3,.5)),url(../../top/img/property/bg_kos.jpg);
	background-repeat: no-repeat;
  	background-position: center right;
  	background-size: cover;
}
/* Cozy */
#property-list li#cozy {
	background: radial-gradient(rgba(4,3,3,.1),rgba(4,3,3,.5)),url(../../top/img/property/bg_cozy.jpg);
	background-repeat: no-repeat;
  	background-position: center right;
  	background-size: cover;
}
/* Terme */
#property-list li#terme {
	background: radial-gradient(rgba(4,3,3,.1),rgba(4,3,3,.5)),url(../../top/img/property/bg_terme.jpg);
	background-repeat: no-repeat;
  	background-position: center right;
  	background-size: cover;
}
/* Calm */
#property-list li#calm {
	background: radial-gradient(rgba(4,3,3,.1),rgba(4,3,3,.5)),url(../../top/img/property/bg_calm.jpg);
	background-repeat: no-repeat;
  	background-position: center right;
  	background-size: cover;
}
/* Mare */
#property-list li#mare {
	background: radial-gradient(rgba(4,3,3,.1),rgba(4,3,3,.5)),url(../../top/img/property/bg_mare.jpg);
	background-repeat: no-repeat;
  	background-position: center right;
  	background-size: cover;
}
/* Ciel */
#property-list li#ciel {
	background: radial-gradient(rgba(4,3,3,.1),rgba(4,3,3,.5)),url(../../top/img/property/bg_ciel.jpg);
	background-repeat: no-repeat;
  	background-position: center right;
  	background-size: cover;
}
/* Zest */
#property-list li#zest {
	background: radial-gradient(rgba(4,3,3,.1),rgba(4,3,3,.5)),url(../../top/img/property/bg_zest.jpg);
	background-repeat: no-repeat;
  	background-position: center right;
  	background-size: cover;
}
/* Vista */
#property-list li#vista {
	background: radial-gradient(rgba(4,3,3,.1),rgba(4,3,3,.5)),url(../../top/img/property/bg_vista.jpg);
	background-repeat: no-repeat;
  	background-position: center right;
  	background-size: cover;
}





/**
 * レスポンシブ: PC用 ウィンドウ幅1200px以下共通
 */
@media screen and ( max-width:1200px) {	

/* ------------------------------

   共通セレクタ

------------------------------ */
.contents {
	padding-top: 54px;
}		
}


/**
 * レスポンシブ: PC用 ウィンドウ幅811px以上、1200px以下
 */
@media screen and (min-width:821px) and ( max-width:1200px) {


}






/**
 * レスポンシブ: TB用 ウィンドウ幅820px以下共通
 */
@media screen and ( max-width:820px) {


/* ___________________________________

  共通セレクタ
____________________________________ */

.container_subpage_inner {
	width: 94%;
	max-width: 94%;
}

/* 見出し
--------------------------- */
.properties h2 {
  	font-size: 4vw;
}
.properties h2 span {
  	font-size: 2vw;
}



/* ___________________________________

  FEATURE
____________________________________ */

#feature li.photo h3 {
	font-size: 5vw;	
}
#feature li.photo h3 sup {
	font-size: 2.5vw;
}
#feature li.photo h3 span {
	font-size: 3vw;
}
#feature li.photo h3 span sup {
	font-size: 1.5vw;
}	
	
	
/* ___________________________________

  ANCILLARY FACILITIES
____________________________________ */

#ancillary-facilities li.txt h3 {
	font-size: 2vw;
}

/* スライダー
--------------------------- */
#ancillary-facilities_slider {
	display: flex;
	align-items: stretch;
	background: #fff;
}
#ancillary-facilities_slider li.outer-li {
  	margin: 0 !important;	
	flex-grow: 1;
}
#ancillary-facilities .slick-track {
	display: flex !important;
}	
	
	
/* ___________________________________

  GROUP FACILITIES
____________________________________ */

#group-facilities li.txt h3 {
	font-size: 2vw;
}

/* スライダー
--------------------------- */
#group-facilities_slider {
	display: flex;
	align-items: stretch;
	background: #fff;
}
#group-facilities_slider li.outer-li {
	flex-grow: 1;
}		
#group-facilities ul.slider_3columns_properties li, #group-facilities ul.slider_2columns li {
  	margin: 0 !important;
}
#group-facilities .slick-track {
	display: block !important;
}	
#group-facilities.ptn01 .slick-track {
	display: block !important;
}

	
/* ___________________________________

  FACILITY DETAILS
____________________________________ */

/* 見出し
--------------------------- */
#facility-details h3, #facility-details h3.first {
  	font-size: 3vw;
}


/* ___________________________________

  FLOOR PLAN
____________________________________ */

/* AWAJI MARE */
#awaji-mare #floor-plan li.photo {
	width: 100%;
}	
	



/* ___________________________________

  OTHER FACILITIES
____________________________________ */

#other-facilities ul.outer {
	width: 96%;
	justify-content: flex-start;
	align-items: flex-start;
}
#other-facilities ul.outer li.outer_li {
	flex: 0 0 49%;
	margin: 0 2% 2% 0;
}
#other-facilities ul.outer li.outer_li:nth-child(3n) {
	margin-right: 2%;
}
#other-facilities ul.outer li.outer_li:nth-child(2n) {
	margin-right: 0;
}
#other-facilities ul.outer li.outer_li ul.inner li.txt h3 {
	font-size: 2.6vw;
}
#other-facilities ul.outer li.outer_li ul.inner li.txt h3 span {
	font-size: 1.8vw;
}

	
	
/* ___________________________________

  PROPERTY LIST
____________________________________ */

/* LAYOUT
--------------------------- */
#property-list ul.inner li.txt p.address {
	font-size: 1.5vw;
}

/* BTN */
#property-list li.btn a {
	width: 50px;
	height: 50px;		
}
#property-listli.btn a:hover {
	width: 50px;
	height: 50px;	
}
#property-list li.btn.no-link {
	width: 50px;
	height: 50px;		
}	
}



/**
 * レスポンシブ: TB用 ウィンドウ幅641px以上、820px以下
 */
@media screen and (min-width:641px) and ( max-width:820px) {

/* ___________________________________

  スライドショー
____________________________________ */	
	
.slider_box_pc .slick-dots {
	bottom: -42px !important;
}
.slick-dots li button {
	height: 15px !important;
	width: 15px !important;
}
.slick-dots li button::before {
	width: 15px !important;
	height: 15px !important;
	font-size: 7px !important;
	line-height: 15px !important;
}
.slick-dots li.slick-active button::before {
    font-size: 10px !important;
}
	
}




/**
 * レスポンシブ: SP用 ウィンドウ幅640px以下
 */
@media screen and (max-width:640px) {


/* ___________________________________

  共通セレクタ
____________________________________ */

/* 見出し
--------------------------- */
.properties h2 {
  	font-size: 5vw;
}
.properties h2 span {
  	font-size: 2.5vw;
}



/* ___________________________________

  MV
____________________________________ */

.wrapper_txt_mv h1 {
	font-size: 6vh;
	position: absolute;
	top: 35%;	
	left: 5%;	
	z-index: 10;
}
.wrapper_txt_mv h1 span {
	margin-top: 1em;
	font-size: 2.5vh;	
	filter: drop-shadow(1px 1px 1px #000);
	display: block;
}


/* ___________________________________

  コンテンツ
____________________________________ */

.contents {
	padding-top: 50px;
}
	


/* ___________________________________

  MEAL ACTIVITY
____________________________________ */

/* リード
--------------------------- */
#meal_activity div.lead {
	width: 96%;
}
div.lead p {
	font-size: 15px;
}	


/* ___________________________________

  ANCILLARY FACILITIES
____________________________________ */

#ancillary-facilities li.outer-li:nth-child(2n) {
	margin-right: 0;
}	
#ancillary-facilities li.txt h3 {
	font-size: 16px;
}
	


/* ___________________________________

  GROUP FACILITIES
____________________________________ */

#group-facilities li.outer-li:nth-child(2n) {
	margin-right: 0;
}	
#group-facilities li.txt h3 {
	font-size: 16px;
}

	
/* ___________________________________

  FACILITY DETAILS
____________________________________ */

/* 見出し
--------------------------- */
#facility-details h3, #facility-details h3.first {
  	font-size: 4vw;
}	
}



/**
 * レスポンシブ: SP用 ウィンドウ幅480px以下
 */
@media screen and ( max-width:480px) {


/* -------------------------
   フェードインバナー
------------------------- */
#fadeInBnr_properties {
	right: 0;
	bottom: 60px;
	width: 70px;
	height: 54px;
}
#fadeInBnr_properties h3 {
	font-size: 15px;
	text-align: center;
	line-height: 1.8;
}
	
	
/* ___________________________________

  スライドショー
____________________________________ */

.wrapper_box_mv {
	width: 100%;
	height: 100vh;
	margin: 0 auto;
	padding: 0;
	position: relative;
}	
.slick-slide img {
  height: 100vh;
  object-fit: cover;
}	

/* スライドの枠（SP）
--------------------------- */
#slider_properties.sp_only {
	display: block !important;
}
#slider_properties.pc_only {
	display: none !important;
}	
	
	

/* ___________________________________

  AREA
____________________________________ */

#area {
	padding: 15% 0 18%;
}
	
	

/* ___________________________________

  FEATURE
____________________________________ */

#feature {
	padding: 15% 0 18%;
}	

#feature li.photo h3 {
	font-size: 6vw;	
}
#feature li.photo h3 sup {
	font-size: 3vw;
}
#feature li.photo h3 span {
	font-size: 4vw;
}
#feature li.photo h3 span sup {
	font-size: 2vw;
}
	
	
	
/* ___________________________________

  MEAL ACTIVITY
____________________________________ */
	
#meal_activity {
	padding: 15% 0 18%;
}	

/* 見出し
--------------------------- */
#meal_activity .txt h3 {
	font-size: 24px;
}
#meal_activity .txt h3 span {
 	font-size: 14px;
}
#meal_activity .txt p.service {
 	font-size: 14px;
}
	
	
	
/* ___________________________________

  ANCILLARY FACILITIES
____________________________________ */
	
#ancillary-facilities {
	padding: 15% 0 18%;
}	
	
	
	
/* ___________________________________

  GROUP FACILITIES
____________________________________ */
	
#group-facilities {
	padding: 15% 0 18%;
}	
	
	

/* ___________________________________

  FACILITY DETAILS
____________________________________ */	
	
#facility-details {
	padding: 15% 0 18%;
}
#facility-details dl dt {
	padding: 4% 2% 2%;
	flex: 0 0 auto;
	width: 96%;
	max-width: 96%;
	border: none;
	font-size: 14px;
}	
#facility-details dl dd {
	padding: 2% 2% 4%;
	flex: 0 0 auto;
	width: 96%;
	max-width: 96%;
	font-size: 14px;	
}
	
	

/* ___________________________________

  OTHER FACILITIES
____________________________________ */

#other-facilities {
	padding: 15% 0 18%;
}
#other-facilities ul.outer li.outer_li {
	flex: 0 0 auto;
	width: 100%;
	max-width: 100%;
	margin: 0 0 2% 0;
}	
#other-facilities ul.outer li.outer_li:nth-child(3n) {
	margin-right: 0;
}
#other-facilities ul.outer li.outer_li:nth-child(2n) {
	margin-right: 0;
}
#other-facilities ul.outer li.outer_li ul.inner li.txt h3 {
	font-size: 20px;
}
#other-facilities ul.outer li.outer_li ul.inner li.txt h3 span {
	font-size: 14px;
}


/* ___________________________________

  PROPERTY LIST
____________________________________ */

/* LAYOUT
--------------------------- */
#property-list li.outer-li {
	width: 100%;
	flex: 0 0 43.75%;
	margin: 0 0.5% 0.5% 0;
	padding: 3%;
	display: flex;
}
#property-list li.outer-li:nth-child(3n) {
	margin-right: 0.5%;
}
#property-list li.outer-li:nth-child(2n) {
	margin-right: 0;
}
#property-list ul.inner li.txt p.address {
	font-size: 2.5vw;
}
#property-list ul.inner li.txt p.open {
  	font-size: 2.5vw;
}	
}


/**
 * レスポンシブ: SP用 ウィンドウ幅428px以下
 */
@media screen and ( max-width:428px) {


/* ___________________________________

  共通セレクタ
____________________________________ */

/* 見出し
--------------------------- */
.properties h2 {
  	font-size: 6vw;
}
.properties h2 span {
  	font-size: 3vw;
}

	
/* ___________________________________

  MV
____________________________________ */

#main_visual h1 {
	font-size: 6vw;
}
#main_visual h1 span {
	font-size: 12vw;
}


/* ___________________________________

  FEATURE
____________________________________ */

/* レイアウト
--------------------------- */
#feature li.outer-li {
	flex: 0 0 auto;
	width: 100%;
	max-width: 100%;
	height: 100vh;
	margin: 0 0 2% 0;
}
#feature li.photo img {
	height: 100vh;
	object-fit: cover;
}
#feature li.photo img.sp_only {
	display: block !important;
}
#feature li.photo img.pc_only {
	display: none !important;
}
#feature li.photo h3 {
	font-size: 8vw;	
}
#feature li.photo h3 sup {
	font-size: 4vw;
}
#feature li.photo h3 span {
	font-size: 5vw;
}
#feature li.photo h3 span.small {
	font-size: 4.6vw;
}	
#feature li.photo h3 span sup {
	font-size: 2.5vw;
}	

/* ___________________________________

  MEAL ACTIVITY
____________________________________ */

/* 見出し
--------------------------- */
#meal_activity .txt h3 {
	font-size: 30px;
}
#meal_activity .txt h3 span {
 	font-size: 16px;
}
#meal_activity .txt p.service {
 	font-size: 16px;
}


/* ___________________________________

  FACILITY DETAILS
____________________________________ */

/* 見出し
--------------------------- */
#facility-details h3, #facility-details h3.first {
  	font-size: 5vw;
}


/* ___________________________________

  OTHER FACILITIES
____________________________________ */

#other-facilities ul.outer li.outer_li ul.inner li.txt h3 {
	font-size: 19px;
}

	
	
/* ___________________________________

  PROPERTY LIST
____________________________________ */

/* LAYOUT
--------------------------- */
#property-list ul.inner li.txt p.address {
	font-size: 2.7vw;
}
#property-list ul.inner li.txt p.open {
  	font-size: 2.7vw;
}	
}



/**
 * レスポンシブ: SP用 ウィンドウ幅414px以下
 */
@media screen and ( max-width:414px) {

			
}


/**
 * レスポンシブ: SP用 ウィンドウ幅375px以下
 */
@media screen and ( max-width:375px) {

/* ___________________________________

  共通セレクタ
____________________________________ */

/* 見出し
--------------------------- */
.properties h2 {
  	font-size: 7vw;
}
.properties h2 span {
  	font-size: 3.5vw;
}


/* ___________________________________

  FACILITY DETAILS
____________________________________ */

/* 見出し
--------------------------- */
#facility-details h3, #facility-details h3.first {
  	font-size: 6vw;
}	
	

/* ___________________________________

  PROPERTY LIST
____________________________________ */

/* LAYOUT
--------------------------- */

/* BTN */
#property-list li.btn a {
	width: 40px;
	height: 40px;		
}
#property-list li.btn a:hover {
	width: 40px;
	height: 40px;	
}
#property-list li.btn.no-link {
	width: 40px;
	height: 40px;		
}	
}

/**
 * レスポンシブ: SP用 ウィンドウ幅374px以下
 */
@media screen and ( max-width:374px) {

}


/**
 * レスポンシブ: SP用 ウィンドウ幅360px以下
 */
@media screen and ( max-width:360px) {

}


/**
 * レスポンシブ: SP用 ウィンドウ幅340px以下
 */
@media screen and ( max-width:340px) {

#features h3 span::after {
	top: 35%;
	width: 80px;
}	
}





/**
 * レスポンシブ: SP用 ウィンドウ幅320px以下
 */
@media screen and ( max-width:320px) {

/* ___________________________________

  AREA
____________________________________ */

/* キャプション
--------------------------- */
#area p.caption {
	font-size: 15px;
}



/* ___________________________________

  MEAL ACTIVITY
____________________________________ */

/* リード
--------------------------- */
div.lead p {
	font-size: 14px;
}
}



/**
 * レスポンシブ: SP用 ウィンドウ幅280px以下
 */
@media screen and ( max-width:280px) {

/* ___________________________________

  共通セレクタ
____________________________________ */

/* 見出し
--------------------------- */
.properties h2 {
  	font-size: 8vw;
}
.properties h2 span {
  	font-size: 4vw;
}


/* ___________________________________

  FACILITY DETAILS
____________________________________ */

/* 見出し
--------------------------- */
#facility-details h3, #facility-details h3.first {
  	font-size: 7vw;
}	
}