@charset "utf-8";
/* ===================================================
	Lounge CSS
====================================================== */

#lounge #contents_wrap { padding-bottom: 0;}
#lounge main {
	display: block; padding: 0 0 85px;
	background: linear-gradient(to bottom, rgba(108, 75, 77, 0.9) 0%, rgba(154, 107, 110, 0.49) 67.308%, rgba(210, 146, 150, 0) 100%),
							url(../img/bg.jpg) center top;
	background-blend-mode: multiply, normal;
}

@media screen and (max-width: 600px) {
	#lounge main { padding-bottom: 70px;}
}


/* ---------------------------------------------------
 #lead_col
------------------------------------------------------ */
#lounge #lead_col { padding-bottom: 50px; background: none; text-align: center;}

#lounge #breadcrumb { }
#lounge #breadcrumb li,
#lounge #breadcrumb li a { color: #fff;}
#lounge #breadcrumb li:before { margin: 0 10px;}

#lounge #main_tit span:not(.tit) {
	display: inline-block; padding: 0 0 6px; margin: 0 0 20px; position: relative;
	border-bottom: 1px dotted #d0a0a6; color: #d0a0a6; font-size: 14px; letter-spacing: 0.2em;
}
#lounge #main_tit span:not(.tit):before,
#lounge #main_tit span:not(.tit):after {
	content: ''; width: 5px; height: 5px; position: absolute; bottom: -3px;
	background: #d0a0a6; border-radius: 50%;
}
#lounge #main_tit span:not(.tit):before { left: 0;}
#lounge #main_tit span:not(.tit):after { right: 0;}
#lounge #main_tit .tit { color: #fff; font-size: 35px; line-height: 1.46; letter-spacing: 0;}

#lounge #main_tit + p { padding-top: 20px; color: #fff;}

#lounge #lead_col .time {
	display: -webkit-flex; display: -ms-flex; display: flex;
	justify-content: center; margin: 20px 0 0; color: #f4d3d7; font-size: 14px;
}
#lounge #lead_col .time dt { padding: 6px 11px; margin: 0 15px 0 0; border: 1px solid #f4d3d7; line-height: 1;}
#lounge #lead_col .time dd { line-height: 1.8;}

@media screen and (max-width: 600px) {
	#lounge #lead_col { padding-bottom: 30px;}
	#lounge #main_tit span:not(.tit) { margin-bottom: 15px;}
	#lounge #main_tit .tit { font-size: 26px;}
	#lounge #main_tit + p { padding-top: 15px; font-size: 15px;}
	#lounge #lead_col .time { margin-top: 15px;}
}
@media screen and (max-width: 480px) {
	#lounge #main_tit .tit { font-size: 22px;}
}


/* ---------------------------------------------------
 .slide_col
------------------------------------------------------ */
#lounge .slide_col { width: 1100px; max-width: 96%; margin: 0 auto; position: relative;}
#lounge .slide_col .slick-slide img {
	width: 100%; height: 100%; min-width: 0; max-width: none; top: 0; left: 0;
	-o-object-fit: cover; object-fit: cover;
	-webkit-transform: none; -ms-transform: none; transform: none;
}
#lounge .slide_col .logo,
#lounge .slide_col .open { position: absolute; z-index: 5; font-size: 0; }
#lounge .slide_col .logo { width: 124px; left: 30px; bottom: 20px;}
#lounge .slide_col .open { width: 139px; top: 20px; right: 30px;}

@media screen and (max-width: 600px) {
	#lounge .slide_col { max-width: 92%;}
	#lounge .slide_col .slick_item,
	#lounge .slide_col .slick-slide,
	#lounge .slide_col .slick-slide img { height: calc(92vw * 750 / 1100); min-height: 0;}
	#lounge .slide_col .slick-prev,
	#lounge .slide_col .slick-next { min-width: 0; min-height: 0; width: 40px; height: 40px; padding: 0;}
	#lounge .slide_col .logo { width: 60px; left: 10px; bottom: 10px;}
	#lounge .slide_col .open { width: 70px; top: 10px; right: 10px;}
}


/* ---------------------------------------------------
 #low_cont
------------------------------------------------------ */
#low_cont { width: 1100px; max-width: 96%; margin: 0 auto; padding: 50px 0 0;}
#low_cont p,
#low_cont dd { font-size: 16px; line-height: 30px;}
#low_cont .txt { letter-spacing: 0.03em; text-align: center;}

#low_cont dl { width: 600px; max-width: 100%; margin: 20px auto 0;}
#low_cont dt { margin: 0 0 10px; font-size: 16px; line-height: 32px; letter-spacing: 0.06em;}
#low_cont dt:before {
	content: ''; display: inline-block; width: 14px; height: 14px; margin: 0 5px 0 0;
	background: #885b33; vertical-align: -1px;
}
#low_cont dd {
	padding: 20px 0; position: relative;
	border-top: 1px dotted #965b62; border-bottom: 1px dotted #965b62;
	letter-spacing: 0.06em; text-align: justify;
}
#low_cont dd:before,
#low_cont dd:after {
	content: ''; width: 5px; height: 5px; position: absolute; left: 0;
	background: #965b62; border-radius: 50%;
	box-shadow: 595px 0 0 #965b62;
}
#low_cont dd:before { top: -3px;}
#low_cont dd:after { bottom: -3px;}

#low_cont .btn { width: 600px; max-width: 100%; margin: 50px auto 0;}
#low_cont .btn a {
	display: block; min-width: 250px; padding: 19px 40px; position: relative;
	background: rgba(255, 255, 255, 0.4); border: 1px solid #ceaeb4;
	color: #8a3747; font-size: 17px; line-height: 1.8; text-align: center;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}
#low_cont .btn a:after {
	content: ''; width: 8px; height: 13px; position: absolute; top: 50%; right: 116px;
	background: url(../img/btn_arrow2.png) no-repeat left top;
	-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}
#low_cont .btn a:hover { background: rgba(255, 255, 255, 0.7); text-decoration: none;}

@media screen and (max-width: 600px) {
	#low_cont { width: 92%; padding-top: 30px;}
	#low_cont p,
	#low_cont dd { font-size: 15px; line-height: 1.8;}
	#low_cont .txt { text-align: left;}
	#low_cont .txt br,
	#low_cont dd br { display: none;}
	#low_cont dl { margin-top: 30px;}
	#low_cont dd { padding: 15px 0;}
	#low_cont dd:before,
	#low_cont dd:after { box-shadow: none;}
	#low_cont .btn { margin-top: 40px;}
	#low_cont .btn a { padding: 15px 40px 15px 20px; font-size: 15px;}
	#low_cont .btn a:after { right: 20px;}
}