@charset "utf-8";

body{
	font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Arial, sans-serif;
	color : #333333;
	font-size:100%;
}
div.container {
	width : 100%;

	background : #ffffff;
margin: 0px auto;
}
a {
text-decoration:none;
color:#006699;
}
section {
padding:0 5px;
border-top:1px solid #cccccc;
width:95%;
}
section.header {
padding:2px;
border:none;
}
div.title {
font-size:1.3em;
font-weight:bold;
color:#003399;
text-align:center;
margin:0 5px;
}
div.cont {
font-size:1.0em;
margin:5px auto;
}
div.img {
text-align:center;
}
div.hon {
text-align:center;
font-size:1.0em;
font-weight:bold;
color:#0066cc;
background:#ffffff;
border-radius:7px;
padding:5px;
}
div.mida {
width:95%;
background:#ffefef;
padding:7px;
margin:7px auto;
border-radius:7px;
}
div.mida2 {
width:95%;
font-size:1.0em;
font-weight:bold;
color:#ff6666;
background:#efefff;
padding:7px;
margin:7px auto;
border-radius:7px;
}
div.mida3 {
width:95%;
font-size:1.0em;
color:#000066;
background:#dbffdb;
padding:7px;
margin:7px auto;
border-radius:7px;
}

div.tel {
font-size:1.4em;
font-weight:bold;
color:#6633cc;
}
div.sml {
font-size:0.8em;
font-weight:normal;
color:#333300;
padding:25px 30px;
}
span.sml2 {
font-size:0.8em;
font-weight:normal;
color:#996600;
}
span.week2 {
font-size:1.1em;
color:#0066cc;
font-weight:bold;
}
.flex {
display:flex;
margin:5px auto;
width:80%;
}
.highlow {
text-align:center;
font-weight:bold;
color:#ff6600;
}
div.time {
font-size:0.8em;
color:#009999;
}
div.copyright {
font-size:0.7em;
color:#a0a0a0;
text-align:center;
}
button.return {
margin:7px auto;
padding:6px;
font-size:1.2em;
font-weight:bold;
width:180px;
background:#ffbcbc;
border-radius:8px;
border:none;
}
button.expand {
margin:7px auto;
padding:6px;
font-size:1.2em;
font-weight:bold;
width:180px;
background:#a8d3ff;
border-radius:8px;
border:none;
}
button.other {
margin:7px auto;
padding:6px;
font-size:0.8em;
width:150px;
color:#003366;
background:#eeeeee;
border-radius:8px;
border:solid 1px;
}

/* --responsive----------------------------------------------------------------------------------------------------------------- */

/* 640pixel start */
@media screen and ( min-width : 640px ){
div.container {
	width : 70%;
}
}
/* 640pixel end */
/* 1000pixel start */
@media screen and ( min-width : 1000px ){
div.container {
	width : 50%;
}
}
/* 1000pixel end */