@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%;background-color: #f4f4f4;overflow: hidden;min-width: 1230px;}* {font-family: "YakuHanJP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo UI", Meiryo, メイリオ, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", arial, sans-serif;}a {text-decoration: none;color: #333;}a:hover {color:#039;text-decoration: underline;}.cf:before, .cf:after {content: "";display: table}.cf:after {clear: both}.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;}.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 {    padding-left: 10px;    margin-top: 16px;    font-size: 15px;    border-left: 2px solid #007ee5;    background-color: #f7f7f7;    padding: 8px;    line-height: 18px;}.about-main-text {    font-size: 14px;    padding: 12px;    line-height: 1.5;    color: #333;}.about-main-text a{    color:#039;    text-decoration: underline;}#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 form {    margin: 8px;}#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,126,229,.8);    margin: 12px 0 0;    padding: 8px 0;    width: 160px;    display: inline-block;    font-size: 16px;    border-radius: 3px;}#about form [type=submit]:hover {    background: rgba(0,126,229,1);    cursor: pointer;}.about-rss {    width: 100%;    border-collapse: separate;}.about-rss th {    border-bottom:1px dotted #c4c4c4;}.about-rss td {    padding: 18px;    vertical-align: middle;    border-bottom:1px dotted #c4c4c4;}.about-rss td:nth-child(n+2) {    width: 180px;}.about-rss tr:nth-child(odd) {    background: #f9f9f9;}.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: #4e90e1;}.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(78,144,225,.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(78,144,225,1);    text-decoration: none;}.about-rss td + td a[target]:hover {    background: rgba(219,13,145,1);    text-decoration: none;}.makelink-body {    padding: 20px 010px;}.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(78,144,225,.8);    margin: 12px auto 0 auto;    padding: 8px 0;    width: 160px;    display: block;    font-size: 16px;    border-radius: 3px;}#makelink [type=submit]:hover {    background:rgba(78,144,225,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 #fff;}.pagenav li a:nth-child(1){}.pagenav li .fst{         margin-right: 30px;}.pagenav li .end{         margin-left: 30px;}.pagenav li .fst:hover,.pagenav li .end:hover{          border:1px solid #29b6f6;     background-color: #dff4fe;}.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:#777;background:#fff;cursor:default;    border:1px solid #fff;}.pagenav li .prv:hover,.pagenav li .nxt:hover{      border:1px solid #29b6f6;     background-color: #dff4fe;}.ranking-body {    background-color: #fff;    padding: 20px 0;}.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: #007ee5;    border: 1px solid #007ee5;}.tab-term-list:hover {    color: #333;    background-color: rgba(0,126,229,.13);    border: 1px solid #007ee5;    text-decoration: none;}.ranking-body .access {    border-top: 1px dotted #c4c4c4;}.ranking-body .access li {    border-bottom: 1px dotted #c4c4c4;}.ranking-body .access li:nth-child(even) {    background: #f9f9f9;}.ranking-body ul div {    box-sizing: border-box;    vertical-align: top;}.ranking-body .access-rank {    font-weight: bold;    font-size: 16px;    padding: 12px 0;    width: 5%;    display: inline-block;    text-align: center;    font-family: arial;}.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;}#right {    float: right;    min-height: 100px;    width: 320px;}.widget {    background-color: #fff;    margin-bottom: 10px;    padding: 10px;    position: relative;    overflow: hidden;    vertical-align: top;}.widget-header {    border-bottom: 2px solid #363941;    color: #555;    font-size: 14px;    height: 30px;    line-height: 22px;    padding: 0 8px;    position: relative;}.widget-header-title {    font-size: 14px;}.widget-header-title i {    color: #007ee5;    font-size: 18px;    margin-right: 7px;    vertical-align: middle;}.item li {    border-bottom: 1px dotted #c4c4c4;}.item li a {    display: block;    position: relative;    padding: 8px;}.item .item-img {    float: left;    width: 70px;}.item .item-img img {    background-color: #fff;}.item .item-title {    float: left;    padding-left: 10px;    position: relative;    width: 190px;    line-height: 1.3;}.item li a:hover .item-title {    text-decoration: underline;}.item .item-blog {    bottom: 8px;    color: #aaa;    font-size: 11px;    overflow: hidden;    position: absolute;    right: 8px;    text-align: right;    text-overflow: ellipsis;    white-space: nowrap;    width: 150px;}#right .entry .entry-inner {    height: 50px;}#right .entry .entry-title a {    font-size: 13px;    text-overflow: clip;    white-space: normal;    line-height: 1.3;}#right .box {    background-color: #fff;    margin-bottom: 10px;    padding: 10px;    position: relative;    overflow: hidden;    vertical-align: top;    display: block;    text-align: center;}.categories li {    display: block;}.categories .divider {    display: block;    font-size: 15px;    line-height: 28px;    margin-right: 2px;    border-bottom: 1px solid #47525d;    padding: 4px 0 3px;}.categories .divider i {    color: #007ee5;    font-size: 18px;    margin-right: 7px;    vertical-align: middle;}.categories a {    display: block;    padding: 10px 8px;    color: #333;    text-decoration: none;    border-bottom: 1px dotted #c4c4c4;    position: relative;}.categories a[data-selected=on], .categories a[data-selected=on]:hover {    background-color: #e5f1fc;}.categories a[data-selected=on]:after {    font: normal normal normal 14px/1 FontAwesome;    content: "\f00c";    color: #007ee5;    position: absolute;    top: 10px;    right: 8px;}.categories a:hover {    background-color: #e5f1fc;}#footer {    background-color: #2b2b2b;    color: #fff;    padding-bottom: 20px;    text-align: center;    margin-top: 50px;    clear: both;}#footer a{    color: #fff;}.copylight {  margin: 10px auto 0;  padding: 10px;  text-align: center;  width: 300px;  line-height: 1.5;}.copylight a {  display: inline-block;  margin-left: 10px;}.footer-menu {    border-top: 1px solid #dadada;    text-align: center;    margin-top: 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}.footer-menu li a:hover {    text-decoration: underline;}#hotblog{    clear: both;    padding-top: 12px;}#hotblog .section {    border: 1px solid #e0e0e0;}#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;}[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: #3398ea;    margin-bottom: 10px;    line-height: 38px;    font-size: 18px;    border-radius: 3px;    font-weight: bold;    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);}[data-load-status]:hover{    color:#fff;    background:#007ee5;}[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: 770px;    background-color: #fff;    border-right: 1px solid #e0e0e0;    border-left: 1px solid #e0e0e0;}#main .right {    float: right;    width: 218px;}#main .left {    float: left;    width: 550px;}#announce {    background-color: #e0f5ff;    border: 1px solid #0d9ddb;    color: #1d6a93;    font-size: 13px;    padding: 16px 10px 16px 40px;    position: relative;    line-height: 1.3;    margin: 10px;}#announce a {    color: #03c;    font-weight: bold;    margin: 0 3px;    text-decoration: underline;}#announce i {    color: #0d9ddb;    font-size: 28px;    margin-right: 3px;    position: absolute;    left: 10px;    top: 50%;    margin-top: -14px;}.bigimg {    padding: 12px;}.bigimg li {    display: block;    overflow: hidden;    margin-bottom: 12px;}.pickup-img img {    margin-bottom: 3px;    width: 100%;    height: auto;    background-color: #fff;}.pickup-title {    width: 100%;    line-height: 16px;    height: 32px;}#main .box {    background-color: #fff;    margin-bottom: 10px;    padding: 12px 20px;    position: relative;    overflow: hidden;    vertical-align: top;    display: block;    text-align: center;}.box-right-long {    position: fixed;    left: 50%;    margin-left: 625px;    top: 70px;}.box-left-long {    position: fixed;    left: 50%;    margin-left: -745px;    top: 70px;}.box-right-big {    position: fixed;    left: 50%;    margin-left: 625px;    top: 70px;}.box-left-big {    position: fixed;    left: 50%;    margin-left: -860px;    top: 70px;}.cats-main-header {    color: #007ee5;    font-size: 16px;    padding: 10px 10px;    font-weight: bold;    margin-bottom: 12px;    border-left: 4px solid #007ee5;    background-color: #e5f1fc;}.cats-main-header:empty:before {    content: "総合";}.cats-main {    padding: 10px;}.cats-main .entries {    margin-bottom: 12px;}.cats-left {    float: left;    width: 438px;}.cats-right {    float: right;    width: 300px;}.catsImg a:hover img {    opacity: 0.8;}.catsImg-1 {    background-color: #fff;    width: 440px;    position: relative;    margin-bottom: 10px;    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05), 0 2px 10px 0 rgba(0, 0, 0, 0.05);}.catsImg-1 a {    display: block;}.catsImg-1 .catsImg-img {    width: 440px;    height: 218px;    overflow: hidden;    display: block;}.catsImg-1 .catsImg-img img {    width: 100%;    height: auto;    margin-top: -70px;}.catsImg-1 .catsImg-title a{    position: absolute;    width: 440px;    bottom: 0;    background-color: rgba(0, 0, 0, 0.7);    z-index: 1;    left: 0;    color: #fff;    padding: 8px;}.catsImg-1 .catsImg-atode {    position: absolute;    right: 8px;    top: 8px;    display: none;}.catsImg-1 .catsImg-make {    position: absolute;    right: 38px;    top: 8px;    display: none;}.catsImg-1:hover .catsImg-atode, .catsImg-1:hover .catsImg-make.active {    display: block;}.catsImg-2 {    display: inline-block;    width: 146px;    vertical-align: top;    background-color: #fff;    margin-bottom: 6px;    padding: 0 5px;    border-left: 1px dotted #c4c4c4;    position: relative;}.catsImg-2 + .catsImg-2+ .catsImg-2 {    border-right: 1px dotted #c4c4c4;}.catsImg-2 .catsImg-img {    width: 130px;}.catsImg-2 .catsImg-img img {    width: 100%;    height: auto;}.catsImg-2 .catsImg-title {    padding: 5px;    line-height: 16px;    overflow: hidden;    height: 55px;    font-size: 12px;}.catsImg-2 .catsImg-atode {    position: absolute;    right: 17px;    top: 8px;    display: none;}.catsImg-2 .catsImg-make {    position: absolute;    right: 48px;    top: 8px;    display: none;}.catsImg-2:hover .catsImg-atode, .catsImg-2:hover .catsImg-make.active {    display: block;}.catsImg-3 {    background-color: #fff;    margin-bottom: 8px;    position: relative;    border-bottom: 1px dotted #c4c4c4;    padding-bottom: 6px;}.catsImg-3 a {    display: block;}.catsImg-3 .catsImg-img {    float: left;    width: 55px;    height: 55px;}.catsImg-3 .catsImg-img img {    width: 100%;    height: auto;}.catsImg-3 .catsImg-title {    float: right;    width: 238px;    line-height: 16px;    max-height: 34px;    overflow: hidden;    font-size: 12px;}.catsImg-3 a:hover .catsImg-title {    text-decoration: underline;}.catsImg-3 .catsImg-blog {    bottom: 6px;    position: absolute;    font-size: 10px;    color: #999;    right: 7px;}.catsImg-3 .catsImg-atode {    position: absolute;    left: 63px;    display: none;    bottom: 3px;}.catsImg-3 .catsImg-make {    position: absolute;    bottom: -2px;    left: -4px;    display: none;}.catsImg-3:hover .catsImg-atode, .catsImg-3:hover .catsImg-make.active {    display: block;}.cats-main-more a {    display: block;    text-align: center;    line-height: 37px;    color: #007ee5;}.cats-main-more a:hover {    background-color: #f5f5f5;    text-decoration: none;}.catsImg-1 .atode:before, .catsImg-2 .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;}.catsImg .atode.selected {    display: block;}.error-txt {    background-color: #fff;    padding: 60px 20px;    position: relative;    border: 1px solid #e0e0e0;    overflow: hidden;    text-align: center;    margin-top: 10px;    background-color: #fff;}.error-txt h3 {    font-size: 24px;    font-weight: bold;    line-height: 1.2;    margin-bottom: 20px;}.error-txt a {    display: inline-block;    text-align: center;    line-height: 37px;    color: #007ee5;    text-decoration: none;}.error-txt a:hover {    text-decoration: underline;}.menu {}.menu ul {    width: 100%;}.menu li {    display: inline-block;}.menu li a {    display: block !important;    line-height: 50px;    color: #fff;}.menu li a:hover {    text-decoration: underline;}.menu-link {    line-height: 50px;    color: #fff;}.menu-link label {    cursor: pointer;}.menu-link #showLink {    display: none;}.menu-link #showLink+ .fa {    position: relative;    vertical-align: middle;    font-size: 24px;    margin-right: 6px;}.menu-link #showLink+ .fa:before {    content: "\f096";}.menu-link #showLink:checked + .fa:before {    content: "\f046";    color: #fff;    text-shadow: 2px 2px 3px rgba(255, 255, 255, 0.1);}.menu-trigger {    background-color: #007ee5;    border: 1px solid #007ee5;    border-radius: 0 0 5px 5px;    cursor: pointer;    font-size: 11px;    position: absolute;    right: 0;    text-align: center;    top: -1px;    z-index: 1000;    border-top: 1px solid #007ee5;    display: block;    padding: 8px 16px;    box-sizing: content-box;    -webkit-transition: all .18s ease-in-out;-moz-transition:all .18s ease-in-out;-ms-transition:all .18s ease-in-out;transition:all .18s ease-in-out;    color: #fff;}.hamburger {    width: 26px;    height: 22px;    position: relative;}.hamburger span {    position: absolute;    left: 0;    width: 100%;    height: 4px;    background-color: #fff;    border-radius: 4px;}.hamburger, .hamburger span {    display: inline-block;    transition: all .2s;    box-sizing: border-box;}.hamburger span:nth-of-type(1) {    top: 0;}.hamburger span:nth-of-type(2) {    top: 9px;}.hamburger span:nth-of-type(3) {    bottom: 0;}.hamburger.active span {    background-color: #fff;}.hamburger.active span:nth-of-type(1) {    -webkit-transform: translateY(9px) rotate(-45deg);-moz-transform:translateY(9px) rotate(-45deg);-ms-transform:translateY(9px) rotate(-45deg);transform:translateY(9px) rotate(-45deg);}.hamburger.active span:nth-of-type(2) {    opacity: 0;}.hamburger.active span:nth-of-type(3) {    -webkit-transform: translateY(-9px) rotate(45deg);-moz-transform:translateY(-9px) rotate(45deg);-ms-transform:translateY(-9px) rotate(45deg);transform:translateY(-9px) rotate(45deg);}.trigger-text {    font-size: 14px;    display: inline-block;    padding-left: 8px;    line-height: 23px;    vertical-align: bottom;}.menu2 {    position: absolute;    right: 190px;    top: 20px;}.menu2  li {    display: inline-block;}.menu2 a {    display: block;    line-height: 20px;    padding: 0 10px;    color: #333;}.menu2 .active, .menu2 a:hover {}.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;}.section {    background-color: #fff;    margin-bottom: 10px;    padding: 12px;    position: relative;    overflow: hidden;    vertical-align: top;}.section-header {    border-bottom: 2px solid #363941;    color: #555;    font-size: 14px;    position: relative;}.section-header-title {    font-size: 15px;    padding: 4px 0 12px;}h1.section-header-title {    background: linear-gradient(to bottom, #f7f7f7 0px, #efefef 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);    border: 1px solid #d7d7d7;    color: #555;    display: block;    font-size: 16px;    font-weight: bold;    height: auto;    line-height: 1.2;    padding: 15px;    position: relative;    z-index: 2;    margin-bottom: -2px;}.section-header-title i {    font-size: 18px;    margin-right: 7px;    vertical-align: middle;    color: #007ee5;}.section-header-title a {    display: block;}.section-header-title img {    width: 18px;    height: 18px;    border: 1px solid #ddd;    padding: 1px;    margin-right: 6px;    vertical-align: bottom;    display: inline-block;}.section-header-select {    position: absolute;    right: 0;    top: 0;    width: 200px;    cursor: pointer;}.section-header-select .select-group {    position: relative;    display: inline-block;    overflow: hidden;    box-sizing: border-box;    width: 200px;    vertical-align: middle;    border: 1px solid #555;    background-color: #fff;    background-repeat: no-repeat;    cursor: pointer;}.section-header-select .select-cat {    position: relative;    z-index: 1;    line-height: 1;    display: block;    width: 220px;    text-indent: 3px;    border: none;    border-radius: 0;    background-color: transparent;    background-image: none;    box-shadow: none;    -webkit-appearance: none;-moz-appearance:none;-ms-appearance:none;appearance:none;    cursor: pointer;}.section-header-select .select-group:after {    position: absolute;    top: 0;    right: 8px;    bottom: 0;    width: 0;    height: 0;    margin: auto;    content: '';    border-top: 4px solid #999;    border-right: 4px solid transparent;    border-left: 4px solid transparent;}.section-header-tab {    position: absolute;    right: 0;    bottom: 0;}.section-header-tab li {    background-color: #fff;    cursor: pointer;    display: inline-block;    line-height: 28px;    margin-left: -1px;    position: relative;    text-align: center;    width: 80px;    z-index: 1;    color: #555;    border-radius: 3px 3px 0 0;}.section-header-tab .active {    background-color: #4a4a4a;    color: #fff;    z-index: 2;    font-weight: bold;}.section-header-blog {    color: #333;    font-size: 16px;    font-weight: bold;    white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;    width: 600px;    padding: 3px 0 10px;}.section-header-blog img {    width: 20px;    height: 20px;    border: 1px solid #ddd;    background-color: #fff;    padding: 1px;    margin-right: 8px;}.section-header-url a {    right: 0px;    position: absolute;    top: 6px;    text-decoration: underline;    font-weight: bold;}.section-header-url a i {    margin-right: 5px;    color:#4a4a4a;}.section-empty {    color: #999;    padding: 50px 0;    text-align: center;    background-color: #fff;    margin: 10px 0;    font-size: 18px;}.click .section-table {    display: none;}.click .section-table.active {    display: block;}.entries {    width: 100%;}.entry {    border-bottom: 1px dotted #c4c4c4;    position: relative;}.entry:nth-child(even),.entries:nth-child(even) .entry {    background-color: #f9f9f9;}.click .entry:nth-child(even) {    background-color: #fff;}.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: 11px;    text-align: center;    color:#9f9f9f;}.entry .entry-click {    color: #ff4040;    font-size: 16px;    width: 60px;    font-family: arial;    font-weight: bold;    position: relative;    text-align: center;    z-index: 100;    font-size: 12px;}.entry .entry-click:after {    content: "";    background-color: #f9f9f9;    border-left: 1px solid #ebebeb;    border-radius: 3px;    border-top: 1px solid #ebebeb;    display: inline-block;    font-size: 12px;    line-height: 20px;    text-align: center;    width: 42px;    height: 24px;    position: absolute;    left: 8px;    top: 8px;    z-index: -1;}.entry .entry-click-suffix {    font-size: 11px;}.entry-ico {    width: 24px;    text-align: right;}.entry-ico img{    width: 16px;    height: 16px;}.entry-i {    width: 30px;    text-align: center;}.entry-i span {    background-color: #fbe4e4;    width: 22px;    line-height: 35px;    display: inline-block;    color: #e50000;}.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: #e5f1fc;    border-radius: 3px;    color: #007ee5;    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: #007ee5;}.entry-more a i{}.entry-more a:hover {background-color: #f5f5f5;    text-decoration: none;}.entry-bar {    background-color: #66b2f0;    bottom: -1px;    display: block;    height: 2px;    left: 0;    position: absolute;}#article [data-type="catchy"] {    background-color: #ffebee;}#article [data-type="catchy"] .entry-title a{    color: #ff1744;    font-weight: bold;}#article-block [data-type="catchy"] {    background-color: #ffebee;}#article-block [data-type="catchy"] .entry-title a{    color: #ff1744;    font-weight: bold;}.regular {    border-bottom: 1px dotted #c4c4c4;    padding: 10px 0;    position: relative;    background-color: #fff;}.regular .regular-img {    float: left;    width: 120px;    height: 90px;    margin: 0 10px;    overflow: hidden;    border: 1px solid #ddd;}.regular .regular-img img {    width: 100%;    height: auto;    background: #ddd;    background-image: radial-gradient(#f5f5f5 20%, transparent 0), radial-gradient(#f5f5f5 20%, transparent 0);}.regular .regular-cate span {    background: #e5f1fc;    border-radius: 2px;    color: #007ee5;    font-size: 12px;    line-height: 20px;    white-space: nowrap;    width: 60px;    text-align: center;    display: inline-block;}.regular .regular-title a {    font-size: 15px;    display: block;    margin-top: 8px;    line-height: 1.2;    height: 60px;    overflow: hidden;}.regular .regular-blog a {    position: absolute;    right: 8px;    bottom: 10px;    color: #aaa;}.regular .regular-atode {    position: absolute;    left: 210px;    top: 8px;     display: none;}.regular:hover .regular-atode {     display: block;}.large {    border-bottom: 1px dotted #c4c4c4;    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: #e5f1fc;    border-radius: 2px;    color: #007ee5;    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 dotted #c4c4c4;    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: #e5f1fc;    color: #007ee5;    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 dotted #c4c4c4;}.medium +.small {    border-top: none;}.small + .entries {    border-top: 1px dotted #c4c4c4;}.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: 1230px;    -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;}.viewport.active {    padding-top: 50px;}.beyond {    margin: 0 -500%;    padding: 0 500%;}.wrap{border: 1px solid #e0e0e0;    background-color: #fff;}.primary {    float: right;    width: 1090px;}.secondary {    float: left;    width: 138px;    padding: 5px 10px;}#header {    background-color: #fff;    height: 60px;    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);    border-top: 3px solid #007ee5;    margin-bottom: 10px;}#header .inner{position: relative;}#header .logo {    display: block;    padding: 9px 0 24px;    width: 190px;}#header .logo img {    height: auto;    width: 190px;}#header .menu {    display: none;    z-index: 999;    top: -51px;    left: 0;    position: absolute;    background-color: #007ee5;    border-bottom: 2px solid #fff;}#header .menu li a {    padding-right: 30px;}#header .subtitle {    color: #333;    font-size: 15px;    left: 0;    line-height: 1;    position: absolute;    text-align: center;    top: 36px;    width: 190px;    font-weight: bold;}#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(#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));    -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;}