@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : homepage.css
 author     : Ability Consultant
 style info : トップページ
=================================================================== */
/* -----------------------------------------------------------
	楽天サイトバー調整（各デザインごとに要調整）
----------------------------------------------------------- */
.con_pannel {
	padding-top: 60px;
}

.con_pannel .box_nav {
	max-width: 860px;
	margin: 0 auto;
	letter-spacing: -.4em;
	text-align: center;
	position: relative;
}

.con_pannel .box_nav:before {
	background: url(../room/images/nav_bg.png);
	content: '';
	position: absolute;
	top: 50px;
	left: -45px;
	width: 950px;
	height: 215px;
	display: block;
	z-index: -10;
}

.con_pannel .box_nav li {
	display: inline-block;
	letter-spacing: normal;
	margin-left: 20px;
	vertical-align: top;
	-webkit-transition: 500ms ease;
	-moz-transition: 500ms ease;
	-o-transition: 500ms ease;
	transition: 500ms ease;
}

.con_pannel .box_nav li:nth-child(4n+1) {
	margin-left: 0;
}

.con_pannel .box_nav li:nth-child(n+5) {
	margin-top: 15px;
}

.con_pannel .box_nav li a {
	display: block;
	padding-bottom: 15px;
}

.con_pannel .box_nav li:hover .img:after {
	opacity: 1;
}

.con_pannel .box_nav li .img {
	position: relative;
}

.con_pannel .box_nav li .img:after {
	-webkit-transition: 200ms ease;
	-moz-transition: 200ms ease;
	-o-transition: 200ms ease;
	transition: 200ms ease;
	content: '';
	border-bottom: 3px solid #b80018;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: block;
	opacity: 0;
}

.con_pannel .box_nav li .txt {
	margin-top: 20px;
	font-size: 124%;
	font-family: "Noto Serif JP", "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "メイリオ", Meiryo, "Times New Roman", Times, Garamond, Georgia, serif;
	letter-spacing: .15em;
	line-height: 1.6;
}

.con_pannel .box_intro p {
	margin-top: 50px;
}

.con_pannel .st {
	text-align: center;
	margin-top: 70px;
}

.con_pannel .box_room li {
	margin-top: 80px;
}

.con_pannel .box_room li .btn {
	font-size: 116%;
	text-align: center;
	letter-spacing: normal;
	position: relative;
	top: -28px;
	width: 325px;
	margin: 0 auto;
	background: #fff;
}

.con_pannel .box_room li .btn a {
	background-color: #b80018;
	display: block;
	width: 100%;
	padding: 1.2em 0;
	color: #fff !important;
	text-decoration: none !important;
	font-family: "Noto Serif JP", "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "メイリオ", Meiryo, "Times New Roman", Times, Garamond, Georgia, serif;
}

.con_pannel .box_room li .btn a:after {
	content: '\F105';
	font-family: FontAwesome;
	color: #fff;
	margin-left: 2em;
}

.con_pannel .box_room li .txt {
	font-size: 116%;
	padding: 1em .2em;
}

.con_pannel .box_bath {
	margin-top: 110px;
}

/* -----------------------------------------------------------
	.con_intro
----------------------------------------------------------- */

/*# sourceMappingURL=../maps/room.css.map */