@charset "euc-jp";
/*¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£
¡¡¡¡¥â¡¼¥Ë¥ó¥°¥Ó¥å¥Ã¥Õ¥§ÍÑcss¡¡¡Ê /morning_buffet/ ¡Ë
¡¡¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£¢£*/

h2.midasi {
	height: 335px;
	background-image: url(./img/midasi_pc.jpg);
}
.smart h2.midasi {
	display: none;
}
.smart .main_image,
.smart .main_image img {
	width: 100%;
	height: auto;
}

img[src*="_pc"],
.pc {
	display: block;
}

img[src*="_smt"],
.smt {
	display: none;
}

.smart img[src*="_pc"],
.smart .pc {
	display: none;
}

.smart img[src*="_smt"],
.smart .smt {
	display: block;
}


.float_off {
    display: block;
    clear: both;
    height: 0px;
    font-size: 0px;
    line-height: 0px;
    overflow: hidden;
}


/* pc */
.main {
	width: 880px;
}
.main h3 {
	color: #299ECC;
	text-align: center;
	font-size: 30px;
	line-height: 68px;
	font-family: "¥Ò¥é¥®¥ÎÌÀÄ« Pro W4", "Hiragino Mincho Pro", "HGSÌÀÄ«B", "MingLiU", "SimSun", "£Í£Ó £ÐÌÀÄ«", serif;
}
.main p {
	color: #231815;
	font-size: 14px;
	line-height: 25px;
	margin-bottom: 30px;
}

.main img.layout {
	float: left;
	zoom: 1;
	width: 355px;
}
.main .detail {
	float: right;
	width: 475px;
}
.main .detail strong {
	display: block;
	text-align: center;
	color: #C82828;
	font-size: 15px;
	line-height: 23px;
}
.main .detail img.point {
	display: block;
	width: 450px;
	zoom: 1;
	margin: 15px auto;
}
.main .detail h4 {
	display: block;
	width: 475px;
	height: 42px;
	color: #FFF;
	text-align: center;
	font-size: 18px;
	line-height: 42px;
	background: #4E3216;
	background-image: url(./img/flower_l.png),
	url(./img/flower_l.png);
    background-position: 5px center,calc(100% - 5px) center;
    background-repeat: no-repeat,no-repeat;
    background-size: 28px;
	
	behavior:url("/css/PIE.htc");
    -pie-background:url("/morning_buffet/img/flower_s.png") no-repeat 5px center,
    url("/morning_buffet/img/flower_s.png") no-repeat 437px center,
    #4E3216;
    position:relative;
}
.main .detail table {
	background: #FBEDDC;
	padding: 10px;
}
.main .detail table th,
.main .detail table td {
	padding: 0px;
	font-size: 14px;
	line-height: 24px;
}
.main .detail table th {
	white-space: nowrap;
	vertical-align: top;
	color: #4E3216;
	text-align: center;
}
.main .detail table td {
	color: #231815;
}
.main .detail table td span {
	color: #A6988A;
}
.main .detail table td.col {
	padding-top: 10px;
	font-size: 13px;
	line-height: 20px;
}

.main .contact_box {
	display: block;
	background: #299ECC;
	width: 860px;
	width : -webkit-calc(100% - 20px) ;
	width : calc(100% - 20px) ;
	margin: 30px auto;
	text-align: center;
	color: #FFF;
	padding: 20px 10px;
}
.main .contact_box b {
	display: block;
	font-size: 17px;
	line-height: 25px;
}
.main .contact_box strong {
	display: block;
	font-size: 33px;
	font-family: "¥Ò¥é¥®¥ÎÌÀÄ« Pro W4", "Hiragino Mincho Pro", "HGSÌÀÄ«B", "MingLiU", "SimSun", "£Í£Ó £ÐÌÀÄ«", serif;
	width : 90%;
	max-width: 600px;
	margin: 10px auto;
	padding-bottom: 10px;
	border-bottom: 1px solid #FFF;
}
.main .contact_box a.contact {
	display: block;
	color: #299ECC;
	font-size: 17px;
	line-height: 50px;
	height: 50px;
	background:url("./img/arrow_s.png") no-repeat 247px center #FFF;
	background: url(./img/arrow_l.png) no-repeat calc(100% - 18px) center #FFF;
    background-size: 18px;
	width : 98%;
	max-width: 300px;
	margin: 20px auto 10px;
	border-radius: 8px;
	filter:;
	opacity: 1;
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	-o-transition: all .5s linear;
	transition: all .5s linear;
	text-decoration: none;
	behavior:url("/css/PIE.htc");
    position:relative;
}
.main .contact_box a.contact:hover {
	filter: Alpha(opacity=70);
	opacity: .7;
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-o-transition: all .1s linear;
	transition: all .1s linear;
}
.main .contact_box span {
	display: block;
	font-size: 13px;
	line-height: 25px;
}


/* smt */
.smart .main {
	width: 100%;
	width : -webkit-calc(100% - 20px) ;
	width : calc(100% - 20px) ;
	padding: 0 10px 10px;
}
.smart .main h3 {
	font-size: 1.6em;
	line-height: 1.4em;
}
.smart .main p {
	font-size: 1.0em;
	line-height: 1.4em;
	margin: 10px auto 30px;
}

.smart .main img.layout {
	float: none;
	display: block;
	width: 100%;
	width : -webkit-calc(100% - 20px) ;
	width : calc(100% - 20px) ;
	max-width: 355px;
	margin: 0 auto 20px;
}
.smart .main .detail {
	float: none;
	width: 100%;
}
.smart .main .detail strong {
	display: block;
	font-size: 0.85em;
	line-height: 1.4em;
}
.smart .main .detail img.point {
	display: block;
	width: 100%;
	width : -webkit-calc(100% - 20px);
	width : calc(100% - 20px) ;
	max-width: 450px;
}
.smart .main .detail h4 {
	display: block;
	width: 100%;
	font-size: 1.4em;
}
.smart .main .detail table {
	padding: 5px;
	width: 100%;
}
.smart .main .detail table th,
.smart .main .detail table td {
	padding: 0px 0px 5px;
	font-size: 1.0em;
	line-height: 1.2em;
}
.smart .main .detail table td.col {
	padding-top: 10px;
	font-size: 0.9em;
	line-height: 1.2em;
}

.smart .main .contact_box strong a {
	color: #FFF;
	text-decoration: none;
}