@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: #f5f5f5 url(http://livedoor.blogimg.jp/heroicch/imgs/8/0/8059b2ad.png);
font-size: 15px;
color: #454C56;
}

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

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

a {
text-decoration: none;
color: #221e1f;
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: #bf4040;
}

/*
Layout
*/

.inner {
width: 1088px;
margin: 0 auto;
}

.header-inner {
width: 1088px;
margin: 0 auto;
}

.header {
z-index: 100;
background: #602020;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…BoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(-45deg, #602020 0%, #993333 90%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#602020), color-stop(90%,993333));
background: -webkit-linear-gradient(-45deg, #602020 0%,#993333 90%);
background: -o-linear-gradient(-45deg, #602020 0%,#993333 90%);
background: -ms-linear-gradient(-45deg, #602020 0%,#993333 90%);
background: linear-gradient(135deg, #602020 0%,#993333 90%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#602020', endColorstr='#993333',GradientType=1 );

width: 1088px;
margin-left: auto; margin-right: auto;
}

.header-inner {
position: relative;
}

.content {

}

.main {
width: 728px;
padding: 20px;
background: #fff;
float: left;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}

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

.wrapper:after,
.clear:after,
.inner:after,
.header-inner:after,
.article-info:after,
.article-tags:after,
.tagcloud:after,
.article-pager:after,
.index-navigator:after,
.sub div.popularArticlesWithImage.B ul li a:after,
.popular-area div.popularArticlesWithImage.A ul:after,
.share-btn:after {
content: "";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

/*
Module
*/

/* アニメーション */
.animate {
-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;
}

/* タイトル・ロゴ・ブログ説明 */

.blog-title {
text-indent: -9999px;
height: 0px;
}

.section-title {
font-size: 18px;
font-weight: bold;
background: url(http://livedoor.blogimg.jp/heroicch/imgs/e/0/e0aa0707.png) left bottom no-repeat;
color: #221e1f;
padding-bottom: 10px;
margin-bottom: 10px;
}

.footer-parts-title {
color: #ddd;
font-weight: bold;
margin-bottom: 20px;
font-size: 14px;
}

.footer-parts .sidetitle {
color: #ddd;
font-weight: bold;
margin-bottom: 20px;
font-size: 14px;
}

DIV#acrr8_mind A {
font-weight: normal;
font-size: 14px !important;
}

DIV#acrr8_mind A:hover {
color: #ddd;
}

DIV#acrr8_mind TD {
font-size: 14px !important;
padding: 3px;
}

/* グローバルナビゲーション */
.global-nav {
background: #fff;
height: 55px;
border-top: 1px solid #ddd;
border-bottom: 5px solid #ddd;
}

.menu {
float: left;
}

.menu > li {
float: left;
border-right: 1px solid #732626;
}

.menu > li:first-child {
border-left: 1px solid #732626;
}

.menu > li > a {
font-size: 13px;
display: block;
color: #fff;
height: 45px;
line-height: 45px;
border-right: 1px solid #602020;
padding: 0 10px;
text-shadow: -1px -1px 0 #4d1919;
}

.menu > li > a:hover {
text-shadow: -1px -1px 0 #602020, 0 0 10px #ac3939, 0 0 10px #ac3939;
}

.menu > li:first-child > a {
border-left: 1px solid #862d2d;
}

.menu-social {
float: right;
}

.menu-social > li {
float: left;
border-right: 1px solid #993333;
}

.menu-social > li:first-child {
border-left: 1px solid #993333;
}

.menu-social > li:nth-child(4) {
border: none;
}

.menu-social > li > a {
color: #fff;
display: block;
height: 45px;
line-height: 45px;
padding: 0 10px;
border-right: 1px solid #862d2d;

}

.menu-social > li > a:hover {
text-shadow: -1px -1px 2px #7A1A18, 0 0 10px #FFFFFF, 0 0 10px #fff;
}

.menu-social > li:first-child > a {
border-left: 1px solid #862d2d;
}

.menu-social > li:nth-child(4) > a {
border: none;
}

.menu-social > li > a > i {
display: block;
height: 45px;
line-height: 45px;
}

/* 検索ボックス */
.search-box {
}

.search-box form {
position: relative;
}

.search-box input {
padding: 5px !important;
outline: none;
}

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

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

.input-text-wrapper {
position: absolute;
top: 0;
right: 35px;
border-right: 1px solid #993333;
}

.search-box input[type="text"] {
width: 0;
height: 45px;
border: none;
padding: 0 !important;
border-right: 1px solid #862d2d;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

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

.search-box > form:hover input[type="text"],
.search-box input[type="text"]:focus {
width: 200px;
padding: 0 10px !important;
}

.active {
background: #bf4040;
}

.search-box > form > i {
display: block;
height: 45px;
line-height: 45px;
padding: 0 10px;
color: #fff;
border-right: 1px solid #993333;

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

.search-box input[type="submit"]:hover ~ i {
text-shadow: -1px -1px 2px #7A1A18, 0 0 10px #FFFFFF, 0 0 10px #fff;
}

/* State */
.is-mb20 {
margin-bottom: 20px !important;
}

.is-mb30 {
margin-bottom: 30px !important;
}

/* パンくずリスト */
.breadcrumb {
background: #fff;
padding: 5px;
}

.breadcrumb-div {
float: left;
line-height: 1;
}

.breadcrumb-div > a {
display: block;
float: left;
}

.breadcrumb-title {
font-size: 11px;
font-weight: normal;
}

.breadcrumb-arrow {
float: left;
margin: 0 10px;
}

/*引用*/
.article-body-single blockquote{
        border: 1px solid #cccccc;
	padding: 10px;
	background: #f5f5f5;
}

/* ブログロール*/
.rss-blogroll {
height: 280px;
overflow: auto;
border: 1px solid #ddd;
}

.blogroll-channel-wrapper {
width: 362.5px;
float: left;
height: 270px;
overflow: auto;
}

.blogroll-channel-left {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
}

.blogroll-channel-right {
border: 1px solid #ddd;
}

.blogroll-channel {
padding: 0 10px 10px;
}

.blogroll-channel .blogroll-list-wrap {
margin-bottom: 15px;
}

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

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

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

.article-rss .blogroll-channel {
padding: 0;
}

.article-rss .blogroll-channel .blogroll-list {
font-size: 15px;
border-bottom: 1px dotted #ddd;
}

.rss-blogroll2 {
height: 180px;
overflow: auto;
border: 1px solid #ddd;
}

.rss-blogroll3 {
height: 440px;
overflow: auto;
border: 1px solid #ddd;
}

.rss-blogroll4 {
border: 1px solid #ddd;
height: 211px;
overflow: hidden;
}

.rss-blogroll4 .blogroll-channel .blogroll-list:nth-child(2n) {
background: #f9f9f9;
}

.rss-blogroll4 .blogroll-channel .blogroll-list {
font-size: 15px;
}

.article-rss {
height: 600px;
overflow: hidden;
}

/* 記事 */
.article-2column {
float: left;
width: 332px;
border: 1px solid #ddd;
position: relative;
margin-bottom: 20px;
padding: 10px;
}

.article-left {
margin-right: 20px;
}

.article {
clear: both;
display: table;
width: 100%;
border: 1px solid #ddd;
margin-bottom: 20px;
position: relative;
}

.article-single {
border: 1px solid #ddd;
padding: 10px;
position: relative;
margin-bottom: 20px;
}

.article-info {
margin-bottom: 20px;
}

.article-body-single {
margin: 30px 0;
}

.article-2column-img-wrapper {
width: 332px;
height: 220px;
margin-bottom: 10px;
}

.article-img-wrapper {
width: 270px;
height: 180px;
display: table-cell;
padding: 10px;
}

.article-img-a {
display: block;
overflow: hidden;
}

.article-2column-img {
width: 332px;
height: 220px;
-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-img {
width: 270px;
height: 180px;
-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-img-a:hover .article-2column-img,
.article-img-a:hover .article-img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
opacity: 0.6;
}

.article-text-wrapper {
display: table-cell;
vertical-align: top;
padding: 10px 10px 10px 0;
position: relative;
}

.article-title {
font-size: 20px;
font-weight: bold;
line-height: 1.3;
color: #221e1f;
}

.article-2column-title {
height: 69px;
overflow: hidden;
margin-bottom: 18px;
font-size: 18px;
font-weight: bold;
line-height: 1.3;
color: #221e1f;
}

.article-title-single {
padding-right: 40px;
margin: 10px 0 15px;
font-size: 25px;
font-weight: bold;
line-height: 1.3;
color: #221e1f;
}

.article-category-outer {
}

.article-category-outer > li {
float: left;
margin: 0 5px 5px 0;
}

.article-category-outer-single {
float: left;
}

.article-category-outer-single > li {
float: left;
margin: 0 5px 5px 0;
}

.category {
display: inline-block;
background: #ac3939;
padding: 6px 11px;
font-weight: normal;
font-size: 12px;
color: #fff;
border: 1px solid #ac3939;
line-height: 1;
}

.category:hover {
color: #fff;
background: #c65353;
border: 1px solid #c65353;
}

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

.article-date-outer {
font-size: 12px;
line-height: 1;
font-weight: normal;
position: absolute;
bottom: 10px;
right: 10px;
}

.article-date-outer i {
margin-right: 3px;
}

.article-date-outer-single {
font-size: 15px;
line-height: 1;
font-weight: normal;
margin-bottom: 10px;
}

.article-date-outer-single i {
margin-right: 3px;
}

.article-tag-outer {
margin-right: 5px;
}

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

.article-tag-outer a {
font-size: 12px;
font-weight: normal;
display: block;
padding: 6px 11px;
background: #fff;
border: 1px solid #ddd;
line-height: 1;
}

.article-tag-outer a:hover {
color: #454C56;
background: #f5f5f5;
}

.article-tag-outer a:before {
font-family: FontAwesome;
content: "\f02b";
margin-right: 3px;
color: #c65353;
}

.article-tag-outer a:hover {
} 

body.default_2008 dl.article-tags {
height: inherit;
background: none;
padding: 0;
min-height: inherit;
line-height: inherit;
display: inline-block;
}

dl.article-tags dt {
text-indent: -9999px;
height: 0px;
display: block;
}

body.default_2008 dl.article-tags dd {
margin: 0 5px 0 0;
display: block;
float: left;
}

.article-comment-outer {
position: absolute;
top: 20px;
left: -10px;
z-index: 100;
}

.article-comment-outer-single {
position: absolute;
top: 50px;
right: -10px;
}

.article-comment-outer:before {
content: " ";
position: absolute;
bottom: -10px;
left: 0;
border: 5px solid transparent;
border-top-color: #993333;
border-right-color: #993333;
}

.article-comment-outer-single:after {
content: " ";
position: absolute;
bottom: -10px;
right: 0;
border: 5px solid transparent;
border-top-color: #993333;
border-left-color: #993333;
}

.article-comment-outer > a {
color: #fff;
display: block;
background: #993333;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(left, #993333 0%, #bf4040 16%, #bf4040 26%, #ac3939 48%, #993333 99%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#993333), color-stop(16%,#bf4040), color-stop(26%,#bf4040), color-stop(48%,#ac3939), color-stop(99%,#993333));
background: -webkit-linear-gradient(left, #993333 0%,#bf4040 16%,#bf4040 26%,#ac3939 48%,#993333 99%);
background: -o-linear-gradient(left, #993333 0%,#bf4040 16%,#bf4040 26%,#ac3939 48%,#993333 99%);
background: -ms-linear-gradient(left, #993333 0%,#bf4040 16%,#bf4040 26%,#ac3939 48%,#993333 99%);
background: linear-gradient(to right, #993333 0%,#bf4040 16%,#bf4040 26%,#ac3939 48%,#993333 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#993333', endColorstr='#993333',GradientType=1 );
width: 50px;
height: 40px;
line-height: 40px;
text-align: center;
border-radius: 0 50px 50px 0;
-webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.4), 0px 2px 0px rgba(255,255,255,0.2) inset, 0px -2px 0px rgba(255,255,255,0.2) inset;
-moz-box-shadow: 1px 2px 2px rgba(0,0,0,0.4), 0px 2px 0px rgba(255,255,255,0.2) inset, 0px -2px 0px rgba(255,255,255,0.2) inset;
box-shadow: 1px 2px 2px rgba(0,0,0,0.4), 0px 2px 0px rgba(255,255,255,0.2) inset, 0px -2px 0px rgba(255,255,255,0.2) inset;
position: relative;
}

.article-comment-outer > a:hover {
text-shadow: 0 0 10px #fff, 0 0 10px #fff;
}

.article-comment-outer > a > i {
position: absolute;
left: 8px;
top: 1px;
font-size: 12px;
-webkit-transform: scaleX(-1);
-o-transform: scaleX(-1);
-moz-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}

.article-comment-outer-single > a {
color: #fff;
display: block;
background: #993333;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(left, #993333 0%, #bf4040 16%, #bf4040 26%, #ac3939 48%, #993333 99%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#993333), color-stop(16%,#bf4040), color-stop(26%,#bf4040), color-stop(48%,#ac3939), color-stop(99%,#993333));
background: -webkit-linear-gradient(left, #993333 0%,#bf4040 16%,#bf4040 26%,#ac3939 48%,#993333 99%);
background: -o-linear-gradient(left, #993333 0%,#bf4040 16%,#bf4040 26%,#ac3939 48%,#993333 99%);
background: -ms-linear-gradient(left, #993333 0%,#bf4040 16%,#bf4040 26%,#ac3939 48%,#993333 99%);
background: linear-gradient(to right, #993333 0%,#bf4040 16%,#bf4040 26%,#ac3939 48%,#993333 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#993333', endColorstr='#993333',GradientType=1 );
width: 50px;
height: 40px;
line-height: 40px;
text-align: center;
border-radius: 50px 0 0 50px;
-webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.4), 0px 2px 0px rgba(255,255,255,0.2) inset, 0px -2px 0px rgba(255,255,255,0.2) inset;
-moz-box-shadow: 1px 2px 2px rgba(0,0,0,0.4), 0px 2px 0px rgba(255,255,255,0.2) inset, 0px -2px 0px rgba(255,255,255,0.2) inset;
box-shadow: 1px 2px 2px rgba(0,0,0,0.4), 0px 2px 0px rgba(255,255,255,0.2) inset, 0px -2px 0px rgba(255,255,255,0.2) inset;
position: relative;
}

.article-comment-outer-single > a > i {
position: absolute;
right: 8px;
top: 1px;
font-size: 12px;
}

.article-comment-outer-single > a:hover {
text-shadow: 0 0 10px #fff, 0 0 10px #fff;
}

/* 個別記事 */
#article_single {
border-bottom: none;
}

/* ソーシャルボタン */
.twitter-btn {
border: 1px solid #0387BD;
background: #86c8d8;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg2YzhkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDdmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #86c8d8 0%, #007fef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#86c8d8), color-stop(100%,#007fef));
background: -webkit-linear-gradient(top,  #86c8d8 0%,#007fef 100%);
background: -o-linear-gradient(top,  #86c8d8 0%,#007fef 100%);
background: -ms-linear-gradient(top,  #86c8d8 0%,#007fef 100%);
background: linear-gradient(to bottom,  #86c8d8 0%,#007fef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86c8d8', endColorstr='#007fef',GradientType=0 );
-webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.1), 0px 1px 0px rgba(255,255,255,0.4) inset, 0px -1px 0px rgba(255,255,255,0.5) inset;
-moz-box-shadow: 0 0 5px 1px rgba(0,0,0,0.1), 0px 1px 0px rgba(255,255,255,0.4) inset, 0px -1px 0px rgba(255,255,255,0.5) inset;
box-shadow: 0 0 5px 1px rgba(0,0,0,0.1), 0px 1px 0px rgba(255,255,255,0.4) inset, 0px -1px 0px rgba(255,255,255,0.5) inset;
}

.facebook-btn {
border: 1px solid #3D6197;
background: #87a6bf;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg3YTZiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0Nzc2YmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #87a6bf 0%, #4776bc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87a6bf), color-stop(100%,#4776bc));
background: -webkit-linear-gradient(top,  #87a6bf 0%,#4776bc 100%);
background: -o-linear-gradient(top,  #87a6bf 0%,#4776bc 100%);
background: -ms-linear-gradient(top,  #87a6bf 0%,#4776bc 100%);
background: linear-gradient(to bottom,  #87a6bf 0%,#4776bc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87a6bf', endColorstr='#4776bc',GradientType=0 );
-webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.1), 0px 1px 0px rgba(255,255,255,0.4) inset, 0px -1px 0px rgba(255,255,255,0.5) inset;
-moz-box-shadow: 0 0 5px 1px rgba(0,0,0,0.1), 0px 1px 0px rgba(255,255,255,0.4) inset, 0px -1px 0px rgba(255,255,255,0.5) inset;
box-shadow: 0 0 5px 1px rgba(0,0,0,0.1), 0px 1px 0px rgba(255,255,255,0.4) inset, 0px -1px 0px rgba(255,255,255,0.5) inset;
}

.hatebu-btn {
border: 1px solid #006BA6;
background: #38b9ff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM4YjlmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDhmZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #38b9ff 0%, #008fde 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#38b9ff), color-stop(100%,#008fde));
background: -webkit-linear-gradient(top,  #38b9ff 0%,#008fde 100%);
background: -o-linear-gradient(top,  #38b9ff 0%,#008fde 100%);
background: -ms-linear-gradient(top,  #38b9ff 0%,#008fde 100%);
background: linear-gradient(to bottom,  #38b9ff 0%,#008fde 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38b9ff', endColorstr='#008fde',GradientType=0 );
-webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.1), 0px 1px 0px rgba(255,255,255,0.4) inset, 0px -1px 0px rgba(255,255,255,0.5) inset;
-moz-box-shadow: 0 0 5px 1px rgba(0,0,0,0.1), 0px 1px 0px rgba(255,255,255,0.4) inset, 0px -1px 0px rgba(255,255,255,0.5) inset;
box-shadow: 0 0 5px 1px rgba(0,0,0,0.1), 0px 1px 0px rgba(255,255,255,0.4) inset, 0px -1px 0px rgba(255,255,255,0.5) inset;
}

.hatebu-icon {
font-family: Verdana;
font-weight: bold;
position: relative;
top: -1px;
}

.hatebu-chara {
position: relative;
top: -1px;
}

.gplus-btn {
border: 1px solid #AE3729;
background: #e87b6f;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4N2I2ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYjRhMzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #e87b6f 0%, #db4a39 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e87b6f), color-stop(100%,#db4a39));
background: -webkit-linear-gradient(top,  #e87b6f 0%,#db4a39 100%);
background: -o-linear-gradient(top,  #e87b6f 0%,#db4a39 100%);
background: -ms-linear-gradient(top,  #e87b6f 0%,#db4a39 100%);
background: linear-gradient(to bottom,  #e87b6f 0%,#db4a39 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e87b6f', endColorstr='#db4a39',GradientType=0 );
-webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.1), 0px 1px 0px rgba(255,255,255,0.4) inset, 0px -1px 0px rgba(255,255,255,0.5) inset;
-moz-box-shadow: 0 0 5px 1px rgba(0,0,0,0.1), 0px 1px 0px rgba(255,255,255,0.4) inset, 0px -1px 0px rgba(255,255,255,0.5) inset;
box-shadow: 0 0 5px 1px rgba(0,0,0,0.1), 0px 1px 0px rgba(255,255,255,0.4) inset, 0px -1px 0px rgba(255,255,255,0.5) inset;
}

.home-btn {
border: 1px solid #ac3939;
background: #bf4040;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4N2I2ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYjRhMzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #bf4040 0%, #993333 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bf4040), color-stop(100%,#993333));
background: -webkit-linear-gradient(top,  #bf4040 0%,#993333 100%);
background: -o-linear-gradient(top,  #bf4040 0%,#993333 100%);
background: -ms-linear-gradient(top,  #bf4040 0%,#993333 100%);
background: linear-gradient(to bottom,  #bf4040 0%,#993333 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf4040', endColorstr='#993333',GradientType=0 );
-webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.1), 0px 1px 0px rgba(255,255,255,0.4) inset, 0px -1px 0px rgba(255,255,255,0.5) inset;
-moz-box-shadow: 0 0 5px 1px rgba(0,0,0,0.1), 0px 1px 0px rgba(255,255,255,0.4) inset, 0px -1px 0px rgba(255,255,255,0.5) inset;
box-shadow: 0 0 5px 1px rgba(0,0,0,0.1), 0px 1px 0px rgba(255,255,255,0.4) inset, 0px -1px 0px rgba(255,255,255,0.5) inset;
}

.share-btn {
margin: 0 -10px;
padding: 10px 10px 10px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background: #f9f9f9;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #f9f9f9 0%, #efefef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#efefef));
background: -webkit-linear-gradient(top, #f9f9f9 0%,#efefef 100%);
background: -o-linear-gradient(top, #f9f9f9 0%,#efefef 100%);
background: -ms-linear-gradient(top, #f9f9f9 0%,#efefef 100%);
background: linear-gradient(to bottom, #f9f9f9 0%,#efefef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#efefef',GradientType=0 );
-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px -1px 0px rgba(255,255,255,1) inset;
-moz-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px -1px 0px rgba(255,255,255,1) inset;
box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px -1px 0px rgba(255,255,255,1) inset;
}

.share-btn > li {
float: left;
margin-right: 1%;
width: 32.5%;
}

.share-btn > li:last-child {
margin-right: 0;
}

.share-btn > li a {
color: #fff;
font-weight: normal;
display: block;
height: 40px;
line-height: 40px;
text-align: center;
}

.share-btn-icon {
margin-right: 7px;
}

.share-btn-fixed {
position: fixed;
top: 55px;
left: auto;
margin-left: -93px;
border-right: 1px solid #fff;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
padding: 10px;
background: #fff;
-webkit-box-shadow:  -1px -1px 1px 0 rgba(0,0,0,.1);
-moz-box-shadow: -1px -1px 1px 0 rgba(0,0,0,.1);
box-shadow: -1px -1px 1px 0 rgba(0,0,0,.1);
display: none;
}

.share-btn-fixed > li {
margin-bottom: 10px;
}

.share-btn-fixed > li > a {
color: #fff;
display: block;
font-weight: normal;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 20px;
text-shadow: -1px -1px 2px #333;
}

.share-btn-fixed > li > a:hover {
text-shadow: 0 0 10px #fff, 0 0 10px #fff;
}

.hatebu-icon-fixed {
font-family: Verdana;
font-weight: bold;
font-size: 23px;
}

.follow-btn > li {
float: left;
margin: 0 5px 5px 0;
}

.follow-btn > li:nth-child(4n) {
margin-right: 0;
}

.follow-btn > li > a:hover {
color: #fff;
text-shadow: 0 0 10px #fff, 0 0 10px #fff;
}

.follow-tw,
.follow-fb,
.follow-gp {
width: 87px;
height: 43px;
line-height: 43px;
display: block;
border-radius: 3px;
text-align: center;
color: #fff;
}

.follow-tw {
border: 1px solid #0387BD;
background: #64c3db;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY0YzNkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwOWNlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #64c3db 0%, #009ce5 50%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#64c3db), color-stop(50%,#009ce5));
background: -webkit-linear-gradient(top,  #64c3db 0%,#009ce5 50%);
background: -o-linear-gradient(top,  #64c3db 0%,#009ce5 50%);
background: -ms-linear-gradient(top,  #64c3db 0%,#009ce5 50%);
background: linear-gradient(to bottom,  #64c3db 0%,#009ce5 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64c3db', endColorstr='#009ce5',GradientType=0 );
}

.follow-fb {
border: 1px solid #3D6197;
background: #8097ba;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgwOTdiYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzUwN2NiZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #8097ba 0%, #507cbe 50%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8097ba), color-stop(50%,#507cbe));
background: -webkit-linear-gradient(top,  #8097ba 0%,#507cbe 50%);
background: -o-linear-gradient(top,  #8097ba 0%,#507cbe 50%);
background: -ms-linear-gradient(top,  #8097ba 0%,#507cbe 50%);
background: linear-gradient(to bottom,  #8097ba 0%,#507cbe 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8097ba', endColorstr='#507cbe',GradientType=0 );
}

.follow-gp {
border: 1px solid #9E2F24;
background: #c66259;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M2NjI1OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2NiNDQzNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #c66259 0%, #cb4437 50%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c66259), color-stop(50%,#cb4437));
background: -webkit-linear-gradient(top,  #c66259 0%,#cb4437 50%);
background: -o-linear-gradient(top,  #c66259 0%,#cb4437 50%);
background: -ms-linear-gradient(top,  #c66259 0%,#cb4437 50%);
background: linear-gradient(to bottom,  #c66259 0%,#cb4437 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c66259', endColorstr='#cb4437',GradientType=0 );
}

.follow-btn > li > a > i {
line-height: 43px;
}

/* 画像付き固定リンク */
.image-link {
width: 696px;
margin: 0 auto;
}

.image-link > a {
display: block;
float: left;
width: 218px;
margin: 5px;
border: 2px solid #bf4040;
position: relative;
overflow: hidden;
}

.image-link-image,
.image-link-image > img {
width: 218px;
height: 150px;
-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;
}

.image-link > a:hover .image-link-image > img {
opacity: 0.6;
}

.image-link-title {
position: absolute;
bottom: 0;
height: 37px;
padding: 2px;
line-height: 1.3;
background: rgba(226,75,71,0.85);
color: #fff;
font-size: 15px;
font-weight: normal;
font-family: none;
-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;
}

.image-link > a:hover:hover  .image-link-title {
background: rgba(226,75,71,1);
}

.sub-image-link {
display: block;
width: 300px;
height: 150px;
position: relative;
margin-bottom: 5px;
overflow: hidden;
}

.sub-image-link-image,
.sub-image-link-image > img {
width: 300px;
height: 150px;
-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;
}

.sub-image-link:hover .sub-image-link-image > img {
opacity: 0.6;
}

.sub-image-link-title {
position: absolute;
bottom: 0;
height: 41px;
padding: 5px 8px 8px;
line-height: 1.6;
background: rgba(255,20,147,0.7);
color: #fff;
font-size: 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;
}

.sub-image-link:hover .image-link-title {
background: rgba(255,20,147,1);
}

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

.related-articles h3 {
font-size: 18px;
font-weight: bold;
background: url(http://livedoor.blogimg.jp/heroicch/imgs/e/0/e0aa0707.png) left bottom no-repeat;
color: #221e1f;
padding-bottom: 10px;
margin-bottom: 10px;
}

#article-options {
}

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

.related-articles ul li{
padding: 0px 0;
border-bottom: 1px dotted #ddd;
}

.related-articles ul li:first-child {
padding-top: 0;
}

.related-articles ul li a {
font-weight: normal;
line-height: 1.3;
}


/* コメント一覧 */
.comments-title {
font-size: 18px;
font-weight: bold;
background: url(http://livedoor.blogimg.jp/heroicch/imgs/e/0/e0aa0707.png) left bottom no-repeat;
color: #221e1f;
padding-bottom: 10px;
margin-bottom: 10px;
}

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

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

.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 0px 20px 16px;
color: #2C3036;
line-height: 1.3;
}


/* コメント投稿 */

.comment-form-author {
position: relative;
margin-bottom: 10px;
height: 32px;
}

.comment-form-author label,
.comment-form-body label {
text-indent: -9999px;
height: 0px;
display: block;
}

.comment-form-author dt,
.comment-form-body dt {
position: absolute;
width: 38px;
background: #f9f9f9;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #f9f9f9 0%, #efefef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#efefef));
background: -webkit-linear-gradient(top, #f9f9f9 0%,#efefef 100%);
background: -o-linear-gradient(top, #f9f9f9 0%,#efefef 100%);
background: -ms-linear-gradient(top, #f9f9f9 0%,#efefef 100%);
background: linear-gradient(to bottom, #f9f9f9 0%,#efefef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#efefef',GradientType=0 );
-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px -1px 0px rgba(255,255,255,1) inset;
-moz-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px -1px 0px rgba(255,255,255,1) inset;
box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px -1px 0px rgba(255,255,255,1) inset;
text-align: center;
z-index: 10;
border: 1px solid #ddd;
color: #4a79a7;
}

.comment-form-author dt {
height: 31px;
line-height: 31px;
}

.comment-form-body dt {
height: 178px;
line-height: 178px;
}

.comment-form-author dt:before {
content: "\f007";
font-family: FontAwesome;
}

.comment-form-body dt:before {
content: "\f040";
font-family: FontAwesome;
}

#comment-author-form {
position: absolute;
}

.comment-form-body {
position: relative;
}

#comment-form input,
#comment-form textarea {
padding: 7px 7px 7px 46px !important;
border: 1px solid #ddd;
outline: none;
font-size: 15px;
}

#comment-form input {
width: 250px;
}

#comment-form textarea {
display: block;
width: 400px;
height: 180px;
line-height: 1.4;
margin-bottom: 10px;
}

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

#comment-form-tools button[type="submit"] {
border: 1px solid #bf4040;
color: #fff;
font-weight: bold;
outline: none;
padding: 10px 50px;
font-size: 15px;
background: #c65353;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, #c65353 0%, #bf4040 60%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c65353), color-stop(60%,#bf4040));
background: -webkit-linear-gradient(top, #c65353 0%,#bf4040 60%);
background: -o-linear-gradient(top, #c65353 0%,#bf4040 60%);
background: -ms-linear-gradient(top, #c65353 0%,#bf4040 60%);
background: linear-gradient(to bottom, #c65353 0%,#bf4040 60%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c65353', endColorstr='#bf4040',GradientType=0 );
-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.2) inset, 0px -1px 0px rgba(255,255,255,0.4) inset;
-moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.2) inset, 0px -1px 0px rgba(255,255,255,0.4) inset;
box-shadow: 0px 1px 0px rgba(255,255,255,0.2) inset, 0px -1px 0px rgba(255,255,255,0.4) inset;
margin: 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;
}

#comment-form-tools button[type="submit"]:hover {
text-shadow: 0 0 10px #fff, 0 0 10px #fff;
}

.submit {
display: block;
}

#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 {
display: block;
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
padding: 0;
}

.comments_label {
position: relative;
}

.sub .sidewrapper {
padding: 20px 0 20px 20px;
background: url(http://livedoor.blogimg.jp/heroicch/imgs/0/e/0e959c93.png) left bottom no-repeat;
}

.sub .sidetitlebody {
margin-left: -20px;
border-left: 2px solid #862d2d;
padding-left: 18px;
}

.sub .sidetitle {
font-weight: bold;
margin-bottom: 20px;
font-size: 16px;
text-shadow: 1px 1px 0 #fff;
color: #221e1f;
}

.sidetop,
.sidebottom {
display: none;
}

.sub .side {
}

.sub .sidebody {
margin-bottom: 10px;
}


.sub .sidebody a {
font-weight: normal;
font-size: 14px;
text-shadow: 1px 1px 0 #fff;
}

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

.sub ul.recent-article-image li {
padding: 0;
display: table;
width: 100%;
margin-bottom: 5px;
line-height: 1.3;
}

.sub ul.recent-article-image li:last-child {
margin-bottom: 0;
}

ul.recent-article-image > li > a {
display: block;
font-size: 13px;
font-weight: normal;
text-shadow: 1px 1px 0 #fff;
}

.sub ul.recent-article-image > li > a:first-child {
display: table-cell;
border: 1px solid #ddd;
padding: 5px;
background: #fff;
width: 80px;
height: 80px;
}

.sub ul.recent-article-image > li > a:nth-child(2) {
display: table-cell;
vertical-align: top;
padding: 0 0 0 5px;
}

/* 人気記事 */
.popular-area {
margin-bottom: 20px;
}

.popular-area div.popularArticlesWithImage.A{
margin: 0;
}

.popular-area div.popularArticlesWithImage.A ul li a {
border: none;
width: 181.25px !important;
}

.popular-area div.popularArticlesWithImage.A ul li a:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
filter: alpha(opacity=0);
opacity: 0;
-moz-opacity: 0;
background: rgba(0,0,0,.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;
z-index: 10;
}

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

.popular-area div.popularArticlesWithImage.A ul li a:hover:before {
filter: alpha(opacity=100);
opacity: 100;
-moz-opacity: 100;
}

.popular-area div.popularArticlesWithImage.A ul li {
float: left;
display: block;
float: left;
display: block;
margin: 0 1px 1px 0;
}

.popular-area div.popularArticlesWithImage.A ul li:nth-child(4n) {
margin-right: 0;
}

.popular-area div.popularArticlesWithImage.A li div.image img {
width: 181.25px !important;
}

.popular-area div.popularArticlesWithImage.A div.title {
background: none !important;
filter: alpha(opacity=100);
opacity: 1;
-moz-opacity: 1;
padding: 10px;
width: 161.25px !important;
height: 29px;
font-size: 14px;
line-height: 1.3;
z-index: 15;
-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;
}

.popular-area div.popularArticlesWithImage.A ul li a:hover div.title {
height: 46px;
}

.sub div.popularArticlesWithImage.B ul {
counter-reset: wpp-ranking;
}

.sub div.popularArticlesWithImage.B ul li:last-child {
border-bottom: none;
}

.sub div.popularArticlesWithImage.B ul li {
margin-bottom: 5px;
}

.sub div.popularArticlesWithImage.B ul li:last-child {
border-bottom: none;
}

.sub div.popularArticlesWithImage.B ul li a {
display: table;
width: 100%;
}

.sub div.popularArticlesWithImage.B ul li a:before {
color: #fff;
content: counter(wpp-ranking, decimal);
counter-increment: wpp-ranking;
text-align: center;
line-height: 20px;
width: 20px;
height: 20px;
background: #bf4040;
position: absolute;
font-size: 12px;
top: -2px;
left: -5px;
box-shadow: 3px 3px 0 #bbb;
}

.sub div.popularArticlesWithImage.B div.image {
display: table-cell;
border: 1px solid #ddd;
padding: 5px;
background: #fff;
width: 80px;
height: 80px;
margin: 0;
float: none;
}

.sub div.popularArticlesWithImage.B div.title{
display: table-cell;
vertical-align: top;
padding: 0 0 0 5px;
margin-bottom: 0;
font-size: 13px;
font-weight: normal;
text-shadow: 1px 1px 0 #fff;
line-height: 1.3;
}

div.popularArticlesWithImage.B div.comment,
div.popularArticlesWithImage.B div.retweet,
div.popularArticlesWithImage.B div.pv {
background: none !important;
color: #454C56;
border-radius: 0;
text-shadow: none;
padding: 15px 0 0 0;
margin-bottom: 0;
font-size: 11px;
}

div.popularArticlesWithImage.B div.pv:before {
content: "\f06e";
font-family: 'FontAwesome', sans-serif;
margin-right: 5px;
}

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

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

.side ul.tagcloud li a {
font-size: 12px;
font-weight: normal;
display: block;
padding: 6px 11px;
background: #fff;
border: 1px solid #ddd;
line-height: 1;
}

.side ul.tagcloud li a:before {
font-family: FontAwesome;
content: "\f02b";
margin-right: 3px;
color: #c65353;
}

.side ul.tagcloud li a:hover {
color: #454C56;
background: #f5f5f5;
}

.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: 14px;
}

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

.ad-iframe {
margin: 0 !important;
}

.ad-2column {
width: 702px;
margin: 5px auto 30px;
}

.ad-2column-item {
float: left;
margin-right: 30px;
}

.ad-2column-item:last-child {
margin-right: 0;
}

.ad2title{
margin-top: 30px;
}

/* フッター */
.footer {
overflow: hidden;
background: #333;
}

.footer-inner {
padding: 20px 0;
}

.footer-parts {
width: 257px;
float: left;
margin-right: 20px;
}

.footer-parts:last-child {
margin-right: 0;
}

.footer-parts > a {
font-size: 14px;
color: #999;
font-weight: normal;
display: block;
margin-bottom: 10px;
}

.footer-parts > a:hover {
color: #ddd;
}

.footer-copyright {
border-top: 1px solid #444;
padding: 20px 0;
}

.copyright {
color: #ddd;
text-align: center;
}


#extra {
}

ul#ld-services {
padding: 0;
}

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

/* トップへ戻るボタン */

.back-to-top {
position: fixed;
left: auto;
bottom: 20px;
margin-left: 1098px;
display: none;
}

.back-to-top > a {
width: 35px;
height: 35px;
line-height: 35px;
font-size: 20px;
text-align: center;
color: #fff;
display: block;
font-weight: normal;
background: #5b5b5b;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzViNWI1YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzMzMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #5b5b5b 0%, #333333 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b5b5b), color-stop(100%,#333333));
background: -webkit-linear-gradient(top,  #5b5b5b 0%,#333333 100%);
background: -o-linear-gradient(top,  #5b5b5b 0%,#333333 100%);
background: -ms-linear-gradient(top,  #5b5b5b 0%,#333333 100%);
background: linear-gradient(to bottom,  #5b5b5b 0%,#333333 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5b5b', endColorstr='#333333',GradientType=0 );
-webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.2) inset, 0px -1px 0px rgba(255,255,255,0.2) inset;
-moz-box-shadow: 0 0 5px 1px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.2) inset, 0px -1px 0px rgba(255,255,255,0.2) inset;
box-shadow: 0 0 5px 1px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.2) inset, 0px -1px 0px rgba(255,255,255,0.2) inset;
border: 1px solid #333;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
text-shadow: -1px -1px 2px #000000;
}

.back-to-top > a:hover {
color: #fff;
background: #bc4f4d;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JjNGY0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMTMxMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #bc4f4d 0%, #c1312d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bc4f4d), color-stop(100%,#c1312d));
background: -webkit-linear-gradient(top,  #bc4f4d 0%,#c1312d 100%);
background: -o-linear-gradient(top,  #bc4f4d 0%,#c1312d 100%);
background: -ms-linear-gradient(top,  #bc4f4d 0%,#c1312d 100%);
background: linear-gradient(to bottom,  #bc4f4d 0%,#c1312d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc4f4d', endColorstr='#c1312d',GradientType=0 );
border: 1px solid #C1312D;
text-shadow: -1px -1px 2px #460B0A;
}

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

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

ul.index-navigator {
border-left: 1px solid #ddd;
}

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

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-weight: normal;
display: block;
width: 40px;
height: 37px;
line-height: 37px;
text-align: center;
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background: #ac3939;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmMzkzOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iI2VmMzkzOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZDI5MjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ac3939 0%, #ac3939 35%, #862d2d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ac3939), color-stop(35%,#ac3939), color-stop(100%,#862d2d));
background: -webkit-linear-gradient(top, #ac3939 0%,#ac3939 35%,#862d2d 100%);
background: -o-linear-gradient(top, #ac3939 0%,#ac3939 35%,#862d2d 100%);
background: -ms-linear-gradient(top, #ac3939 0%,#ac3939 35%,#862d2d 100%);
background: linear-gradient(to bottom, #ac3939 0%,#ac3939 35%,#862d2d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ac3939', endColorstr='#862d2d',GradientType=0 );
-webkit-box-shadow: 0px 2px 0px rgba(255,255,255,0.3) inset, 0px -2px 0px rgba(255,255,255,0.3) inset;
-moz-box-shadow: 0px 2px 0px rgba(255,255,255,0.3) inset, 0px -2px 0px rgba(255,255,255,0.3) inset;
box-shadow: 0px 2px 0px rgba(255,255,255,0.3) inset, 0px -2px 0px rgba(255,255,255,0.3) inset;
color: #fff;
}

ul.index-navigator li a {
margin: 0;
display: inline-block;
width: 40px;
height: 37px;
line-height: 37px;
text-align: center;
margin: 0;
padding: 0;
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background: #f9f9f9;
}

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

ul.index-navigator li a:hover {
background: #ac3939;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmMzkzOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iI2VmMzkzOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZDI5MjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ac3939 0%, #ac3939 35%, #862d2d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ac3939), color-stop(35%,#ac3939), color-stop(100%,#862d2d));
background: -webkit-linear-gradient(top, #ac3939 0%,#ac3939 35%,#862d2d 100%);
background: -o-linear-gradient(top, #ac3939 0%,#ac3939 35%,#862d2d 100%);
background: -ms-linear-gradient(top, #ac3939 0%,#ac3939 35%,#862d2d 100%);
background: linear-gradient(to bottom, #ac3939 0%,#ac3939 35%,#862d2d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ac3939', endColorstr='#862d2d',GradientType=0 );
-webkit-box-shadow: 0px 2px 0px rgba(255,255,255,0.3) inset, 0px -2px 0px rgba(255,255,255,0.3) inset;
-moz-box-shadow: 0px 2px 0px rgba(255,255,255,0.3) inset, 0px -2px 0px rgba(255,255,255,0.3) inset;
box-shadow: 0px 2px 0px rgba(255,255,255,0.3) inset, 0px -2px 0px rgba(255,255,255,0.3) inset;
color: #fff;
}

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

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

.paging-next > a {
border-left: 1px solid #ddd;
}

/* 個別記事ページャー */
.single-pager{
}

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

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

.article-pager .next a {
}

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

/* =============================================== */
/** 10. Others - ADエリア etc. */
/* ----------------------------------------------- */
/** ADエリア */

div#ad {
overflow: hidden;
text-align: center;
}

div#ad iframe {
margin: 10px auto;
}

div.gAdsense {
padding: 10px 0;
}

body.ad {
background: transparent;
text-align: left;
}

a.adtitle {
color: #0000ff!important;
font-weight: bold;
}

a.adtitle span {
font-size: 14px!important;
}

a.addescription {
color: #000000!important;
}

a.addescription span {
font-size: 13px!important;
}

a.adurl {
color: #1b8d1c!important;
text-decoration: none;
}

a.adurl span {
font-size: 13px!important;
}

a.adld {
color: #666666!important;
text-decoration: underline;
font-size: 110%;
}

div.ads-become a {
color: #0000ff !important;
}

div.ads-become .adsbybecome a {
color: #666666!important;
}


.bg {
background: url(http://livedoor.blogimg.jp/webdev777/imgs/0/c/0c9b0fb4.png) repeat;
position: absolute;
width: 100%;
height: 194px;
top: 55px;
}

.bg2 {
background: url(http://livedoor.blogimg.jp/webdev777/imgs/2/4/24e13273.png) repeat;
position: absolute;
width: 100%;
height: 194px;
top: 55px;
}

.bg3 {
background: url(http://livedoor.blogimg.jp/webdev777/imgs/6/4/64f76677.png) repeat;
position: absolute;
width: 100%;
height: 194px;
top: 55px;
}

.fixed-icon {
position: fixed;
left: auto;
bottom: 50px;
margin-left: 1068px;
display: none;
}

.fixed-icon > a {
width: 40px;
height: 40px;
line-height: 40px;
background: #0290fc;
border-bottom: 3px solid #bf4040;
border-radius: 3px;
font-size: 20px;
text-align: center;
color: #fff;
display: block;
}

.fixed-icon-chat {
margin-top: 5px;
font-weight: normal;
}

.fixed-icon > a:hover {
background: #bf4040;
}

.popular-wrapper {
width: 1058px;
height: 257px;
margin: 0 auto;
position: relative;
}

.loading {
width: 100%;
height: 257px;
text-align: center;
position: absolute;
top: 0;
left: 0;
}

.loading > img {
margin-top: 20px;
}

.carousel-wrapper {
width: 1058px;
height: 220px;
margin: 0 auto;
position:relative;
display: none;
}

.carousel-prev,
.carousel-next {
position: absolute;
z-index: 100;
top: 45.5px;
}

.carousel-prev > span,
.carousel-next > span {
font-size: 18px;
padding: 7px 10px;
background: #0290fc;
border-bottom: 3px solid #bf4040;
border-radius: 3px;
color: #fff;
display: block;
-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;
}

.carousel-prev {
left: 0;
}

.carousel-next {
right: 0;
}

.carousel-prev > span:hover,
.carousel-next > span:hover {
background: #006DBE;
}

.carousel {
width: 100%;
height: 100%;
overflow: hidden;
}

.carousel-wrapper .popularArticlesWithImage.A {
margin: 0;
}

.carousel-wrapper .popularArticlesWithImage.A ul li {
float: left;
width: 199.6px;
display: inline;
margin-bottom: 0;
margin-right: 15px;
}

.carousel-wrapper .popularArticlesWithImage.A ul li a {
border: none;
}

.carousel-wrapper .popularArticlesWithImage.A div.image {
width: 199.6px;
height: 125px;
overflow: hidden;
margin-bottom: 5px;
}

.carousel-wrapper div.popularArticlesWithImage.A li div.image img {
-webkit-transition: 0.8s ease;
-moz-transition: 0.8s ease;
-ms-transition: 0.8s ease;
-o-transition: 0.8s ease;
transition: 0.8s ease;
}

.carousel-wrapper .popularArticlesWithImage.A div.image:hover > img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}

.carousel-wrapper .popularArticlesWithImage.A div.title {
width: 100% !important;
position: static;
height: auto;
background: none !important;
padding: 0;
filter: alpha(opacity=100);
opacity: 1;
-moz-opacity: 1;
color: #454C56 !important;
font-size: 13px;
line-height: 1.6;
-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;
}

.carousel-wrapper .popularArticlesWithImage.A div.title:hover {
color: #0290fc !important;
}

.carousel-wrapper .carousel-inner:after,
.carousel-wrapper .popularArticlesWithImage.A ul:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}


#mypopup {
display: none;
position: absolute;
padding: 7px;
font-size:12px;
background: #FFF9A3;
list-style-type:none;
line-height:1.2;
text-align:left;
max-width:750px;
min-width:250px;
box-shadow: 4px 4px 0px 0px #DEE0D5;;
-moz-box-shadow: 4px 4px 0px 0px #DEE0D5;;
-webkit-box-shadow: 4px 4px 0px 0px #DEE0D5;;
}

#mypopup li.comment-author{
display: inline;
}

#mypopup li.comment-date {
display: inline;
color: gray;
}

#mypopup .comment-reply {
display: none;
}

#mypopup .comment-body {
color: #2C3036;
margin-top: 7px;
}

#acrr8_tangomin table {
border-spacing: 0;
}

#acrr8_tangomin table tr td:first-child {
padding: 5px;
}

#acrr8_tangomin table tr:first-child td {
padding: 0;
}

#acrr8_tangomin table tr:nth-child(2) td:last-child {
color: #fff;
}

#acrr8_tangomin table a:hover {
color: #08090A;
}

/* About */
.about {
padding: 20px 0 15px 20px;
background: url(http://livedoor.blogimg.jp/heroicch/imgs/0/e/0e959c93.png) left bottom no-repeat;
}

.sub-blog-title {
font-size: 30px;
font-weight: bold;
line-height: 1;
margin-bottom: 20px;
text-shadow: 1px 1px 0 #fff;
}

.sub-description {
margin-bottom: 20px;
text-shadow: 1px 1px 0 #fff;
}


.mb20 {
margin: -20px -20px 20px;
}

.mb-20 {
margin-bottom: 20px;
}

.rss1,
.rss2 {
margin-bottom: 20px;
}

.feedly {
width: 105px;
}

/**/
.linkwithin_inner {
width: 100% !important;
}

.linkwithin_text {
padding: 0 0 10px !important;
font-size: 18px;
background: url(http://livedoor.blogimg.jp/heroicch/imgs/e/0/e0aa0707.png) left bottom no-repeat;
color: #221e1f;
margin-bottom: 10px !important;
}

#linkwithin_logo_0 {
padding: 0 !important;
margin: 0!important;
}

/* */
.article-random-content {
width: 696px;
margin: 0 auto;
display: block;
}

/* 人気ページランキング */
.popular-ranking {
width: 726px;
height: 350px;
overflow: auto;
border: 1px solid #ddd;
}

.popular-ranking table {
border-spacing: 0;
}

DIV#acrp11_mind TD {
border-bottom: 1px solid #ddd;
padding: 10px;
background: #fff;
}

DIV#acrp11_mind TR:first-child TD {
background: #c1312d !important;
}

DIV#acrp11_mind A {
font-size: 13px;
font-weight: normal;
}

DIV#acrp11_mind A:hover {
color: #c1312d;
}

.popular-ranking table tr td:first-child {
border-right: 1px solid #ddd;
}

.popular-ranking table tr:first-child td {
border-right: none;
}

.popular-ranking table tr:nth-last-child(2) td {
border-right: none;
}

.popular-ranking table tr:last-child td {
border-right: none;
border-bottom: none !important;
}

/* 追従 */
.scroll-fixed {
position: fixed;
top: 45px;
width: 300px;
}

.static_sns {
position: absolute;
bottom: 30px;
top: auto;
}

/* ピックアップ */
.pick-up {
margin-bottom: 5px;
}

.pick-up > a {
display: table;
width: 100%;
}

.pick-up-image {
display: table-cell;
border: 1px solid #ddd;
padding: 5px;
background: #fff;
width: 80px;
height: 80px;
}

.pick-up-image > img {
width: 80px;
height: 80px;
}

.pick-up-title {
display: table-cell;
vertical-align: top;
padding: 0 0 0 5px;
margin-bottom: 0;
font-size: 13px;
font-weight: normal;
text-shadow: 1px 1px 0 #fff;
line-height: 1.3;
}

.pick-up-title2 {
display: table-cell;
vertical-align: top;
padding: 0 0 0 5px;
margin-bottom: 0;
font-size: 13px;
color: #dc143c;
font-weight: normal;
text-shadow: 1px 1px 0 #fff;
line-height: 1.3;
}

/* 非表示 */
.no_pc {
display: none;
}