/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 31 2025 | 22:08:35 */
/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 01 2025 | 12:09:14 */
@charset "UTF-8";
/**
 * Konomiシリーズ
 * ルール
 * ・セレクタの最初に body.es-page-konomi を付ける
 *
 * PCのメディアクエリ    ：@media screen and (min-width: 768px) {}
 * スマホのメディアクエリ：@media screen and (max-width: 767px) {}
 */


/*-- メインビジュアル --*/
body.es-page-konomi .konomi_mv{
	position: relative;
	width: 100%;
	min-height: calc(100vh - 100px); /* 100pxはヘッダーの高さ */
	background: url(https://www.room-cafe-shibuya.com/app/uploads/sites/910/2025/02/konomi_mv_image.jpg) no-repeat center / cover;
	/* background-attachment: fixed; */
}
@media screen and (max-width: 767px) {
	body.es-page-konomi .konomi_mv{
		min-height: calc(100vh - 80px - 65px); /* 80pxはヘッダーの高さ、65pxは画面固定のCTA */
	}
}

body.es-page-konomi .mv_catch{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	margin: auto;
	text-align: center;
}

body.es-page-konomi .mv_catch_1 img{
	max-width: 966px;
	width: 100%;
	height: auto;
}

body.es-page-konomi .mv_catch_2 img{
	max-width: 1282px;
	width: 100%;
	height: auto;
}


/*-- 汎用見出し --*/
body.es-page-konomi .konomi_heading_01{
	text-align: center;
	font-family: "Ryumin", "Hiragino Mincho Pro", "Yu Mincho", serif;
	font-size: 32px;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 0.15em;
}
@media screen and (max-width: 767px) {
	body.es-page-konomi .konomi_heading_01{
		font-size: 6.38vw;
		line-height: 1.6;
	}
}

body.es-page-konomi .konomi_heading_01::after{
	display: block;
	width: auto;
	height: auto;
	margin: auto;
	background: none;
	text-align: center;
	font-size: 16px;
}
@media screen and (max-width: 767px) {
	body.es-page-konomi .konomi_heading_01::after{
		margin-top: 10px;
		font-size: 3.19vw;
		letter-spacing: 0.1em;
	}
}


/*-- Konomiシリーズが人気の特徴 --*/
body.es-page-konomi .konomi_features{
	padding: 52px 0 140px;
	background-color: #11204e;
}
@media screen and (max-width: 767px) {
	body.es-page-konomi .konomi_features{
		padding-bottom: 80px;
	}
}

body.es-page-konomi .konomi_features .konomi_heading_01{
	color: #ffea00;
}

body.es-page-konomi .konomi_features .konomi_heading_01::after{
	content: "Features";
}

body.es-page-konomi .konomi_features .konomi_features_points{
	counter-reset: point-counter; /* カウンターをリセット */
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 80px;
	max-width: 1080px;
	width: 90%;
	margin: 85px auto 0;
}
@media screen and (max-width: 767px) {
	body.es-page-konomi .konomi_features .konomi_features_points{
		gap: 55px;
		margin-top: 50px;
	}
}

body.es-page-konomi .konomi_features .konomi_features_points > li{
	counter-increment: point-counter; /* カウンターを増やす */
	position: relative;
	max-width: 500px;
	width: 100%;
	padding: 55px 0 0;
}
@media screen and (max-width: 767px) {
	body.es-page-konomi .konomi_features .konomi_features_points > li{
		padding: 40px 0 0;
	}
}

body.es-page-konomi .konomi_features .konomi_features_points > li::before{
	content: "POINT" counter(point-counter, decimal-leading-zero); /* 01, 02, 03 の形式 */
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	padding: 4px 50px;
	background-color: #fff;
	font-family: "Ryumin", "Hiragino Mincho Pro", "Yu Mincho", serif;
	font-size: 18px;
	font-weight: 700;
	color: #5a523d;
}
@media screen and (max-width: 767px) {
	body.es-page-konomi .konomi_features .konomi_features_points > li::before{
		padding: 2px 50px;
		font-size: 3.72vw;
	}
}

body.es-page-konomi .konomi_features .konomi_features_points h3{
	text-align: center;
	font-family: "Ryumin", "Hiragino Mincho Pro", "Yu Mincho", serif;
	font-size: 28px;
	font-weight: 700;
	color: #fff;
	letter-spacing: 0.15em;
}
@media screen and (max-width: 767px) {
	body.es-page-konomi .konomi_features .konomi_features_points h3{
		font-size: 4.79vw;
	}
}

body.es-page-konomi .konomi_features .konomi_features_points_image{
	margin: 20px 0 0;
}
@media screen and (max-width: 767px) {
	body.es-page-konomi .konomi_features .konomi_features_points_image{
		margin-top: 15px;
	}
}

body.es-page-konomi .konomi_features .konomi_features_points_image img{
	max-width: 500px;
	width: 100%;
	height: auto;
}


/*-- こんな方におすすめです！ --*/
body.es-page-konomi .konomi_recommend{
	padding: 75px 0 115px;
	background-color: #062d59;
}
@media screen and (max-width: 767px) {
	body.es-page-konomi .konomi_recommend{
		padding: 55px 0 85px;
	}
}

body.es-page-konomi .konomi_recommend .konomi_heading_01{
	color: #ffea00;
}

body.es-page-konomi .konomi_recommend .konomi_heading_01::after{
	content: "Recommend";
}

body.es-page-konomi .konomi_recommend .description_01{
	margin: 35px 0 0;
	text-align: center;
	font-family: "Ryumin", "Hiragino Mincho Pro", "Yu Mincho", serif;
	font-size: 18px;
	font-weight: 500;
	color: #ffea00;
}
@media screen and (max-width: 767px) {
	body.es-page-konomi .konomi_recommend .description_01{
		font-size: 3.99vw;
	}
}

body.es-page-konomi .konomi_recommend .recommend_image{
	max-width: 1054px;
	width: 90%;
	height: auto;
	margin: 45px auto 0;
}


/*-- Konomiシリーズ おすすめ物件一覧 --*/
body.es-page-konomi .konomi_pickup{
	display: block;
	width: 100%;
	padding: 70px 0 45px;
	background: url(https://www.room-cafe-shibuya.com/app/uploads/sites/910/2025/02/konomi_pickup_image.png) no-repeat center top / cover;
}
@media screen and (max-width: 767px) {
	body.es-page-konomi .konomi_pickup{
		padding: 50px 0 65px;
	}
}

body.es-page-konomi .konomi_pickup .konomi_heading_01{
	color: #000;
}

body.es-page-konomi .konomi_pickup .konomi_heading_01::after{
	content: "Pickup";
}

body.es-page-konomi .konomi_pickup_lists{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 85px 40px;
	max-width: 1080px;
	width: 90%;
	margin: 50px auto 0;
}

body.es-page-konomi .konomi_pickup_item{
	width: 520px;
}
@media screen and (max-width: 767px) {
	body.es-page-konomi .konomi_pickup_item{
		width: 100%;
	}
}

body.es-page-konomi .konomi_pickup_item_catch{
	padding: 15px 20px;
	background-color: #11204e;
}

body.es-page-konomi .konomi_pickup_item_catch_text_01{
	text-align: center;
	font-family: "Ryumin", "Hiragino Mincho Pro", "Yu Mincho", serif;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
}
@media screen and (max-width: 767px) {
	body.es-page-konomi .konomi_pickup_item_catch_text_01{
		font-size: 4.26vw;
	}
}

body.es-page-konomi .konomi_pickup_item_image img{
	object-fit: cover;
	max-width: 520px;
	width: 100%;
	max-height: 312px;
	height: auto;
}
@media screen and (max-width: 767px) {
	body.es-page-konomi .konomi_pickup_item_image img{
		height: 200px;
	}
}

body.es-page-konomi [class^="konomi_pickup_item_rooms_"]{
	width: 180px;
	margin: 13px 0 0;
	padding: 5px 10px;
	border-radius: 10px;
	text-align: center;
	font-family: "Ryumin", "Hiragino Mincho Pro", "Yu Mincho", serif;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
}
@media screen and (max-width: 767px) {
	body.es-page-konomi [class^="konomi_pickup_item_rooms_"]{
		width: 180px;
		padding: 3px 10px;
		font-size: 3.72vw;
	}
}

body.es-page-konomi .konomi_pickup_item_rooms_empty{
	background-color: #197dab;
}

body.es-page-konomi .konomi_pickup_item_rooms_full{
	background-color: #a60000;
}

body.es-page-konomi .konomi_pickup_item_info{
	margin: 20px 0 0;
}

body.es-page-konomi .konomi_pickup_item_info > li{
	display: flex;
	/* gap: 0 40px; */
	gap: 0 30px;
}
@media screen and (max-width: 767px) {
	body.es-page-konomi .konomi_pickup_item_info > li{
		gap: 0 20px;
	}
}

body.es-page-konomi .konomi_pickup_item_info > li:not(:first-child){
	margin: 15px 0 0;
}

body.es-page-konomi .konomi_pickup_item_info > li p{
	font-family: "Ryumin", "Hiragino Mincho Pro", "Yu Mincho", serif;
	font-size: 16px;
	font-weight: 500;
}

body.es-page-konomi .konomi_pickup_item_info_name{
	position: relative;
	width: 150px;
	padding: 0 65px 0 0;
}
@media screen and (max-width: 767px) {
	body.es-page-konomi .konomi_pickup_item_info_name{
		width: 40%;
		padding: 0 60px 0 0;
	}
}

body.es-page-konomi .konomi_pickup_item_info_name::after{
	content: "";
	position: absolute;
	top: 10px;
	right: 0;
	display: block;
	width: 55px;
	height: 1px;
	background-color: #c0c0c0;
}
@media screen and (max-width: 767px) {
	body.es-page-konomi .konomi_pickup_item_info_name::after{
		width: 45px;
	}
}

@media screen and (max-width: 767px) {
	body.es-page-konomi .konomi_pickup_item_info_content{
		width: 60%;
	}
}

body.es-page-konomi .konomi_pickup_item_link a{
	display: block;
	max-width: 390px;
	width: 90%;
	margin: 20px auto 0;
	padding: 15px 20px;
	background: linear-gradient(106deg, rgb(17,32,78) 0%, rgb(65,83,137) 100%);
	border-radius: 30px;
	text-decoration: none;
	text-align: center;
	font-family: "Ryumin", "Hiragino Mincho Pro", "Yu Mincho", serif;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
}
@media screen and (max-width: 767px) {
	body.es-page-konomi .konomi_pickup_item_link a{
		margin-top: 30px;
		padding: 10px 20px;
		font-size: 15px;
	}
}

@media screen and (min-width: 768px) {
	body.es-page-konomi .konomi_pickup_item_link a:hover{
		transform: scale(1.05, 1.05);
	}
}



/*-- その他 --*/
.es-link-container.color_main{
	margin-top: 0 !important;
}