@charset "UTF-8";
html, body, div, iframe, img,
form ,table, tbody, tfoot, thead, tr, th, td,
dl, dt, dd, ol, ul, li,
article, aside,footer, header, hgroup, menu, nav, section
{
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
}
div,article,aside,
footer,header,hgroup,menu,nav,section { 
display:block;
vertical-align:top;
}
p{margin:1em 0.4em;}
h1{
font-size:1.4em;
font-weight:normal;
margin:0.3em 0 0.1em 0;
}
h2{
font-size:1.2em;
font-weight:bold;
margin:0.3em 0 0.1em 0;
}
h3{
font-size:1em;
font-weight:normal;
color:#666;
margin:0.6em 0 0 0;
}
h4{
font-size:1em;
color:#666;
font-weight:bold;
}
a{
text-decoration:underline;
outline:none;
color:#369;
}
a:hover, a:active{
opacity: 0.7;
filter: alpha(opacity=70);
text-decoration:none;
}
input:hover{
opacity: 0.7;
filter: alpha(opacity=70);
}
ul{list-style:none;}
table{
border-collapse:collapse;
border-spacing:0;
}
hr {
clear: both;
display:block;
height:1px;
border:0;   
border-top:1px solid #ccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
body {
font-family: "ヒラギノ角ゴ Pro W3", " Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
line-height:1.5;
font-size:16px;
color:#333;
background:#fff;
-webkit-text-size-adjust:100%;
}
/**** Clearfix ****/
.newsTitle:after, .post:after, .inner:after, ul.news:after {
content:"";
display: table;
clear:both;
}
.newsTitle, .post, .inner, ul.news { zoom: 1; }
/* フォーム
------------------------------------------------------------*/
input[type="text"], input[type="email"], textarea {
width: 100%;
padding:0.3em 0.4em;
border:1px solid #ddd;
border-radius:3px;
color:#555;
background:#fff;
}
textarea {
font-family: sans-serif;
}
input[type="submit"], input[type="reset"], input[type="button"], p.readon a {
margin-top:1em;
padding:4px 10px 2px;
background: #292;
border:0;
border-radius:5px;
font-size:16px;
color:#fff;
font-family: sans-serif;
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, p.readon a:hover {
background:#4b4;
cursor:pointer;
}
*:first-child+html input[type="submit"] { padding:3px; }
/* レイアウト
------------------------------------------------------------*/
.inner{
margin:0 auto;
max-width:1080px;
width: 100%;
}
.cont {
float:right;
width: 70%;
padding:20px 0 50px;
}
.side {
float:left;
max-width:280px;
width: 28%;
padding:20px 0 50px;
}
footer {
clear:both;
background:#666;
}
/* ヘッダー
*****************************************************/
header h1 {
padding:0;
font-size:200%;
}
header h1 a { color:#000; }
header h2 {
margin-top:0;
padding:0;
font-size:80%;
font-weight:normal;
}
.sns {
display:inline-block;
text-align:right !important;
padding:20px 0;
}
.sns img { margin-left:5px; }
.post {
margin:0 0 20px 0;
padding:30px 30px 10px;
background:#fff;
border:2px solid #eee;
border-radius:5px;
position:relative;
text-align:left;
}
/* 記事ループ
*****************************************************/
.list {
padding:10px 0;
border-bottom:1px dashed #eee;
}
.list:last-child { border:0; }
.post .list p { padding:0; }
.list span { padding-left:10px; }
/* タイポグラフィ
*****************************************************/
.post h1, .post h2 { border-bottom: 1px solid #888; }
.post h1 a, .post h2 a{
text-decoration:none;
}
.post ul { margin: 0 0 10px 10px; }
.post ul li {
margin-bottom:5px;
padding-left:15px;
}
.post ol { margin: 0 0 10px 30px; }
.post ol li { list-style:decimal; }
.post blockquote {
clear:both;
padding:10px 0 10px 15px;
margin:10px 0 25px 30px;
border-left:5px solid #ccc;
}
.post blockquote p { padding:5px 0; }
.post table {
border: 1px #777 solid;
border-collapse: collapse;
border-spacing: 0;
margin:10px 0 20px;
}
.post table th {
padding:10px;
border:1px #777 solid;
border-width: 0 0 1px 1px;
color:#666;
background:#fff;
}
.post table td {
padding:10px;
border: 1px #777 solid;
border-width: 0 0 1px 1px;
background:#fff;
}
.post dt { font-weight:bold; }
.post dd { padding-bottom:10px; }
.post span.imgbox {
display:block;
width: 300px;
height: 200px;
overflow:hidden;
}
.post span.imgbox_top {
display:block;
width: 300px;
height: auto;
}
.post img {
max-width:100%;
height:auto;
}
img.aligncenter {
display: block;
margin:5px auto;
}
img.alignright, img.alignleft {
margin: 0 10px 15px 15px;
display:inline;
}
img.alignleft { margin:10px 15px 15px 10px; }
.alignright {
float:right;
margin: 0 10px 15px 15px;
}
.alignleft {
float:left;
margin:10px 15px 15px 10px;
}
/* ブログ
*****************************************************/
.blog { margin-top:1em; }
.archive { max-height:180px; }
.archive div.contents {
max-height: 6.5em;
min-height:80px;
margin-bottom:1em;
overflow:hidden;
position:relative;
}
.archive div.contents:before, .archive div.contents:after {
position: absolute;
background:#fff;
}
.archive div.contents:before {
content: "...";
bottom: 0;
right:0;
}
.archive div.contents:after {
content: "";
width: 100%;
height: 100%;
}
.archive div.contents p {
margin:0;
padding:0;
}
.archive div.contents br { display:none; }
.archive span.imgbox {
display:block;
width: 180px;
height: 135px;
overflow:hidden;
}
.archive img {
max-width: 100%;
height: auto;
}
.blogent img, .blogent img.alignleft { margin:0 .5em; }
.blogent h1, .blogent h2, .blogent h3, .blogent h4 { clear:both; }
.archive h3 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.archive h3 a { color:#000; }
.archive h3 a:hover { color:#666; }
.tim_cat {
font-size:90%;
margin:0 0 10px;
text-align:left;
white-space:nowrap;
}
.morelink a:hover img { opacity: 0.3; }
.archi_top {
margin-top:0;
width: auto;
}
.tim_cat span { margin-right:2%; }
.tim_cat span.label {
background: #292;
padding:2px 10px;
border-radius: 3px;
font-size:80%;
color:#fff;
}
.tim_cat a span.label { color:#fff; }
.tim_cat a:hover span.label { background:#4b4; }
.dateLabel {
text-align:right;
font-family:Georgia, "Times New Roman", Times, serif;
}
/* comment
----------------------------------*/
.comm {
width:95%;
margin: 3em auto 0;
}
.post_info { font-size:1.4em;margin-top:2em; }
.datename {
display:block;
margin:1em 0 .5em;
font-weight: bold;
}
.comment_form { margin-top:1em; }
table.form td { padding:0 0 1.5em; }
hr.dod{border:none;border-bottom:1px solid #999;}
/* ウィジェット
*****************************************************/
.widgetWrap {
margin:10px 0 20px 0;
padding:1em;
border:2px solid #eee;
border-radius:5px;
background:#fff;
}
.widget ul ul {
border:0;
margin:0;
padding:0 0 0 10px;
box-shadow:none;
}
.widget h3 {
clear:both;
margin:15px 5px 5px;
padding:5px 10px;
font-size:110%;
color:#fff;
border:2px solid #fff;
border-radius:5px;
background:#292;
}
.widget li a {
display:block;
line-height:1.2em;
padding:10px;
text-decoration:none;
border-bottom:1px dashed #ddd !important;
}
.widget li a:hover {
background-color:#dff;
transform: translateX(0.2em);
}
.widget li:last-child a { border:0; }
/* カレンダー */
#calendar_wrap table {
margin:0 auto;
width:90%;
}
#calendar_wrap table caption {
padding:10px 0;
text-align:center;
font-weight:bold;
}
#calendar_wrap table th, #calendar_wrap table td {
padding:3px;
text-align:center;
}
#calendar_wrap table th:nth-child(6) { color:#933; }
#calendar_wrap table th:nth-child(7) { color:#900; }
#calendar_wrap a {
color:#874;
font-weight:bold;
font-weight:bold;
border-bottom:1px solid #fff;
}
#calendar_wrap table td#prev { text-align:left; }
#calendar_wrap table td#next { text-align:right; }
#calendar_wrap table td#prev a {
text-align:left;
border:0;
}
#calendar_wrap table td#next a {
text-align:right;
border:0;
}
/* お知らせ　
-------------*/
.newsTitle {
clear:both;
margin:0 0 -10px;
padding:7px 10px 7px 17px;
font-size:110%;
}
.newsTitle h3 {
float:left;
font-weight:normal;
}
.newsTitle p {
float:right;
padding:0 0 0 25px;
font-size:80%;
}
.news p {
clear:both;
padding-bottom:2px;
border-bottom:1px dashed #eee;
color:#666;
}
.news p:last-child { border:0; }
.news p a {
display:block;
padding:5px 0;
font-style:italic;
font:italic 110% "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.news a span { font:normal 90% Arial, sans-serif; }
aside .news a { color:#666; }
.news span { padding-left:10px; }
.news a:hover span { color:#444; }
/* トップページ */
.cont .newsTitle h3 { font-size:120%; }
.toppage { color:#000; }
/* フッター
*****************************************************/
footer { margin-top:2em; }
footer, footer a { color:#fff; }
#copyright {
clear:both;
padding:35px 0 30px;
text-align:center;
font-size:90%;
color:#fff;
}
/* page navigation
------------------------------------------------------------*/
.pager, .navi {
text-align:center !important;
margin-top:3em;
}
.pager span a, .pager a span, .navi a {
padding: 3px 10px;
margin: 0 1px;
border:1px solid #ccc;
border-radius: 5px;
text-decoration: none;
}
.pager a span { cursor:pointer; }
.pager span a:hover, .navi a:hover { background: #dff; }
/* 959px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 959px) {
.inner{width:95%;}
.cont, .side{
float:none;
clear:both;
max-width:100%;
width:100%;
margin:0 auto;
padding:10px 0;
}
.side{ text-align:center; }
.post h2, .post h3 {
line-height:1.2 !important;
padding-bottom:2%;
}
.archive h3 { padding-bottom:0; }
ul{
width:100%;
margin:0;
}
ul img{
max-width:98%;
height:auto;
}
#calendar_wrap table {
width:260px;
margin:0;
}
footer .boxWrap {
margin:0;
padding:0;
}
footer .box {
float:none;
width:100%;
margin:0;
padding:10px 0 0;
}
}
/* 幅620px以下から
------------------------------------------------------------*/
@media only screen and (max-width: 644px) {
.sns {
display:block;
text-align:center !important;
width: 100%;
}
ul.post li {
width:42%;
margin:0 0 0 6%;
}
ul.post li:nth-child(2n+1) { clear:left; }
.post span.imgbox, .post span.imgbox_top, .archive span.imgbox {
width: 100%;
height: auto;
}
.post img {
width:100%;
height:auto;
}
img.alignright, img.alignleft {
display:block;
margin:5px auto 1em;
width:100%;
height:auto;
}
.alignright, .alignleft {
float:none;
margin:0 0 1em 0;
}
.blogent img, .blogent img.alignleft {
display:block;
margin:5px auto 1em;
width:100%;
height:auto;
}
input[type="text"], input[type="email"], textarea {
max-width:100%;
width: 100%;
}
.archive { max-height:100%; }
.tim_cat { display:block; }
.morelink {
display:block;
width: auto;
text-align:right;
margin-bottom:.5em;
}
.morelink img {
width: 54px;
height: auto;
}
}

pre {
  margin: 1em 0;
  padding: 1em;
  border-radius: 5px;
  background: #25292f;
  color: #fff;
  overflow-x: auto;
}

.labelg {
background: #292;
margin-top:1em;
padding:4px 10px 2px;
border-radius: 5px;
color:#fff;
font-size:16px;
text-decoration:none;
}
.labelb {
background: #29f;
margin-top:1em;
padding:4px 10px 2px;
border-radius: 5px;
color:#fff;
font-size:16px;
text-decoration:none;
}
.labelr {
background: #f85;
margin-top:1em;
padding:4px 10px 2px;
border-radius: 5px;
color:#fff;
font-size:16px;
text-decoration:none;
}