@charset "UTF-8";

/*
Font
*/

@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);

/*
Base
*/

html,body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,
blockquote,th,td,p,img {
margin:0;
padding:0;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display: block;
}

body{
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, sans-serif;
background: #f4f4f4;
font-size: 14px;
color: #000;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

img,a img{
border:none;
vertical-align: bottom;
}

ul, ol, li, dl, dt, dd {
list-style:none;
}

*, *:before, *:after {
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

a {
outline: none;
text-decoration: none;
color: #000;
font-weight: bold;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.box-style {
background: #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.15);
box-shadow: 0px 0px 6px rgba(0,0,0,0.15);
}

/*
Layout
*/

.l-inner {
width: 1068px;
margin: 0 auto;
}

.l-header {
background: #fff url(http://livedoor.blogimg.jp/news101/imgs/a/b/ab5539cb.png) repeat-x;
padding: 45px 0 40px;
border-bottom: 1px solid #e6e6e6;
}

.l-header-left {
float: left;
width: 485px;
}

.l-header-right {
float: right;
width: 583px;
}

.l-home-header {
padding: 40px;
margin-bottom: 40px;
}

.l-popular {
padding: 40px 0;
}

.l-contents {
margin-bottom: 40px;
}

.l-main {
width: 728px;
float: left;
}

.l-latest {
margin-bottom: 40px;
}

.l-comment {
padding: 40px;
margin-bottom: 40px;
}

.l-popular-bottom {
padding: 20px 15px;
margin-bottom: 40px;
}

.l-rss-fixed-card {
padding: 20px 15px;
margin-bottom: 40px;
}

.l-side {
width: 300px;
float: right;
}

.l-footer {
background: #37404A;
}

.l-footer-top {
padding: 40px 0;
}

.l-footer-bottom {
background: url(http://livedoor.blogimg.jp/news101/imgs/a/b/ab5539cb.png) repeat;
text-align: center;
color: #fff;
font-size: 12px;
font-weight: bold;
padding: 10px 0;
}

.clear:after,
.l-inner:after,
.side ul.recent-article-image li:after,
div.popularArticlesWithImage.A ul:after,
div.popularArticlesWithImage.B ul li a:after,
.related-articles.with-image ul:after {
content: "";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

/*
Module
*/

/* ヘッダー左のアイテム */

.blog-title {
margin-bottom: 10px;
}

.blog-title > a {
display: block;
font-size: 25px;
color: #4C4C4C;
}

.blog-description {
font-size: 11px;
margin-bottom: 40px;
}

/* ナビゲーション（ヘッダー） */

.nav-global-item {
float: left;
margin-right: 20px;
}

.nav-global-item > a {
font-size: 13px;
font-weight: bold;
display: block;
text-align: center;
height: 30px;
line-height: 30px;
padding: 0 25px;
position: relative;
}

.current-page > a {
background: #F36666;
color: #fff;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
}

.nav-global-item > a:before {
content: "";
display: block;
width: 14px;
height: 14px;
background: #F36666;
border: 2px solid #F36666;
position: absolute;
top: 7px;
left: 0;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.nav-global-item > a:hover:before {
background: #fff;
}

.current-page > a:hover:before {
background: #F36666;
}

/* SNSのカラー */

.tw-bg {
background: #55acee;
-webkit-box-shadow: 0 3px 0 #2E87CC;
-moz-box-shadow: 0 3px 0 #2E87CC;
box-shadow: 0 3px 0 #2E87CC;
}

.tw-bg:hover {
background: #81C9FF;
}

.fb-bg {
background: #4368BD;
-webkit-box-shadow: 0 3px 0 #2B488A;
-moz-box-shadow: 0 3px 0 #2B488A;
box-shadow: 0 3px 0 #2B488A;
}

.fb-bg:hover {
background: #6387D8;
}

.hb-bg {
background: #008fde;
-webkit-box-shadow: 0 3px 0 #00669E;
-moz-box-shadow: 0 3px 0 #00669E;
box-shadow: 0 3px 0 #00669E;
}

.hb-bg:hover {
background: #33ADF1;
}

.gp-bg {
background: #dd4b39;
-webkit-box-shadow: 0 3px 0 #AB2B1A;
-moz-box-shadow: 0 3px 0 #AB2B1A;
box-shadow: 0 3px 0 #AB2B1A;
}

.gp-bg:hover {
background: #F37162;
}

.pk-bg {
background: #f13d53;
-webkit-box-shadow: 0 3px 0 #C72B3E;
-moz-box-shadow: 0 3px 0 #C72B3E;
box-shadow: 0 3px 0 #C72B3E;
}

.pk-bg:hover {
background: #F3697A;
}

.rs-bg {
background: #ff8c00;
-webkit-box-shadow: 0 3px 0 #BD6801;
-moz-box-shadow: 0 3px 0 #BD6801;
box-shadow: 0 3px 0 #BD6801;
}

.rs-bg:hover {
background: #FFB862;
}

/* SNSのフォローボタン */

.sns-follow-item > a {
display: block;
color: #fff;
text-align: left;
font-size: 14px;
padding: 10px 15px;
position: relative;
}

.sns-follow-item .fa-twitter,
.sns-follow-item .fa-facebook,
.sns-follow-item .fa-rss {
font-size: 16px;
display: inline-block;
width: 36px;
height: 36px;
line-height: 36px;
background: #fff;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
text-align: center;
margin-right: 13px;
}

.tw-follow {
background: #55acee;
border: 2px solid #55acee;
}

.tw-follow > .fa-twitter {
color: #55acee;
}

.tw-follow:hover {
background: #fff;
color: #55acee;
}

.tw-follow:hover > .fa-twitter {
color: #fff;
background: #55acee;
}

.fb-follow {
background: #4368BD;
border: 2px solid #4368BD;
}

.fb-follow > .fa-facebook {
color: #4368BD;
}

.fb-follow:hover {
background: #fff;
color: #4368BD;
}

.fb-follow:hover > .fa-facebook {
color: #fff;
background: #4368BD;
}

.rs-follow {
background: #FFB862;
border: 2px solid #FFB862;
}

.rs-follow > .fa-rss {
color: #FFB862;
}

.rs-follow:hover {
background: #fff;
color: #FFB862;
}

.rs-follow:hover > .fa-rss {
color: #fff;
background: #FFB862;
}

.tw-follow > .fa-twitter:before,
.fb-follow > .fa-facebook:before,
.rs-follow > .fa-rss:before {
position: relative;
top: 1px;
}

.sns-follow-item .fa-angle-right {
position: absolute;
top: 17px;
right: 20px;
font-size: 21px;
all .5s ease;
}

/* シェア */

.sns-share {
padding-bottom: 3px;
}

.share-top {
margin-bottom: 40px;
}

.share-bottom {
margin-top: 40px;
}

.sns-share-list {
font-size: 0px;
text-align: center;
margin: 0 -5px;
}

.sns-share-item {
display: inline-block;
width: 20%;
padding: 0 5px;
}

.sns-share-item > a {
font-size: 14px;
color: #fff;
display: block;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-align: center;
padding: 12px 0;
}

.sns-share-item > a:hover {
-webkit-transform: translate3d(0,3px,0);
-moz-transform: translate3d(0,3px,0);
transform: translate3d(0,3px,0);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.share-icon {
margin-right: 5px;
font-size: 20px;
position: relative;
top: 2px;
}

.icon-hb {
font-family: Verdana;
font-weight: bold;
}

.icon-gp {
font-weight: bold;
}

/* セクション */

.section {
margin-bottom: 40px;
}

.section-title {
font-size: 20px;
margin-bottom: 35px;
}

.section-title-article {
font-size: 14px;
font-weight: bold;
margin-bottom: 20px;
background: #f4f4f4 url(http://livedoor.blogimg.jp/news101/imgs/a/b/ab5539cb.png) repeat-y;
padding: 15px 15px 15px 20px;
}

/* 記事の大枠 */

.article {
padding: 20px;
margin-bottom: 20px;
position: relative;
}

.article > a {
display: block;
}

.article-single {
padding: 40px;
border: 1px solid #e5e5e5;
margin-bottom: 40px;
position: relative;
}

.article-text,
.article-thumb {
display: table-cell;
}

.article-thumb {
width: 10%;
position: relative;
overflow: hidden;
}

.article-text {
width: 90%;
vertical-align: top;
padding-left: 15px;
}

/* 記事のサムネイル */

.article-thumb > img {
width: 275px;
height: 160px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.article > a:hover .article-thumb > img {
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha(opacity=60)";
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
}

/* 記事のタイトル */

.article-title {
line-height: 1.6;
border-bottom: 1px dashed #999;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.article > a:hover .article-title {
color: #777;
border-bottom: 1px dashed #bbb;
}

.article .article-title {
font-size: 20px;
padding-bottom: 13px;
margin-bottom: 15px;
}

.article-single .article-title {
font-size: 25px;
padding-bottom: 15px;
margin-bottom: 20px;
}

/* 記事のメタ情報（日付etc） */

.article .article-meta {
margin-bottom: 8px;
}

.article-single .article-meta {
margin-bottom: 15px;
}

.article-time {
float: left;
font-size: 13px;
color: #4c4c4c;
display: block;
font-family: 'Lato', sans-serif;
font-weight: 700;
margin-right: 20px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.article > a:hover .article-time {
color: #888;
}

/* カテゴリー*/

.category-list {
position: absolute;
top: -15px;
left: -10px;
font-size: 0;
}

.category-list:after {
content: "";
position: absolute;
bottom: -10px;
left: 0;
border: 5px solid transparent;
border-top-color: #555;
border-right-color: #555;
}

.category-item {
font-size: 12px;
display: inline-block;
}

.category-item > a {
display: block;
font-size: 12px;
font-weight: bold;
padding: 0 15px;
color: #fff;
height: 30px;
line-height: 30px;
}

.cat-1 > a {
background: url(http://livedoor.blogimg.jp/news101/imgs/8/2/822c3498.png) repeat;
}

.cat-2 > a {
background: url(http://livedoor.blogimg.jp/news101/imgs/f/4/f4680252.png) repeat;
}

.category-item > a:hover {
background: url(http://livedoor.blogimg.jp/news101/imgs/a/b/ab5539cb.png) repeat;
}

/* タグ */

.tag-list {
float: right;
}

.tag-item {
font-size: 12px;
float: left;
margin-right: 10px;
}

.tag-item > a {
font-weight: normal;
color: #195AC7;
text-decoration: underline;
}

.tag-item > a:hover {
text-decoration: none;
}

/* 記事のコメント */

.article-comment {
font-size: 13px;
color: #4c4c4c;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.article > a:hover .article-comment {
color: #888;
}

.article .article-comment {
float: right;
}

.article-single .article-comment {
float: left;
}

.article-comment i {
color: #666;
margin-right: 5px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.article > a:hover .article-comment i {
color: #999;
}

.comment-count {
font-family: 'Lato', sans-serif;
font-weight: 700;
margin-right: 3px;
}

.article-comment > a {
font-size: 12px;
display: block;
text-align: center;
color: #000;
}

.article-comment > a:hover {
color: #195AC7;
}

/* 続きを読むボタン */

.more-btn {
text-align: right;
font-size: 14px;
color: #999;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.more-btn > i {
margin-left: 5px;
}

.article > a:hover .more-btn {
color: #F36666;
}

/* 本文のアイテム */

.article-body {
font-size: 15px;
margin-bottom: 40px;
line-height: 1.6;
word-wrap: break-word;
word-break: break-all;
}

.article-body-more {
margin-bottom: 40px;
}

.article-body .pict {
margin-bottom: 20px;
}

.article-body a {
color: #195AC7;
}

.article-body a:hover {
text-decoration: underline;
}

/* カテゴリの最新記事 */

.related-articles-wrapper {
margin-bottom: 20px;
}

.related-articles {
margin-top: 30px;
}

.related-articles:first-child {
margin-top: 0;
}

.related-articles.with-image h3 {
font-size: 14px;
font-weight: bold;
margin-bottom: 20px;
background: #f4f4f4 url(http://livedoor.blogimg.jp/news101/imgs/a/b/ab5539cb.png) repeat-y;
padding: 15px 15px 15px 20px;
}

.related-articles.with-image ul {
margin: 0 -10px;
}

.related-articles.with-image ul li {
width: 25%;
float: left;
padding: 0 10px;
margin: 0 0 20px !important;
}

.related-articles.with-image ul li a {
display: block;
}

.related-articles.with-image .related-article-image {
display: block;
padding: 0;
margin-bottom: 10px;
overflow: hidden;
}

.related-articles.with-image .related-article-image img {
width: 100%;
height: 105px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.related-articles.with-image ul li a:hover .related-article-image img {
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha(opacity=60)";
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
}

.related-articles.with-image .related-article-title {
display: block;
font-size: 13px;
font-weight: normal;
line-height: 1.5;
word-wrap: break-word;
word-break: break-all;
height: 76px;
overflow: hidden;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.related-articles.with-image ul li a:hover .related-article-title {
color: #666;
}

/* 記事内のページャー */

.pager-single {
margin-bottom: 40px;
}

.pager-single-list {
margin: 0 -10px;
}

.pager-single-item {
width: 50%;
float: left;
padding: 0 10px;
}

.pager-single-item > a {
display: block;
background: #f4f4f4;
position: relative;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}

.pager-single-item > a:hover {
color: #fff;
}

.prev > a {
left: 0;
padding: 15px 15px 15px 20px;
}

.next > a {
right: 0;
padding: 15px 20px 15px 15px;
}

.pager-single-item > a:before {
content: "";
background: url(http://livedoor.blogimg.jp/news101/imgs/a/b/ab5539cb.png) repeat;
width: 5px;
height: 100%;
display: block;
position: absolute;
top: 0;
z-index: 5;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.prev > a:before {
left: 0;
}

.next > a:before {
right: 0;
}

.pager-single-item > a:hover:before {
width: 100%;
}

.pager-single-label {
font-size: 12px;
margin-bottom: 5px;
position: relative;
z-index: 10;
}

.prev .pager-single-label {
text-align: left;
}

.next .pager-single-label {
text-align: right;
}

.prev i {
margin-right: 5px;
}

.next i {
margin-left: 5px;
}

.pager-single-title {
font-size: 13px;
font-weight: normal;
line-height: 1.5;
height: 19px;
overflow: hidden;
position: relative;
z-index: 10;
}

/* コメント */

.article-option ol {
margin: 10px 0 0 0;
}

.related-articles ul li{
margin: 15px 0;
}

.related-articles ul li a {
font-weight: bold;
}

/* コメント一覧 */

.comments-title {
font-size: 16px;
margin-bottom: 24px;
}

.comment-list {
margin-bottom: 50px;
}

.comment-item {
margin-top: 15px;
border-bottom: 1px dashed #c3c3c3;
padding-bottom: 20px;
}

.comment-item:first-child {
margin-top: 0;
}

.comment-meta {
margin-bottom: 10px;
}

.comment-meta > p {
float: left;
font-size: 12px;
line-height: 24px;
}

.comment-author {
color: green;
}

.comment-date {
margin-right: 5px;
}

.comment-id {
margin-right: 30px;
}

.comment-reply > a {
display: block;
background: #37404A;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 0 7px;
font-size: 10px;
font-weight: bold;
color: #fff;
height: 24px;
line-height: 24px;
}

.comment-reply > a:hover {
background: #29A78A;
}

.comment-reply i {
margin-right: 5px;
}

.comment-body {
font-size: 15px;
line-height: 1.6;
padding-left: 20px;
word-wrap: break-word;
word-break: break-all;
}

/* コメントフォーム */

.comment-form-email,
.comment-form-url,
#comment-form .comment-form-body .facemark,
#comment-form .comment-form-body .rating,
#comment-form .comment-form-body .memorize {
display: none;
}

#comment-form fieldset {
border: none;
}

#comment-form legend {
font-size: 16px;
font-weight: bold;
padding: 0;
margin-bottom: 20px;
}

.comment-form-author {
margin-bottom: 20px;
}

.comment-form-author label,
.comment-form-body label {
display: block;
margin-bottom: 5px;
}

#comment-form input,
#comment-form textarea {
width: 100%;
font-size: 15px;
line-height: 1.6;
padding: 10px !important;
background: #eee;
border: 1px solid #eee;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

#comment-form textarea {
height: 200px;
margin-bottom: 20px;
}

#comment-form input:focus,
#comment-form textarea:focus {
background: #fff;
border: 1px solid #e0e0e0;
}

.submit {
display: block;
text-align: center;
}

#comment-form-tools button[type="submit"] {
background: #29A78A;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
width: 250px;
height: 44px;
line-height: 44px;
font-weight: bold;
font-size: 14px;
color: #fff;
border: none;
padding: 0;
overflow: hidden;
position: relative;
cursor: pointer;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

#comment-form-tools button[type="submit"]:hover {
background: #34BB9C;
}

#comment-form-tools button[type="submit"]:before {
content: "\f1d8";
font-family: FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: 10px;
position: absolute;
top: 0;
right: 50px;
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "alpha(opacity=0)";
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

#comment-form-tools button[type="submit"]:hover:before {
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
right: 20px;
}
 
/* ブログパーツ */

.l-side .sidewrapper {
background: #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.15);
box-shadow: 0px 0px 6px rgba(0,0,0,0.15);
margin-bottom: 40px;
}

.l-footer-top .sidewrapper {
float: left;
width: 330px;
margin-left: 39px;
}

.l-footer-top .sidewrapper:first-child {
margin-left: 0;
}

.sidetop,
.sidebottom {
display: none;
}

.l-side .sidetitlebody {
background: url(http://livedoor.blogimg.jp/news101/imgs/a/b/ab5539cb.png) repeat;
position: relative;
padding: 15px 15px 15px 25px;
margin-left: -10px;
}

.l-side .sidetitlebody:after {
content: "";
position: absolute;
bottom: -10px;
left: 0;
border: 5px solid transparent;
border-top-color: #555;
border-right-color: #555;
}

.sidetitle {
font-size: 13px;
font-weight: bold;
color: #fff;
}

.sidetitle > a {
color: #fff;
}

.l-footer-top .sidetitle {
border-bottom: 1px solid #5A6773;
padding-bottom: 15px;
}

/* フリーエリア */

.l-side .plugin-memo > .side {
padding: 15px;
}

/* 検索ボックス */

.plugin-search_internal > .side {
padding: 15px;
}

.plugin-search_internal form {
font-size: 0;
}

.plugin-search_internal .sf {
display: inline-block;
width: 215px !important;
height: 38px;
line-height: 38px;
font-size: 12px;
padding: 10px;
background: #eee;
border: 1px solid #eee;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-right: 5px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.plugin-search_internal .sf:focus {
background: #fff;
border: 1px solid #e0e0e0;
}

.plugin-search_internal .sfbtn {
display: inline-block;
width: 50px;
height: 35px;
line-height: 35px;
color: #fff;
background: #29A78A;
-webkit-box-shadow: 0 3px 0 #1D8069;
-moz-box-shadow: 0 3px 0 #1D8069;
box-shadow: 0 3px 0 #1D8069;
cursor: pointer;
border: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 12px;
padding: 0;
font-weight: bold;
position: relative;
top: -1px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.plugin-search_internal .sfbtn:hover {
-webkit-transform: translate3d(0,3px,0);
-moz-transform: translate3d(0,3px,0);
transform: translate3d(0,3px,0);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

/* ブログランキングのバナー */

.banner-blog-rank > a {
display: block;
text-align: center;
font-size: 12px;
}

.banner-blog-rank img {
display: block;
margin: 0 auto 10px;
}

/* カテゴリー、月別のプルダウン */

.plugin-categorize > .side form,
.plugin-monthly > .side form {
padding: 15px !important;
}

/* 最新の記事 */

.side ul.recent-article-image li {
line-height: 1.5;
padding: 0;
}

.l-side .side ul.recent-article-image li {
border-top: 1px dashed #c3c3c3;
}

.l-footer-top .side ul.recent-article-image li {
border-top: 1px dashed #6D7C8A;
}

.side ul.recent-article-image li:first-child {
border-top: none;
}

.recent-article-image a {
font-size: 13px;
font-weight: normal;
padding: 10px 15px 10px 100px;
display: block;
position: relative;
min-height: 96px;
}

.l-footer-top .recent-article-image a {
color: #ACB7C3;
}

.recent-article-image a:first-child {
float: left;
padding: 0;
position: relative;
top: 10px;
left: 15px;
min-height: auto;
overflow: hidden;
}

.l-side .recent-article-image a:hover {
color: #666;
}

.l-footer-top .recent-article-image a:hover {
color: #fff;
}

.side ul.recent-article-image li img {
float: none;
margin: 0;
width: 76px;
height: 76px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.side ul.recent-article-image li:hover img {
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha(opacity=60)";
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
}

/* アーカイブ、最新の記事のテキストリンクなど */

.l-side .plugin-monthly .sidebody,
.l-side .plugin-recent_articles .sidebody,
.l-side .plugin-rss .sidebody,
.l-side .plugin-link .sidebody {
border-top: 1px dashed #c3c3c3;
}

.l-footer-top .plugin-monthly .sidebody,
.l-footer-top .plugin-recent_articles .sidebody,
.l-footer-top .plugin-rss .sidebody,
.l-footer-top .plugin-link .sidebody {
border-top: none;
margin-top: 10px;
}

.l-side .plugin-monthly .sidebody:first-child,
.l-side .plugin-recent_articles .sidebody:first-child,
.l-side .plugin-rss .sidebody:first-child,
.l-side .plugin-link .sidebody {
border-top: none;
}

.plugin-monthly .sidebody > a,
.plugin-recent_articles .sidebody > a,
.plugin-rss .sidebody > a,
.plugin-link .sidebody > a {
display: block;
font-size: 13px;
font-weight: normal;
line-height: 1.5;
word-wrap: break-word;
word-break: break-all;
}

.l-side .plugin-monthly .sidebody > a,
.l-side .plugin-recent_articles .sidebody > a,
.l-side .plugin-rss .sidebody > a,
.l-side .plugin-link .sidebody > a {
padding: 10px 15px;
}

.l-footer-top .plugin-monthly .sidebody > a,
.l-footer-top .plugin-recent_articles .sidebody > a,
.l-footer-top .plugin-rss .sidebody > a,
.l-footer-top .plugin-link .sidebody > a {
color: #ACB7C3;
padding: 0;
}

.l-side .plugin-monthly .sidebody > a:hover,
.l-side .plugin-recent_articles .sidebody > a:hover,
.l-side .plugin-rss .sidebody > a:hover,
.l-side .plugin-link .sidebody > a:hover {
color: #666;
}

.l-footer-top .plugin-monthly .sidebody > a:hover,
.l-footer-top .plugin-recent_articles .sidebody > a:hover,
.l-footer-top .plugin-rss .sidebody > a:hover,
.l-footer-top .plugin-link .sidebody > a:hover {
color: #fff;
}

.plugin-monthly .sidebody > a:before,
.plugin-recent_articles .sidebody > a:before,
.plugin-rss .sidebody > a:before,
.plugin-link .sidebody > a:before {
content: "";
width: 9px;
height: 9px;
display: inline-block;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
margin-right: 10px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.l-side .plugin-monthly .sidebody > a:before,
.l-side .plugin-recent_articles .sidebody > a:before,
.l-side .plugin-rss .sidebody > a:before,
.l-side .plugin-link .sidebody > a:before {
background: #ddd;
}

.l-footer-top .plugin-monthly .sidebody > a:before,
.l-footer-top .plugin-recent_articles .sidebody > a:before,
.l-footer-top .plugin-rss .sidebody > a:before,
.l-footer-top .plugin-link .sidebody > a:before {
background: #838B94;
}

.plugin-monthly .sidebody > a:hover:before,
.plugin-recent_articles .sidebody > a:hover:before,
.plugin-rss .sidebody > a:hover:before,
.plugin-link .sidebody > a:hover:before {
background: #F36666;
}

/* 人気の記事 */

div.popularArticlesWithImage.A {
margin: 0;
}

.l-popular div.popularArticlesWithImage.A ul {
margin: 0 -10px;
}

div.popularArticlesWithImage.A ul li {
margin-bottom: 0;
}

.l-popular div.popularArticlesWithImage.A ul li {
float: left;
width: 20%;
padding: 0 10px;
}

.popular-card div.popularArticlesWithImage.A ul li {
float: left;
width: 25%;
padding: 0 2px;
}

.l-header-right div.popularArticlesWithImage.A ul li {
padding: 0 2px;
}

.l-popular-bottom div.popularArticlesWithImage.A ul li {
padding: 0 5px;
}

.l-side div.popularArticlesWithImage.A ul li {
border-top: 1px dashed #c3c3c3;
}

.l-footer-top div.popularArticlesWithImage.A ul li {
border-top: 1px dashed #6D7C8A;
}

.l-side div.popularArticlesWithImage.A ul li:first-child,
.l-footer-top div.popularArticlesWithImage.A ul li:first-child {
border-top: none;
}

div.popularArticlesWithImage.A ul li a {
position: relative;
height: auto !important;
}

.popular-card div.popularArticlesWithImage.A ul li a {
width: 100% !important;
border: 2px solid #37404A !important;
}

.l-popular div.popularArticlesWithImage.A ul li a {
border: none;
background: #fff !important;
padding: 10px 10px 8px !important;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.15);
box-shadow: 0px 0px 6px rgba(0,0,0,0.15);
width: 100% !important;
}

.l-side div.popularArticlesWithImage.A ul li a,
.l-footer-top div.popularArticlesWithImage.A ul li a {
border: none;
padding: 15px !important;
width: 100% !important;
}

div.popularArticlesWithImage.A div.retweet,
div.popularArticlesWithImage.A div.comment,
div.popularArticlesWithImage.A div.pv {
text-align: center;
background: url(http://livedoor.blogimg.jp/news101/imgs/e/7/e7a9e3c8.png) repeat !important;
text-shadow: 0 1px 2px #C3781D;
color: #fff !important;
}

.popular-card div.popularArticlesWithImage.A div.retweet,
.popular-card div.popularArticlesWithImage.A div.comment,
.popular-card div.popularArticlesWithImage.A div.pv {
right: inherit;
left: 0;
font-size: 10px;
padding: 4px;
}

.l-popular div.popularArticlesWithImage.A div.retweet,
.l-popular div.popularArticlesWithImage.A div.comment,
.l-popular div.popularArticlesWithImage.A div.pv {
top: -13px;
right: inherit;
left: -8px;
font-size: 11px;
padding: 6px 10px;
}

.l-popular div.popularArticlesWithImage.A div.retweet:before,
.l-popular div.popularArticlesWithImage.A div.comment:before,
.l-popular div.popularArticlesWithImage.A div.pv:before {
content: "";
position: absolute;
bottom: -8px;
left: 0;
border: 4px solid transparent;
border-top-color: #555;
border-right-color: #555;
}

.l-side div.popularArticlesWithImage.A div.retweet,
.l-side div.popularArticlesWithImage.A div.comment,
.l-side div.popularArticlesWithImage.A div.pv,
.l-footer-top div.popularArticlesWithImage.A div.retweet,
.l-footer-top div.popularArticlesWithImage.A div.comment,
.l-footer-top div.popularArticlesWithImage.A div.pv {
position: static;
margin-bottom: 5px;
}

div.popularArticlesWithImage.A div.title {
filter: alpha(opacity=100);
opacity: 1;
-moz-opacity: 1;
line-height: 1.6;
width: auto !important;
padding: 0;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.popular-card  div.popularArticlesWithImage.A div.title {
width: 100% !important;
height: 44px;
padding: 4px 5px;
background: #37404A !important;
}

.l-popular div.popularArticlesWithImage.A div.title {
font-size: 13px;
position: static;
background: none !important;
color: #000 !important;
height: 60px;
}

.l-popular div.popularArticlesWithImage.A ul li a:hover div.title {
color: #666 !important;
}

.l-side div.popularArticlesWithImage.A div.title,
.l-footer-top div.popularArticlesWithImage.A div.title {
font-size: 13px;
position: static;
background: none !important;
max-height: 60px;
}

.l-side div.popularArticlesWithImage.A div.title {
color: #000 !important;
}

.l-footer-top div.popularArticlesWithImage.A div.title {
color: #ACB7C3 !important;
}

.l-side div.popularArticlesWithImage.A ul li a:hover div.title {
color: #666 !important;
}

.l-footer-top div.popularArticlesWithImage.A ul li a:hover div.title {
color: #fff !important;
}

div.popularArticlesWithImage.A li div.image {
overflow: hidden;
}

.l-popular div.popularArticlesWithImage.A li div.image {
margin-bottom: 8px;
}

.l-side div.popularArticlesWithImage.A li div.image,
.l-footer-top div.popularArticlesWithImage.A li div.image {
height: 120px;
margin-bottom: 10px;
}

div.popularArticlesWithImage.A li div.image img {
width: 100%;
height: 100%;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

div.popularArticlesWithImage.A li a:hover div.image img {
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha(opacity=60)";
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
}

div.popularArticlesWithImage.B ul li {
margin: 0;
border-bottom: 1px dotted #d7d7d7;
}

div.popularArticlesWithImage.B ul li a {
padding: 10px 15px;
}

div.popularArticlesWithImage.B div.image {
margin: 0 10px 0 0;
}

div.popularArticlesWithImage.B div.comment,
div.popularArticlesWithImage.B div.retweet,
div.popularArticlesWithImage.B div.pv {
border-radius: 0;
padding: 5px 7px;
font-size: 10px;
margin-bottom: 6px;
text-shadow: none;
}

div.popularArticlesWithImage.B div.title {
line-height: 1.5;
font-weight: normal;
margin-bottom: 0;
height: 38px;
overflow: hidden;
}

/* ページネーション */

.pagination {
position: relative;
}

ul.index-navigator li {
font-size: 0;
display: inline-block;
margin: 0 2px;
}

ul.index-navigator li.paging-number ol.paging-number li.current {
margin: 0 2px;
}

.paging-first:after {
content: "...";
font-size: 12px;
display: inline-block;
margin-left: 6px;
height: 32px;
line-height: 32px;
}

.paging-last:before {
content: "...";
font-size: 12px;
display: inline-block;
margin-right: 6px;
height: 32px;
line-height: 32px;
}

ul.index-navigator li.paging-number ol.paging-number li.current span {
font-size: 13px;
font-weight: normal;
display: inline-block;
padding: 0 11px;
height: 35px;
line-height: 35px;
color: #fff;
font-weight: bold;
background: url(http://livedoor.blogimg.jp/news101/imgs/a/b/ab5539cb.png) repeat;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.15);
box-shadow: 0px 0px 6px rgba(0,0,0,0.15);
}

ul.index-navigator li a {
font-size: 13px;
margin: 0;
display: inline-block;
padding: 0 11px;
height: 35px;
line-height: 35px;
background: #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.15);
box-shadow: 0px 0px 6px rgba(0,0,0,0.15);
}

ul.index-navigator li a:hover {
color: #F36666;
}

/* RSS */

.rss {
border: 1px solid #ddd;
overflow: auto;
}

.rss-main {
height: 305px;
margin-bottom: 40px;
}

.rss-bottom {
margin-bottom: 0;
}

.article-body .blogroll-list-wrap {
padding-top: 2px;
}

.blogroll-list {
border-bottom: 1px dashed #c3c3c3;
}

.article-body .blogroll-list {
border-bottom: none;
}

.blogroll-icon,
.blogroll-favicon,
.blogroll-hatebu,
.blogroll-link-time,
.blogroll-new-entry {
display: none;
}

.blogroll-link,
.blogroll-ad-text > a {
display: block;
font-size: 13px;
font-weight: normal;
line-height: 1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding: 12px 15px;
position: relative;
}

.article-body .blogroll-link,
.article-body .blogroll-ad-text > a {
font-size: 15px;
color: #195AC7;
font-weight: bold;
padding: 0;
margin-top: 30px;
}

.article-body .blogroll-list:first-child > a,
.article-body .blogroll-ad-text > a {
margin-top: 0;
}

.blogroll-link:hover,
.blogroll-ad-text > a:hover {
color: #666;
}

.article-body .blogroll-link:hover,
.article-body .blogroll-ad-text > a:hover {
color: #195AC7;
text-decoration: underline;
}

.blogroll-link:before,
.blogroll-ad-text > a:before {
content: "";
width: 9px;
height: 9px;
display: inline-block;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #ddd;
margin-right: 10px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.article-body .blogroll-link:before,
.article-body .blogroll-ad-text > a:before {
content: none;
}

.blogroll-link:hover:before,
.blogroll-ad-text > a:hover:before {
background: #F36666;
}

.blogroll-ad-img {
padding: 12px 15px 0;
}

.blogroll-ad-default {
padding: 12px 15px;
}

.article-body .blogroll-ad-default {
padding: 0;
margin-top: 30px;
}

.blogroll-ad-default > a {
font-size: 12px;
font-weight: normal;
line-height: 1;
}

/* 画像付きの固定のリンク（サイドバー） */

.rss-fixed-list {
padding: 10px 15px 20px;
}

.rss-fixed-item {
margin-top: 10px;
}

.rss-fixed-item:first-child {
margin-top: 0;
}

.rss-fixed-item > a {
display: block;
border: 2px solid #37404A;
position: relative;
}

.rss-fixed-thumb {
width: 266px;
height: 150px;
overflow: hidden;
}

.rss-fixed-thumb > img {
width: 100%;
height: 100%;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.rss-fixed-item > a:hover .rss-fixed-thumb > img {
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha(opacity=60)";
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
}

.rss-fixed-title {
font-weight: normal;
line-height: 1.6;
position: absolute;
bottom: 0;
left: 0;
font-weight: bold;
font-size: 13px;
overflow: hidden;
width: 100%;
height: 44px;
padding: 4px 5px;
background: #37404A;
color: #fff;
}

/* 画像付きの固定のリンク（個別記事） */

.rss-fixed-list-single-wrapper {
margin-bottom: 20px;
}

.rss-fixed-list-single {
margin: 0 -10px;
}

.rss-fixed-item-single {
width: 25%;
float: left;
padding: 0 10px 20px;
}

.rss-fixed-item-single > a {
display: block;
}

.rss-fixed-single-thumb {
height: 105px;
margin-bottom: 10px;
overflow: hidden;
}

.rss-fixed-single-thumb > span {
display: block;
height: 105px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.rss-fixed-item-single > a:hover > .rss-fixed-single-thumb > span {
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha(opacity=60)";
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
}

.rss-fixed-single-title {
font-size: 13px;
font-weight: normal;
line-height: 1.5;
word-wrap: break-word;
word-break: break-all;
height: 76px;
overflow: hidden;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.rss-fixed-item-single > a:hover > .rss-fixed-single-title {
color: #666;
}

/* 画像付きの固定のリンク（カードタイプ） */

.rss-fixed-card-item {
float: left;
width: 25%;
padding: 0 5px;
}

.rss-fixed-card-item > a {
display: block;
border: 2px solid #37404A;
position: relative;
}

.rss-fixed-card-thumb {
height: 130px;
overflow: hidden;
}

.rss-fixed-card-thumb > span {
display: block;
width: 100%;
height: 130px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.rss-fixed-card-item > a:hover > .rss-fixed-card-thumb > span {
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha(opacity=60)";
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
}

.rss-fixed-card-title {
width: 100%;
height: 44px;
padding: 4px 5px;
background: #37404A;
font-size: 12px;
font-weight: bold;
line-height: 1.6;
overflow: hidden;
color: #fff;
position: absolute;
bottom: 0;
left: 0;
}

/* 広告 */

.ad {
margin-bottom: 40px;
}

.ad-list {
font-size: 0;
text-align: center;
margin: 0 -20px 40px;
}

.ad-item {
display: inline-block;
margin: 0 20px;
}

/* ページトップへ戻るボタン */

.site-nav {
position: fixed;
bottom: 40px;
margin-left: 1108px;
overflow: hidden;
}

.site-nav > a  {
display: block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border-top: 1px dashed #c3c3c3;
color: #999;
}

.site-nav > a:first-child  {
border-top: none;
}

.site-nav-comment {
font-size: 16px;
}

.site-nav-top {
font-size: 22px;
}

.site-nav > a:hover {
background: #F36666;
color: #fff;
}

/* スマホ広告の非表示 */

#kes {
display: none;
}

/* 逆アクセスランキング */

.i2i-area {
margin-top: 10px;
}

#i2i-rc00619784-viewtable,
#i2i-rc00619784-viewtable td {
border-color: #5A6773 !important;
}

#i2i-rc00619784-viewtable #i2i-rc00619784-title {
color: #ACB7C1 !important;
border-bottom: 1px solid #5A6773 !important;
}

#i2i-rc00619784-viewtable td.i2i-rc00619784-left {
border-left-color: #5A6773 !important;
border-right: 1px solid #5A6773 !important;
}

#i2i-rc00619784-viewtable td.i2i-rc00619784-right {
border-right-color: #5A6773 !important;
}

#i2i-rc00619784-viewwrap a,
#i2i-rc00619784-viewtable td {
color: #ACB7C1 !important;
}

#i2i-rc00619784-viewwrap a:hover {
color: #fff !important;
}

#i2i-rc00619784-viewwrap .i2i-rc00619784-footer td {
border-top: 1px solid #5A6773 !important;
}

#i2i-rc00619784-viewwrap p.i2i-rc00619784-description {
display: none;
}