@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css";
@import "reset.css";

/*全体*/
* { margin: 0px; padding: 0px; border: 0px; }
* { box-sizing: border-box; }
* { text-decoration: none; }
* { word-wrap: break-word; }
* { font-size: 1.0em; }
*:link:hover { text-decoration: underline; }
*:visited:hover { text-decoration: underline; }


/*特定タグ*/
body { width: 100%; }
body {
    line-height: 1.5em;
    font-size: 1.0em;
    font-weight: normal;
    font-family:  "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
body { background-color: #fcfcfc; }
body { background-repeat: repeat; }
ul { list-style: none; }
h1 { font-size: 2.0em; line-height: 1em; }
h2 { display: block; }
h2 { font-size: 1.5em; line-height: 1em; }
h2 { margin: 1em 0 0 0; }
h3 { display: block; }
h3 { font-size: 1.5em; line-height: 1em; }
h3 { margin: 1em 0 0 0; }

/*ベースコンテナ*/
.container { display: block; }
.container { max-width: 900px; margin-left:auto; margin-right:auto; }
.container { overflow: hidden; }

/*各種クラス*/
.enum-comma > li { display: inline-block; }
.enum-comma > li:after { content: ", "; }
.enum-comma > li:last-child:after { content: ""; }
.enum-slash > li { display: inline-block; }
.enum-slash > li { margin: 0px 0px 0px 5px; }
.enum-slash > li:before { content: " / "; }
.enum-slash > li:first-child:before { content: ""; }
.enum-pipe > li { display: inline-block; }
.enum-pipe > li { margin: 0px 0px 0px 5px; }
.enum-pipe > li:before { content: " | "; }
.enum-pipe > li:first-child:before { content: ""; }
.no-display { display: none; }

/*タイトル*/
.site-title { display: block; }
.site-title { background-color: #e9ffe9; }
.site-title a { display: block; }
.site-title a { position: relative; }
.site-title a { color: #ffffff; }
.site-title a:link { text-decoration: none; }
.site-title a:link:hover { text-decoration: none; }
.site-title a:visited { text-decoration: none; }
.site-title a:visited:hover { text-decoration: none; }
.site-title div { font-size: 3em; }
.site-title div { padding: 1em 0; }
.site-title div { text-shadow: 1px 1px 5px #000000, -1px 1px 5px #000000, 1px -1px 5px #000000, -1px -1px 5px #000000; }
.site-title div { text-align: center; }
.site-title div { width: 100%; }
@media screen and (max-width: 600px){
 .site-title div { font-size: 2em; }
}
.site-title img { position: absolute; }
.site-title img { bottom: 0; }
.site-title img { display: block; }
.site-title img { width: 100%; }


/*メイン*/
.main-contents { display: block; }
.main-contents { float: left; }
.main-contents { width: 100%; }
.main-contents { min-height: calc(100vh - 7.75em); }

/*フッタ*/
.footer { display: block; }
.footer { margin: 2em 0 0 0; }
.footer { padding: 0.5em 0.5em; }
.footer { width: 100%; }
.footer { background-color: #ffffff; }
.footer { font-size: 0.9em; }
.footer { text-align: center; }

/*最新*/
.latests { margin: 1em 0 0 0; }
.latests { padding: 0.5em 0.5em; }
.latests ul { background-color: #ffffff; }
.latests li:nth-child(even) { background-color: #fafafa; }
.latests { height: 15em; }
.latests { overflow: hidden; }
.latests { overflow-y: scroll; }

/*記事一覧*/
.articles ul { display: block; }
.articles li { float: left; }
.articles li { width: 50%; }
@media screen and (max-width: 600px){
 .articles li { width: 100%; }
}
.articles .link { overflow: hidden; }
.articles .link { margin: 0.5em; }
.articles .link { max-height: 15em; }
.articles .link { position: relative; }
.articles .title { position: absolute; }
.articles .title { bottom: 0; }
.articles .title { padding: 0.3em 0 0.3em 0; }
.articles .title { width: 100%; }
.articles .title { background-color: rgba(255,255,255,0.75); }
.articles .title { font-size: 1em; }
.articles .image { background-color: #ffffff; }
.articles .image { text-align: center; }
.articles img { width: 100%; }
.articles img { object-fit: cover; }

/*ページャ*/
.pager { clear: both; }
.pager { padding: 1em 0; }
.pager { text-align: center; }
.pager li { display: inline-block; }
.pager li { margin: 0 3px; }
.pager a,span { padding: 5px 10px 3px 10px; }
.pager a { border: solid 1px #aaaaaa; border-radius: 3px; }
.pager span { border: solid 1px #aaaaaa; border-radius: 3px; }
.pager span { color: #ffffff; background-color: #aaaaaa; }
.pager a:hover { background-color: #eeeeee; }
.pageno { text-align: center; }
.pageno { margin: 0.1em 0; }


/*基本情報*/
.baseinfo { margin: 1em 0 0 0; }
.baseinfo { padding: 0.5em 0.5em 1em 0.5em; }
.baseinfo { background-color: #ffffff; }
.baseinfo h2 { background-color: #fdfdfd; }
.baseinfo h2 { margin: 0.25em 0 0.25em 0; }
.baseinfo h2 { padding: 0.25em 0.5em 0.1em 0.5em; }
.baseinfo h2 { border-left: solid 7px #7db4e6; }
.baseinfo table { margin: 1em; }
.baseinfo tr td { padding-left: 2em; }
.baseinfo tr td:first-child { padding-left: 0; }
.baseinfo tr td:first-child { white-space: nowrap; }
.baseinfo .date { margin: 1em; }
.baseinfo .date:before { font-family: "FontAwesome"; content:"\f017 "; padding-right: 0.2em; }
.baseinfo .text { margin: 1em; }

/*影響エリア*/
.area > ul { margin: 0.5em; }
.area ul { margin-left: 1em; }
.area ul ul { margin-left: 1em; }

/*自治体*/
.goverment > ul { margin: 0.5em; }
.goverment ul { margin-left: 1em; }
.goverment ul ul { margin-left: 1em; }

/*避難施設*/
.shelter table { margin: 1em; }
.shelter tr td { padding-left: 2em; }
.shelter tr td:first-child { padding-left: 0; }
.shelter tr td:first-child { white-space: nowrap; }

/*参考サイト*/
.reference { margin: 1em 0 0 0; }
.reference { padding: 0.5em 0.5em 1em 0.5em; }
.reference { background-color: #ffffff; }
.reference h2 { background-color: #fdfdfd; }
.reference h2 { margin: 0.25em 0 0.25em 0; }
.reference h2 { padding: 0.25em 0.5em 0.1em 0.5em; }
.reference h2 { border-left: solid 7px #7db4e6; }
.reference ul { margin: 0.5em; }
.reference li:before { content: "・"; }

/*経過情報*/
.timeline { margin: 1em 0 0 0; }
.timeline { padding: 0.5em 0.5em 1em 0.5em; }
.timeline { background-color: #ffffff; }
.timeline h2 { background-color: #fdfdfd; }
.timeline h2 { margin: 0.25em 0 0.25em 0; }
.timeline h2 { padding: 0.25em 0.5em 0.1em 0.5em; }
.timeline h2 { border-left: solid 7px #7db4e6; }
.timeline ul { margin: 1em; }
.timeline li { margin: 1em 0 0 0; }
.timeline li:first-child { margin: 0; }
.timeline .date:before { font-family: "FontAwesome"; content:"\f017 "; padding-right: 0.2em; }

/*記事*/
.article { margin: 1em 0 0 0; }
.article { padding: 0 0 1em 0; }
.article { background-color: #ffffff; }

.article h1 { margin: 0.5em 0; }
.article h2 { background-color: #fdfdfd; }
.article h2 { margin: 1.5em 0 0 0; }
.article h2 { padding: 0.25em 0.5em 0.1em 0.5em; }
.article h2 { border-left: solid 7px #7db4e6; }

.article p>img { margin: 0.5em; }
.article p>img { max-width: 100%; }

.article .head { padding: 1em; }
.article .head .image { text-align: center; }
.article .head .image img { margin: 0.5em; }
.article .head .image img { max-width: 100%; }

.article .keyword:before { font-family: "FontAwesome"; content:"\f02c"; margin-right: 0.2em; }
.article .keyword li { display: inline; }
.article .keyword li { margin-left: 0.2em; }
.article .keyword li:after { content: ","; margin-left: 0.1em }
.article .keyword li:first-child { margin-left: 0; }
.article .keyword li:last-child:after { content: ""; margin-left: 0em }

.article .date span { margin-left: 1em; }
.article .date span:first-child { margin-left: 0; }
.article .date .create:before { font-family: "FontAwesome"; content:"\f017"; margin-right: 0.2em; }
.article .date .update:before { font-family: "FontAwesome"; content:"\f021"; margin-right: 0.2em; }

.article .body { padding: 0.5em; }
.article .body>p { margin: 1em 0.5em 0 0.5em; }

.article .body>ul { margin: 1.5em 0.5em; }
.article .body>ul { padding: 0.5em 1em; }
.article .body>ul { border: solid 1px #000000; border-radius: 5px; }
.article .body>ul { background-color: #f5f5f5; }
.article .body>ul li:before { font-family: "FontAwesome"; content:"\f14a"; margin-right: 0.2em; }
.article .body>ul li { padding-left: 1em; }
.article .body>ul li { margin: 0.5em 0; }
.article .body>ul li { text-indent: -1em; }

/*広告枠*/
.adbasket .dot { display: none; }
.adbasket { margin: 0.5em; }
.adbasket { padding: 5px; }
.adbasket { width: 260px; }
.adbasket { background-color: #ddddff; }
.adbasket { display: inline-block; }
.adbasket { overflow: auto; }
.adbasket .image { display: block; }
.adbasket .image { background-color: #ffffff; }
.adbasket .image { width: 250px; height: 200px; }
.adbasket .image { overflow: hidden; }
.adbasket .image { position: relative; }
.adbasket .image img { max-width: 250px; max-height: 200px; }
.adbasket .image img { position: absolute; }
.adbasket .image img { display: block; }
.adbasket .image img { top: 0; right: 0; bottom: 0; left: 0; }
.adbasket .image img { margin: auto; }
.adbasket .title { display: block; }
.adbasket .title { margin: 0.2em 0 0 0; }
.adbasket .title { padding: 0 0.2em; }
.adbasket .title { max-width: 250px; height: 3em; }
.adbasket .title { color: #000000; }
.adbasket .title { text-decoration: underline; }
.adbasket .shops { display: block; }
.adbasket .shops { margin: 0; }
.adbasket .shops *:link { text-decoration: none; }
.adbasket .shops *:link:hover { text-decoration: none; }
.adbasket .shops *:visited { text-decoration: none; }
.adbasket .shops *:visited:hover { text-decoration: none; }
.adbasket .shops { font-size: 0.8em; }
.adbasket .shops li:before { content: ""; }
.adbasket .shops li { display: inline-block; }
.adbasket .shops li { margin: 0.3em 0.3em 0 0; }
.adbasket .shops li div { padding: 0 0.5em; }
.adbasket .shops li div { font-weight: bold; }
.adbasket .shops li div { color: #ffffff; }
.adbasket .amazon { border: solid 1px #ff9900; border-radius: 5px; }
.adbasket .amazon { background-color: #ff9900; }
.adbasket .rakuten { border: solid 1px #bf0000; border-radius: 5px; }
.adbasket .rakuten { background-color: #bf0000; }
.adbasket .yahoo { border: solid 1px #ff0033; border-radius: 5px; }
.adbasket .yahoo { background-color: #ff0033; }
.adbasket .lohaco { border: solid 1px #000000; border-radius: 5px; }
.adbasket .lohaco { background-color: #000000; }