@charset "utf-8";


/* !teaser
---------------------------------------------------------- */
#teaser{
	background:url(/en/facilities/img/room_teaser_pc.jpg) center center no-repeat;
	text-align:center;
	width:100%;
	background-size:cover;
}
@media screen and (max-width: 1280px){
#teaser{
	padding: 0;
}
}
.lines-on-sides::after {
    border-left: 1em solid #E9EDD2;
    border-right: 1em solid #E9EDD2;
}
.lines-on-sides::before {
    border-right: 1em solid #E9EDD2;
    border-left: 1em solid #E9EDD2;
}
.lines-on-sides::after, .lines-on-sides::before {
    content: '';
    display: table-cell;
    width: 50%;
    -webkit-background-clip: padding;
    background-clip: padding;
    background-image: url(../img/line_parts.png);
    background-position: center;
    background-repeat: repeat-x;
}
.lines-on-sides {
    display: table;
    white-space: nowrap;
}
h2.section_main_tit{
    color: #751603;
    font-size: 40px;
}


@media screen and (max-width: 1280px){
#teaser{
	padding: 0;
}
}

/*@media screen and (max-width: 959px) {
#teaser{
	background:url(/wp/wp-content/themes/bb_inn/assets/facilities/img/facilities_teaser_ts.jpg) center center no-repeat;
	background-size:cover;
}
}*/
/* !facilities
---------------------------------------------------------- */
.facilitiesguidein{
	padding: 60px 0 50px;
}
.facilitiesguide .facilitiesguidetit{
	font-size: 24px;
	text-align: center;
	line-height: 1;
}
.facilitiesguide .guidecomment{
	font-size: 14px;
	line-height: 24px;
	margin: 25px 0 60px;
	text-align: center;
}
.facilitiesanchor ul{
	margin: 0 0 0 -13px;
}
.facilitiesanchor ul li{
	float: left;
	width: 25%;
	box-sizing: border-box;
	padding: 0 0 0 13px;
}
@media screen and (max-width: 959px){
.tablefirst td{
	word-break:break-all;
}
}
@media screen and (max-width: 767px){
.facilitiesguidein{
	padding: 30px 0 25px;
}
.facilitiesguide .facilitiesguidetit{
	font-size: 18px;
	line-height: 1;
}
.facilitiesguide .guidecomment{
	font-size: 14px;
	line-height: 24px;
	margin: 15px 0 20px;
	text-align: left;
}
.facilitiesanchor ul li{
	width:100%;
	margin:0 0 10px 0;
}
}
.facilitiesmap .maptitstyle{
	text-align:center;
	font-size:30px;
	line-height:36px;
	margin:0 0 40px 0;
}
.facilitiesmap{
	padding:50px 0 90px;
}
.facilitiesmap .mapbox{
	text-align:center;
}
@media screen and (max-width: 767px){
.facilitiesmap{
	padding:25px 0 35px;
	background:#e0faff;
}
}
.facilitiein{
	padding:50px 0 60px;
	position:relative;
}
.facilitiein .ttlfirst{
	margin:0 0 50px;
}
.facilitieinlist>ul{
	margin:0 0 0 -20px;
}
.facilitieinlist>ul>li{
	float:left;
	width:33.33%;
	box-sizing:border-box;
	margin:0 0 30px 0;
	padding:0 0 0 20px;
}
.facilitieinlist .facilitieinfo{
	background:#fff;
}
.facilitieinlist .facilitieinfo img {
	width: 100%;
}
.facilitieinlist .facilitieinfo .txtbox{
	padding:20px 30px 50px 30px;
	letter-spacing:-1px;
}
.facilitieinlist .facilitieinfo .txtbox .titfacilitiein{
	font-size:28px;
	color:#4c3100;
	text-align:center;
	margin:0 0 30px 0;
}
.facilitieinlist .facilitieinfo .txtbox .titfacilitiein span{
	display:block;
	font-size:18px;
}
.facilitieinlist .facilitieinfo .txtbox .txt{
	margin:0 0 20px 0;
}
.facilitieinlist .facilitieinfo .txtbox .tablefirst td{
	padding:10px;
}
.facilitieinlist .facilitieinfo .txtbox .tablefirst td span{
	margin:0 0 10px 0;
	display:block;
}
@media screen and (max-width: 959px){
.facilitieinlist .facilitieinfo .txtbox{
	padding:10px;
}
.facilitieinlist .facilitieinfo .txtbox .titfacilitiein{
	font-size:22px;
}
}
@media screen and (max-width: 767px){
.facilitiein{
	padding:50px 0 0;
}
.facilitiein:after{
	position:absolute;
	content:"";
	width:100%;
	height:20px;
	background-size:100%;
	top:0;
	left:0;
}
.facilitieinlist>ul>li{
	width:100%;
	margin:0 0 15px 0;
}
.facilitiein h3{
	margin:0 0 25px 0;
}
.facilitiein .inner{
	padding:0;
}
.facilitieinlist .facilitieinfo .txtbox{
	padding:10px;
}
.facilitiein .tablefirst th,
.facilitiein .tablefirst td{
	display:block;
	width:100%;
	box-sizing:border-box;
}
.facilitieinlist .facilitieinfo .txtbox .titfacilitiein{
	margin:0 0 15px 0;
	font-size:25px;
}
}

.servicebox {
	max-width: 1260px;
	margin: 40px auto;
}
.serviceboxin{
	float:left;
	width:50%;
	box-sizing:border-box;
	padding:10px;
}
.serviceboxin dl{
	display:table;
	background:#fff;
	box-shadow:0 0 4px 2px rgba(0,0,0,0.1);
	width:100%;
	box-sizing:border-box;
}
.serviceboxin dl dt{
	display:table-cell;
	width:47%;
	box-sizing:border-box;
}
.serviceboxin dl dd{
	display:table-cell;
	width:53%;
	box-sizing:border-box;
	padding:0 20px;
	vertical-align:middle;
}
.serviceboxin dl dd .titservicebox{
	font-size:28px;
	color:#4c3100;
	text-align:center;
	margin:0 0 15px 0;
}
.ttlfirst{
	margin:0 0 70px 0;
}
@media screen and (max-width: 959px){
.serviceboxin{
	width:100%;
	margin:0 0 15px 0;
}
.serviceboxin dl dt{
	width:35%;
}
}
@media screen and (max-width: 767px){
.facilitieinlist .facilitieinfo .imgbox{
	text-align:center;
}
.servicebox{
	padding:0 10px;
}
.ttlfirst{
	margin:0 0 30px 0;
}
.serviceboxin dl,
.serviceboxin dl dt,
.serviceboxin dl dd{
	display:block;
	width:100%;
}
.serviceboxin dl dt img{
	width:100%;
}
.serviceboxin dl dd{
	padding:15px 10px;
	letter-spacing:-1px;
}
.serviceboxin dl dd .titservicebox{
	color:#000;
	text-decoration:underline;
	margin:0 0 15px 0;
}
.textservicebox {
	text-align: center;
}
}
.overviewbox{
	background:#f8feff;
	padding:100px 0 50px;
	position:relative;
}
.overviewbox .ttlfirst{
	margin:0 0 50px 0;
}
@media screen and (max-width: 767px){
.overviewbox{
	padding:50px 0 50px;
	position:relative;
}
.overviewbox .ttlfirst{
	margin:0 0 25px 0;
}
}
@media screen and (max-width: 959px){
ul.anchornavi__navi.second_nav
{
	margin-top: -30px;
}

}