@charset "UTF-8";

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

body{
font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;
background: #fff;
font-size: 15px;
color: #444;
line-height: 1;
}

blockquote {
    position: relative;
    padding: 35px 15px 10px 15px;
    box-sizing: border-box;
    font-style: italic;
    background: #f5f5f5;
    color: #777777;
    border-left: 4px solid #9dd4ff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 3px;
    vertical-align: middle;
    content: "“";
    font-family: sans-serif;
    color: #9dd4ff;
    font-size: 90px;
    line-height: 1;
}

blockquote p {
    padding: 0;
    margin: 7px 0;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}


.blogroll-channel {
	border: solid 1px #999 !important;
	height: 260px !important;
	overflow-y: scroll;
}

/*以下、①背景色など*/
.line-bc {
  padding: 20px 10px;
  max-width: 450px;
  margin: 15px auto;
  text-align: right;
  font-size: 14px;
  background: #7da4cd;

}

/*以下、②左側のコメント*/
.balloon6 {
    width: 100%;
    margin: 10px 0;
    overflow: hidden;
}

.balloon6 .faceicon {
    float: left;
    margin-right: -50px;
    width: 40px;
}

.balloon6 .faceicon img{
    width: 100%;
    height: auto;
    border-radius: 50%;
}
.balloon6 .chatting {
    width: 100%;
    text-align: left;
}
.says {
    display: inline-block;
    position: relative; 
    margin: 0 0 0 50px;
    padding: 10px;
    max-width: 250px;
    border-radius: 12px;
    background: #edf1ee;
}

.says:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 3px; 
    left: -19px;
    border: 8px solid transparent;
    border-right: 18px solid #edf1ee;
    -ms-transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
}
.says p {
    margin: 0;
    padding: 0;
}

/*以下、③右側の緑コメント*/
.mycomment {
    margin: 10px 0;
}
.mycomment p{
    display: inline-block;
    position: relative; 
    margin: 0 10px 0 0;
    padding: 8px;
    max-width: 250px;
    border-radius: 12px;
    background: #30e852;
    font-size: 15px:
}

.mycomment p:after {
    content: "";
    position: absolute;
    top: 3px; 
    right: -19px;
    border: 8px solid transparent;
    border-left: 18px solid #30e852;
    -ms-transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
}


.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #95ccff;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}

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

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

a {
text-decoration: none;
color: #3e3e3e;
font-weight: bold;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}

a:hover {
color: #6de1ff;
}

.ie9 .gradient {
filter:none;
}

/*
Layout
*/

.inner {
width: 1058px;
margin: 0 auto;
position: relative;
}

.header {
background: #fff;
}

.popular-area {
padding: 30px 0;
background: #f4f4f4;
}

.content {
padding: 30px 0;
}

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

.sub {
width: 300px;
float: right;
}

.footer {
overflow: hidden;
}

.wrapper:after,
.clear:after,
.inner:after,
.article:after,
.article-info:after,
.tagcloud:after,
.article-pager:after,
.index-navigator:after,
.side ul.recent-article-image li:after,
div.popularArticlesWithImage.A ul:after,
.search-box form:after {
content: "";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

/*
Module
*/

/* ヘッダー */
.header-top {
}

.blog-title {
float: left;
margin-top: 8px;
}

.blog-title > a {
font-size: 12px;
display: block;
color: #777;
font-weight: normal;
}

/* ヘッダー下部 */
.header-bottom {
border-top: 1px solid #eee;
}

.logo {
float: left;
display: block;
font-size: 28px;
color: #3e3e3e;
padding: 30px 0;
}

/* グローバルナビゲーション */
.global-nav-wrapper {
float: right;
}

.global-nav {
float: left;
margin-top: -1px;
margin-right: 80px;
}

.global-nav > li {
float: left;
}

.global-nav-active {
border-top: 1px solid #FF8393;
}

.global-nav > li > a {
display: block;
padding: 0 20px;
position: relative;
line-height: 88px;
color: #777;
}

.global-nav > li > a:hover {
}

/* 検索 */
.search-menu-btn {
float: right;
margin-top: 33px;
position: relative;
cursor: pointer;
}

.i-cancel {
cursor: pointer;
position: absolute;
top: 80px;
right: 0;
font-size: 18px;
color: #fff;
}

.search-menu-title {
font-weight: bold;
padding-bottom: 12px;
margin-top: 80px;
margin-bottom: 30px;
font-size: 25px;
color: #fff;
display: inline-block;
border-bottom: 1px solid #fff;
}

.search-menu {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.9);
z-index: 100;
}

.search-box form {
}

.search-box input {
padding: 15px !important;
outline: none;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: none;
font-size: 20px;
color: #fff;
}

input::-webkit-input-placeholder {
color: #fff;
}
 
input::-moz-placeholder {
color: #fff;
}
 
input:-moz-placeholder {
color: #fff;
}

input:-ms-input-placeholder {
color: #fff;
}

.search-box input[type="text"] {
width: 100%;
border: 1px solid #fff;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}

.submit-wrapper {
position: absolute;
top: 8px;
right: 7px;
}

.submit-wrapper:hover .i-search {
color: #222;
}

.search-box input[type="submit"] {
border: none;
cursor: pointer;
width: 13px;
height: 14px;
background: transparent;
position: absolute;
top: 0;
left: 0;
}

.search-box input[type="submit"]:hover {
}

/* State */

/*  */
.section-title {
font-weight: bold;
padding-bottom: 12px;
margin-bottom: 30px;
font-size: 20px;
color: #3e3e3e;
display: inline-block;
border-bottom: 1px solid #ddd;
}

/* 記事 */
.article-wrapper {
margin: 0 -15px;
}

.article {
float: left;
margin: 0 15px 30px;
background: #f9f9f9;
}

.article-2column {
width: 349px;
}

.article-1column {
width: 728px;
}

.article > a {
position: relative;
}

.article-2column > a {
display: block;
}

.article-1column > a {
display: table;
width: 100%;
}

.article-single {
padding: 15px;
border: 1px solid #ddd;
position: relative;
}

.article-body {
margin-bottom: 30px;
line-height: 1.5;
}

.article-2column-img {
width: 349px;
height: 261px;
position: relative;
}

.article-2column-img:after {
content: "";
position: absolute;
display: block;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.0);
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}

.article-2column > a:hover .article-2column-img:after {
background: rgba(0,0,0,0.3);
}

.article-img {
width: 220px;
height: 154px;
display: table-cell;
position: relative;
}

.article-img:after {
content: "";
position: absolute;
display: block;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.0);
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}

.article-1column > a:hover .article-img:after {
background: rgba(0,0,0,0.3);
}

.article-2column-img > img {
width: 349px;
height: 261px;
}

.article-img > img {
width: 220px;
height: 154px;
}

.article-2column-text {
padding: 15px;
}

.article-text {
display: table-cell;
vertical-align: top;
padding: 15px;
}

.article-2column-title {
color: #3e3e3e;
font-size: 20px;
line-height: 1.3;
margin-bottom: 15px;
height: 78px;
overflow: hidden;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}

.article-2column > a:hover .article-2column-title {
color: #6de1ff;
}

.article-title {
color: #3e3e3e;
font-size: 20px;
line-height: 1.3;
margin-bottom: 15px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}

.article-1column > a:hover .article-title {
color: #6de1ff;
}

.article-title-single {
clear: both;
color: #3e3e3e;
font-size: 25px;
line-height: 1.3;
margin-bottom: 10px;
}

.article-info-single {
float: left;
position: relative;
top: 9px;
left: 0;
margin-bottom: 18px;
}

.article-date-outer,
.article-comment-outer  {
color: #999;
float: left;
font-weight: normal;
font-size: 13px;
margin-right: 15px;
}

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

.article-category-outer-2column {
position: absolute;
top: -15px;
left: 0;
right: 0;
text-align: center;
z-index: 10;
}

.article-category-outer {
position: absolute;
top: -16px;
width: 220px;
text-align: center;
z-index: 10;
}

.article-category-outer-single {
position: absolute;
top: -17px;
left: 15px;
}

.article-category-outer-2column > li,
.article-category-outer > li,
.article-category-outer-single > li {
display: inline-block;
background: #6de1ff;
color: #fff;
height: 30px;
line-height: 30px;
padding: 0 20px;
font-size: 12px;
font-weight: normal;
position: relative;
}

.article-category-outer-2column  > li:before,
.article-category-outer  > li:before,
.article-category-outer-single > li:before {
content: "";
position: absolute;
display: block;
top: 0;
left: -3px;
border: solid transparent;
border-bottom-color: #777;
border-right-color: #777;
border-width: 16px 3px 0px 0;
}

.article-category-outer-2column  > li:after,
.article-category-outer  > li:after,
.article-category-outer-single > li:after {
content: "";
position: absolute;
display: block;
top: 0;
right: -3px;
border: solid transparent;
border-bottom-color: #777;
border-left-color: #777;
border-width: 0 3px 16px 0;
}

.article-tag-outer {
float: right;
}

.article-tag-outer > li  {
float: left;
margin-right: 19px;
}

.article-tag-outer > li:last-child {
margin-right: 0;
}

.article-tag-outer > li > a {
font-size: 12px;
font-weight: normal;
display: block;
padding: 5px;
background: #f1f1f1;
position: relative;
}

.article-tag-outer > li > a:hover {
color: #fff;
background: #6de1ff;
}

.article-tag-outer > li > a:hover:before {
border-right-color: #FF8393;
}

.article-tag-outer > li > a:before {
content: "";
position: absolute;
display: block;
top: 0;
left: -22px;
bottom: 0;
border: 11px solid transparent;
border-right-color: #f1f1f1;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}

.article-tag-outer > li > a:after {
content: "";
position: absolute;
display: block;
width: 4px;
height: 4px;
background: #fff;
border-radius: 50%;
top: 9px;
left: -3px;
}

.icon-comment {
font-size: 17px;
vertical-align: middle;
}

.article-comment-outer a {
font-size: 12px;
color: #999;
font-weight: normal;
text-decoration: underline;
}

.article-tag-outer a:hover,
} 


.article-description {
font-size: 13px;
font-weight: normal;
line-height: 1.4;
height: 33px;
overflow: hidden;
color: #999;
margin-bottom: 15px;
}

/* 個別記事 */
.share-btn {
padding: 15px 15px 13px;
background: #f5f5f5;
margin-bottom: 30px;
}

.share-btn > li {
float: left;
margin-right: 15px;
}

.ad-article {
margin-bottom: 30px;
}

/* 記事（関連記事、コメント） */
.related-articles {
margin-bottom: 30px;
}

.related-articles h3 {
font-weight: bold;
padding-bottom: 12px;
border-bottom: 1px solid #ddd;
font-size: 16px;
color: #3e3e3e;
display: inline-block;
margin-bottom: 15px !important;
}

#article-options {
margin-top: 40px
}

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

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

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

.related-articles.with-image ul li {
margin: 0 0 15px 0!important;
}

.related-articles.with-image .related-article-image {

}

.related-articles.with-image .related-article-image img {
height: 100px;
}


/* コメント一覧 */
.comments-title {
font-size: 18px;
font-weight: bold;
background: url(http://livedoor.blogimg.jp/tangomin/imgs/6/6/6649282a.png) 0 4px no-repeat;
background-size: 20px;
padding-left: 30px;
margin-bottom: 10px;
}

#comments-list {
margin-bottom: 40px;
}

.comment-set {
margin-bottom: 10px;
padding: 10px;
background: #f1f1f1;
}

.comment-info .comment-author {
display: inline;
color: #2C3036;
}

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

.comment-info .comment-date {
display: inline;
color: gray;
}

.comment-info li {
display: inline;
}

.comment-info .comment-body {
display: block;
margin: 5px 0 0 16px;
color: #2C3036;
}

/* コメント投稿 */
#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-weight: bold;
padding-bottom: 12px;
border-bottom: 1px solid #ddd;
font-size: 16px;
color: #3e3e3e;
display: inline-block;
margin-bottom: 15px;
}

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

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

#comment-form input,
#comment-form textarea {
font-size: 15px;
padding: 10px !important;
border: none;
border-top: 4px solid #eee;
outline: none;
background: #f5f5f5;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#comment-form input {
width: 100%;
}

#comment-form textarea {
width: 100%;
height: 200px;
line-height: 1.5;
}

#comment-form input:focus,
#comment-form textarea:focus {
}


div#comment-form-tools button[type="submit"]:focus {
}

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

#comment-form-tools button[type="submit"] {
outline: none;
margin: 0;
font-weight: bold;
font-size: 15px;
color: #fff;
border: none;
display: inline-block;
margin-top: 15px;
background: #6de1ff;
padding: 10px 45px;

}
 
/* ブログパーツ */
.sub .sidewrapper {
margin-bottom: 30px;
}

.sub .sidetitlebody {
margin-bottom: 15px;
}

.sub .sidetitle {
font-weight: bold;
padding-bottom: 12px;
border-bottom: 1px solid #ddd;
font-size: 16px;
color: #3e3e3e;
display: inline-block;
}

.sidetop,
.sidebottom {
display: none;
}

.side {
overflow: hidden;
}

.sidebody {
margin-top: 12px;
}

.sidebody:first-child {
margin-top: 0;
}

.sidebody > a {
font-weight: normal;
font-size: 14px;
line-height: 1.3;
}

/* 月別アーカイブ */
.plugin-monthly .sidebody:before {
content: "\f133";
font-family: FontAwesome;
display: inline-block;
margin-right: 10px;
color: #999;
}

/* カテゴリー */
.category-parent:before {
content: "\f114";
font-family: FontAwesome;
display: inline-block;
margin-right: 10px;
color: #999;
}

/* 最新記事 */
.side ul.recent-article-image li img {
margin: 0;
float: none;
}

.side ul.recent-article-image li {
display: table;
width: 100%;
padding-bottom: 0;
line-height: 1;
margin-bottom: 15px;
}

ul.recent-article-image li:last-child {
border-bottom: none;
}

ul.recent-article-image > li > a:first-child {
display: table-cell;
width: 80px;
height: 80px;
border-radius: 50%;
overflow: hidden;
}

ul.recent-article-image > li > a:nth-child(2) {
display: table-cell;
vertical-align: top;
min-height: 80px;
font-weight: normal;
line-height: 1.3;
padding-left: 15px;
font-size: 13px;
color: #3e3e3e;
}

/* 人気記事 */
div.popularArticlesWithImage.A {
margin: 0;
}

div.popularArticlesWithImage.A ul li {
display: block;
float :left;
margin-bottom: 0;
width: 264.5px;
height: 176px;
}

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

div.popularArticlesWithImage.A ul li a:before {
content: "";
position: absolute;
display: block;
height: 87px;
right: 0;
bottom: 0;
left: 0;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.8)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 );
}

div.popularArticlesWithImage.A ul li a:after {
content: "";
position: absolute;
display: block;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 5;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}

div.popularArticlesWithImage.A ul li a:hover:after {
background: rgba(0,0,0,0.3);
}

div.popularArticlesWithImage.A li div.image img {
width: 264.5px;
height: 174px;
}

div.popularArticlesWithImage.A div.retweet,
div.popularArticlesWithImage.A div.comment,
div.popularArticlesWithImage.A div.pv {
background: #95ccff !important;
top: auto;
right: auto;
bottom: 47px;
left: 5px;
text-shadow: none;
font-weight: normal;
font-size: 12px;
padding: 3px 5px;
z-index: 10;
}

div.popularArticlesWithImage.A div.title {
width: 254.5px !important;
padding: 0;
background: none !important;
filter: alpha(opacity=100);
opacity: 1;
-moz-opacity: 1;
line-height: 1.4;
padding: 5px;
font-size: 15px;
height: 38px;
z-index: 11;
}

div.popularArticlesWithImage.B ul li {
margin-bottom: 0;
width: 150px;
float: left;
}

div.popularArticlesWithImage.B ul li a:before {
content: "";
position: absolute;
display: block;
height: 150px;
right: 0;
bottom: 0;
left: 0;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.8)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 );
}

div.popularArticlesWithImage.B ul li a:after {
content: "";
position: absolute;
display: block;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 5;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}

div.popularArticlesWithImage.B ul li a:hover:after {
background: rgba(0,0,0,0.3);
}

div.popularArticlesWithImage.B div.image {
float: none;
margin: 0;
}

div.popularArticlesWithImage.B div.comment,
div.popularArticlesWithImage.B div.retweet,
div.popularArticlesWithImage.B div.pv {
background: #95ccff !important;
color: #fff;
border-radius: 0;
text-shadow: none;
padding: 0;
margin-bottom: 0;
font-size: 11px;
position: absolute;
left: 5px;
bottom: 52px;
font-weight: normal;
padding: 2px 4px;
z-index: 10;
}

div.popularArticlesWithImage.B div.title {
font-size: 13px;
font-weight: bold;
line-height: 1.3;
margin-bottom: 0;
position: absolute;
left: 0;
bottom: 0;
color: #fff;
height: 100px;
padding: 5px;
z-index: 11;
overflow: hidden;
}

/* タグクラウド */
.side ul.tagcloud {
text-align: left;
overflow: inherit;
line-height: 1;
padding-left: 12px;
}

.side ul.tagcloud > li {
display: block;
float: left;
margin: 0 19px 8px 0;
}

.side ul.tagcloud > li > a {
font-size: 12px;
font-weight: normal;
display: block;
padding: 5px;
background: #f1f1f1;
position: relative;
}

.side ul.tagcloud > li > a:before {
content: "";
position: absolute;
display: block;
top: 0;
left: -22px;
bottom: 0;
border: 11px solid transparent;
border-right-color: #f1f1f1;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}

.side ul.tagcloud > li > a:after {
content: "";
position: absolute;
display: block;
width: 4px;
height: 4px;
background: #fff;
border-radius: 50%;
top: 9px;
left: -3px;
}

.side ul.tagcloud > li > a:hover {
color: #fff;
background: #FF8393;
}

.side ul.tagcloud > li > a:hover:before {
border-right-color: #FF8393;
}

.side ul.tagcloud li.tag-weight-0,
.side ul.tagcloud li.tag-weight-1,
.side ul.tagcloud li.tag-weight-2,
.side ul.tagcloud li.tag-weight-3,
.side ul.tagcloud li.tag-weight-4 {
font-size: 12px;
}

/* 広告 */
.ad728-90 {
margin-bottom: 30px;
}

#ad2 {
padding: 0;
margin: 0;
}

/* フッター */
.copyright-wrapper {
text-align: center;
}

.copyright {
font-size: 12px;
color: #4d4d4d;
margin-bottom: 30px;
}

ul#ld-services {
padding: 0;
margin-bottom: 10px;
}

ul#ld-services li {
padding: 0;
}

/* トップ・カテゴリ・月別ページャー */
.top_pager-wrapper {
margin-top: 20px;
}

.pager-title {
float: left;
height: 40px;
line-height: 40px;
padding: 0 10px;
background: #ffaaff;
color: #fff;
position: relative;
}

.pager-title:after {
content: "";
position: absolute;
top: 12px;
right: -20px;
border: 8px solid transparent;
border-left: 15px solid #ffaaff;
}

.top_pager {
float: right;
}

div.index-navigator-outer {
text-align: left !important;
}

ul.index-navigator li {
float: left;
}

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

ul.index-navigator li.paging-number ol.paging-number li.current span {
font-weight: normal;
color: #fff;
background: #ffaaff;
display: block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
}

ul.index-navigator li a {
margin: 0;
background: #f4f4f4;
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
margin: 0 2.5px;
padding: 0;
}

.paging-prev a {
margin: 0 2.5px 0 0 !important;
}

ul.index-navigator li a:hover {
color: #fff;
background: #ffaaff;
}

.paging-number {
margin: 0 !important;
}

.paging-last {
margin-right: 0 !important;
display: none !important;
}

/* 個別記事ページャー */
.single-pager{
margin-bottom: 30px;
}

ul.article-pager li {
float: left;
width: 334px;
display: block;
line-height: 1.8;
position: relative;
}

.article-pager li a {
font-weight: bold;
}

.article-pager .prev {
margin-right: 28px;
}

.article-pager .next {
text-align: right;
}

.article-pager .prev:before,
.article-pager .next:before {
display: block;
font-family: FontAwesome;
font-size: 15px;
color: #999;
}

.article-pager .prev:before {
content: "\f190  前の記事";
}

.article-pager .next:before {
content: "次の記事  \f18e";
}

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

.page-top-btn {
position: fixed;
left: auto;
bottom: 50px;
margin-left: 1208px;
display: none;
}

.page-top-btn > a {
width: 40px;
height: 40px;
line-height: 40px;
background: #525252;
border: 1px solid #6C6C6C;
font-size: 25px;
text-align: center;
color: #fff;
display: block;
font-weight: normal;
border-radius: 50%;
}

.page-top-btn > a > i {
line-height: 40px;
}

.page-top-btn > a:hover {
background: #ffaaff;
border: 1px solid #ffaaff;
}

/* 相互RSS */
.rss-blogroll {
height: 280px;
overflow: auto;
margin-bottom: 30px;
border: 1px solid #ddd;
}

.blogroll-channel-wrapper {
width: 355px;
float: left;
}

.blogroll-channel {
padding: 3px 15px 15px;
}

.blogroll-channel .blogroll-list-wrap {
}

.blogroll-channel .blogroll-list {
font-size: 12px;
border-bottom: 1px solid #ddd;
padding: 10px 0;
}

.blogroll-list > a {
display: block;
line-height: 1.8;
font-weight: normal;
}

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

.blogroll-channel .blogroll-ad-text {
display: block;
color: #666;
}

.blogroll-ad-img {
margin-top: 15px;
}

/* SNSフォローボタン */
.sns-follow {
float: right;
}

.sns-follow > li {
float: left;
}

.sns-follow > li > a {
display: block;
width: 28px;
height: 28px;
line-height: 28px;
text-align: center;
font-size: 14px;
position: relative;
}

.sns-follow > li > a:before {
content: "";
display: block;
position: absolute;
bottom: 0;
right: 50%;
margin-right: -4px;
border: 4px solid transparent;
border-bottom-color: #555;
visibility: hidden;
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}

.sns-follow-twi:after {
content: "Twitter";
margin-right: -24px;
}

.sns-follow-fb:after {
content: "Facebook";
margin-right: -30px;
}

.sns-follow-rss:after {
content: "rss";
margin-right: -13px;
}

.sns-follow > li > a:after {
display: block;
position: absolute;
top: 100%;
right: 50%;
font-size: 10px;
background: #555;
color: #fff;
padding: 5px;
line-height: 1;
visibility: hidden;
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}

.sns-follow > li > a:hover:before,
.sns-follow > li > a:hover:after {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px);
}

.sns-follow > li > a > i {
width: 28px;
height: 28px;
line-height: 28px;
}

.sns-follow > li > a:hover {
color: #fff;
}

.sns-follow-twi:hover {
background: #00abef;
}

.sns-follow-fb:hover {
background: #507cbe;
}

.sns-follow-rss:hover {
background: #ff8800;
}

.footer-sns-follow-wrapper {
background: #4d4d4d;
padding: 30px 0;
text-align: center;
margin-bottom: 30px;
}

.footer-sns-follow-title {
font-size: 18px;
font-weight: bold;
color: #ccc;
margin-bottom: 24px;
}

.footer-sns-follow {
display: inline-block;
}

.footer-sns-follow > li {
float: left;
margin: 0 7.5px;
}

.footer-sns-follow > li > a {
display: block;
width: 50px;
height: 50px;
line-height: 50px;
color: #ccc;
font-size: 25px;
background: #6c6c6c;
}

.footer-sns-follow > li > a:hover {
color: #fff;
}

.footer-sns-follow-twi:hover {
background: #00abef;
}

.footer-sns-follow-fb:hover {
background: #507cbe;
}

.footer-sns-follow-rss:hover {
background: #ff8800;
}

/* 検索メニュー */
.search-box {
margin-bottom: 30px;
}

/* ブログパーツB */
.blog-parts-b .sidewrapper {
float: left;
width: 332.66666px;
margin-left: 30px;
}

.blog-parts-b .sidewrapper:first-child {
margin-left: 0;
}

.blog-parts-b .sidetitle {
font-weight: bold;
padding-bottom: 12px;
margin-bottom: 30px;
font-size: 25px;
color: #fff;
display: inline-block;
border-bottom: 1px solid #ddd;
}

.blog-parts-b .sidebody > a {
color: #aaa;
}