@charset "utf-8";

/*都道府県*/
.todohuken-box{ float:left; margin:0 0 30px 10px; width:710px; font-size:15px;}
.todohuken-box a{ text-decoration:none; color:#00F; }
.todohuken-box a:hover{ opacity:0.7; cursor:pointer;}
.chiho{float:left;margin:0 10px 0px 0;padding:4px 0px 4px 0px;text-align:center; color:#FFF;width:90px; background-image:url(../image/disign/earth.png); border-radius:3px; font-size:14px; }
.chiho:hover{ opacity:0.6; cursor:pointer;}
.chiho a{ text-decoration:none; color:#FFF;}
.pref-count{ font-size:11px;}
.pref{ float:left; margin:5px 0 0 0;}
.line-pref{ float:left; clear:both; width:710px; margin-bottom:10px; border:#CCC solid 1px;}
/*特集バナー*/
.topfea-all{ float:left; margin-left:10px; width:720px;}
.topfea-bn{ position:relative; float:left; margin:0 20px 10px 0; width:340px;}
.topfea-bn:hover{ opacity:0.6; cursor:pointer;}
.topfea-bn img{ border-radius:3px;}


/*投稿画像 IMG*/
.container{ float:left; margin:0 0 0 10px; width:100%;}
.item{ float:left; margin:1px; width:235px; height: 325px;}
.item_pic { float: left; position:relative; overflow:hidden; }
.item_info{ position:absolute; padding:5px 7px 5px 12px; top:8px; right:8px; background-color:rgba(0,0,0,0.5); color:#FFF; font-size:12px; line-height:1.2; border-radius:3px; }
.item_cmt{ float: left; padding: 10px; width:100%; font-size:14px; line-height:1.3; color: #333; background-color: #E9F0E9; height: 90px; border:#A0C1A0 solid 1px;}
.item_cmt span{ color: #999; font-size: 12px; }
.item:hover{ opacity: 0.6; cursor: pointer; }



/*ランキング表示部部分*/
.rank-all{ float:left; width:100%; margin:0 0 0 5px;}
.h2link{ margin:0 0 0 20px; font-size:12px; font-weight:normal;}
.h2link a{ text-decoration:none;}
/*上位3つ*/
.rankt-box{ position:relative; float:left; margin:0 7px 5px 0; width:235px; background-color:#333; border-radius:3px;}
.rankt-box:last-child{ margin:0 0 0 0;}
.rankt-box:hover{ opacity:0.6; cursor:pointer;}
.rankt-lv{ position:absolute; top:8px; left:-3px; padding:5px 5px; 0 0; width:60px; height:22px; font-size:18px; color:#FFF; background-color:#F66; text-align:center; border-radius:0 12px 12px 0;}
.rankt-lvs{ font-size:9px;}
.rankt-pic{ float:left; width:100%; height:170px; overflow:hidden; border-radius:3px;}
.rankt-txt{ position:absolute; bottom:0px; float:left; margin-top:5px; padding:8px 0 5px 0; width:100%; text-align:center; background-color:rgba(0,0,0,0.6); color:#FFF; border-radius:0px 0px 5px 5px; line-height:130%;}
.rankt-txt a{ text-decoration:none;}
.rankt-name{ font-size:18px; color:#FFF;}
/*4位以降*/
.rank-box{ position:relative; float:left; margin:8px 8px 0 0; width:138px; background-color:#333; border-radius:3px;}
.rank-box:last-child{ margin:8px 0 0 0;}
.rank-box:hover{ opacity:0.6; cursor:pointer;}
.rank-lv{ position:absolute; top:8px; left:-3px; padding:5px 5px; 0 0; width:60px; height:22px; font-size:18px; color:#FFF; background-color:#F66; text-align:center; border-radius:0 12px 12px 0;}

.rank-lv-l{ position:absolute; top:8px; left:-3px; padding:5px 5px; 0 0; width:60px; height:22px; font-size:18px; color:#FFF; background-color:#16A6B6; text-align:center; border-radius:0 12px 12px 0;box-shadow: 2px 3px 3px  rgba(0,0,0,0.6);}
.rank-lv-m{ position:absolute; top:8px; left:-3px; padding:5px 5px; 0 0; width:60px; height:22px; font-size:18px; color:#FFF;  background-color:#ff8a15; text-align:center; border-radius:0 12px 12px 0;box-shadow: 2px 3px 3px  rgba(0,0,0,0.6);}
.rank-lv-h{ position:absolute; top:8px; left:-3px; padding:5px 5px; 0 0; width:60px; height:22px; font-size:18px; color:#FFF; background-color:#EB2142; text-align:center; border-radius:0 12px 12px 0;box-shadow: 2px 3px 3px  rgba(0,0,0,0.6);}
.rank-lvs{ font-size:9px;}

.rank-pic{ float:left; width:100%; height:105px; overflow:hidden; border-radius:3px;}
.rank-txt{ position:absolute; bottom:0px; float:left; height:30px; margin-top:5px; padding:5px 0 5px 0; width:100%; text-align:center;background-color:rgba(0,0,0,0.6);color:#FFF; border-radius:0px 0px 5px 5px; font-size:10px; line-height:120%;}
.rank-txt a{ text-decoration:none;}
.rank-name{ font-size:14px;}


/*投稿画像*/
/* .container{ float:left; margin:0 0 0 10px; width:100%;}
.item { position:relative; margin: 1px; width:235px;}
.item:hover{ opacity:0.8; cursor:pointer;}
.item img { width: 100%;}
.item_cmt{ position:absolute; padding:5px 10px; bottom:0; width:100%; background-color:rgba(0,0,0,0.6); color:#FFF; font-size:12px; line-height:140%; }
.item_info{ position:absolute; padding:5px 10px; top:8px; right:8px; background-color:rgba(0,0,0,0.3); color:#FFF; font-size:12px; line-height:120%; border-radius:3px; } */

h2{ float:left; padding:10px 0 20px 40px; margin:20px 0 15px 0; width:100%; height:32px; font-weight:normal; font-size:18px; background-image:url(../image/disign/h2-icon.png); background-repeat:no-repeat; border-bottom:#CCC solid 1px;}

@media screen and (max-width: 550px) {
/*ランキング表示部部分*/
.rank-all{ float:left; width:100%; margin:0 0 0 1%;}
.h2link{ margin:0 0 0 20px; font-size:12px; font-weight:normal;}
.h2link a{ text-decoration:none;}
/*上位3つ*/
.rankt-box{ position:relative; float:left; margin:0 1% 1% 0; width:47%; height:120px; background-color:#333; border-radius:3px;}
.rankt-box:last-child{ margin:0 0 0 0;}
.rankt-box:hover{ opacity:0.6; cursor:pointer;}
.rankt-lv{ position:absolute; top:8px; left:-3px; padding:5px 5px 0 0; width:60px; height:22px; font-size:18px; color:#FFF; background-color:#F66; text-align:center; border-radius:0 12px 12px 0;}
.rankt-lvs{ font-size:9px;}
.rankt-pic{ float:left; width:100%; height:170px; overflow:hidden; border-radius:3px;}
.rankt-txt{ position:absolute; bottom:0px; float:left; margin-top:5px; padding:8px 0 5px 0; width:100%; text-align:center; background-color:rgba(0,0,0,0.6); color:#FFF; border-radius:0px 0px 5px 5px; line-height:130%;}
.rankt-txt a{ text-decoration:none;}
.rankt-name{ font-size:18px; color:#FFF;}
/*4位以降*/
.rank-box{ position:relative; float:left; margin:8px 8px 0 0; width:138px; background-color:#333; border-radius:3px;}
.rank-box:last-child{ margin:8px 0 0 0;}
.rank-box:hover{ opacity:0.6; cursor:pointer;}
.rank-lv{ position:absolute; top:8px; left:-3px; padding:5px 5px; 0 0; width:60px; height:22px; font-size:18px; color:#FFF; background-color:#F66; text-align:center; border-radius:0 12px 12px 0;}

.rank-lv-l{ position:absolute; top:8px; left:-3px; padding:5px 5px; 0 0; width:60px; height:22px; font-size:18px; color:#FFF; background-color:#16A6B6; text-align:center; border-radius:0 12px 12px 0;box-shadow: 2px 3px 3px  rgba(0,0,0,0.6);}
.rank-lv-m{ position:absolute; top:8px; left:-3px; padding:5px 5px; 0 0; width:60px; height:22px; font-size:18px; color:#FFF;  background-color:#ff8a15; text-align:center; border-radius:0 12px 12px 0;box-shadow: 2px 3px 3px  rgba(0,0,0,0.6);}
.rank-lv-h{ position:absolute; top:8px; left:-3px; padding:5px 5px; 0 0; width:60px; height:22px; font-size:18px; color:#FFF; background-color:#EB2142; text-align:center; border-radius:0 12px 12px 0;box-shadow: 2px 3px 3px  rgba(0,0,0,0.6);}
.rank-lvs{ font-size:9px;}

.rank-pic{ float:left; width:100%; height:105px; overflow:hidden; border-radius:3px;}
.rank-txt{ position:absolute; bottom:0px; float:left; height:30px; margin-top:5px; padding:5px 0 5px 0; width:100%; text-align:center;background-color:rgba(0,0,0,0.6);color:#FFF; border-radius:0px 0px 5px 5px; font-size:10px; line-height:120%;}
.rank-txt a{ text-decoration:none;}
.rank-name{ font-size:14px;}
/*都道府県*/
.todohuken-box{ float:left; margin:0 0 0 10px; width:94%; font-size:18px; line-height:130%;}
.todohuken-box a{  text-decoration:none; color:#00F; }
.todohuken-box a:hover{ opacity:0.7; cursor:pointer;}
.chiho{float:left; clear:right; margin:0 10px 0px 0;padding:4px 0px 4px 0px;text-align:center; color:#FFF;width:90px; background-image:url(../image/disign/earth.png); border-radius:3px; font-size:14px; }
.chiho:hover{ opacity:0.6; cursor:pointer;}
.chiho a{ text-decoration:none; color:#FFF;}
.pref-count{ font-size:14px;margin-right:7px;}
.pref{ float:left; margin:5px 0 0 0;}
.line-pref{ float:left; clear:both; width:95%; margin-bottom:10px; border:#CCC solid 1px;}
/*特集バナー*/
.topfea-all{ float:left; margin-left:10px; width:94%;}
.topfea-bn{ position:relative; float:left; margin:0 20px 10px 0; width:98%;}
.topfea-bn:hover{ opacity:0.6; cursor:pointer;}
.topfea-bn img{ border-radius:3px;}



/*投稿画像 IMG*/
.container{ float:left; margin:0 0 0 0; width:100%;}
.item{ float:left; margin:1%; width:47%; height: 300px; overflow:hidden;}
.item_pic { float: left; position:relative;  overflow:hidden; }
.item_info{ position:absolute; padding:2px 10px; top:3%; left:3%; background-color:rgba(0,0,0,0.5); color:#FFF; font-size:12px; line-height:1.2; border-radius:3px; width:80%; text-align: center;}
.item_cmt{ float: left; padding: 10px; width:100%; font-size:14px; line-height:1.3; color: #333; background-color: #E9F0E9; height: 120px; border:#A0C1A0 solid 1px;}
.item_cmt span{ color: #999; font-size: 11px; }



h2{ float:left; clear:both; padding:5px 0 0 40px; margin:10px 0 10px 0; width:100%; height:auto; min-height:30px; font-weight:normal; font-size:18px; background-image:url(../image/disign/h2-icon.png); background-repeat:no-repeat; border-bottom:#CCC solid 1px; line-height:120%;}

}