/* 728 24 320 = 1072*/
@charset "utf-8";
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none;}
body { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin:0px; padding:0px; line-height:120%; font-size:12px; color:#333; word-break: break-all;}
.clearfix:after { content: ""; clear: both; display: block;}
#header-bg { width:100%; background-image:url(../image/disign/earth.png); border-bottom:#819d26 solid 8px; border-top:#819d26 solid 2px; }
#header { margin-left:auto; margin-right:auto; padding:10px 0 0 0; height:80px; width:1072px; color:#FFF; }
/*地域ボタン*/
.dist-box { float:left; margin:10px 0 0 50px; width:500px; height:18px; }
.dist-txt { float:left; margin:0 5px 0 0; padding:5px 7px 1px 7px; height:24px; font-size:14px; -moz-box-shadow:inset 1px 1px 0px 0px #afc272; -webkit-box-shadow:inset 1px 1px 0px 0px #afc272; box-shadow:inset 1px 1px 0px 0px #afc272; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #8ba630), color-stop(1, #819d26)); background:-moz-linear-gradient(top, #8ba630 5%, #819d26 100%); background:-webkit-linear-gradient(top, #8ba630 5%, #819d26 100%); background:-o-linear-gradient(top, #8ba630 5%, #819d26 100%); background:-ms-linear-gradient(top, #8ba630 5%, #819d26 100%); background:linear-gradient(to bottom, #8ba630 5%, #819d26 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8ba630', endColorstr='#819d26', GradientType=0);
background-color:#8ba630; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; display:inline-block; cursor:pointer; color:#ffffff; }
.dist-txt a { color:#FFF; }
.dist-txt a:hover { text-decoration:none; }
.dist-txt:hover { text-decoration:none; cursor:pointer; opacity:0.8; }
/*パンくず*/
#pankuzu-all { margin-left:auto; padding:10px 0; margin-right:auto; height:24px; width:1072px; font-size:14px; color:#819D26; }
#pankuzu-all a { color:#819D26; }
#main { clear:both; margin-left:auto; margin-right:auto; width:1072px; padding:0 0 0 0; }
#contents { float:left; width:728px; }
#right-box { float:left; margin-left:24px; width:320px; height:100%; }
#footer-bg { float:left; clear:both; margin-top:20px; width:100%; height:120px; min-width:100px; background-image:url(../image/disign/earth.png); border-top:#819d26 solid 10px; }
#footer { padding-top:15px; margin-left:auto; margin-right:auto; width:1072px; text-align:center; color:#FFF; }
/*ページ操作*/
#pageTop{ position:fixed; bottom:20px; right:20px; }

/*ヘッダーパーツ*/
.logo-box { float:left; margin:0 0 0 0; }
.logo-txt { float:left; width:100%; height:15px; margin:5px 0 0 0; }
.logo { float:left; width:130px; height:40px; color:#FFF; }
.search_box { float:right; margin:0 0 0 0; width:350px; }
.search-txt { float:left; padding:5px 8px 5px 8px; width:280px; height:28px; border:none; border-radius:3px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.search-btn { float:left; margin:0 0 0 8px; width:50px; height:28px; border:none; border-radius:5px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; background-color:#F5F3F4; }

/*フッターメニュー*/
.ft-m{ line-height: 1.8; font-size: 16px; }
.ft-btn{ color: #FFF; margin:0 10px; }
.ft-copy{ margin:10px; }

/*サイドバー*/
.gajet-title { float:left; width:320px; margin-top:20px; padding:6px 10px 5px 10px; background-image:url(../image/disign/mountain.png); color:#FFF; border-radius:5px 5px 0 0; font-size:14px; }
.gajet { float:left; width:320px; padding:5px; border:#8AA630 solid; border-width:0 1px 1px 1px; }
/*サイドバー 都道府県リンク*/
.tbl-prefl { line-height:1.3; font-size: 14px;}
.prefl-kugi { color:#999; }
.prefl-chiho { float:left; padding:3px 6px 3px 6px; background:#8AA630; width:80px; height:20px; border-radius:3px; color:#FFF; font-weight: normal;}
.prefl-chiho:hover { opacity:0.6; cursor:pointer; }
.prefl-chiho-now { float:left; padding:3px 6px 3px 6px; background:#8AA630; width:80px; height:20px; border-radius:3px; color:#FCC; font-weight: normal; }
.prefl-chiho-now:hover { opacity:0.6; cursor:pointer; }
.prefl-now { color:#F67D90; font-weight: normal;}
/*全国ランキング*/
.japan-link { margin:5px 0 5px 10px; font-size:16px; padding-left:10px; line-height:1.4; list-style-type:none; }
.japan-link li { background: url("image/disign/list-icon.png") 0% 50% no-repeat; padding:3px 0 0 25px; }
/*サイドバー特集バナー*/
.fea-title { float:left; font-size:18px; width:100px; }
.fea-all { float:left; margin:20px 0 0 0; width:320px; }
.fea-bn { float:left; margin:10px 0 10px 0; width:100%; }
.fea-bn:hover { opacity:0.6; cursor:pointer; }
.fea-bn img { border-radius:3px; }
/*SNS*/
.tw{ float:left; margin:50px 0 0 0; width:100%; padding:18px; border:#CCC solid 4px; border-radius:10px; }
.tw:hover{ opacity:0.6; cursor:pointer;}
.tw img{ float:left; margin:3px 0 0 15px; }
.tw-txt{ float:left; margin:0 0 0 10px; text-align:center; }
.tw-title{ float:left; margin:9px 0 0 0; font-size:24px;}
/*サイト全体*/
img { border-style:none; }
a { color: #666; text-decoration:none; }
a:hover { text-decoration:underline; }

/*広告*/
/*サイドバー*/
.ads-side { float:left; clear:both; margin:20px 0 0 0; width:300px; height:600px; }
/*一覧*/
.ads-list-336box { float:left; width:100%; margin:10px 0; padding:10px; }
.ads-list-336 { float:left; margin:10px 10px 0 5px; }
.ads-list-728{ float:left; margin:20px 0px; }
/*詳細*/
.ads-detail-336box { float:left; width:100%; margin:30px 0; padding:10px; }
.ads-detail-336 { float:left; margin:10px 10px 0 5px; }
.ads-detail-728{ float:left; margin:32px 0px; }

.speed{ position:absolute; top:10px; right:20px; background-color:rgba(0,0,0,0.4); color:#FFF; padding:5px 20px; border-radius:4px;}
.speed2{ clear:both;width:90%; background-color:#F1DCDD; margin:10px; padding:5px;}



@media screen and (max-width: 550px) {
#header-bg { width:100%; background-image:url(../image/disign/earth.png); border-bottom:#819d26 solid 4px; border-top:#819d26 solid 0px;  overflow:hidden;}
#header { margin-left:auto; margin-right:auto; padding:2%; height:150px; width:100%; color:#FFF; }

.dist-box { float:left; clear:left; margin:3px 0 0 0; width:100%; height:auto;}
.dist-txt { float:left; margin:5px 5px 0 0; padding:6px 13px 1px 13px; height:26px; font-size:15px; -moz-box-shadow:inset 1px 1px 0px 0px #afc272; -webkit-box-shadow:inset 1px 1px 0px 0px #afc272; box-shadow:inset 1px 1px 0px 0px #afc272; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #8ba630), color-stop(1, #819d26)); background:-moz-linear-gradient(top, #8ba630 5%, #819d26 100%); background:-webkit-linear-gradient(top, #8ba630 5%, #819d26 100%); background:-o-linear-gradient(top, #8ba630 5%, #819d26 100%); background:-ms-linear-gradient(top, #8ba630 5%, #819d26 100%); background:linear-gradient(to bottom, #8ba630 5%, #819d26 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8ba630', endColorstr='#819d26', GradientType=0);
background-color:#8ba630; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; display:inline-block; cursor:pointer; color:#ffffff; }
.dist-txt a { color:#FFF; }
.dist-txt a:hover { text-decoration:none; }
.dist-txt:hover { text-decoration:none; cursor:pointer; opacity:0.8; }
#pankuzu-all { margin-left:auto; padding:5px 0 0 5px; margin-right:auto; height:18px; width:100%; font-size:14px; color:#819D26; }
#pankuzu-all a { color:#819D26; }
#main { clear:both; margin-left:auto; margin-right:auto; width:100%; padding:0px; overflow:hidden; }
#contents { float:left; width:100%; }
#right-box { clear:both; margin-left:0; width:100%; height:100%; }
#footer-bg { float:left; clear:both; margin-top:20px; width:100%; height:150px; min-width:100px; background-image:url(../image/disign/earth.png); border-top:#819d26 solid 10px;  overflow:hidden;}
#footer { padding-top:15px; margin-left:auto; margin-right:auto; width:100%; text-align:center; color:#FFF; }
#pageTop { background:#999; border-radius:50%; color:#FFF; padding:20px; position:fixed; bottom:20px; right:20px; font-size:20px; opacity:0.6; }
#pageTop:hover { background:#CCC; text-decoration:none; }
/*■■■■■　ヘッダーパーツ　■■■■■*/
.logo-box { float:left; margin:0; width:110px;}
.logo-txt { float:left; width:60%; height:auto; margin:1% 0 0 8px; font-size:10px; line-height: 1.1; }
.logo { float:left; width:100%; height:auto; color:#FFF; }
.search_box { float:left; margin:7px 0 0 0; width:100%; }
.search-txt { float:left; padding:5px 8px 5px 8px; width:80%; height:30px; border:none; border-radius:3px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;  font-size: 16px;}
.search-btn { float:left; margin:0 0 0 5px; width:17%; height:30px; border:none; border-radius:3px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; background-color:#F5F3F4; font-size: 16px;}

/*フッターメニュー*/
.ft-m{ line-height: 1.8; font-size: 14px; }
.ft-btn{ color: #FFF; margin:0 8px; }
.ft-copy{ margin:10px; }


/*■■■■■　サイドバー　■■■■■*/
.gajet-title { float:left; width:97%; margin:20px 0 0 5px; padding:6px 10px 5px 10px; background-image:url(../image/disign/mountain.png); color:#FFF; border-radius:5px 5px 0 0; font-size:14px; }
.gajet { float:left; width:97%; margin:0px 0 0 5px; padding:5px; border:#8AA630 solid; border-width:0 1px 1px 1px; }
/*都道府県リンク*/
.tbl-prefl { line-height:130%; }
.prefl-kugi { color:#999; }
.prefl-chiho { float:left; padding:3px 6px 3px 6px; background:#8AA630; width:80px; height:20px; border-radius:3px; color:#FFF; }
.prefl-chiho:hover { opacity:0.6; cursor:pointer; }
.prefl-chiho-now { float:left; padding:3px 6px 3px 6px; background:#8AA630; width:80px; height:20px; border-radius:3px; color:#FCC; }
.prefl-chiho-now:hover { opacity:0.6; cursor:pointer; }
.prefl-now { color:#F67D90; }
/*全国ランキング*/
.japan-link { margin:5px 0 5px 10px; font-size:16px; padding-left:10px; line-height:140%; list-style-type:none; width:96%;}
.japan-link li { background: url("image/disign/list-icon.png") 0% 50% no-repeat; padding:3px 0 0 25px; }
/*サイドバー　特集バナー*/
.fea-title { float:left; font-size:18px; width:100px; }
.fea-all { float:left; margin:20px 0 0 0; width:100%; }
.fea-bn { float:left; margin:10px 0 10px 5px; width:97%; }
.fea-bn:hover { opacity:1; cursor:pointer; }
.fea-bn img { border-radius:3px; }


.tw{ float:left; margin:50px 0 0 10px; width:94%; padding:12px; border:#CCC solid 4px; border-radius:10px; }
.tw:hover{ opacity:1; cursor:pointer;}
.tw img{ float:left; margin:3px 0 0 16%; }
.tw-txt{ float:left; margin:0 0 0 5px; text-align:center; }
.tw-title{ float:left; margin:9px 0 0 0; font-size:24px;}
/*■■■■■　サイト全体　■■■■■*/
img { border-style:none; }
a { color: #666; text-decoration:none; }
a:hover { text-decoration:underline; }


/*■■■　広告　■■■*/
/*サイドバー*/
.ads-side { float:left; clear:both; margin:20px 0 0 0; width:300px; height:600px; }

/*一覧*/
.ads-list-336box { float:left; width:100%; margin:0px; padding:10px; }
.ads-list-336 { float:left; margin:10px 10px 0 5px; }
.ads-list-728{ float:left; margin:20px 0px; }
/*詳細*/
.ads-detail-336box { float:left; width:98%; margin:30px 0; padding:0; }
.ads-detail-336 { float:left; width:100%; margin:10px 0; }
.ads-detail-728{ float:left; margin:10px 0px; }


.speed{ position:absolute; top:10px; right:20px; background-color:rgba(0,0,0,0.4); color:#FFF; padding:5px 20px; border-radius:4px;}
.speed2{ clear:both;width:90%; background-color:#F1DCDD; margin:10px; padding:5px;}


}