@charset "UTF-8";
/*initialize
----------------------------------------------------*/
body {min-width: 320px; line-height: 1.5; color: #3c3c3c; background-color: #ffffff;}

img {max-width: 100%; height: auto;}
.ie8 img {width: auto;}

/*clearfix*/
.clearfix {zoom: 1;}

.clearfix:after {content: ""; display: block; clear: both;}

/*layout
----------------------------------------------------*/
#wrapper {max-width: 940px; margin: 0 auto;}

header.page-heading {margin: 0 0 0 0; padding: 8px 0 0 0;}
header.page-heading img {margin: 0 5px 0 5px; padding: 0 0 0 0; border: none;}
header.page-heading p {margin: 0 0 2px 0; padding: 0 6px 0 12px; border-left: none; border-bottom: 1px solid #ff6633; font-family: sans-serif; line-height: 1.1; font-size: 90%; text-align: left;}

nav {margin: 0 0 4px 0;}
nav ul {margin: 0; padding: 0;}
nav ul li {float: left; width: 50%; border-top: 2px solid #ff6633; border-bottom: 1px solid #aaaaaa; background: #e9e9e9; background: -webkit-linear-gradient(top, #ffffff, #cccccc); background: -moz-linear-gradient(top, #ffffff, #cccccc); background: -o-linear-gradient(top, #ffffff, #cccccc); background: linear-gradient(to bottom, #ffffff, #cccccc); font-family: sans-serif; font-size: 85%; letter-spacing: 0.1em; text-align: center;}
nav ul li a {display: block; padding: 10px 0; text-decoration: none;}
nav ul li span {display: block; padding: 10px 0; color: #ff8800;}
.ie7 ul {background: #e9e9e9;}
.ie7 ul li {width: 49.84375%;}
nav ul li:nth-child(odd) a {border-right: 1px solid #aaaaaa;}
nav ul li:nth-child(odd) span {border-right: 1px solid #aaaaaa;}

#content { padding: 0 10px;}
#content p {font-family: sans-serif;}
.towrap {text-align: right; font-size: 85%; line-height: 1.1;}

ol.listtop01 {margin-bottom: 1.5em;}
ol.listtop01 li {line-height: 2.0;}
ol.listtop01 li span {font-size: 80%;}

#content div.getcr {margin: 0; padding: 0;}
#content div.getmls {margin: 0 0 15px 0; border: 1px solid #99cc00; border-radius: 10px;}
#content div.getmls p b {color: #008000;}
#content div.getmls p span {background-image: url(linered.jpg); background-repeat: repeat-x; background-position: left bottom;}
#content div.getmls p {margin: 0.4em 5px 0.4em 8px; padding: 0 0 0 0;}

article h1 {margin: 0.5em 0 0.5em 0; padding: 2px 0 0 10px; border-left: 5px solid blue; border-bottom: none; line-height: 1.1; font-size: 1.4em; font-weight: bold; font-family: sans-serif; color: #0000aa; text-align: left;}
article section h1 {margin: 0.5em 0 0.5em 0; padding: 2px 0 0 10px; border-left: 5px solid #ff6633; border-bottom: none; line-height: 1.1; font-size: 1.3em; font-weight: bold; font-family: sans-serif; color: #0000aa; text-align: left;}

article section {margin-top: 1.8em; margin-bottom: 0.5em;}

p.areabase1 {margin: 0px 10px 15px 0px; padding: 5px 8px 5px 8px; color: #0099ff; border: 1px solid #0099ff;}
p.contsmall {margin-bottom: 2px; font-size: 85%; font-family: sans-serif; color: #505050; line-height: 140%;}
p.contpurple {margin: 0; padding: 0 0 0 8px; font-size: 95%; font-family: sans-serif; color: #ff00ff;}
p.contstrng {margin-top: 2px; font-size: 85%; font-family: sans-serif; color: #ff00ff;}

article section div.formx {display: inline-block; width: 320px; margin: 0 0 12px 0; padding: 0 0 0 0;}
article section div.form1 {width: 230px; float: left; margin: 0 0 0 0; padding: 0 0 0 0;}
article section div.form3 {width: 90px; float: left; margin: 0 0 0 0; padding: 0 0 0 0;}
article section div.formx:after {display: block; clear: both; height: 0; line-height: 0; visibility: hidden; content: "."; font-size: 0.1em;}
article section div.form1 p {display: inline; font-size: 92%; margin-right: 8px;}
article section div.form1 span {background-color: #ccffff; margin: 0 0 0 0; padding: 7px 4px 6px 4px;}
article section form input[type="submit"]{padding: 7px 12px;}
article section form select{padding: 4px; font-size: 110%; border: 1px solid #666666;}

article section div.utab {background-color: #00ff7f; margin: 5px 0 2px 0; padding: 0 0 0 4px;}

article section div.recmtitl0 {margin: 0; padding: 0;}
article section div.recmtitl0 p {margin: 2px 0 5px 0; padding: 0;}
article section div.recmtitl1 {width: 50%; float: left; text-align: left; margin: 0; padding: 0;}
article section div.recmtitl2 {width: 50%; float: left; text-align: right; margin: 0; padding: 0;}
article section div.recmtitl0:after {display: block; clear: both; height: 0; line-height: 0; visibility: hidden; content: "."; font-size: 0.1em;}

article section div.recmads0 {margin: 12px 0 2px 0; padding: 0; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-around; align-items: flex-end;}
article section div.recmads2l {margin: 0 4px 0 0; padding: 0;}
article section div.recmads2r {margin: 0 0 0 4px; padding: 0;}
article section div.recmads0 img {width: 100px; height: 250px; object-fit: cover; object-position: 50% 50%;}

article section div.recmcom0 {margin: 4px 0; padding: 0;  display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-around; align-items: flex-start;}
article section div.recmcom0 p {margin: 0; padding: 0;}
article section div.recmcom1 {width: 50%; float: left; text-align: center; margin: 0; padding: 0;}
article section div.recmcom2l {text-align: left; font-size: 95%; margin: 0 6px 0 0; padding: 0;}
article section div.recmcom2r {text-align: left; font-size: 95%; margin: 0 0 0 6px; padding: 0;}

div.otherloc {margin: 7px 0; padding: 0;}
div.otherloc p {margin: 0; padding: 0;}
article div.othrlk ul {margin: 0; padding: 0 0 0 10px; list-style-type: none;}
article div.othrlk ul li.othrli {padding: 0.6em 10px 0.6em 0; float: left; width: 50%; font-size: 110%; box-sizing: border-box;}
.ie7 ul li.othrli {width: 49.84375%;}

div.dayforecast {margin-top: 18px; margin-bottom: 0px; width: 100%; text-align: left;}
div.tabbox {margin: 0px; padding: 0px; max-width: 460px;}
ul.tabs {margin: 0px 0px 0px 1.4%; padding: 0px;}
ul.tabs li {list-style-type: none; float: left; margin: 0px; padding: 0px; 
/* height: 33px; */
   width: 14%;
}
ul.tabs li a {text-decoration: none; display: block; padding: 5px 0px; 
/* width: 4em; ★タブの横幅 */
   text-align: center; font-size: 80%; background-color: #ffffc0; border: #ff9900 solid 1px; border-bottom: none; border-top-left-radius: 12px; border-top-right-radius: 12px;
}
div.tab {
   /* ▼(C-2)ボックス共通の装飾 */
   height: 250px; overflow: auto; clear: left;
}
div#tab1 {margin: 0; padding: 0;}
div#tab2 {margin: 0; padding: 0;}
div#tab3 {margin: 0; padding: 0;}
div#tab4 {margin: 0; padding: 0;}
div#tab5 {margin: 0; padding: 0;}
div#tab6 {margin: 0; padding: 0;}
div#tab7 {margin: 0; padding: 0;}
div.tab {border: 2px solid #ff9900; background-color: #ffffc0;}
div.tab p {margin: 0.4em;}

div.mnnbox {margin: 0px; padding: 0px;}
ul.mnns {margin: 0px; padding: 0px;}
ul.mnns li {list-style-type: none; float: left; margin: 0px; padding: 0px; width: 50%;}
ul.mnns li a {text-decoration: none; display: block; padding: 5px 0px; text-align: center; font-size: 80%; background-color: #ffffff; border: #a9a9a9 solid 1px;}
div#mnn1 {margin: 0; padding: 0;}
div#mnn2 {margin: 0; padding: 0;}

div.tb_dayloc {margin: 0; padding: 0;}
div.tb_dayloc p {margin: 0.4em 0 0.2em 0; padding: 0 4px 0 4px; font-weight: bold; font-size: 90%;}
div.tb_morning {margin: 0; padding: 0;}
div.tb_morning p {margin: 0.5em 0 0.2em 3px; padding-left: 1.7em; text-indent: -1.6em; line-height:125%;}
div.tb_morning b {font-weight: bold; font-size: 120%; color: #00bfff;}
div.tb_daytime {margin: 0; padding: 0;}
div.tb_daytime p {margin: 0.5em 0 0.2em 3px; padding-left: 1.7em; text-indent: -1.6em; line-height:125%;}
div.tb_daytime b {font-weight: bold; font-size: 120%; color: #ff6300;}
div.tb_night {margin: 0; padding: 0;}
div.tb_night p {margin: 0.5em 0 0.2em 3px; padding-left: 1.7em; text-indent: -1.6em; line-height:125%;}
div.tb_night b {font-weight: bold; font-size: 120%; color: #4b3382;}
div.tb_wthrtmp {margin: 0; padding: 0;}
div.tb_wthrtmp p {margin: 0.4em 0 0.1em 0; padding: 0 4px 0 8px; font-size: 90%;}

div.tbldiv1 {width: 100%; text-align: left;}
div.tbldiv2 {max-width: 585px;}
table.tbldress {width: 100%; border: 0; border-collapse: separate; border-spacing: 1px; background-color: #ff9900; color: #2f2120; font-size: 100%;}
table.tbldress th {width: 80px; padding: 7px; font-weight: normal; border-top: 1px solid #ffeba7; border-left: 1px solid #ffeba7; background-color: #ffcc33; vertical-align: center;}
table.tbldress td {padding: 7px 7px 7px 12px; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; background-color: #ffffbb; vertical-align: center;}

div#base2 h2 {color: #0000aa; margin: 8px 0px 7px 0px; font-weight: bold; font-size: 110%;}
div#base2 h3 {margin: 10px 0 2px 0; font-weight: bold; font-size: 100%;}
div#base2 p.clmtnatt {margin: 8px 0 2px 0; padding: 0 0 0 6px;}
div#base3 h2 {margin: 10px 0px 2px 0px; font-weight: bold; font-size: 110%;}

table.tbltherm {width: 100%; border: 0; border-collapse: separate; border-spacing: 1px; border-bottom: 1px solid #000000; border-right: 1px solid #000000; background-color: #ffffff; color: #505050; font-size: 60%;}
table.tbltherm td {border-top: 1px solid #000000; border-left: 1px solid #000000; background-color: #ffffff;}

article div.arealk div.areatitl p {background-color: #ccffff; margin: 20px 0 5px 0; padding: 3px 4px 2px 4px;}
article div.arealk ul {margin: 0; padding: 0 0 0 10px; list-style-type: none;}
article div.arealk ul li.areali {padding: 0.8em 10px 0.8em 0; float: left; width: 50%; font-size: 90%; box-sizing: border-box;}
.ie7 ul li.areali {width: 49.84375%;}

article div.ads-banner0 {margin: 0; padding: 0; width: 100%; text-align: left;}
article div.ads-banner1 {margin: 0; padding: 0; width: 100%; text-align: left;}
article div.toppr0 {margin: 0; padding: 0;}
article div.midpr0 {max-width: 585px; margin: 35px 0 5px 0; padding: 0 0 0 0;}
article div.midpr1 {max-width: 585px; margin: 15px 0 15px 0; padding: 0 0 0 0;}
article div.ads-banner5 {margin: 0; padding: 0; width: 100%; text-align: center;}

aside.right-side {margin-bottom: 2em;}
aside.right-side h1 {margin: 0; padding: 0; font-size: 1.05em; font-weight: normal; color: #006300;}
aside.right-side section {padding: 10px 0 0 0;}

/* p.lkidl {padding-left: 12px;}
p.aslinks {border-top: 1px solid #ccddff; border-bottom: 1px solid #ccddff; background-color: #d6ffff; margin: 20px 0 5px 0; padding: 2px 7px 1px 7px; font-size: 0.875em; color: #606060;}
p.asplnk {padding-left: 2px; font-size: 0.95em;}
p.ascolnk {margin: 4px 0 1px 0; padding: 4px 0 0px 2px; font-size: 0.95em;}
p.ascolnk strong {color: #006300; font-style: italic;}
p.ascilnk {margin: 2px 0 4px 0; padding: 2px 0 4px 10px; font-size: 0.95em;} */

/* p.parsearch {margin-bottom: 2px; padding-left: 12px; padding-bottom: 1px;}
p.parsearch b {color: navy;}
div.arsearch {margin: 2px 0 5px 6px; padding-left: 12px; font-size: 0.9em;} */

aside.right-side div.assouv01 {text-align: left; margin: 0 0 30px 0; padding-top: 0;}
aside.right-side div.assouv02 p {margin: 8px auto 10px auto; padding: 2px 0 2px 4px; font-size: 80%; border: 1px solid #dcdcdc; background-color: #f5f5f5;}
aside.right-side div.assouv02 b {background-image: url(lineblue.jpg); background-repeat: repeat-x; background-position: left bottom;}
aside.right-side div.assouv03 {line-height: 1.5;}
aside.right-side div.assouv03 p {margin: 12px auto 8px auto; padding: 0 0 0 4px; font-size: 90%; border-bottom: 1px dotted #a9a9a9;}
aside.right-side div.assouv03 a {color: #0000cd; text-decoration:none;}
aside.right-side div.assouv03 a:hover {color: #00bfff; text-decoration:underline;}
aside.right-side div.assouv04 {text-align: left; margin: 0 0 17px 0; padding-top: 0;}
aside.right-side div.assouv05 p {margin: 8px auto 5px auto; padding: 2px 0 2px 4px; font-size: 80%; border: 1px solid #dcdcdc; background-color: #f5f5f5;}
aside.right-side div.assouv06 {line-height: 1.5;}
aside.right-side div.assouv06 p {margin: 12px auto 2px auto; padding: 0 0 0 4px; font-size: 90%;}
aside.right-side div.assouv06 a {color: #0000cd; text-decoration:none;}
aside.right-side div.assouv06 a:hover {color: #00bfff; text-decoration:underline;}

aside.right-side div.aspr1 {margin: 2px 0 20px 0; padding: 0;}
aside.right-side div.as-banner {margin: 0; padding: 0; width: 100%; text-align: left;}
aside.right-side div.aspr2 {max-width: 200px; margin: 10px 0 0 0; text-align: center; border: 1px solid #d3d3d3;}
aside.right-side div.aspr2 p {font-size: 80%; font-family: sans-serif; color: #00bfff; text-indent: 0px;}
aside.right-side div.aspr2 div.aspr3 {max-width: 180px; margin: 0 9px 0 9px; text-align: center;}

footer p {clear: both; padding: 2px 0; font-family: sans-serif; font-weight: bold; font-size: 80%; background: #000000; color: #ffffff; text-align: center;}

/*media Queries
----------------------------------------------------*/
@media only screen and (min-width: 600px) {
nav ul li {width: 25%;}
.ie7 nav ul li {width: 24.9166%;}
nav ul li a {border-right: 1px solid #aaaaaa;}
nav ul li span {border-right: 1px solid #aaaaaa;}
nav ul li:last-child a {border-right: none;}
nav ul li:last-child span {border-right: none;}
/*old IE*/
nav ul li.last a {border-right: none;}
nav ul li.last span {border-right: none;}

#content {padding: 0 20px;}

#content article{float: left; width: 65.9574%;
  /*620px(8column)/940px*/
  }

table.tbltherm {max-width: 560px; font-size: 75%;}

#content aside.right-side {float: right; width: 31.9148%;
  /*300px(4column)/940px*/
  }
}

@media only screen and (min-width: 960px) {
#content{padding: 0;}

ol.listtop01 li {line-height: 1.5;}
ol.listtop01 li span {font-size: 90%;}

#content div.getmls {margin: 0 25px 15px 14px;}

article h1 {font-size: 1.4em;}
article section h1 {font-size: 1.3em;}

article section div.formx {width: 400px;}
article section div.form1 {width: 270px;}
article section div.form3 {width: 130px;}
article section div.form1 span {padding: 3px 4px 2px 4px;}
article section form input[type="submit"]{padding: 3px 8px;}
article section form select{padding: 1px; font-size: 90%;}

article div.othrlk ul li.othrli {padding: 0.3em 10px 0.3em 0; font-size: 100%; box-sizing: border-box;}

table.tbltherm {font-size: 85%;}

article div.arealk ul li.areali {padding: 0.1em 10px 0.1em 0; font-size: 95%; box-sizing: border-box;}

aside.right-side div.assouv03 {line-height: 1.3;}
aside.right-side div.assouv06 {line-height: 1.3;}
}