html{font-family:Roboto; color:#333; line-height:1.3em;}

a{color:#000;}
.no_ul a{text-decoration:none;}
.no_ul a:hover{text-decoration:underline;}

figure{padding:0; margin:0;}
figure .img_caption{font-style:italic; font-size:0.9em; color:#777;}

ol,ul {list-style:none; }
li{display:inline-block;}
#main li{display:block;}
nav{color:#999; font-size:0.9em;}
nav span{margin-right:7px;}
nav li a{text-decoration:none; color:#777;}

.cf {clear:both}
.cf:after {clear:both; content:" "; display:block; font-size:0; height:0; visibility:hidden}
hr{height:0; border-bottom:1px solid #DFDFDF; border-top:0 none;}
img{max-width:100%;}

/* Heading */
h1,h2,h3,h4{line-height:1.3em;}
h1{font-size:2em; padding:0; margin:0 0 30px 0;}
h2,h3,h4{padding:0; margin:0 0 20px 0;}
.caption_s{font-size:0.9em; color:#777;}

/* Margin Padding */
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.ml20{margin-left:20px;}
.mt20{margin-top:20px;}
.pt20{padding-top:20px;}

/* Wrap */
.wrapper{max-width:1000px; margin:0 auto; width: 100%;}
.wrapperin{padding:20px;}
.wrapperin2{padding:0 20px;}
.row{display:flex; justify-content:space-between;}
@media only screen and (max-width:999px) {
	.row{display:block;}
}

.tac{text-align:center;}
.tar{text-align:right;}

/* Header */
#header{height:60px;}
.headerin{border-bottom:1px solid #DFDFDF; padding-bottom:10px;}
#header img{height:30px; width:auto;}
#header input{padding:10px 15px; border:1px solid #DDD; border-radius:5px;}
#header a{margin-right:20px; text-decoration:none;}
@media only screen and (max-width:999px) {
	#header{height:auto;}
	#header a{padding:15px 5px; display: inline-block;}
}

/* Body */
#main{max-width:600px; display:inline-block; vertical-align:top;}
#main .meta{font-size:0.9em; color:#555;}
@media only screen and (max-width:999px) {
	#main{width:100%; max-width:100%; display:block; position:relative;}
}

/* Sidebar */
#sidebar{max-width:300px; display:inline-block; vertical-align:top; position:sticky; position:-webkit-sticky; align-self: flex-start; top:10px;}
#sidebar .boxed{padding:20px; border:1px solid #CCC;}
@media only screen and (max-width:999px) {
	#sidebar{width:100%; max-width:100%; display:block; position:relative;}
}

/* Footer */
#footer{font-size:0.9em; color:#777; line-height:2em;}
#footerin{padding:20px 0; border-top:1px solid #999; margin-top:30px;}
#footerin a{color:#777; text-decoration:none;}