.bar {
width:33.33%;
float:left;
padding:2px 0 6px;
line-height:1.4;
box-sizing:border-box;
}
.bar p{
padding-left:5px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
-webkit-text-overflow:ellipsis;
-o-text-overflow:ellipsis;
	position: relative;
}
.p2{
word-wrap: break-word;
word-break: break-all;
padding:0 5px;
color:#730;
	position: relative;
}
.bar p::after,
.p2::after{
	display: block;
	content: '';
	position: absolute;
	top:7px;
	left:0px;
	width: 3px;
	height: 3px;
	background-color: #f00;
}
.bar2 {
width:50%;
float:left;
box-sizing:border-box;
white-space: nowrap;
overflow:hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
.bar a:link,
.bar a:visited{
font-family:"Hiragino Kaku Gothic ProN",Meiryo,"���C���I",Verdana,sans-serif;
color:#03b;
}
.bar a:hover{
color:#f00;
}
.bar p{
font-family:"MS UI Gothic","MS PMincho";
font-size:12px;font-size:1.2rem;
color:#653;
}
.bar p a.d:link,
.bar p a.d:visited,
.bar p a.d:active{
color:#ccc;
}

h5{
background-color:#cde;
max-width:100px;
color:#000;
font-weight: normal;
font-size:12px;font-size:1.2rem;
padding:1px 0 0 5px;
margin:2px 0px 3px 8%;
}
.meka,
.tenki{
margin:12px 0;
}
.meka li{
width:33.33%;
box-sizing: border-box;
float:left;
padding-left:5px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
-webkit-text-overflow:ellipsis;
-o-text-overflow:ellipsis;
	position: relative;
}
.meka li::after {
	display: block;
	content: '';
	position: absolute;
	top:7px;
	left:0px;
	width: 3px;
	height: 3px;
	background-color: #f00;
}
.tenki a:link,
.tenki a:visited{
color:#000;
}
.tenki .tb {
width:100%;
margin-top:3px;
} 
.tenki .tb1,
.tenki .tb2 {
width:33.33%; 
text-align:center;
} 
.tenki .tb2 {
color:#0c0;
font-size:12px;
font-family:Yu Gothic;
}
.tenki .hnt {
color:#060;
font-family:"Comic Sans MS";
}
.tenki .tb1 img {
width:55px; 
height:30px; 
margin:2px 0;
}
.tenki .ond1 {
color:#f00;
}
.tenki .ond2 {
color:#03f;
}
.gg3{
padding:16px 10px 12px 0;
}
.it-bn{
margin:20px 0;
}
/*---------------------------------------*/
@media screen and (max-width: 816px) {
.barwk{
padding:0 8px;
}
}
/*----------------*/
@media screen and (max-width: 700px){
.bar{
float:none;
width:auto;
padding:0;
line-height:1.8;
}
.p2 a:link,
.p2 a:visited,
.bar p a:link,
.bar p a:visited{
font-size:16px;font-size:1.6rem;
}
.bar2 p a:link,
.bar2 p a:visited{
font-size:15px;font-size:1.5rem;
}
.p2::after,
.bar p::after {
	top:12px;
}
.meka,
.tenki{
background-color:#eee;
padding:12px 8px;
margin:16px 0;
}
.tenki .tb2 {
font-size:15px;
font-family:Verdana;
}
.gg3{
padding:20px 10px;
}
}
/*----------------*/
@media screen and (max-width: 400px){
.bar p a:link,
.bar p a:visited{
font-family:"Hiragino Kaku Gothic ProN","Meiryo UI",Meiryo,sans-serif;
}
.bar p::after,
.meka li::after {
	top:14px;
}
.meka li{
width:50%;
}
}