@charset "UTF-8";
* {border: 0;margin: 0;outline: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;font: inherit;font-style: normal;font-weight: lighter;list-style: none;text-decoration: none}html {    overflow-x: auto;width: 100%;height: 100%;}article, aside, dialog, figure, footer, header, main, menu, nav, section {display: block}br, hr {display: block}ol, ul {list-style: none}table {border-collapse: collapse;border-spacing: 0}img {    border: 0;    vertical-align: middle;}body {    font-size: 13px;    line-height: 1;    -webkit-text-size-adjust: 100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;    text-size-adjust: 100%;    background-color: #efefef;}* {font-family: "YakuHanJP", Meiryo, "Hiragino Kaku Gothic ProN", "MS PGothic", sans-serif;}a {text-decoration: none;color: #222;}a:hover {color:#007dc2;text-decoration: underline;}.cf:before, .cf:after {content: "";display: table}.cf:after {clear: both}.syslog{background:#fff;border-top:1px solid #000;border-spacing:8px 4px;border-collapse:separate;position:relative;z-index:10;}.syslog td{font-size:9pt;line-height:120%;font-family:Osaka-mono,"MS Gothic",Courier,monospace;color:#000;}.syslog td:first-child{white-space:nowrap;vertical-align:top;}.syslog td+td{word-break:break-all;}.syslog+.syslog{border-top:1px solid #000;}.about-main-title {    font-size: 16px;    border: 1px solid rgba(0,0,0,0.1);    padding: 12px;    line-height: 22px;    margin: 10px;    border-radius: 3px;    font-weight: bold;    background-color: rgba(239,239,239,0.7);}.about-main-text {    font-size: 14px;    padding: 12px;    line-height: 1.5;    color: #333;}.about-main-text a{    color:#03c;    text-decoration: underline;}.about-body dl {    padding: 10px;    background-color: #fff;    border-radius: 5px;}#about form {    background-color: #fff;    padding: 12px;    border-radius: 5px;}#about form [type=radio] {    margin: 8px 6px 0 0;    cursor: pointer;}.about-form-radio {    margin-bottom: 16px;}#about label {    font-size: 14px;    line-height: 24px;    margin-bottom: 4px;    display: block;}.about-form-radio label {    cursor: pointer;}#about form [type=text] {    border: 1px solid #ccc;    margin: 4px 0 0;    padding: 4px;    width: 320px;    display: block;    -webkit-appearance: none;-moz-appearance:none;-ms-appearance:none;appearance:none;}#about form textarea {    font-size: 120%;    border: 1px solid #ccc;    margin: 4px 0 0;    width: 100%;    height: 128px;    display: block;    -webkit-appearance: none;-moz-appearance:none;-ms-appearance:none;appearance:none;}#about form [type=submit] {    border: 0;    color: #fff;    background: rgba(0,177,194,.8);    margin: 12px 0 0;    padding: 8px 0;    width: 50%;    display: block;    font-size: 16px;    border-radius: 3px;    margin: 20px auto 10px;    border-right: 2px solid #00b1c2;    border-bottom: 4px solid #00b1c2;    }#about form [type=submit]:hover {    background: #00b1c2;    cursor: pointer;}.about-rss {    width: 100%;    border-collapse: separate;    padding: 10px;    background-color: #fff;    border-radius: 5px;}.about-rss th {    border-bottom: 1px solid rgba(0,0,0,0.1);}.about-rss td {    padding: 18px;    vertical-align: middle;    border-bottom: 1px solid rgba(0,0,0,0.1);}.about-rss td:nth-child(n+2) {    width: 180px;}.about-rss tr:nth-child(odd) {}.about-rss img {    width: 16px;    height: 16px;    margin-right: 8px;}.about-rss img+a {    font-weight: bold;    color: #111;    font-size: 14px;}.about-rss img+a:hover {    color: #185a9d;}.about-rss b {    font-weight: normal;    font-size: 11px;    line-height: 120%;    color: #999;    margin: 0 0 0 24px;    display: block;}.about-rss th {    text-align: left;    padding: 16px;}.about-rss td a[target] {    font-size: 13px;    line-height: 30px;    border-radius: 3px;    color: #fff;    background: rgba(24,90,157,.8);    text-align: center;    display: block;}.about-rss td + td a[target] {    background: rgba(219,13,145,.8);}.about-rss a[target]:hover {    background: rgba(24,90,157,1);    text-decoration: none;}.about-rss td + td a[target]:hover {    background: rgba(219,13,145,1);    text-decoration: none;}#about ul {    padding-left: 18px;}#about ul li {    position: relative;    margin-top: 8px;}#about ul li::after {    display: block;    content: '';    position: absolute;    top: .5em;    left: -1em;    width: 6px;    height: 6px;    background-color: #666;    border-radius: 100%;}.about-text {    padding: 12px;    font-size: 14px;    line-height: 1.3;    background-color: #e8f6fc;    border-radius: 3px;    margin: 10px 0;    color: #333;}.about-text p {    margin: 8px 0;}.makelink-body {    padding: 30px 20px;    background-color: #fff;    border-radius: 5px;}.unit-title {    border-radius: 8px 8px 0 0;    padding: 12px 12px;    overflow: hidden;    border: 1px solid #dedede;    background-color: #f7f7f7;}.unit-title b {    font-size: 16px;    margin: 0 8px 0 0;}.unit-body {    background: #fff;    border-radius: 0 0 8px 8px;    padding: 16px;    border: 1px solid #dedede;    margin-top: -1px;}.unit-caption {    font-size: 14px;    line-height: 24px;    margin-bottom: 4px;    display: block;}#makelink p {    font-size: 14px;    line-height: 24px;    margin-bottom: 4px;    display: block;}#makelink p a {    color: #ff6d00;    text-decoration: underline;}#makelink label {    font-size: 14px;    line-height: 24px;    margin-bottom: 4px;    display: block;    cursor: pointer;}.makelink-error {    background-color: #ffecec;    border: 1px solid #f5aca6;    color: #ff4f4f;    padding: 10px;    margin-bottom: 15px;}.makelink-error i{display: inline-block;margin-right: 3px;}.option-title {    border-radius: 8px 8px 0 0;    padding: 12px 12px;    overflow: hidden;    border: 1px solid #dedede;    background-color: #eee;    margin-top: 30px;}.option-body {    background: #f7f7f7;    border-radius: 0 0 8px 8px;    padding: 16px;    border: 1px solid #dedede;    margin-top: -1px;}.option-caption {    font-size: 14px;    line-height: 24px;    margin-bottom: 4px;    display: block;}#makelink [type=text] {    border: 1px solid #ccc;    border-radius: 4px;    box-shadow: 0 1px 3px #ddd inset;    display: inline-block;    padding: 10px;    width: 100%;    margin-bottom: 10px;}#makelink textarea {    border: 1px solid #ccc;    border-radius: 4px;    box-shadow: 0 1px 3px #ddd inset;    display: inline-block;    padding: 10px;    width: 100%;    margin-bottom: 10px;    height: 160px;    font-size: 16px;    word-break: break-all;    line-height: 1.4;}.makelink-arrow {    text-align: center;    margin: 24px 0;}.makelink-arrow::after {    content: '↓';    display: inline-block;    font-size: 31px;    font-weight: bold;    color: #fdd311;}#makelink .submit {    text-align: center;}#makelink [type=submit] {    border: 0;    color: #fff;    background: rgba(0,177,194,.8);    margin: 12px auto 0 auto;    padding: 8px 0;    width: 160px;    display: block;    font-size: 16px;    border-radius: 3px;    border-right: 2px solid #00b1c2;    border-bottom: 4px solid #00b1c2;}#makelink [type=submit]:hover {    background:rgba(0,177,194,1);    cursor: pointer;}.pagenav {    text-align: center;    clear: both;    padding: 18px 0;}.pagenav li {display:inline-block;}.pagenav li a {    display: block;    width: 50px;    border-radius: 3px;    margin: 0 10px;    line-height: 40px;    font-size: 16px;    text-decoration: none;    position: relative;    border: 1px solid #efefef;    background-color: #efefef;    color: #555;}.pagenav li .fst{         margin-right: 30px;}.pagenav li .end{         margin-left: 30px;}.pagenav li .fst:hover,.pagenav li .end:hover{     background-color: #fff;}.pagenav li .fst:after {    content: "…";    position: absolute;    right: -30px;    font-weight: bold;    font-size: 18px;    color: #777;}.pagenav li .end:before {    content: "…";    position: absolute;    left: -30px;    font-weight: bold;    font-size: 18px;    color: #777;}.pagenav li .cur {    color: #fff;    background: #00b1c2;    border: 1px solid #00b1c2;    cursor: default;}.pagenav li .prv:hover,.pagenav li .nxt:hover{     background-color: #fff;}.ranking-body {    background-color: #fff;    padding: 20px;}.tab-term {    text-align: center;    margin-bottom: 30px;}.tab-term-list {    background-color: #f9f9f9;    background-repeat: no-repeat;    border: 1px solid #dcdcdc;    border-radius: 3px;    box-sizing: border-box;    cursor: pointer;    display: inline-block;    line-height: 28px;    overflow: hidden;    padding: 0 25px;    vertical-align: middle;    margin: 0 6px;}.tab-term-list.selected {    color: #fff;    background: #00b1c2;    border: 1px solid #00b1c2;}.tab-term-list:hover {    color: #333;    background-color: #fff;    border: 1px solid #00b1c2;    text-decoration: none;}.ranking-body .access {    border-top: 1px solid rgba(0,0,0,0.1);}.ranking-body .access li {    border-bottom: 1px solid rgba(0,0,0,0.1);}.ranking-body .access li:first-child {    background-color: #efefef;}.ranking-body .access li:nth-child(even) {}.ranking-body ul div {    box-sizing: border-box;    vertical-align: top;}.ranking-body .access-rank {    font-weight: bold;    padding: 12px 0;    width: 5%;    display: inline-block;    text-align: center;}.access-rank span{    width: 22px;    line-height: 22px;    display: inline-block;    color: #555;    background-color: #eee;    border-radius: 50%;    font-family: arial;    font-weight: bold;    height: 22px;    font-size: 12px;    text-align: center;}.ranking-body .access-blog {    padding: 12px;    width: 65%;    overflow: hidden;    display: inline-block;    font-size: 14px;}.ranking-body .access-blog a {    display: block;}.ranking-body .access-blog a:hover {    color: #0d9ddb;}.ranking-body ul img {    margin-right: 6px;    width: 16px;    height: 16px;}.ranking-body .access-num {    padding: 12px 20px 12px 0;    width: 10%;    text-align: right;    display: inline-block;}.categories li {    display: block;    padding: 3px 0;    width: 120px;}.categories .divider {    border-radius: 3px;    display: block;    font-size: 15px;    line-height: 28px;    margin-right: 2px;    padding: 10px 0;}.categories .divider i {    color: #00bcd4;    font-size: 18px;    margin-right: 7px;    vertical-align: middle;}.categories a {    display: block;    line-height: 28px;    padding: 0 18px;    background-color: #fff;    color: #333;    text-decoration: none;}.categories a[data-selected=on],.categories a[data-selected=on]:hover{     background-color: #d9f5f8;    color: #00bcd4;}.categories a:hover {     background-color: #d9f5f8;    color: #00bcd4;}#footer {    background-color: #333;    color: #fff;    padding-bottom: 20px;    text-align: center;    margin-top: 50px;    clear: both;}.copylight {    margin: 10px auto 0;    padding: 10px;    text-align: center;    line-height: 1.5;}.copylight a {  display: inline-block;  margin:0 10px;    color:#fff;}.powered {    margin: 10px auto 0;    text-align: center;    line-height: 1.5;}.powered a {  display: inline-block;  margin-left: 10px;    color:#fff;}.footer-menu {    border-bottom: 1px solid rgba(0,0,0,0.3);    text-align: center;    margin: 10px;}.footer-menu ul {    width: 100%;}.footer-menu li {    display: inline-block;}.footer-menu li a {    display: block !important;    line-height: 50px;  padding: 0 20px;  color:#fff;}.footer-menu li a:hover {    text-decoration: underline;}#hotblog{    clear: both;    padding-top: 12px;}#hotblog .section {}#hotblog .section:nth-child(odd) {    float: left;    width: 49.5%;    margin-bottom: 20px;}#hotblog .section:nth-child(even) {    float: right;    width: 49.5%;    margin-bottom: 20px;}.hotblog-table {    background-color: #fff;    border-radius: 0 0 5px 5px;    padding: 3px;}.blog-ico img {    width: 18px;    height: 18px;    border: 1px solid #fff;    background-color: #fff;}[data-load-src]{    display:block;}[data-load-src]::after{    content:'';    clear:both;    display:block;}[data-load-status] {    color: #fff;    cursor: pointer;    text-align: center;    display: block;    background-color: rgba(0,177,194,.8);    margin-bottom: 20px;    line-height: 38px;    font-size: 18px;    border-radius: 3px;    font-weight: bold;    border-bottom: 4px solid #00b1c2;    width: 80%;    margin: 0 auto 20px;    border-right: 2px solid #00b1c2;}[data-load-status]:hover{    background:#00b1c2;}[data-load-status='']::before{    content:'次のブログへ';}[data-load-status='loading']::before{    content:'読込中...';}.pickup{}.pickup li {    display: inline-block;    margin: 0px 0 0 22px;    padding: 0;    vertical-align: top;    width: 130px;    overflow: hidden;}.pickup li:first-child {    margin-left:0;}.pickup li a {}.pickup .pickup-img img {    margin-bottom: 3px;    width: 100%;    height: auto;}.pickup .pickup-title {    width: 100%;    line-height: 16px;    height: 32px;}.pickup li:hover .pickup-title {}#main {    float: left;    width: 100%;}#announce {    border: 1px solid #2196f3;    margin-bottom: 10px;    padding: 12px 12px 12px 40px;    background-color: #e3f2fd;    color: #2196f3;    position: relative;}#announce a {    color: #03c;    font-weight: bold;    margin: 0 3px;    text-decoration: underline;}#announce i {    color: #2196f3;    font-size: 20px;    margin-right: 3px;    position: absolute;    top: 50%;    margin-top: -10px;    left: 12px;}.menu-user {    position: relative;    margin-bottom: 10px;    display: table;    table-layout: fixed;    text-align: center;    border-left: 1px solid rgba(0, 0, 0, 0.15);    border-right: 1px solid rgba(0, 0, 0, 0.15);    width: 100%;}.menu-user li {    display: table-cell;    vertical-align: middle;}.menu-user li a {    display: block;    color: #333;    font-size: 13px;    line-height: 48px;    text-decoration: none;    text-align: center;    background-color: #fff;    padding: 0 8px;    border-bottom: 2px solid rgba(0, 0, 0, 0.15);}.menu-user li.active > a {    border-bottom: 2px solid #007dc2;}.menu-user li a i {    margin-left: 6px;}.menu-user li ul {    list-style: none;    position: absolute;    z-index: 9999;    top: 100%;    margin: 0;    padding: 0;}.menu-user li ul li {    width: 100%;    display: block;}.menu-user li ul li a {    background: #fff;    text-align: left;    width: 150px;    line-height: 35px;    border-bottom: none;}.menu-user li:hover > a {    background: #fff;    border-bottom: 2px solid #007dc2;}.menu-user li > a:hover {    background: #fff;}.menu-user li ul {    display: none;}.menu-user li:hover ul {    display: block;    padding: 8px;    background-color: #fff;    border-radius: 5px;    box-shadow: 0 0 15px rgba(0, 0, 0, .3);}.menu-user  ul li a[data-selected=on], .menu-user  ul li a[data-selected=on]:hover, .menu-user ul li a:hover {background-color: rgba(0,125,194,.07);    border-bottom: none;}.atodeSum {    color: #fff;    background-color: #db140d;    border-radius: 3px;    min-width: 18px;    line-height: 18px;    position: relative;    text-align: center;    font-size: 11px;    vertical-align: middle;    display: inline-block;    margin-left: 6px;}.menu-link {    background:#007dc2;    position: relative;    color: #fff;    padding: 10px 10px 10px 32px;    font-size: 12px;    line-height: 16px;    border-radius: 3px;}.menu-link label {    cursor: pointer;}.menu-link #showLink {    display: none;}.menu-link #showLink+ .fa {    font-size: 20px;    position: absolute;    top: 16px;    left: 8px;}.menu-link #showLink+ .fa:before {    content: "\f096";}.menu-link #showLink:checked + .fa:before {    content: "\f046";}.section {    background-color: #fff;    margin-bottom: 10px;    position: relative;    vertical-align: top;    border: 1px solid rgba(0,0,0,0.15);    overflow: hidden;}.section-header {    position: relative;    box-shadow: 0 1px 1px rgba(0,0,0,.2);}#article .section-header {    font-size: 16px;    line-height: 58px;    padding: 0 10px;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}div.section-header-title {    font-size: 16px;    text-align: center;    line-height: 58px;}#hotblog div.section-header-title {    padding: 8px 12px 18px 38px;    border-bottom: 2px solid #3e3c5a;}#hotblog div.section-header-title a {    font-size: 18px;    font-weight: bold;}h1.section-header-title {    display: inline-block;}.section-header-title i {}.section-header-title a {}.section-header-title-cat {    background: #007dc2;    color: #fff;    font-size: 12px;    padding: 0px 10px;    border-radius: 3px;    margin-right: 6px;    line-height: 20px;    display: inline-block;}.section-header-blog {    text-align: center;    line-height: 42px;}.section-header-blog img {    vertical-align: -3px;    display: inline-block;    margin-right: 6px;    width: 16px;    height: 16px;}.section-header-blog a {    color: #007dc2;    font-size: 16px;    display: block;    width: 100%;}.section-table {    background-color: #fff;    padding: 6px;    border-radius: 5px;}.section-table .entries:empty {display: none;}.section-table .entries {    overflow-y: auto;    max-height: 500px;}#article .section-table .entries {    max-height: 800px;}.section-header-tab{}.section-header-tab li {    cursor: pointer;    display: inline-block;    text-align: center;    width: 25%;    line-height: 42px;    border-top: 2px solid #fff;    border-bottom: 2px solid #fff;}.section-header-tab li:hover {}.section-header-tab li.active,.section-header-tab li:hover  {    border-bottom: 2px solid #007dc2;}.tab-entries {    display: none;    padding: 6px;    background-color: #fff;    border-radius: 5px;}.tab-entries.active {    display: block;}.tab-entries .entries{    overflow-y: scroll;    height: 410px;}.click .section-table {    display: none;}.click .section-table.active {    display: block;}.entries {    width: 100%;}.entry {    border-bottom: 1px solid rgba(0,0,0,0.1);    position: relative;}.entry:hover {background-color:#f9f9f9;}#hotblog .entry:last-child {    border-bottom: none;}.entry:nth-child(even){}.click .entry:nth-child(even) {}.entry .entry-inner {    display: table;    height: 40px;    position: relative;    width: 100%;    table-layout: fixed;}.entry-inner > [class^="entry-"] {    display: table-cell;    vertical-align: middle;}.entry-time {    width: 64px;    font-family: arial;    font-size: 10px;    text-align: center;    color: rgba(24,90,157,0.8);    padding-left: 5px;}.entry .entry-click {    color: #ff791f;    width: 60px;    font-family: arial;    font-weight: bold;    position: relative;    text-align: center;    z-index: 100;    font-size: 15px;}.entry .entry-click-suffix {    font-size: 11px;    padding-left: 1px;}.entry-ico {    width: 24px;    text-align: right;}.entry-ico img {    width: 16px;    height: 16px;    border-radius: 50%;}.entry-i {    width: 30px;    text-align: right;}.entry-i span {    width: 22px;    line-height: 22px;    display: inline-block;    color: #555;    background-color: #eee;    border-radius: 50%;    font-family: arial;    font-weight: bold;    height: 22px;    font-size: 12px;    text-align: center;}.num-1 span {    background-color: #ff1f1f;    color: #fff;}.num-2 span {    background-color: #ff791f;    color: #fff;}.num-3 span {    background-color: #ffad1f;    color: #fff;}.entry .entry-title {    width: 100%;}.entry .entry-title a {    font-size: 14px;    display: block;    overflow: hidden;    padding-left: 10px;    text-overflow: ellipsis;    white-space: nowrap;    line-height: 40px;}.entry .entry-blog {    display: none;    overflow: hidden;    padding-right: 5px;    text-align: right;    text-overflow: ellipsis;    white-space: nowrap;    width: 110px;    font-size: 10px;    line-height: 40px;    color: #999;}.entry:hover .entry-blog {    display: table-cell;}.entry-cate{    width: 64px;    text-align: center;}.entry-cate span {background-color: rgba(0, 0, 0, 0.08);    border-left: 1px solid rgba(0, 0, 0, 0.1);    border-radius: 5px;    border-top: 1px solid rgba(0, 0, 0, 0.1);    color: #555;    display: inline-block;    font-size: 10px;    line-height: 18px;    white-space: nowrap;    width: 45px;}.entry .entry-make {    text-align: center;    width: 80px;    display: none;}.entry .entry-make.active {display: table-cell;}.entry .entry-atode {    width: 30px;    text-align: center;}#article .entry .entry-atode {    display: none;}#article .entry:hover .entry-atode {    display: table-cell;}.entry-more a {    display: block;    text-align: center;    line-height: 37px;    color: #fff;    background-color: rgba(0,177,194,.8);    border-radius: 3px;    margin: 10px;    border-bottom: 4px solid #00b1c2;    border-right: 2px solid #00b1c2;    width: 80%;    margin: 10px auto;}.entry-more a:hover {    background-color: #00b1c2;    text-decoration: none;}.entry-bar {}#article [data-type="catchy"] {    background-color: rgba(255,31,31,0.08);}#article [data-type="catchy"] .entry-title a{    color: #ff1f1f;    font-weight: bold;}.large {    border-bottom: 1px solid rgba(0, 0, 0, .15);    padding: 10px 0;    position: relative;    background-color: #fff;}.large .large-img {    float: left;    width: 200px;    height: 150px;    margin: 0 10px;    overflow: hidden;    border: 1px solid #ddd;}.large .large-img img {    width: 100%;    height: auto;    margin-top: -25px;    background: #ddd;    background-image: radial-gradient(#f5f5f5 20%, transparent 0), radial-gradient(#f5f5f5 20%, transparent 0);    background-position: 0 0, 10px 10px;    background-size: 20px 20px;}.large .large-cate span {    background: none repeat scroll 0 0 #17a2e1;    border-radius: 2px;    color: #fff;    font-size: 12px;    line-height: 20px;    white-space: nowrap;    width: 60px;    text-align: center;    display: inline-block;}.large .large-title a {    font-size: 20px;    font-weight: bold;    display: block;    margin-top: 16px;    line-height: 1.2;    height: 72px;    overflow: hidden;}.large .large-blog a {    position: absolute;    right: 8px;    bottom: 10px;    color: #aaa;}.large .large-atode {    position: absolute;    left: 177px;    bottom: 19px;    display: none;}.large .large-make {    position: absolute;    left: 105px;    bottom: 19px;    display: none;}.large:hover .large-atode,.large:hover .large-make.active {    display: block;}.medium {    float: left;    width: 220px;    overflow: hidden;    padding: 10px;    position: relative;    border-right: 1px solid rgba(0, 0, 0, .15);    background-color: #fff;    height: 210px;}.medium .medium-img {    float: left;    width: 200px;    height: 150px;    margin-right: 10px;    overflow: hidden;    border: 1px solid #ddd;}.medium .medium-img img {    width: 100%;    height: auto;    margin-top: -25px;}.medium .medium-cate span {    background: none repeat scroll 0 0 #17a2e1;    color: #fff;    font-size: 12px;    line-height: 20px;    white-space: nowrap;    width: 60px;    position: absolute;    text-align: center;    display: inline-block;    top: 11px;    left: 11px;}.medium .medium-title a {    font-size: 14px;    margin-top: 3px;    line-height: 1.2;    height: 34px;    display: inline-block;    overflow: hidden;}.medium .medium-atode {    position: absolute;    top: 127px;    right: 17px;    display: none;}.medium .medium-make {    position: absolute;    top: 127px;    right: 47px;    display: none;}.medium:hover .medium-atode,.medium:hover .medium-make.active {    display: block;}.small {    height: 70px;    overflow: hidden;    background-color: #fff;    padding: 10px;    position: relative;    border-top: 1px solid rgba(0, 0, 0, .15);}.medium +.small {    border-top: none;}.small + .entries {    border-top: 1px solid rgba(0, 0, 0, .15);}.small .small-img {    width: 60px;    height: 45px;    display: block;    float: left;    overflow: hidden;    border: 1px solid #ddd;    margin-right: 8px;}.small .small-img img {    height: auto;    width: 100%;    margin-top: -10px;}.small .small-blog a {    position: absolute;    right: 8px;    bottom: 10px;    color: #aaa;    font-size: 11px;}.small .small-title {    line-height: 1.2;    height: 32px;    overflow: hidden;}.small .small-atode {    position: absolute;    bottom: 10px;    left: 76px;    display: none;}.small .small-make {    position: absolute;    bottom: 7px;    left: 7px;    display: none;}.small:hover .small-atode,.small:hover .small-make.active {    display: block;}.small .small-atode:before {    font-size: 16px;}.large-atode:before, .medium-atode:before {    display: inline-block;    padding: 1px;    border: 1px solid #d4d4d4;    margin: 0;    text-decoration: none;    text-align: center;    text-shadow: 1px 1px 0 #fff;    background-color: #ececec;    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f9f9f9));background-image:-moz-gradient(linear, 0 0, 0 100%, from(#fff), to(#f9f9f9));background-image:-ms-gradient(linear, 0 0, 0 100%, from(#fff), to(#f9f9f9));background-image:gradient(linear, 0 0, 0 100%, from(#fff), to(#f9f9f9));    border-radius: 3px;    zoom: 1;}.large-atode .link.active,.medium-atode .link.active,.small-atode .link.active {    display: block;}#article-block .atode.selected {    display: block;}.viewport {    margin: 0 auto;    min-height: 100%;    position: relative;    width: 980px;    -webkit-transition: all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;    -moz-transition: all .2s ease-in-out;    -ms-transition: all .2s ease-in-out;    transition: all .2s ease-in-out;}#main .box{    border: 1px solid rgba(0,0,0,0.15);    background-color: #fff;    margin-bottom: 10px;    padding: 10px;    position: relative;    overflow: hidden;    vertical-align: top;    display: block;    text-align: center;}#hotblog .box{    border: 1px solid rgba(0,0,0,0.15);    background-color: #fff;    margin-bottom: 10px;    padding: 10px;    position: relative;    overflow: hidden;    vertical-align: top;    display: block;    text-align: center;}.box-left-long {    position: fixed;    left: 50%;    margin-left: -620px;    top: 10px;}.box-right-long {    position: fixed;    left: 50%;    margin-left: 500px;    top: 10px;}#header {    background: #3e3c5a;    height: 260px;    position: relative;    background-size: cover;}#header a {    height: 260px;    display: block;    width: 100%;}#header h1 {    background-color: rgba(0, 0, 0, 0.6);    position: absolute;    width: 100%;    bottom: 0;    color: #fff;    font-size: 20px;    line-height: 48px;    display: inline-block;    text-decoration: none;    font-weight: bold;    padding-left: 20px;}#header .logo-img img {    max-height: 34px;}.bar {    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #e4e4e4));background:-moz-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #e4e4e4));background:-ms-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #e4e4e4));background:gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #e4e4e4));    background: -webkit-linear-gradient(#fff, #e4e4e4);background:-moz-linear-gradient(#fff, #e4e4e4);background:-ms-linear-gradient(#fff, #e4e4e4);background:linear-gradient(#fff, #e4e4e4);    width: 100%;    height: 28px;    position: relative;    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);    z-index: 100;}.bar-logo {}.bar-logo a img {    display: inline-block;    padding: 2px 4px;}.bar-sub {    position: absolute;    left: 158px;    top: 8px;    font-size: 11px;    color: #333;}.bar-nav {    position: absolute;    right: 8px;    top: 8px;    font-size: 12px;}.bar-nav li {    display: inline-block;}.bar-nav li a {    margin-right: 8px;}#atode .empty {    color: #999;    padding: 100px 0;    text-align: center;    background-color: #fff;    border-radius: 0 0 5px 5px;    display: none;}#atode ul:empty+.empty {    display: block;}.atode {    color: #dfdfdf;}.atode:hover {    text-decoration: none;}.link:hover {    color: #ffc107;}.link:before {    content: 'リンク作成';    display: block;    position: relative;    overflow: visible;    display: inline-block;    padding: 5px 8px;    border: 1px solid #d4d4d4;    margin: 0;    text-decoration: none;    text-align: center;    text-shadow: 1px 1px 0 #fff;    font-size: 12px;    color: #333;    white-space: nowrap;    cursor: pointer;    outline: none;    background-color: #ececec;    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));background-image:-moz-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));background-image:-ms-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));background-image:gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));    -moz-background-clip: padding;     background-clip: padding-box;    border-radius: 3px;        zoom: 1;    *display: inline;}.link:hover:before {    border: 1px solid #29b6f6;    background: #dff4fe;    text-decoration: none;    text-shadow: none;}.link:before::-moz-focus-inner {    padding: 0;    border: 0;}.atode::before {    content: '★';    display: block;    font-size: 20px;    cursor: pointer;}#atode .atode::before {    content: '戻す';    display: block;    font-size: 11px;}#atode .atode.selected::before {    content: '削除';    display: block;    font-size: 11px;    color: #db140d;}.atode:hover {    color: rgba(255,193,7,.8);}.atode.selected {    color: #ffc107;}.button {    position: relative;    overflow: visible;    display: inline-block;    padding:3px 6px;    border: 1px solid #d4d4d4;    margin: 0;    text-decoration: none;    text-align: center;    text-shadow: 1px 1px 0 #fff;    font-size: 12px;    color: #333;    white-space: nowrap;    cursor: pointer;    outline: none;    background-color: #ececec;    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));background-image:-moz-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));background-image:-ms-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));background-image:gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));    -moz-background-clip: padding;     background-clip: padding-box;    border-radius: 3px;        zoom: 1;    *display: inline;}.button:hover,.button:focus,.button:active,.button.active {    border-color: #0d9ddb;    text-decoration: none;    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);    color: #fff;    background-color: #0d9ddb;}.button::-moz-focus-inner {    padding: 0;    border: 0;}