@charset "UTF-8";


/* -------------------------------------------------------------
　客室案内
------------------------------------------------------------- */

/* TOPイメージ
------------------------------------------------------------- */

#stay #page_title {
	background: url(/yokohama/img/stay/h1_bg.jpg) 50% top no-repeat;
	background-size: auto 275px;
}



/* -------------------------------------------------------------
　館内施設
------------------------------------------------------------- */

/* TOPタイトル
------------------------------------------------------------- */

#facilities #page_title {
	background: url(/yokohama/img/facilities/h1_bg.jpg) 50% top no-repeat;
	background-size: auto 275px;
}



/* -------------------------------------------------------------
　朝食
------------------------------------------------------------- */

/* TOPタイトル
------------------------------------------------------------- */

#bf #page_title {
	background: url(/yokohama/img/bf/h1_bg.jpg) 50% top no-repeat;
	background-size: auto 275px;
}



/* -------------------------------------------------------------
　アクセス
------------------------------------------------------------- */

/* TOPタイトル
------------------------------------------------------------- */

#access #page_title {
	background: url(/yokohama/img/access/h1_bg.jpg) 50% top no-repeat;
	background-size: auto 275px;
}



/* ルート案内
------------------------------------------------------------- */

ul.guide_info .lead {
	font-size: 12px;
	margin: 10px 0;
}

ul.guide_info .acdn dl {
	border-bottom: 1px solid #638FA2;
}

ul.guide_info .acdn dt {
	display: flex;
	align-items: center;
	color: #000;
	font-size: 14px;
	font-weight: 400;
	padding: 12px 40px 12px 5px;
	background: url(/img/common/mk_plus_blue.svg) 95% 50% no-repeat;
	border-top: 1px solid #638FA2;
	cursor: pointer;
}
ul.guide_info .acdn dt.on {
	background: url(/img/common/mk_minus_blue.svg) 95% 50% no-repeat;
}

ul.guide_info .acdn dt .route_ttl {
	width: 62px;
	color: #638FA2;
	font-size: 12px;
	font-weight: 450;
	text-align: center;
	line-height: 1.4;
	padding: 0 10px 0 0;
}

ul.guide_info .acdn dt .route_ttl span {
	display: block;
	font-size: 10px;
	text-align: center;
}

ul.guide_info .acdn dt h4 {
	width: calc(100% - 62px);
	font-size: 13px;
	font-weight: 300;
}

ul.guide_info .acdn dd {
	font-size: 12px;
	padding: 0 0 30px;
	border-top: 1px solid #638FA2;
}


ul.guide_info .acdn dd ul.route_detail {
	padding: 0 30px;
}

ul.guide_info .acdn dd ul.route_detail li:nth-child(odd) {
	padding: 0 0 5px;
}
ul.guide_info .acdn dd ul.route_detail li:nth-child(even) {
	padding: 0 0 30px;
}
ul.guide_info .acdn dd ul.route_detail li:last-of-type {
	padding: 0;
}


ul.guide_info .acdn dd ul.route_detail li .circle {
	width: 24px;
	color: #fff;
	font-size: 14px;
	font-weight: 450;
	text-align: center;
	line-height: 1;
	margin: 0 0 3px;
	padding: 4px 5px 6px;
	background: #DB2285;
	border-radius: 60px;
}


/* ボタンエリア */
ul.guide_info .acdn dd .bt_bl {
	margin: 30px 0 0;
}

ul.guide_info .acdn dd .bt_bl .attention {
	font-size: 14px;
	text-align: center;
	margin: 0 0 20px;
}

ul.guide_info .acdn dd .bt_bl a {
	display: block;
	max-width: 400px;
	color: #1E2B30;
	font-size: 12px;
	text-align: center;
	margin: 15px auto 0;
	padding: 6px 0;
	border: 1px solid #638FA2;
	border-radius: 30px;
	transition: 0.5s;
}
ul.guide_info .acdn dd .bt_bl a:hover {
	color: #fff;
	background: #638FA2;
	transition: 0.5s;
}





/* media Queries PC //////////////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------------------------- 810px */
@media only screen and (min-width:810px) {


/* -------------------------------------------------------------
　ホテルTOP
------------------------------------------------------------- */

/* 周辺観光
------------------------------------------------------------- */

#access_bl .tour_bl article.item_1 {
	background: url(/yokohama/img/top/tourism_1.jpg) center top no-repeat;
	background-size: cover;
}
#access_bl .tour_bl article.item_2 {
	background: url(/yokohama/img/top/tourism_2.jpg) center top no-repeat;
	background-size: cover;
}
#access_bl .tour_bl article.item_3 {
	background: url(/yokohama/img/top/tourism_3.jpg) center top no-repeat;
	background-size: cover;
}



/* -------------------------------------------------------------
　客室案内
------------------------------------------------------------- */

/* TOPイメージ
------------------------------------------------------------- */

#stay #page_title {
	background: url(/yokohama/img/stay/h1_bg.jpg) center top no-repeat;
	background-size: cover;
}



/* -------------------------------------------------------------
　館内施設
------------------------------------------------------------- */

/* TOPタイトル
------------------------------------------------------------- */

#facilities #page_title {
	background: url(/yokohama/img/facilities/h1_bg.jpg) center top no-repeat;
	background-size: cover;
}



/* -------------------------------------------------------------
　朝食
------------------------------------------------------------- */

/* TOPタイトル
------------------------------------------------------------- */

#bf #page_title {
	background: url(/yokohama/img/bf/h1_bg.jpg) center top no-repeat;
	background-size: cover;
}



/* -------------------------------------------------------------
　アクセス
------------------------------------------------------------- */

/* TOPタイトル
------------------------------------------------------------- */

#access #page_title {
	background: url(/yokohama/img/access/h1_bg.jpg) center top no-repeat;
	background-size: cover;
}



/* ルート案内
------------------------------------------------------------- */

ul.guide_info .lead {
	font-size: 14px;
	margin: 18px 0;
}


ul.guide_info .acdn dt {
	font-size: 14px;
	padding: 18px 50px 18px 0;
	background: url(/img/common/mk_plus_blue.svg) 98% 50% no-repeat;
	background-size: 22px auto;
}
ul.guide_info .acdn dt.on {
	background: url(/img/common/mk_minus_blue.svg) 98% 50% no-repeat;
	background-size: 22px 2px;
}

ul.guide_info .acdn dt .route_ttl {
	width: 96px;
	font-size: 14px;
	padding: 0 30px 0 0;
}

ul.guide_info .acdn dt .route_ttl span {
	font-size: 12px;
}

ul.guide_info .acdn dt h4 {
	width: calc(100% - 96px);
	font-size: 14px;
}



ul.guide_info .acdn dd {
	font-size: 14px;
	padding: 0 0 60px;
}

ul.guide_info .acdn dd ul.route_detail {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
}

ul.guide_info .acdn dd ul.route_detail li:nth-child(odd) {
	width: 210px;
	padding: 0 30px 20px 0;
}
ul.guide_info .acdn dd ul.route_detail li:nth-child(even) {
	width: calc(100% - 210px);
	padding: 0 0 20px;
}


ul.guide_info .acdn dd ul.route_detail li .circle {
	width: 30px;
	height: 30px;
	font-size: 16px;
	margin: 0 0 5px;
	padding: 6px 0 0;
}


/* ボタンエリア */
ul.guide_info .acdn dd .bt_bl {
	margin: 10px 0 30px;
}

ul.guide_info .acdn dd .bt_bl .attention {
	font-size: 16px;
}

ul.guide_info .acdn dd .bt_bl a {
	font-size: 14px;
}





}/* /810 */