@charset "UTF-8";

/*
Font
*/

@import url(https://fonts.googleapis.com/css?family=Roboto:500);

/*
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: Helvetica,Verdana,sans-serif;
background: #fff;
font-size: 14px;
color: #000;
line-height: 1;
}

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;
}

/*
Layout
*/

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

.l-header {
}

.l-header-top {
padding: 20px 0;
}

.l-header-bottom {
border-top: 5px solid #0073ff;
}

.l-home-header {
background: #f5f5f5;
padding: 40px;
margin-bottom: 40px;
border-top: 1px solid #e4e4e4;
border-bottom: 1px solid #eee;
}

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

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

.l-latest {
width: 548px;
float: right;
border: 1px solid #e5e5e5;
}

.l-sidebar-a {
width: 140px !important;
float: left;
}

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

.l-footer {
padding: 40px 0;
background: #0073ff;
}

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

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

.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,
.article-pager:after {
content: "";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

/*
Module
*/

/* ヘッダー */
.blog-title {
float: left;
}

.blog-title > a {
display: block;
font-size: 30px;
letter-spacing: 5px;
}

/* ナビゲーション（ヘッダー） */
.nav-header-bottom {
float: left;
}

.nav-header-bottom-item {
float: left;
}

.nav-header-bottom-item > a {
font-size: 13px;
font-weight: bold;
display: block;
text-align: center;
height: 50px;
line-height: 50px;
padding: 0 20px;
}

.nav-header-bottom-item > a:hover {
background: #f4f4f4;
}

/* SNSのカラー */

.tw-bg {
background: #55acee;
}

.l-footer-about .tw-bg {
color: #55acee !important;
background: #fff !important;
}

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

.fb-bg {
background: #4368BD;
}

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

.hb-bg {
background: #008fde;
}

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

.gp-bg {
background: #dd4b39;
}

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

.rs-bg {
background: #ff8c00;
}

.l-footer-about .rs-bg {
color: #ff8c00; !important;
background: #fff !important;
}

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

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

.l-header-bottom .sns-follow-list {
float: right;
margin-top: 6px;
}

.l-footer-about .sns-follow-list {
margin-bottom: 30px;
}

.sns-follow-item {
float: left;
margin-left: 10px;
}

.sns-follow-item:first-child {
margin-left: 0;
}

.sns-follow-item > a {
width: 35px;
height: 35px;
line-height: 35px;
display: block;
color: #fff;
text-align: center;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
font-size: 15px;
}

.l-footer-about .sns-follow-item > a:hover {
-moz-box-shadow: 2px 3px 0 #088041;
-webkit-box-shadow: 2px 3px 0 #088041;
box-shadow: 2px 3px 0 #088041;
}

/* シェア */

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

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

.share-bottom .sns-share-list {
position: absolute;
top: 92.5px;
left: 0;
width: 100%;
}

.sns-share-item {
display: inline-block;
margin: 0 7.5px;
}

.sns-share-item > a {
font-size: 20px;
display: block;
width: 40px;
height: 40px;
line-height: 40px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
text-align: center;
position: relative;
top: 0;
}

.share-top .sns-share-item > a {
background: #f7f7f7;
border: 1px solid #e2e2e2;
}

.share-bottom .sns-share-item > a {
color: #fff;
}

.share-top .share-tw {
color: #55acee;
}

.share-bottom .share-tw {
background: #55acee;
}

.share-top .share-fb {
color: #4368BD;
}

.share-bottom .share-fb {
background: #4368BD;
}

.share-top .share-hb {
color: #008fde;
}

.share-bottom .share-hb {
background: #008fde;
}

.share-top .share-gp {
color: #dd4b39;
}

.share-bottom .share-gp {
background: #dd4b39;
}

.share-top .share-pk {
color: #f13d53;
}

.share-bottom .share-pk {
background: #f13d53;
}

.share-icon {
display: block;
width: 40px;
height: 40px;
line-height: 40px;
position: relative;
}

.share-bottom .icon-tw {
top: 1px;
}

.share-top .icon-fb {
left: -1px;
}

.share-bottom .icon-fb {
top: 1px;
left: -1px;
}

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

.share-top .icon-hb {
top: -1px;
}

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

.share-top .icon-gp {
left: -1px;
}

.share-top .icon-pk {
left: -1.5px;
}

.share-bottom .icon-pk {
top: 1px;
left: -1px;
}

.share-bottom {
position: relative;
}

.share-bottom:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 180px;
background: rgba(0,0,0,0.7);
}

.share-thumb {
height: 180px;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
}

.share-bottom-text {
position: absolute;
top: 52.5px;
left: 0;
width: 100%;
text-align: center;
color: #fff;
font-size: 20px;
font-weight: bold;
letter-spacing: 5px;
}

.sns-share-item > a:hover {
top: -5px;
}

/* 検索ボックス */
.search {
position: relative;
}

.search-header {
float: right;
}

input:placeholder-shown {
color: #777;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

input::-webkit-input-placeholder {
color: #777;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

input:-moz-placeholder {
color: #777;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

input::-moz-placeholder {
color: #777;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

input:-ms-input-placeholder {
color: #777;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

input:focus:placeholder-shown {
color: transparent;
}

input:focus::-webkit-input-placeholder {
color: transparent;
}

input:focus:-moz-placeholder {
color: transparent;
}

input:focus::-moz-placeholder {
color: transparent;
}

input:focus:-ms-input-placeholder {
color: transparent;
}

.in-text {
width: 240px;
height: 35px;
line-height: 35px;
font-size: 12px;
padding: 10px;
background: #eee;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #ddd;
float: left;
margin-right: 5px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.in-text:focus {
background: #fff;
-moz-box-shadow: inset 1px 3px 7px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 1px 3px 7px rgba(0,0,0,0.1);
box-shadow: inset 1px 3px 7px rgba(0,0,0,0.1);
}

.btn-submit {
width: 55px;
height: 35px;
line-height: 35px;
color: #fff;
background: #383838;
cursor: pointer;
border: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
float: left;
font-size: 12px;
padding: 0;
font-weight: bold;
letter-spacing: 2px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.btn-submit:hover {
letter-spacing: 1px;
background: #0073ff;
}

/* メインビジュアル */

.visual-image {
background-repeat: no-repeat;
background-position: center center;
height: 200px;
}

.visual-text {
width: 1068px;
margin: 0 auto;
padding: 46px 0 0;
color: #fff;
font-size: 30px;
line-height: 1.8;
font-weight: bold;
text-shadow: 0 0 10px #555;
}

/* セクション */
.section {
margin-bottom: 40px;
}

.section-title {
font-size: 14px;
font-weight: bold;
padding: 20px;
background: #f6f6f6;
border-bottom: 1px solid #e5e5e5;
}

.section-title-single {
font-size: 18px;
font-weight: bold;
margin-bottom: 20px;
}

.section-title-style-2ch {
margin-bottom: 20px;
}

.section-title-style-2ch > span {
font-size: 14px;
margin-right: 10px;
}

.style-2ch-author {
font-weight: bold;
color: green;
}

.style-2ch-date-id {
color: gray;
}

.red {
color: red !important;
}

/* 記事の大枠 */
.article {
padding: 20px;
border-bottom: 1px solid #e5e5e5;
}

.article-single {
padding: 30px;
border: 1px solid #e5e5e5;
}

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

.article-thumb {
width: 10%;
padding-right: 15px;
position: relative;
}

.article-text {
width: 90%;
vertical-align: top;
position: relative;
}

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

.article-thumb > a {
display: block;
overflow: hidden;
position: relative;
}

.thumb-hover {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 5;
text-align: center;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}

.article-thumb > a:hover > .thumb-hover {
background: rgba(15,179,94,0.3);
}

.thumb-hover > span {
display: block;
color: #fff;
font-size: 12px;
opacity: 0;
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-o-transform: rotateX(0);
-ms-transform: rotateX(0);
transform: rotateX(0);
-webkit-transition: all .4s .1s ease;
-moz-transition: all .4s .1s ease;
-o-transition: all .4s .1s ease;
transition: all .4s .1s ease;
}

.article-large .thumb-hover > span {
line-height: 135px;
}

.article-small .thumb-hover > span {
line-height: 100px;
}

.article-thumb > a:hover > .thumb-hover > span {
opacity: 1;
-webkit-transform: rotateX(360deg);
-moz-transform: rotateX(360deg);
-o-transform: rotateX(360deg);
-ms-transform: rotateX(360deg);
transform: rotateX(360deg);
}

.article-thumb img {
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}

.article-large > .article-thumb img {
width: 220px;
height: 135px;
}

.article-small > .article-thumb img {
width: 150px;
height: 100px;
}

.article-thumb > a:hover img {
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
-o-filter: blur(2px);
-ms-filter: blur(2px);
filter: blur(2px);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}

/* 記事のタイトル */

.article-title {
line-height: 1.6;
}

.article-large .article-title {
font-size: 19px;
height: 90px;
overflow: hidden;
}

.article-small .article-title {
font-size: 17px;
height: 54px;
overflow: hidden;
}

.article-single .article-title {
font-size: 24px;
padding-left: 90px;
min-height: 72px;
margin-bottom: 15px;
}

.article-title > a {
display: block;
}

.article-title > a:hover {
color: #0073ff;
}

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

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

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

.article-time {
float: left;
font-size: 12px;
color: #999;
display: block;
}

/* カテゴリー*/
.category-list {
float: right;
}

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

.category-item:first-child {
margin-left: 0;
}

.category-item > a {
font-weight: normal;
color: #005DB3;
text-decoration: underline;
}

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

/* タグ */
.tag-list {
float: right;
}

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

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

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

/* 記事のコメント */

.article-comment {
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.article .article-comment {
position: absolute;
bottom: 0;
left: 0;
background: rgba(251,215,97,0.8);
border-top: 1px solid #fff;
border-right: 1px solid #fff;
width: 95px;
height: 25px;
line-height: 25px;
z-index: 10;
}

.article-single .article-comment {
background: #fbd761;
width: 70px;
height: 70px;
float: left;
}

.article-single .article-comment:hover {
background: #F7DD88;
}

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

.article .article-comment > a {
font-size: 12px;
}

.article-single .comment-count {
display: block;
font-size: 20px;
font-weight: normal;
padding: 16px 0 5px;
}

.article-single .comment-text {
display: block;
font-size: 13px;
}

.article .article-comment:hover {
background: rgba(251,215,97,1);
text-decoration: underline;
}

/* ブログランキングへのテキストリンク */

.blog-rank-link {
font-size: 13px;
position: absolute;
bottom: 0;
right: 0;
font-weight: normal;
}

.blog-rank-link > a {
font-weight: normal;
}

.blog-rank-link i {
margin-left: 5px;
}

.blog-rank-link > a:hover {
color: #0073ff;
}

/* 本文のアイテム */
.article-body {
font-size: 16px;
margin-bottom: 40px;
line-height: 1.7;
}

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

.pict {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}

/* カテゴリの最新記事 */
.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: 16px;
font-weight: bold;
margin-bottom: 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: 100px;
-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);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}

.related-articles.with-image .related-article-title {
display: block;
font-size: 14px;
font-weight: normal;
line-height: 1.5;
word-wrap: break-word;
word-break: break-all;
height: 63px;
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: #0073ff;
}

/* コメント */
.article-option ol {
margin: 10px 0 0 0;
}

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

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

/* コメント一覧 */
.comments {
margin-bottom: 20px;
}

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

.comment-list {
border-bottom: 1px dashed #cccccc;
margin-bottom: 50px;
}

.comment-item {
padding: 12px 0;
border-top: 1px dashed #cccccc;
}

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

.comment-meta > p {
float: left;
font-size: 12px;
margin-right: 10px;
}

.comment-num {
line-height: 24px;
}

.comment-author {
font-weight: bold;
color: green;
line-height: 24px;
}

.comment-date {
color: gray;
line-height: 24px;
}

.comment-reply > a {
display: block;
padding: 0 15px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
font-size: 10px;
font-weight: bold;
 color: #555;
height: 24px;
border: 1px solid #AFAFAF;
line-height: 22px;
}

.comment-reply > a:hover {
color: #fff;
border: 1px solid #0073ff;
background: #0073ff;
}

.comment-body {
font-size: 16px;
line-height: 1.5;
}

/* コメントフォーム */
.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 {
font-size: 14px;
color: #555;
display: block;
margin-bottom: 10px;
}

#comment-form input,
#comment-form textarea {
width: 100%;
font-size: 16px;
line-height: 1.5;
padding: 8px 10px !important;
border: 1px solid #ddd;
-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 {
-moz-box-shadow: inset 1px 3px 7px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 1px 3px 7px rgba(0,0,0,0.1);
box-shadow: inset 1px 3px 7px rgba(0,0,0,0.1);
}

#comment-form-tools button[type="submit"] {
width: 200px;
margin: 0 auto;
font-weight: bold;
font-size: 14px;
color: #fff;
border: none;
display: block;
padding: 15px 0;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
background: #383838;
line-height: 1;
letter-spacing: 2px;
-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 {
letter-spacing: 1px;
background: #0073ff;
}


/* 個別記事のページャー */
.pager-single {
margin: 0 -30px -30px;
border-top: 1px solid #e5e5e5;
}

.pager-single-item {
float: left;
width: 50%;
}

.prev {
border-right: 1px solid #e5e5e5;
}

.pager-single-item > a {
display: block;
padding: 20px 20px;
position: relative;
}

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

.prev > a {
padding: 20px 20px 20px 40px;
}

.next > a {
padding: 20px 40px 20px 20px;
}

.pager-single-item span {
font-size: 14px;
font-weight: normal;
line-height: 1.6;
height: 44px;
display: block;
overflow: hidden;
}

.pager-single-item i {
position: absolute;
top: 30px;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
background: #383838;
color: #fff;
font-size: 15px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.prev i {
left: 0;
}

.next i {
right: 0;
}

.pager-single-item > a:hover i {
background: #fff;
color: #0073ff;
}
 
/* ブログパーツ */
.sidewrapper {
margin-bottom: 40px;
overflow: hidden;
}

.sidetop,
.sidebottom {
display: none;
}

.sidetitle {
font-size: 14px;
font-weight: bold;
padding: 15px;
background: #f6f6f6;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

/* スポンサードリンク */

.ad .sidetitle {
margin-bottom: 10px;
}

/* カテゴリー */

.plugin-categorize,
.sidebar-a-home {
margin-right: -40px;
}

.plugin-categorize .sidetitlebody {
display: none;
}

.category-parent {

}

.category-child {

}

.sidebar-a-home > a,
.category-parent > a,
.category-child > a {
display: block;
font-size: 13px;
font-weight: normal;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.sidebar-a-home > a:hover,
.category-parent > a:hover,
.category-child > a:hover {
background: #f4f4f4;
}

.sidebar-a-home > a,
.category-parent > a {
padding: 11px 20px 11px 20px;
}

.category-child > a {
position: relative;
padding: 7px 20px 7px 30px;
color: #333;
}

.category-child > a:before {
content: "-";
margin-right: 7px;
}

/* フリーエリア */

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

/* Twitterプロフィール、管理人メッセージ */
.author-message {
font-size: 14px;
margin-bottom: 20px;
line-height: 1.5;
}

.tw-profile > a {
display: block;
padding: 7px;
border: 1px solid #dcdcdc;
position: relative;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

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

.tw-profile-thumb {
width: 10%;
padding-right: 10px;
}

.tw-profile-thumb > img {
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.tw-profile > a:hover > .tw-profile-thumb > img {
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha(opacity=60)";
}

.tw-profile-text {
width: 90%;
vertical-align: middle;
}

.tw-profile-profile-name {
font-size: 13px;
font-weight: normal;
margin-bottom: 7px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.tw-profile-screen-name {
font-size: 11px;
color: #555;
font-weight: normal;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.tw-profile > a:hover .tw-profile-profile-name,
.tw-profile > a:hover .tw-profile-screen-name {
color: #999;
}

.tw-profile i {
position: absolute;
top: 28px;
right: 10px;
font-size: 18px;
color: #bbb;
border: 1px solid #CCCCCC;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.tw-profile > a:hover > i {
border: 1px solid #55acee;
color: #55acee;
}

/* 最新の記事 */

.side ul.recent-article-image li {
line-height: 1.5;
padding: 0;
border-bottom: 1px dotted #d7d7d7;
}

.recent-article-image a {
font-size: 14px;
font-weight: normal;
padding: 10px 15px 10px 100px;
display: block;
}

.recent-article-image a:first-child {
float: left;
padding: 10px 0 10px 15px;
}

.side ul.recent-article-image li img {
float: none;
margin: 0;
-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)";
}

.side ul.recent-article-image li:hover a {
color: #0073ff;
}

/* アーカイブ、最新の記事、リンク集のテキストリンク */
.plugin-monthly .sidebody > a,
.plugin-recent_articles .sidebody > a,
.plugin-link .sidebody > a {
display: block;
font-size: 14px;
font-weight: normal;
line-height: 1.5;
padding: 10px 15px;
border-bottom: 1px dotted #d7d7d7;
}

.plugin-monthly .sidebody > a:hover,
.plugin-recent_articles .sidebody > a:hover,
.plugin-link .sidebody > a:hover {
color: #0073ff;
}

/* 人気の記事 */

.home-header-popular {
width: 300px;
float: right;
}

.article-single-popular {
margin-bottom: 40px;
}

div.popularArticlesWithImage.A {
margin: 0;
background: #fff;
}

div.popularArticlesWithImage.A ul {
border: 1px solid #000;
}

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

div.popularArticlesWithImage.A ul li {
float: left;
border: 1px solid #000;
}

div.popularArticlesWithImage.A div.retweet,
div.popularArticlesWithImage.A div.comment,
div.popularArticlesWithImage.A div.pv {
top: 0;
right: 0;
text-shadow: none;
padding: 0;
text-align: center;
background: rgba(251,215,97,0.85) !important;
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
color: #000 !important;
font-size: 11px;
width: 70px;
height: 21px;
line-height: 21px;
}

div.popularArticlesWithImage.A div.title {
background: rgba(0,0,0,0.65) !important;
filter: alpha(opacity=100);
opacity: 1;
-moz-opacity: 1;
font-size: 13px;
line-height: 1.6;
width: 100% !important;
height: auto;
height: 46px;
overflow: hidden;
padding: 5px;
}

div.popularArticlesWithImage.A ul li a {
border: none;
position: relative;
}

.home-header-popular div.popularArticlesWithImage.A ul li a {
width: 147px !important;
height: 95px !important;
}

.article-single-popular div.popularArticlesWithImage.A ul li a {
width: 164px !important;
height: 110px !important;
}

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

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

div.popularArticlesWithImage.A ul 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);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}

.home-header-popular div.popularArticlesWithImage.A li div.image {
width: 147px;
height: 95px;
}

.article-single-popular div.popularArticlesWithImage.A li div.image {
width: 164px;
height: 110px;
}

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.image img {
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

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

div.popularArticlesWithImage.B div.title {
font-size: 14px;
line-height: 1.5;
font-weight: normal;
margin-bottom: 0;
height: 42px;
overflow: hidden;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

div.popularArticlesWithImage.B ul li a:hover div.image img {
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha(opacity=60)";
}

div.popularArticlesWithImage.B ul li a:hover div.title {
color: #0073ff;
}

/* ページネーション */
.pagination {
position: relative;
}

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

.paging-first {
border-left: 1px solid #e5e5e5;
}

.paging-first:after {
content: "...";
font-size: 13px;
display: inline-block;
padding: 0 12px;
height: 34px;
line-height: 34px;
border-left: 1px solid #e5e5e5;
}

li.paging-number {
border-left: 1px solid #e5e5e5;
}

.paging-last {
border-right: 1px solid #e5e5e5;
}

.paging-last:before {
content: "...";
font-size: 13px;
display: inline-block;
padding: 0 12px;
height: 34px;
line-height: 34px;
border-right: 1px solid #e5e5e5;
}

.paging-number li {
border-right: 1px solid #e5e5e5;
}

.paging-prev {
position: absolute;
top: 0;
left: 0;
border-right: 1px solid #e5e5e5;
}

.paging-next {
position: absolute;
top: 0;
right: 0;
border-left: 1px solid #e5e5e5;
}

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

ul.index-navigator li.paging-number ol.paging-number li.current span {
font-size: 13px;
font-weight: normal;
display: inline-block;
padding: 0 12px;
height: 34px;
line-height: 34px;
color: #fff;
font-weight: bold;
background: #0073ff;
}

ul.index-navigator li a {
font-size: 13px;
margin: 0;
display: inline-block;
padding: 0 12px;
height: 34px;
line-height: 34px;
}

ul.index-navigator li a:hover {
color: #000;
background: #f5f5f5;
}

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

.rss-home-header {
width: 354px;
height: 297px;
float: left;
background: #fff;
}

.rss-home-header:first-child {
margin-right: 20px;
}

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

.blogroll-list {
border-bottom: 1px dotted #b7b7b7;
}

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

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

.odd > a {
background: #f1f1f1;
}

.blogroll-ad-text > a {
display: block;
font-size: 13px;
font-weight: normal;
line-height: 1;
overflow: hidden;
padding: 12px 15px;
}

.blogroll-link:before,
.blogroll-ad-text > a:before {
content: "\f054";
display: inline-block;
font-family: FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 11px;
margin-right: 5px;
color: #999;
}

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

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

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

.blogroll-link:hover,
.blogroll-ad-text > a:hover,
.blogroll-ad-default > a:hover {
text-decoration: underline;
}

/* 広告 */
.ad {
text-align: center;
margin-bottom: 40px;
}

.article-single .ad {
text-align: left;
}

.ad-list {
font-size: 0;
}

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

/* ページトップへ戻るボタン */
.site-nav {
display: none;
position: fixed;
bottom: 40px;
margin-left: 1108px;
}

.site-nav > a  {
width: 40px;
height: 40px;
line-height: 40px;
background: #383838;
font-size: 13px;
text-align: center;
color: #fff;
display: block;
font-weight: normal;
margin-top: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.site-nav > a:first-child {
margin-top: 0;
}

.site-nav i {
height: 40px;
line-height: 40px;
display: block;
}

.site-nav > a:hover {
background: #6f6f6f;
}

/* バナー */

.latest-banner {
padding: 20px;
text-align: center;
border-bottom: 1px solid #e5e5e5;
background: #f5f5f5;
}

.l-sidebar-a .banner-sidebar-a {
margin-top: -20px;
}

.banner-message {
font-size: 14px;
font-weight: bold;
}

.banner-sidebar-a > a {
display: block;
margin-top: 10px;
font-size: 12px;
line-height: 1.6;
font-weight: normal;
}

/* コピーライト */

.copyright {
font-size: 13px;
color: #fff;
line-height: 2;
}

/* ACR */
.l-footer-acr table {
width: 100%;
border-spacing: 0;
border-top: 1px solid #179fe8;
border-right: 1px solid #179fe8;
border-left: 1px solid #179fe8;
}

.l-footer-acr td {
background: #178ae8 !important;
color: #FFE;
border-bottom: 1px solid #179fe8;
padding: 5px;
font-size: 12px;
}

.l-footer-acr td:first-child {
border-right: 1px solid #179fe8;
}

.l-footer-acr span,
.l-footer-acr a {
color: #fff !important;
}

.l-footer-acr a:hover {
text-decoration: underline;
}

/*
State
*/

.current-page {
color: #fff !important;
font-weight: bold !important;
background: #0073ff !important;
}

/*
見出し
*/

.article-body h3 {
font-size: 18px;
background: #ececec;
padding: 5px 15px !important;
margin-bottom: 10px;
border-left: 7px solid #b1b1b1;
position: relative;
}

/* backgroundを変更(一番大きい見出しの黄色い部分) */

.article-body h3:before {
content: "";
display: block;
height: 50%;
width: 7px;
position: absolute;
top: 0;
left: -7px;
background: #fbd761;
z-index: 10;
}

/* colorを変更(黄色の文字色) */

.article-body h4 {
position: relative;
font-size: 16px;
margin-bottom: 7px;
padding-left: 30px;
color: #d0a211;
}

/* backgroundを変更(見出し左の棒の色) */

.article-body h4:before {
content: "";
display: block;
position: absolute;
top: 15px !important;
left: 0;
width: 20px;
height: 3px;
background: #dab335;
}

.article-body h5 {
font-size: 15px;
margin-bottom: 8px;
}

/*
会話(吹き出し)
*/

.balloon-item {
min-height: 100px !important;
margin-bottom: 30px !important;
position: relative;
}

.balloon-image {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100px !important;
height: 100px !important;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
-moz-box-shadow: 0 0 5px #8c8c8c;
-webkit-box-shadow: 0 0 5px #8c8c8c;
box-shadow: 0 0 5px #8c8c8c;
}

.balloon-left > .balloon-image {
float: left;
}

.balloon-right > .balloon-image {
float: right;
}

.balloon-text {
overflow: hidden;
padding: 10px 15px;
border: 1px solid #ddd;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 2px 3px #cecece;
-webkit-box-shadow: 0 2px 3px #cecece;
box-shadow: 0 2px 3px #cecece;
}

.balloon-left > .balloon-text {
margin-left: 125px !important;
}

.balloon-right > .balloon-text {
margin-right: 125px !important;
}

.balloon-left:after {
content: "";
display: block;
position: absolute;
top: 17px !important;
left: 109px !important;
background: url(./icon/arrow-left.png) no-repeat;
background-size: 18px;
width: 18px;
height: 20px;
}

.balloon-right:after {
content: "";
display: block;
position: absolute;
top: 18px;
right: 109px !important;
background: url(./icon/arrow-right.png) no-repeat;
background-size: 18px;
width: 18px;
height: 20px;
}

/*
引用
*/

.article-body blockquote {
background-image: url(./icon/blockquote.png);
background-color: #f5f5f5;
background-repeat: no-repeat;
background-size: 24px;
background-position: 12px 15px;
padding: 20px 20px 20px 45px;
font-size: 14px;
}

.article-body blockquote > a {
display: block;
font-size: 11px;
margin-top: 10px;
color: #999;
text-decoration: underline;
}

.article-body blockquote > a:hover {
text-decoration: none;
}

/*
囲み(強調)
*/

.style-border {
border: 2px dashed #d6d6d6;
padding: 20px !important;
}

/* パンくず */

.breadcrumb {
margin-bottom: 40px;
}

.breadcrumb-item {
float: left;
color: #999;
line-height: 14px;
}

.breadcrumb-item > a {
display: inline-block;
font-size: 12px;
margin: 0 9px;
color: #3e3e3e;
}

.breadcrumb-item:first-child > a {
margin-left: 0;
}

.breadcrumb-item > a:hover {
text-decoration: underline;
}

.breadcrumb-last {
display: inline-block;
font-size: 12px;
margin: 0 9px;
color: #999;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 450px;
}


/** ---------- Google AdSense ---------- **/
.google-user-ad { margin:10px; }
.google-user-ad-728 { margin:0px auto; }
.google-user-ad-side { margin:0px; }
.google-user-ad-side1 { margin:0 0 30px; }
.google-user-ad-side300 { margin:0 -10px 30px; }
.ad-center { text-align:center; }