@charset "utf-8";
body{
margin:0;
padding:0;
background:#f6f6f4;
line-height:1.5;
font-family: メイリオ, 'Hiragino Kaku Gothic Pro', Meiryo, 'ヒラギノ角ゴ Pro W3', 'MS PGothic', 'MS UI Gothic', Helvetica, Arial, sans-serif;
/*
 font-family:Osaka,arial,sans-serif,Verdana;
 background:#FFFBF0;
*/
}

html,body{
height:100%;
}

* {
word-break: break-all;
}


div {
  box-sizing: border-box;
}

.all-wrapper {
  max-width:1100px;
  min-width:800px;
  margin:0 auto;
  padding:0 3px;
}

.wrapper {
  display: flex;
}


#side {
margin-left:20px;
  width: 300px;
}

#main {
flex: 1;
background:#fff;
padding:10px 0 20px;
border-radius:3px;
}

.about-text{
padding:20px;
font-size:14px;
line-height:1.5;
}

.ads_fixed {
  position: sticky;
  margin-bottom: 0;
  top: 10px;
  height:640px;
  z-index: 1;
  width:300px;
}


a{text-decoration:none; color:#03c;}


a.not:hover{
text-decoration:underline;
}


/* list */

.linkbox {
	padding:8px 3px 8px 14px;
    border-bottom: solid 1px #eee;
    font-size:15px;
}

.texthover{
text-decoration:none; color:#13e;
font-weight:normal;
}

a.texthover:hover{
text-decoration:underline;
}

.linkbox:hover{
background-color: #ebf5ff;/*#f7f7ff;*/
}

.linkbox:hover b{
text-decoration:underline;
}

.linkbox span
{font-size:11px;
color:#949494;
text-decoration:none;
}




/* topic */

h3{
margin:0 0 3px;
padding:0;
font-size:16px;
color:#13f;}

.boxlink:hover h3{text-decoration:underline;}


.resize{width:160px;}

.resize img {
margin:0px 0px 0px 15px;
width:130px;
height:90px;
overflow: hidden;
object-fit:cover;
filter: blur(0.6px);
}


.resize1{width:160px;}

.resize1 img {
margin:0px 0px 0px 30px;
width:100px;
height:100px;
overflow: hidden;
object-fit:cover;
filter: blur(0.6px);
}

.resize2{width:160px;}

.resize2 img {
margin:0px 0px 0px 35px;
width:80px;
height:100px;
overflow: hidden;
object-fit:contain; 
/* object-fit:cover; */
filter: blur(0.6px);
}


.resize9{width:160px;}

.resize9 img {
margin:0px 0px 0px 10px;
width:140px;
height:50px;
overflow: hidden;
object-fit:contain; 
-border-radius:2px;
filter: blur(0.6px);
}









.res{
flex: 1;
font-size:12px;
color:#545554;
}

.res em{
display:inline-block;
margin-left:0;/* 10px; */
font-style: normal;
color: #694;
font-size: 12px;
}
.res time{
display:inline-block;
margin-left:10px;
font-size:12px;
color:#9a9;
}


.boxlink{
display:flex;
padding:10px 10px 5px 5px;
border-bottom:1px solid #eee;
line-height:1.3;
min-height:120px;
}


.boxlink:hover{
background-color: #ebf5ff;
}


.text{
margin-top:5px;
color:#454;
font-size:12px;
line-height:1.5;
}



.topic-info{
margin:0 0 4px;
}

.topic-info em{
vertical-align:4px;
color:#676;
}

.topic-info time{
vertical-align:4px;
color:#888;
}


.topic-com{
margin-top:4px;
display:inline-block;
font-size:12px;
}



.chat-color1{
display:inline-block;
width:14px;
height:12px;
fill:#3474ce;
margin-top:2px;
margin-left:10px;
margin-right:4px;
}


.chat-com1{
vertical-align:4px;
color:#4478fe;
font-size:13px;
}



.chat-color2{
display:inline-block;
width:14px;
height:12px;
fill:#f76564;
margin-top:2px;
margin-left:10px;
margin-right:4px;
}


.chat-com2{
vertical-align:4px;
color:#f76564;
font-size:13px;
}


.chat-color3{
display:inline-block;
width:14px;
height:12px;
fill:#e00;
margin-top:2px;
margin-left:10px;
margin-right:4px;
}


.chat-com3{
vertical-align:4px;
color:#e00;
font-size:13px;
}



/*
.boxlink{ transition: all 0.3s ease 0s;}
.linkbox{ transition: all 0.3s ease 0s;}
*/


/* none */

.in-chat { margin: 0; padding: 0; text-align: center; color: #fff; font-weight:bold;}

.chat1 {
position:relative;
display:inline-block;
margin:1px 0;
padding:4px 10px 2px;
min-width:30px;
max-width:300px;
color:#555;
font-size:13px;
background:#1a62bc;
line-height:1.2;
border-radius:3px;
}

.chat1:before { 
content:"";
position:absolute;
top:100%;
left:20%;
border:5px solid transparent;
border-top:5px solid #1a62bc;
}

.chat2 {
position:relative;
display:inline-block;
margin:1px 0;
padding:4px 10px 2px;
min-width: 30px;
max-width: 300px;
color: #555;
font-size: 13px; 
background: #ec543a;
line-height:1.2;
border-radius:3px;
}

.chat2:before {
content:"";
position:absolute;
top:100%;
left:20%;
border:5px solid transparent;
border-top:5px solid #ec543a;
}


.chat3 {
position:relative;
display:inline-block;
margin:1px 0;
padding:4px 10px 2px;
min-width: 30px;
max-width: 300px;
color: #555;
font-size: 13px; 
background: #ff2211;
line-height:1.2;
border-radius:3px;
}


.chat3:before {
content:"";
position:absolute;
top:100%;
left:20%;
border:5px solid transparent;
border-top:5px solid #ff2211;
}






h2{
margin:0 3px 2px;
padding:5px 10px 3px;
font-size:14px;
color:#fff;
background:#1d1d1d;
border:1px solid #666;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;

}

.p2{
margin-top:20px;
}





/* side */


.side_box{
background:#fff;
margin-bottom:20px;
border-radius:3px;
padding:10px;
}


.side_menu{
display:flex;
flex-wrap: wrap;
}

.side_title{
font-size:15px;
margin-bottom:10px;
}

.cat{
width:130px;
font-size: 14px;
padding-left:10px;
line-height:1;
padding-bottom:13px;
}




.side_rank{
margin-bottom:20px;

}

.rankbox{
display:flex;
padding:5px 1px;
border-bottom:1px solid #eee;
min-height:67px;
}


.rank_title{
font-size:14px;
font-weight:bold;
padding:5px 1px;
border-bottom:1px solid #eee;
}

.rankbox:hover{background:#f9f9f7;}

.rank_comm{
width:50px;
text-align:center;
font-size:10px;
color:#777;
padding-top:5px;
}

.rank_comm b{font-size:14px;color:#222;font-size:17px;}/* 順位 */

.rank_comm span{
color:#d87937;font-size:13px;
font-weight:bold;
}

.rank_link{
flex: 1;
font-size:12px;
padding-top:2px;
padding-right:8px;
}
.rank_link span{color:#747474;}
.rank_link time{display:inline-block;}






/* header */

header
{background:#333;
color:#fff;
margin-bottom:20px;
}


ul {
    padding: 0;
    margin: 0;
}

li {
    list-style-type: none;
}
.wrap a {
    color: #fff;
    text-decoration: none;
}


.wrap a:hover {
text-decoration:underline;
}

.wrap{

  max-width:1100px;
  min-width:800px;
  margin:0 auto;
    display: flex;
    align-items: center;
}

.logo {
    padding: 15px 5px;
    display: inline-block;
    font-size:11px;
}

.logo_title{
font-size:17px;
}

nav {
  margin-left: auto;
  font-size:12px;
}
nav ul {
    display: flex;
}
nav ul li a {
    padding: 0 20px;
}

h1{font-size:17px;margin:0;padding-left:10px;}



/* */

footer{
margin-top:40px;
background:#242424;
color:#fff;

}


#footer-flex{
display:flex;
background:#333;
padding:20px 20px;
}

.ft-box{
width:25%;
padding:3px;
font-size:12px;
line-height:2.2
}

footer a {color:#fff;}
footer a:hover {text-decoration:underline;}


.footerbottom{
padding:30px 0;
text-align:center;
font-size:12px;
}


.nb-box{
}

.ng-name{
width:33%;
padding:10px;
    display: inline-block;
}

/* spo-navi */

.spo-title{font-weight:bold;font-size:14px;}
.spo-navi{margin-top:10px;font-size:14px;}


.spo-navi span{
display:inline-block;
margin-right:5px;
padding:2px 5px;
font-size:11px;
color:#222;
background:#ffe033;
}

.spo-navi span.s2{background:#eee;color:#676;}


/* mokuji */

#grb{
	margin:40px 0 60px;
	font-size:16px;
	text-align:center;
	line-height:2;
}

#grb a{
padding:3px 7px;
line-height:2em;
color:#333;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-decoration:none;

background:#e9eff5;

}

#grb a:hover{
	background:#333;
color:#fff;
}

#grb a:hover .arrow-svg{

 stroke: #fff;
}


.arrow-svg {
 vertical-align: middle;
}

#grb span .arrow-svg{
 stroke: #aaa;
}


.arrow-svg:hover1111 {
 stroke: #00f;
}


#grb b{
padding:3px 7px;
line-height:2em;
background:#333;
color:#fff;
font-weight:normal;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

#grb  span{
padding:3px 6px;
line-height:2em;
border:1px solid #ccc;
color:#aaa;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}




/* calender */

table.calendar{
border-spacing: 0px;
border-collapse: collapse;
}

.calendar td{
padding:0;
border: 1px solid #ccc;
width: 30px;
line-height:25px;
text-align: center;
font-size:12px;
vertical-align: inherit;
color:#bbb;
}

.calendar th{
color:#111;
font-size:12px;
line-height:25px;
text-align: center;
border-width:0px;
background:#fff;
font-weight:normal;
}

.today{background:#7096B4;}/* 436F92 */

.calendar td a{
display:block;
color:#333;
text-decoration:none;
}


.calendar td a:hover{
background:#E9EFF5;
}

.sat{color:#69c;}
.sun{color:#ff7d7d;}
.tdsp{color:#fff;}
.cal-in{
margin:5px 13px 20px;
}

.cal_box{margin:10px 15px;}

.cal_title{margin:5px 0;}


/* result not */
table.result{
border-spacing: 0px;
border-collapse: collapse;
}

.result th{font-size:12px;
border: 1px solid #ccc;
padding:2px 4px;
}

.result td{
font-size:12px;
line-height:2;
border: 1px solid #ccc;
}

.star{text-align:right;}


#pagetop{
width:200px;
margin:10px auto 0;
font-size:12px;
color:#fff;
line-height:2.4;
text-align:center;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background:#aaa;
text-decoration:none;
}

#pagetop:hover{
color:#fff;
background:#666;
}

/* blog */

.blog-box{
display:flex;
border-bottom:1px dotted #ccc;
margin:5px 5px 20px;
}

.tumb{
width:130px;
padding:10px;

}

.entry{
  flex: 1;
font-size:14px;
}

.entry li{
margin-bottom:5px;
}

.entry a:hover{
text-decoration:underline;
}

.blog-title{
margin:0px 5px 0;
padding:5px 5px;
background:#333;

}

.blog-title a{color:#fff;}




/* feed */

.feed-top{background:#fef;}

.feedhover{color:#f33;}


.feedspace{margin-top:50px;}

.feed-blog{
margin:0 1px 20px;
border-bottom:1px solid #eee;
}

.feed-blog li{
margin-left:10px;
font-size:13px;
line-height:2.0;
}

.feed-blog a:hover{text-decoration:underline;}


.home	{
	margin:20px 0px;
	font-size:14px;
	text-align:center;
	font-family: Verdana ,sans-serif;
	color:#999;
}