@charset "Shift_JIS";

@media only screen and (max-width: 767px) {

ul {
	list-style: circle;
}

br.clear {
	clear			: both;
	font			: 0/0 sans-serif;
}

.nocss {
	display: none;
}

.nocssread {
	display: none;
}

/*
 Mac IE 5以外のブラウザは以下を読み込みます。
\*/
.nocssread {
	display: block;
	position:absolute;
	left:-9999px;
	width:9999px;
}
/*
 Mac IE 5以外のブラウザは以下を読み込みます。
*/

/* -------------------------------------------------- */
/* レイアウト */
/* -------------------------------------------------- */

#container {
	width: 100%;
	margin: 0px auto;
	padding: 0px;
	background-color:#FFF;
	border: none;
	voice-family: "\"}\"";
	voice-family: inherit;
}
html>div#container {
	width: 100%;
}

#wrapper {
	width: auto !important;
	margin: 0px 1vw 30px 1vw;
	padding: 0px 0px 0px 0px;
    position: relative;
}

#main {
	width: 100%;
	margin: 0px 0px 30px 0px;
	padding: 0px;
	text-align: left;
	/*float: left;*/
}

#side {
	width: 100%;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	/*float: right;*/
}

/* -------------------------------------------------- */
/* ヘッダー */
/* -------------------------------------------------- */

#fm_logo {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
}

#header {
	width: auto;
	height: auto;
    background-position: top center;
}

#header h1 {
    text-align: center;
	margin: 0px !important;
    padding: calc(100vw*0.05) 0 0 0;
}
#header .description {
    text-align: center;
	margin: 1em 0;
}


.calendar table {
	width: 100%;
}

.entry h2 {
	background-size: cover;
}

#side h3 {
    width: auto;
    height: auto;
    background-size: cover;
}

#container img {
    max-width: 100% !important;
    height: auto !important;
}



/* -------------------------------------------------- */
} /* end media */