@charset "utf-8";

/* kv
----------------------------------------------------------- */

#menuCon h3.exTxt {
    font-size: 260%;
    text-align: center;
    padding: 30px 0 100px 0;
}

#kvWrap {
    background: url(../../img/breakfast/pic_main.jpg) no-repeat 50% 0;
    background-size: cover;
}

/* restWrap
----------------------------------------------------------- */

#restWrap {
	padding-bottom: 60px;
}
#resrCon {
	padding: 60px 0;
}

#resrCon .left {
	width: 485px;
	float: left;
}
#resrCon .right {
	width: 470px;
    float: right;
    padding-left: 22px;
    border-left: 1px solid #E0E0E0;
}

#resrCon .left .ttl02 {
	margin-bottom: 5px;
}
#resrCon .shopTtl {
	border: 1px solid #00ade8;
    padding: 10px 0;
    color: #00ade8;
    text-align: center;
    margin-bottom: 25px;
    font-size: 180%;
    font-weight: bold;
}
#resrCon .restName {
	font-size: 180%;
	font-weight: bold;
	padding-left: 40px;
	margin-bottom: 15px;
	background: url(../../img/common/listhead10.png) no-repeat 0 50%;
}
#restInfo img {
	width: 100%;
	height: auto;
}
#restInfo table {
	font-size: 120%;
}
#restInfo table th {
	width: 70px;
}
#restInfo table th span {
	color: #00ade8;
	font-weight: bold;
}

#resrCon .right ul li {
	display: table;
	margin-bottom: 20px;
}
#resrCon .right ul li a:hover {
	text-decoration: none;
}
#resrCon .right .shopImg {
	display: table-cell;
	width: 200px;
	padding-right: 10px;
}
#resrCon .right .shopImg img {
	width: 100%;
	height: auto;
}
#resrCon .right .txtBox {
	display: table-cell;
	vertical-align: top;
}
#resrCon .right .txtBox h4 {
	font-size: 160%;
    font-weight: bold;
    padding-bottom: 3px;
    margin-bottom: 8px;
    border-bottom: 1px solid #E0E0E0;
}
#resrCon .right .txtBox h4 span {
	font-size: 12px;
    font-weight: normal;
    color: #fff;
    background: #00ade8;
    padding: 3px 5px;
    text-align: center;
    margin-left: 20px;
}

/*
.leadWrap > .wrapper {
	position: relative;
}
*/

/*
.leadWrap #subImg {
	width: 518px;
	height: 366px;
	position: absolute;
	top: -90px;
	right: 30px;
}
*/

/*
.leadWrap .lead {
	width: 600px;
	margin-bottom: 0;
}
*/




/*
#resrCon h3 {
	font-size: 260%;
	font-weight: bold;
	padding-left: 40px;
	margin-bottom: 40px;
	background: url(../../img/common/listhead10.png) no-repeat 0 50%;
}
*/



/*
#restInfo .left {
	width: 660px;
	float: left;
}

#restInfo .right {
	width: 310px;
	float: right;
}
*/

/*
#restInfo .right h4 {
	font-size: 170%;
	font-weight: bold;
	color: #00ade8;
	margin-bottom: 10px;
	line-height: 1.4;
}

#restInfo .right .restTxt {
	font-size: 120%;
	padding-bottom: 30px;
	margin-bottom: 15px;
	border-bottom: 1px solid #d3d3d3;
}
*/



/* pointList---------- */

/*
.pointList li {
	width: 220px;
	float: left;
	margin-right: 40px;
}

.pointList li:last-child {
	margin-right: 0;
}

.pointList li .left {
	margin-bottom: 10px;
}

.pointList li .right .pointTtl {
	font-size: 120%;
	font-weight: bold;
	color: #00ade8;
	border: 1px solid #00ade8;
	padding: 8px 0;
	margin-bottom: 15px;
	text-align: center;
	box-sizing: border-box;
}
*/

/* menuCon
------------------------------------ */

#menuCon {
	padding: 60px 0;
	background: #efefed;
}

#tabWrap {
	padding-top: 30px;
}

#tabWrap .tabBox {
	margin-bottom: 40px;
}

#tabWrap .tabCon .tabBox:last-child {
	margin-bottom: 0;
}

#tabWrap .tabBox .inner {
	margin-bottom: 20px;
}

#tabWrap .tabBox .left {
	width: 340px;
	float: left;
}

#tabWrap .tabBox .right {
	width: 620px;
	float: right;
}

#tabWrap .tabBox .right h3 {
	margin-bottom: 15px;
	font-size: 170%;
	color: #00ade8;
}

#tabWrap .tabBox .right .txt {
	margin-bottom: 20px;
}
#tabWrap .tabBox .right .txt img {
	max-width: 100%;
	height: auto;
}
#tabWrap .tabBox .right .txt p {
	margin-bottom: 15px;
}
#tabWrap .tabBox .right .txt ol,
#tabWrap .tabBox .right .txt ul {
	margin-bottom: 15px;
	padding-left: 20px;
}
#tabWrap .tabBox .right .txt ul li {
	list-style: disc;
}
#tabWrap .tabBox .right .txt ol li {
	list-style: decimal;
}

#tabWrap .tabBox .right .infoBox {
	margin-bottom: 20px;
}

#tabWrap .tabBox .right .infoBox dl {
	width: 290px;
	float: left;
	margin-right: 40px;
	padding: 15px 0;
	box-sizing: border-box;
	border-top: 1px dotted #d3d3d3;
	border-bottom: 1px dotted #d3d3d3;
}
#tabWrap .tabBox .right .infoBox dl:last-child {
	margin-right: 0;
}
#tabWrap .tabBox .right .infoBox.noFloat dl {
	width: 100%;
	margin-right: 0;
	float: none;
}

#tabWrap .tabBox .right .infoBox dl dt {
	display: inline-block;
	padding-right: 20px;
	color: #00ade8;
	font-size: 120%;
	font-weight: bold;
}

#tabWrap .tabBox .right .infoBox dl dd {
	display: inline-block;
	font-size: 120%;
}

#tabWrap .tabBox .right .btn02 {
	width: 305px;
	float: left;
	margin-right: 10px;
}
#tabWrap .tabBox .right .btn03 {
	width: 305px;
	float: left;
}


#tabWrap .tabBox .menuTgl {
	font-size: 120%;
	border: 4px solid #d3d3d3;
	background: #fff;
}

#tabWrap .tabBox .menuTgl dt {
	padding: 15px;
	box-sizing: border-box;
	cursor: pointer;
	background: url(../../img/common/listhead11_dw.png) no-repeat 95% 50%;
}

#tabWrap .tabBox .menuTgl dt.collapse-open {
	border-bottom: 1px dotted #d3d3d3;
	background: url(../../img/common/listhead11_up.png) no-repeat 95% 50%;
}

#tabWrap .tabBox .menuTgl dd > div {
	padding: 15px;
}

#tabWrap .tabBox .menuTgl dd > div p {
	margin-bottom: 15px;
}
#tabWrap .tabBox .menuTgl dd > div ol,
#tabWrap .tabBox .menuTgl dd > div ul {
	margin-bottom: 15px;
	padding-left: 20px;
}
#tabWrap .tabBox .menuTgl dd > div ul li {
	list-style: disc;
}
#tabWrap .tabBox .menuTgl dd > div ol li {
	list-style: decimal;
}


/* bnrInfo ----------- */

#bnrInfo {
	padding-top: 50px;
}

/* chefBox ----------- */

#resrCon .left .ttl02 {
	margin-bottom: 10px;
}
.chefBox {
	display: table;
	margin-bottom: 15px;
}
.chefBox .chefImg {
	display: table-cell;
	width: 250px;
	height: auto;
	padding-right: 20px;
}
.chefBox .chefImg img {
	width: 100%;
	height: auto;
}
.chefBox .txt {
	display: table-cell;
	vertical-align: top;
	font-size: 120%;
}

/* menuCon ver2
----------------------------------------------------------- */

#menuCon.ver2 ul {
	margin-bottom: 15px;
}
#menuCon.ver2 ul li {
	width: 320px;
	height: auto;
	float: left;
	margin-right: 20px;
}
#menuCon.ver2 ul li:last-child {
	margin-right: 0;
}
#menuCon.ver2 ul li img {
	width: 100%;
	height: auto;
}







/* breakfast --------- */

.breakfastWrap {
	padding: 60px 0;
	background: #efefed;
}

.breakfastWrap .left {
	width: 620px;
	float: left;
}

.breakfastWrap .left_ {
	width: 320px;
	float: left;
}


.breakfastWrap .right {
	width: 350px;
	float: right;
}

.breakfastWrap .right .txt {
    color: #00ade8;
    margin-bottom: 25px;
    font-size: 180%;
    font-weight: bold;
}
	
	
.breakfastWrap .right_ {
	width: 620px;
	float: right;
}


.breakfastWrap .left_ .txt  {
    color: #00ade8;
    margin-bottom: 25px;
    font-size: 180%;
    font-weight: bold;
}


.breakfastWrap .tblTxt span {
	font-weight: bold;
	color: #00ade8;
}


#telBox {
	max-width: 1000px;
	text-align: center;
	margin: 25px auto 60px;
}

#telBox h3 {
	color: #00ade8;
	border: 1px solid #00ade8;
}

#telBox p {
	color: #00ade8;
}


.attTxt {
	font-size: 120%;
	margin-top: 15px;
}

.Listparking{
	padding-bottom: 8px;
	margin-bottom: 10px;
	/*border-bottom: 1px solid #d3d3d3;*/
}
.Listparking li{
	width: 310px;
}


.ListBusstop{
	padding-bottom: 8px;
	margin-bottom: 10px;
}
.ListBusstop ul{
	display: flex;
}
.ListBusstop li{
	width: 310px;
	margin-right:10px
}

.Busstop{
	margin-top: 15px;
	padding-top:35px;
	border-top: 1px solid #d3d3d3;
}




.rListBox {
	padding-top: 30px;
	padding-bottom: 30px;
}

.rListBox ul li {
	width: 310px;
	height: 350px;
	float: left;
	margin-right: 35px;
	margin-bottom: 10px;
}

.rListBox ul li:nth-child(3) {
	margin-right: 0;
}

.rListBox ul li:last-child {
	margin-bottom: 0;
}

.rListBox ul li img {
	margin-bottom: 10px;
}

.rListBox ul li h3 {
	font-size: 150%;
	font-weight: bold;
	color: #00ade8;
	margin-bottom: 5px;
}

.rListBox ul li h3 span {
	display: block;
	font-size: 12px;
}

.rListBox ul li .rTxt {
	padding-bottom: 10px;
	margin-bottom: 5px;
	border-bottom: 1px solid #d3d3d3;
}

.rListBox ul li .dtlTxt {
	margin-bottom: 10px;
}

.rListBox ul li .dtlTxt span {
	color: #00ade8;
	font-weight: bold;
}

/* ----------- */

.breakfastFcBox {
	/*height: 566px;*/
	padding: 60px 0;
	box-sizing: border-box;
	background: #d3d3d3;
/* 	background-size: cover; */
}

.breakfastFcBox .inner {
	margin-bottom: 40px;
}

.breakfastFcBox .box {
	width: 1000px;
	height: 290px;
	padding: 30px;
	box-sizing: border-box;
	color: #fff;
	background: #3b3b3b;
	position: relative;
	z-index: 0;
}

.breakfastFcBox .box .txtPos {
	position: absolute;
	bottom: 20px;
	left: 30px;
	font-size: 120%;
}

.breakfastFcBox .box h3 {
	font-size: 150%;
	color: #00ade8;
	text-align: center;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #00ade8;
}

.breakfastFcBox .box h3 span {
	font-size: 13px;
	display: block;
}

.breakfastFcBox .box.left {
	float: left;
}

.breakfastFcBox .box.right {
	float: right;
}

#telBox {
	/*margin-top: 0;*/
}

#telBox h3 {
	color: #00ade8;
	border: 1px solid #00ade8;
}

#telBox p {
	color: #00ade8;
}

/*----table----*/
.Remarks h3 {
	font-size: 140%;
	text-align: center;
	font-weight: bold;
	background-color: #3b3b3b;
	color: #fff;
	margin-top: 15px;
}
.cleanBox p{
	font-size: 12px;
	margin-top: 13px;
	font-weight: bold;
}
.roomTable {
	border-collapse: collapse;
	text-align: center;
	line-height: 1.3;
	/*border: 1px solid #fff;*/
	font-size: 120%;
}
.roomTable thead,.roomTable thead th ,.roomTable td {
	border-right: 1px solid #fff;
}

.roomTable thead:first-child{
	border-left: 0px;
}
.roomTable thead {
	border-left: 1px solid #fff;
	/*border-bottom:2px solid #00ade8;*/
	background-color: #00ade8;
	color: #fff;

}
.roomTable thead th,.roomTable tbody th{
	padding: 10px;
	font-weight: bold;
}

.roomTable tbody th {
	width: 150px;
	border: 1px solid #fff;
	background-color: #00ade8;
	color: #fff;
	vertical-align: middle;
}
.roomTable td {
	width: 350px;
	padding: 10px;
	border-bottom: 1px solid #fff;
	background:#efefed;
	vertical-align: middle;
}

.roomTable li{
	text-align: left;
	list-style-type: inherit;
	margin-left: 8px;
}

.Extracharge{
	text-align: center;
}