@charset "utf-8";
header{
	display:none;
}
#cafe{
	width:100%;
	overflow-x:hidden;
	text-align:center;
	position:relative;
}
#cafe section#bg01 {
	background: url(../img/cafe/c_bg01.jpg) no-repeat center center;
	background-size: cover;
	height: 570px !important;
	margin: 0 auto 187px;
	min-width: 100%;
	position:relative;
	margin-bottom:60px;
}
#cafe section#bg01 .cont_ttl{
	position:absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width:597px;
	height:25px;
}
#cafe section#bg02 {
	background: url(../img/cafe/c_bg02.jpg) no-repeat center center;
	background-size: cover;
	height: 380px !important;
	margin: 0 auto 187px;
	min-width: 100%;
	position:relative;
	margin-bottom:30px;
}
#cafe .photo{
	margin-bottom:60px;
}
#cafe .menu_ttl,
#cafe .service_ttl{
	margin:50px 0 80px 0;
}
#cafe ul.menu_list{
	width:960px;
	margin:0 auto;
}
#cafe ul.menu_list li{
	width:49%;
	display:inline-block;
}
#cafe ul.menu_list .title{
	width:90%;
	background:#000;
	padding:5px;
	margin:0 auto;
}
#cafe ul.menu_list .title img{
	vertical-align:middle;
}
#cafe ul.menu_list li .notes{
	font-size:16px;
	margin:30px auto 80px 0;
	width:100% !important;
	letter-spacing:3px;
	text-align: center !important;
}
#cafe ul.menu_list li .menu{
	text-align:left;
	margin:0 auto 50px auto;
	width:90%;
}
#cafe ul.menu_list li .menu .name{
	font-size:18px;
	font-weight:bold;
}
#cafe ul.menu_list li .menu span{
	display:block;
}
#cafe ul{
	width:890px;
	margin:30px auto;
}
#cafe ul li{
	width:49%;
	display:inline-block;
	vertical-align:text-top;
}

#cafe .btn_link{
	background:#b1184b;
	padding:10px 30px;
	width:240px;
	color:#fff;
	font-size:16px;
	margin:20px 0;
	text-align:center;
}
#cafe .btn_link a{
	color:#fff;
}
#cafe .sv_info{
	margin:0px auto;
	text-align:left;
	width:810px;
}
#cafe .sv_info p{
	margin-top:20px;
}
#cafe .sv_info .ttl{
	margin-top:30px;
	font-size:14px;
}
#cafe .sv_info2{
	margin:0px auto 30px auto;
	text-align:left;
	width:100%;
	font-weight:bold;
}
#cafe .sv_info2 ul{
	width:100%;
	margin-top:0;
	padding-left:0;
}
#cafe .sv_info2 ul li{
	display:block;
	width:100%;
	padding-left:10px;
	text-align:left;
	padding:5px 10px 5px 0;
	font-size:14px;
	font-weight:bold;
}
#cafe .rv{
	width:810px;
}
#cafe .rv .tel_link,
#cafe .rv .mail{
	text-align:left;
}
#cafe .rv .notes{
	width:85%;
	text-align:right;
	margin:0 auto;
	font-size:12px;
}

/* サービス外注釈 */
#cafe .notes{
	    width: 980px;
    margin: 30px auto 20px;
    text-align: right;
    font-size: 12px;
}
	
@media screen and (max-width: 670px){
	#cafe{
		padding-top: 54px;
		padding-bottom:50px;
	}
	#cafe section#bg01,
	#cafe section#bg02{
		width:100% !important;
		height:120px !important;
		background-size: 100% auto;
		margin-bottom:10px !important;
		background-position:0 !important;
	}
	#cafe section#bg01 .cont_ttl{
		width:100%;
		top:2vh;
	}
	#cafe section#bg01 .cont_ttl img{
		width:90%;
		margin: 0 auto;
		display: block;
	}
	#cafe .menu_ttl,
	#cafe .service_ttl{
		margin:30px 0 50px 0;
	}
	#cafe .sv_info,
	#cafe ul,
	#cafe ul.menu_list li .menu,
	#cafe ul.menu_list .title,
	#cafe .btn_link{
		width:100%;
	}
	#cafe ul.menu_list,
	#cafe .sv_info p.info_txt,
	#cafe .rv{
		width:90%;
		margin:0 auto;
		padding:0;
	}
	#cafe ul.menu_list,
	#cafe .sv_info{
		padding-left:0;
	}
	#cafe .menu_ttl img,
	#cafe .service_ttl img{
		width:30%;
	}
	#cafe ul.menu_list li,
	#cafe .sv_info2 li,
	#cafe ul li,
	#cafe .title,
	#cafe .sv_info2 li:first-child,
	#cafe .notes{
		display:block;
		width:100%;
	}
	#cafe ul.menu_list p,
	#cafe .sv_info p{
		font-size:0.9em;
	}
	#cafe ul.menu_list .name{
		font-size:1em;
	}
	#cafe p img{
		width:100%;
		padding:0;
	}
	#cafe .photo img{
		width:90%;
		margin:0 auto;
		padding:0;
	}
	#cafe ul.menu_list li .menu,
	#cafe ul.menu_list li .notes,
	#cafe .sv_info2{
		font-size:0.8em;
		letter-spacing:0;
	}
	#cafe ul.menu_list li .menu .name{
		font-size:1em;
	}
	#cafe ul.menu_list li .notes{
		margin-bottom:50px;
	}
	#cafe ul.menu_list li:first-child .title img{
		width:190px;
	}
	#cafe ul.menu_list li:first-last .title img{
		width:276px;
	}
	
	#cafe .big_photo{
		width:125%;
		margin-left:-12%;
	}
	#cafe .big_photo2{
		width:140%;
		margin-left:-30%;
	}
	#cafe .sv_info .ttl_img{
		width:150%;
		margin-bottom:20px;
	}
	#cafe .tel_link img,
	#cafe .room{
		width:70%;
	}
	#cafe .room{
		margin:20px auto;
	}
	#cafe .room img,
	#cafe .rv .notes{
		width:100%;
	}
	#cafe .notes.sp{
		margin-bottom:10px;
	}
	#pageTop {
		position:absolute;
		padding:0;
		bottom: 10px;
		text-align:right;
		right: 2%;
	}
	#pageTop img{
	width:50% !important;
	}
	#cafe .photo{
		margin-bottom:30px;
	}

}