html {
	font-size: 62.5%;
	}

body {
    width: 100%;
	color:#71696c;
	background: #ffffff url(../img/bg-dot.gif) repeat left top;
	border-top: 5px solid #ff9696;
	font-size: 1.4rem;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    line-height: 1.6;
	text-align: center;
	}


::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
	}

::selection {
    background: #b3d4fc;
    text-shadow: none;
	}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
	}

img {
    width: 100%;
	height: auto;
	vertical-align: middle;
	border: none;
	}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
	}

textarea {
    resize: vertical;
	}

a:link, a:visited {
    color: #2965b8;
	text-decoration: none;
	}

a:hover, a:active {
    color: #333333;
	text-decoration: underline;
	}




/* ==========================================================================
   Author's custom styles
   ========================================================================== */
#content, article	{
	width: 100%;
	margin: 0;
	padding: 0;
	}

header, #main, nav	{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background-color: #ffffff;
	}

#main	{
	padding: 0 0 50px;
	background-color: #ffffff;
	}

.item	{
	margin: 30px 0px;
}

.menu	{
	margin-top: 50px;
}

.menu section p	{
	text-align: left;
}

header h1	{
	margin: 0 auto;
	padding-top: 5px;
}

.menu section#plate-02, .menu section#plate-03, .menu section#plate-04	{
	margin-top: 55px;
}


.menu section strong	{
	display: block;
	width: 100%;
	margin: 50px auto 0;
	text-align: left;
}

.menu section strong img	{
}

.about p	{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #ffffff;
}

.menu section p	{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-color: #ffffff;
}


footer {
	padding: 30px 0;
	background-color: #ff9696;
	}

footer .inner {
	display: table;
	width: 100%;
	margin: 0 auto 20px;
	}

	footer .logo {
		display: table-cell;
		width: 1%;
		white-space: nowrap;
		text-align: center;
		}
	
	footer .ttl-footer {
		display: table-cell;
		text-align: center;
		font-size: 1.0rem;
		vertical-align: middle;
		}
	
	footer .logo-montedioyamagata {
		display: table-cell;
		width: 1%;
		white-space: nowrap;
		text-align: center;
		}
	
	footer .logo img, footer .logo-montedioyamagata img {
		width: 50px;
		margin: 0 10px;
		}
	
	footer .inner p	{
		margin: 10px 0 0;
		padding: 0;
		color: #ffffff;
		}
	
	footer small	{
		color: #ffffff;
		font-size: 0.8rem;
		}

nav	{
	padding-top: 10px;
	text-align: center;
	width: 100%;
}

nav ul	{
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

nav ul li	{
	display: table-cell;
	width: 100%;
	}

nav ul li a	{
	display: block;
	padding: 5px;
	}

.reset	{
	margin: 0 !important;
	padding: 0 !important;
}

.container	{
	padding: 0 20px;
}

.space-90	{
	margin-top: 90px;
}

img.w-075 {
    width: 75%;
	}


.unit:before,
.unit:after {
    content: " ";
    display: table;
	}

.unit:after {
    clear: both;
	}

.unit {
    *zoom: 1;
	}

#scroll-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#scroll-top a {
    display: block;
    color: #ffffff;
    background: #f78080;
    text-decoration: none;
    width:  50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	font-size: 30px;
	opacity: .5;
}
#scroll-top a:hover {
    text-decoration: none;
    background: #ff9696;
}


@media screen and (min-width: 768px) {
body {
	font-size: 1.8rem;
	}

#main	{
	padding-top: 50px;
}

nav ul	{
	float: left;
	width: 50%;
	margin: 0 auto;
}

.menu section h1	{
	padding-top: 0;
}

.menu section strong	{
	width: 75%;
}

.menu section strong img	{
	width: auto;
	height: 75px;
}

header img, h1.ttl-heavy img {
    width: 100%;
	}

img.w-075 {
    width: 60%;
	}

.menu section p	{
	width: 75%;
}



	footer .ttl-footer {
		font-size: 14px;
		}
	
	footer .logo img, footer .logo-montedioyamagata img {
		width: 100px;
		}


}

@media screen and (min-width: 960px) {
header, #main, nav	{
	width: 980px;
	}

nav ul:first-child	{
	margin-left: 66px;
}

nav ul	{
	float: left;
	width: 424px;
	margin: 0 auto;
}

nav ul.unit-3	{
	float: none;
	width: 850px;
}

.menu section#plate-02, .menu section#plate-03, .menu section#plate-04	{
	margin-top: 225px;
}

.menu section strong	{
	/*width: 680px;*/
	width: auto;
	margin-left: 130px;
}

.menu section strong.auto	{
	display: block;
	margin-left: 0;
	text-align: center;
}
.menu section strong.auto img	{
	height: auto;
}

.menu section strong img	{
	height: 98px;
}

.menu section p	{
	width: 680px;
}

.menu section p.auto	{
	width: 760px;
}

footer .inner {
	width: 980px;
	}

.container	{
	margin: 0;
}

.menu	{
	margin-top: 150px;
}

.menu section strong	{
	margin-top: 90px;
}

.about p, .menu section p	{
	font-size: 1.8rem;
}

header img, h1.ttl-heavy img, h1.fade-in img {
    width: auto !important;
	}


	footer .logo img, footer .logo-montedioyamagata img {
		width: auto;
		}

img.w-075, .about p img, p img.amenity {
    width: auto;
	}


}