@charset "utf-8";
@import url(http://parts.blog.livedoor.jp/css/template_6thgen.css);
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/**
@prefix : <http://purl.org/net/ns/doas#> .
<> a :CSSStylesheet;
 :title "ホワイトプレス";
 :shortdesc "Design Template for livedoor Blog";
 :created "2012-09-28";
 :release [:revision "1.30"; :created "2014-02-19"];
 :page <http://blogdesign.ldblog.jp/archives/18127022.html>;
 :rights "LINE Corporation".
*/

.popular-item {
margin: 0 -5px;
display: none;
}

.popular-item.active {
display: block;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
 u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, section,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    font: inherit;
    vertical-align: baseline;
	list-style:none;
	text-decoration:none;
}
header, nav, article, aside, section, footer {
    display:block;
}
img{
	border:none;}
.clear {
	clear:both;
}
.clearfix {zoom:1;}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    }
html { font-size: 62.5%;
}
body{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',sans-serif;
  word-wrap:break-word;
/*文字サイズ自動調整OFF*/
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
body > div, section {/*chrome fontが大きくなってしまう対策*/
font-size:14px;
font-size:1.4rem;
}
table{word-break: break-all;}

/* リンク設定
------------------------------------------------------------*/
a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-size: 100%;
}
a:link, a:hover, a:active, a:visited {
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-o-transition: opacity 1s;
	outline: none;
	color: #212121;
}
a:visited{
	color: #212121!important;
}
a:hover{
	text-decoration:none!important;
	color:#E12885!important;
	    opacity: 0.7;
}
/* 全体のレイアウト
----------------------------------------------- */
body {
    background: #eee;
	}
#wrapper {
/*    padding-top: 24px;
*/}
#container {
    margin: 0 auto;
    width: 1160px;
}
#content {
    position: relative;
	    margin-top: 30px;
}
#main {
    width: 796px;
}
#sidebar {
    width: 320px;
}

/* サイドバー入れ替え */
body.sidebar-right #main {
    float: left;
}
body.sidebar-right #sidebar {
    float: right;
}
body.sidebar-left #main {
    float: right;
}
body.sidebar-left #sidebar {
    float: left;
}


/* 全体の文字色、リンク色
----------------------------------------------- */
/*body {
    color: #000;
}
a {
    color: #910000;
    text-decoration: none;
}
a:link {
    color: #910000;
    text-decoration: none;
}
a:visited {
    color: #60011a;
}
a:hover {
    text-decoration: underline;
	
}
a:active {
    color: #062576;
}*/


/* ブログのヘッダー、タイトル、説明
----------------------------------------------- */
#blog-header {
	width:1160px;
    position: relative;
	margin:0 auto;
	margin-bottom:0px;
}
#blog-header-inner {
	}
#blog-header-image {
    height: 400px;
    width: 100%;
    background-color: #287cba;
    background-image: -webkit-linear-gradient(#57bef5 0%, #287cba 100%);
    background-image:    -moz-linear-gradient(#57bef5 0%, #287cba 100%);
    background-image:     -ms-linear-gradient(#57bef5 0%, #287cba 100%);
    background-image:      -o-linear-gradient(#57bef5 0%, #287cba 100%);
    background-image:         linear-gradient(#57bef5 0%, #287cba 100%);
}
#blog-title {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4;
    margin: 20px 0;
}
#blog-title a {
    color: #000;
}
#blog-description {
    text-align: right;
    color: #ffffff;
text-shadow:
0 0 15px #666666,
0 0 15px #666666,
0 0 0.40px #666666;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.6;
    margin: 90px 40px 0 0;
}
#blog-description a {
    color: #ffffff;
}

/* かんたんタイトル画像 */
#blog-header.show-image #blog-header-inner {
/*    right: 40px;
	    top: 0;*/
		right:0;
		width:50%;
		height: 240px;
}
#blog-header.show-image #blog-header-inner #blog-title {
    right: 40px;
	    top: 0;
		position:absolute;
}

#blog-header.show-image #blog-header-inner #blog-title a{
	font-size:5.0rem;
color: #fff;
    text-shadow: 2px 2px 3px rgba(14, 0, 0, 0.71);
	font-family: 'Noto Sans Japanese';
	letter-spacing:2px;
}
#blog-header.show-image #blog-header-inner a:visited{
color: #fff!important;
}

#blog-header.show-image #blog-header-inner a:hover{
	color:#FFFEEC;
}
#blog-header.show-image #blog-header-image {
    height: auto;
	vertical-align: bottom;
}
#blog-header.hide-text #blog-header-inner,
#blog-header.hide-text #blog-title,
#blog-header.hide-text #blog-title a {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
}
#blog-header.hide-text #blog-header-image {
    margin: 0;
	
}

#blog-header.hide-text #blog-title a {
    background-color:#fff;
    opacity: 0;
    z-index: 10;
    filter: alpha(opacity = 0);
    -webkit-transition: opacity 0.1s linear;
       -moz-transition: opacity 0.1s linear;
        -ms-transition: opacity 0.1s linear;
         -o-transition: opacity 0.1s linear;
            transition: opacity 0.1s linear;
}
#blog-header.hide-text #blog-title a:hover {
    opacity: 0.15;
}


/* メニューバー
----------------------------------------------- */
.ldb_menu {
    position: relative;
    z-index: 20;
}
.ldb_menu-list {
    position: absolute;
    bottom: 0;
/*    background: url(http://parts.blog.livedoor.jp/img/usr/default_2012/common/opacity_w_60.png);
*/    background: #eee;
    zoom:100%;
    width: 940px;
    margin: 0 auto;
	text-align:center;
}
.ldb_menu-list:after {
    content:".";
    height:0;
    clear:both;
    display:block;
    visibility:hidden;
	
}
.ldb_menu-list li {
    float: none;
    list-style: none;
}
.ldb_menu-list li a{
    padding: 18px;
    line-height: 1.4;
    display: block;
    font-size: 15px;
    color: #333;
    text-decoration: none;
}
.ldb_menu-list .ldb_menu-item-current,
.ldb_menu-list li a:hover{
    background: #dbdbdb;
    background: rgba(204,204,204,0.7);
}


/* メインカラム
----------------------------------------------- */
/* 記事全体 */

.article {
padding: 20px 20px;
    position: relative;
    background: rgba(255,255,255,0.8);
    margin-bottom: 30px;
	box-shadow:rgb(235, 235, 235) 0px 0px 6px 3px;
-webkit-box-shadow:rgb(235, 235, 235) 0px 0px 6px 3px;
-moz-box-shadow:rgb(235, 235, 235) 0px 0px 6px 3px;
border-radius:2px;

	
	}
.article-inner {
}
.article-header,
.article-body {
}
.article-first-image {
    background-color: #f0f0f0;
   width: 210px;
float:left;
height: 150px;
    overflow: hidden;
}
.article-first-image a {
    background-color: #fff;
   text-align: center;
    vertical-align: middle;
}
.article-first-image img{
    width: 210px;
    display: inline;
	  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);

}


.article_R{
	width:100%;
	margin-right:-230px;
	float:right;
}
.article_R_inner{
	margin-right:230px;
	    position: relative;
    height: 150px;

}
.meta{
    position: absolute;
    bottom: 0;
	width:100%;
}
.article.first-article {
    border-top: 0;
}
.article.last-article {
/*    border-bottom: 0;
*/}


/* 最初の4記事 */
body:not(.page-article) .article:nth-of-type(2){
	border:none;
}
body:not(.page-article) .article:nth-of-type(1),
body:not(.page-article) .article:nth-of-type(3),
body:not(.page-article) .article:nth-of-type(2),
body:not(.page-article) .article:nth-of-type(4){
	width:383px;
	height:390px;
	float:left;
	padding: 20px 0px;
	
}
body:not(.page-article) .article:nth-of-type(2),
body:not(.page-article) .article:nth-of-type(4){
	float:right;
}
body:not(.page-article) .article:nth-of-type(5){
	clear:both;
}
body:not(.page-article) .article:nth-of-type(1) .article-inner,
body:not(.page-article) .article:nth-of-type(2) .article-inner,
body:not(.page-article) .article:nth-of-type(3) .article-inner,
body:not(.page-article) .article:nth-of-type(4) .article-inner{
	height:auto;
	width:320px;
	margin:0 auto;
}
body:not(.page-article) .article:nth-of-type(1) .article-header{
}
body:not(.page-article) .article:nth-of-type(1) .article-body{
}
body:not(.page-article) .article:nth-of-type(1) .article-first-image,
body:not(.page-article) .article:nth-of-type(2) .article-first-image,
body:not(.page-article) .article:nth-of-type(3) .article-first-image,
body:not(.page-article) .article:nth-of-type(4) .article-first-image{
	display:block;
	width:100%;
	height:200px;
	float:none;
	
}
body:not(.page-article) .article:nth-of-type(1) .article-first-image a,
body:not(.page-article) .article:nth-of-type(2) .article-first-image a,
body:not(.page-article) .article:nth-of-type(3) .article-first-image a,
body:not(.page-article) .article:nth-of-type(4) .article-first-image a{
	display:block;
	width:100%;
	height:200px;
	overflow:hidden;
	text-align:center;
	
}

body:not(.page-article) .article:nth-of-type(1) .article-first-image img,
body:not(.page-article) .article:nth-of-type(2) .article-first-image img,
body:not(.page-article) .article:nth-of-type(3) .article-first-image img,
body:not(.page-article) .article:nth-of-type(4) .article-first-image img{
	width:100%;
	height:auto;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);

	
}

body:not(.page-article) .article:nth-of-type(1) .article_R,
body:not(.page-article) .article:nth-of-type(2) .article_R,
body:not(.page-article) .article:nth-of-type(3) .article_R,
body:not(.page-article) .article:nth-of-type(4) .article_R{
	float:none;
	margin:0;
	height:auto;
	    margin-top: 10px;
}
body:not(.page-article) .article:nth-of-type(1) .article_R_inner,
body:not(.page-article) .article:nth-of-type(2) .article_R_inner,
body:not(.page-article) .article:nth-of-type(3) .article_R_inner,
body:not(.page-article) .article:nth-of-type(4) .article_R_inner{
	margin:0;
	    height: 130px;
    position: relative;
	
}
body:not(.page-article) .article:nth-of-type(1) .article-title,
body:not(.page-article) .article:nth-of-type(2) .article-title,
body:not(.page-article) .article:nth-of-type(3) .article-title,
body:not(.page-article) .article:nth-of-type(4) .article-title{
	height:72px;
	overflow:hidden;
}
body:not(.page-article) .article:nth-of-type(1) .meta,
body:not(.page-article) .article:nth-of-type(2) .meta,
body:not(.page-article) .article:nth-of-type(3) .meta,
body:not(.page-article) .article:nth-of-type(4) .meta{
    position: absolute;
    bottom: 0;
	}
body:not(.page-article) .article:nth-of-type(1) .article_comment:after,
body:not(.page-article) .article:nth-of-type(2) .article_comment:after,
body:not(.page-article) .article:nth-of-type(3) .article_comment:after,
body:not(.page-article) .article:nth-of-type(4) .article_comment:after{
	border:none;
	
}
/* 記事ヘッダー、記事タイトル */
.article-header {
    margin-bottom: 15px;
    position: relative;
}
.article-title {
    margin-bottom: 5px;
    max-height: 112px;
    overflow: hidden;
}
.article-title a {
    color: #000;
    font-size: 1.6rem;
    font-weight: bold;
}

/* 日付 */
.article-date {
    color: #808080;
    font-size: 12px;
margin-bottom: 10px;
}
/* コメント */
.article_comment {
	position:absolute;
    top: -25px;
    right: 10px;
		width:60px;
	text-align:center;
    font-weight: bold;
}
.article_comment a:hover {
}
.article_comment:after {
    content: "";
    display: block;
    position: absolute;
    border: 2px solid transparent;
    border-left-color: #333333;
    border-bottom-color: #333333;
    top: 0;
    right: -4px;
	
}
.article_comment a{
	display:block;
		background:#137A7F;
	color:#fff;
	font-size:1rem;
	    line-height: 1.2;
		padding:8px 5px;
    border-radius: 2px;

}
.article_comment a:visited{
	color:#fff!important;
}
.article_comment a:hover{
	color:#fff!important;
	opacity:0.7;
}
.article_comment a span{
	font-size:1.8rem;
}
/* 個別記事のみ */
body.page-article .article {
    border: 0;
    margin-bottom: 0;
    padding: 20px 30px;
	}
body.page-article .article-title {
    max-height: none;
}
body.page-article .article-header,
body.page-article .article-body {
    margin-left: 0;
}
body.page-article .article-header {
/*    border-bottom: 1px dashed #999;
*/    padding-bottom: 20px;
}
.page-article .article-title a {
    font-size: 2.0rem;
    padding: 15px 15px;
    background: #C3E5E7;
    display: block;
    color: #333;
	}
/* 個別記事内ソーシャルアイコン */
.page-article .cat_name{
	float:none;
	margin-top:10px;
}
.sns_button_page{
	margin:30px 0;
}
.sns_button_page ul{
	text-align:center;
}
.sns_button_page li {
	display:inline-block;
	width: 150px;
	height: 50px;
	text-align: center;
	margin-right: 10px;
	line-height: 50px;
	border-radius: 2px;
	box-shadow: 1px 1px 0 rgba(0,0,0,0.1);
}
.sns_button_page li a{
	color: #fff!important;
	font-size: 1.4rem;
	display:block;
}

.sns_button_page a:hover {
	opacity: 0.7;
}
.sns_button_page .tw a {
	background: #9CBDD6;
}
.sns_button_page .fb a {
	background: #989FD1;
}
.sns_button_page .ggl a {
	background: #CE9696;
}
.sns_button_page .hateb a {
	background: #9AA9D3;
}


/* 記事フッター、カテゴリ、コメント、ソーシャルボタン */
.article-footer {
    border-bottom: 1px dashed #999;
}
.article-meta {
    padding: 16px 0 32px;
}
.article-social-btn {
    border-bottom: 1px dashed #999;
    top: 1px;
    position: relative;
}

/* 関連記事 */
.article-body .related-articles {
    margin:4em 0;
    line-height:1.3
}
.article-body .related-articles h3 {
    font-size: 14px;
    font-weight: bold;
}
.article-body .related-articles ul {
    list-style: none;
    margin:0;
    padding-left:0;
}
.article-body .related-articles ul li {
    margin:4px 0;
    padding-left: 16px;
}

/* 続きを読む */
.article-continue a {
    color:#333;
}

/* 共通テーマ */
dl.common-theme{
    background: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 8px 12px;
}

/* メッセージボード */
.message-board {
    background-color: #f7f7f7;
    border: 1px solid #e4e7e8;
    border-radius: 4px;
    color: #333;
    line-height: 1.6;
    margin-bottom: 26px;
    overflow: hidden;
    padding: 15px;
}

/* プライベートモード、コメントにログインが必要な場合のメッセージ */
div.private-mode-announcement,
div.comment-auth-announcement {
    background-color: #fafafa;
    border: 1px solid #ddd;
}


/* 記事本文
----------------------------------------------- */
.article-body {
    color: #080000;
    font-size: 14px;
    line-height: 1.6;
}

.article-body .t_h {

}
.article-body .t_b {
    font-size: 16px;
}

.article-body-inner h1,
.article-body-inner h2,
.article-body-inner h3 {
    border-bottom:3px solid #7f7f7f;
}
.article-body-inner h4 {
    border-bottom:1px solid #ccc;
}
.article-body-inner blockquote {
    background-color:#fafafa;
    border: 1px solid #fff;
}
.article-body-inner blockquote:before {
    color: #ddd;
}
.article-body-inner img.pict{
    border: 5px solid #fff;
    box-shadow: 0px 3px 8px rgba(51, 51, 51, 0.2);
    height: auto;
    margin: 1em 6px 1.5em!important;
    max-width: 98.4%;
}


/* コメント・トラックバック一覧
----------------------------------------------- */
.comment-date,
.ping-blog-name,
.ping-date {
    border-left: 1px solid #aaa;
    color: #aaa;
}
.comment-body {
    margin-left: 16px;
    color: #222;
}
.ping-excerpt {
    color: #222;
    margin-left: 16px;
}


/* ページ送り
----------------------------------------------- */
/* トップページ */
ul.index-navigator li a,
ul.index-navigator li.current span {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #555;
}
ul.index-navigator li.current span {
    background-color: #86CECB;
    color: #fff;
}
ul.index-navigator a:hover {
    background-color: #eee;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
}
ul.index-navigator a:visited {
    color: #555;
}

/* 記事ページ、月別アーカイブページ */
ul.article-pager li a,
ul.archives-pager li a {
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #555;
    background-color: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.02);
    color: #555;
}


/* ブログのフッター
----------------------------------------------- */
#blog-footer {
    color:#fff;
		text-shadow:1px 1px 0 rgba(0,0,0,0.5);

	text-align:left;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#41ccc5+2,137a7f+100 */
background: rgb(65,204,197); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(65,204,197,1) 2%, rgba(19,122,127,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(65,204,197,1) 2%,rgba(19,122,127,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(65,204,197,1) 2%,rgba(19,122,127,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41ccc5', endColorstr='#137a7f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
#blog-footer a {
    color:#fff;
	text-shadow:1px 1px 0 rgba(0,0,0,0.5);
}
#blog-footer a:visited{
    color:#fff!important;
}
#blog-footer .sns_button{
	float:none;
}

/* ブログパーツ
----------------------------------------------- */
/* 共通 */
.sidewrapper:first-child {
    padding-top: 0;
}
.sidewrapper {
    font-size: 13px;
    overflow: hidden;
    padding: 20px 0;
    position: relative;
}
.sidewrapper .sidetitle {
    border-bottom: 2px solid #137A7F;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 16px;
    padding:6px 0;
}
.sidewrapper .sidetitle:before{
	font-family:FontAwesome;
	content:"\f025";
	margin-right:5px;
	color:#137A7F;
	font-weight:normal;
	
}
.sidewrapper .sidetitle a {
    color: #333;
}
.sidewrapper .side .sidebody {
    line-height: 1.5;
    padding: 7px 0;
    border-bottom: 1px dashed #999;
}
.sidewrapper .side .sidebody:before{
		font-family:FontAwesome;
	content:"\f0da";
	margin-right:7px;
	color:#137A7F;
}

.sidewrapper .side .sidebody:last-child {
    border-bottom: 0;
}
.sidewrapper .side .sidebody.category-child {
    padding-left: 12px;
}

/* カレンダー */
.calendarhead {
    font-weight: bold;
    text-align: center;
}
table.caltblwk .weekday {
    color: #666;
}
table.caltblwk .sun {
    color: #ff5d5d;
}
table.caltblwk .sat {
    color: #578efa;
}
table.caltblday {
    color: #8d8d8d;
    border-collapse: separate;
    border-spacing: 1px;
}
table.caltblday .caloff {
    background-color: #fff;
}
table.caltblday .calon {
    background-color: #000;
    border: none;
}
table.caltblday td a {
    color:#fff;
    height: 23px;
    line-height: 23px;
}
table.caltblday td a:hover {
    background-color: #910000;
}
table.caltblday td a:visited {
    background-color: #c8a7dd;
}
ul.galleryThumbnail li {
    display: inline-block;
    margin: 5px;
}


/* その他のパーツ
----------------------------------------------- */
/* アーカイブヘッダ */
.archives-header {
    border-bottom: 2px solid #333;
    font-size: 14px;
    margin-bottom: 20px;
    padding: 10px 0;
}

/* 記事下広告 */
#ad2 {}
#ad2 a.addescription {
    color:#666;
}

/* ページトップへ */
.to-pagetop a {
/*  background:url(http://parts.blog.livedoor.jp/img/usr/default_2012/common/to_pagetop.png) 0 0 no-repeat;
*/  display: block;
  width: 70px;
  height: 70px;
/*  text-indent:-9999px;
*/  outline: 0;
  opacity: 0.6;
  -webkit-transition: opacity linear 0.1s;
     -moz-transition: opacity linear 0.1s;
      -ms-transition: opacity linear 0.1s;
       -o-transition: opacity linear 0.1s;
          transition: opacity linear 0.1s;
}
.to-pagetop a:hover {
  opacity: 0.9;
}
.fa-chevron-circle-up:before {
    font-size: 7rem;
}



/* 追加
----------------------------------------------- */
/* h2 装飾 */
.page-index #main-inner h2:before,
.header_populur_posts h2:before,
.archives-header h1:before,
.article-body .related-articles h3:before,
#article-options .article-option-title:before{
	font-family:FontAwesome;
	content:"\f06c";
	margin-right:5px;
	color:#137A7F;
	font-weight:normal;
	
	
}
.page-index #main-inner h2,
.header_populur_posts h2{
	font-size:2rem;
	font-weight: bold;
}
.page-index #main-inner h2 {
    border-bottom: 2px solid #137A7F;
    padding: 10px 0;
	margin-bottom:20px;
}
.archives-header {
    border-bottom: 2px solid #137A7F;
    font-size: 2rem;
    margin-bottom: 20px;
    padding: 10px 0;
	font-weight: bold;
}


/* header内メニュー */
#blog-header .under{
	position:absolute;
	bottom:0;
	right:40px;
	
	
}

#blog-header .sub_nav{
	text-align:right;
	font-weight:bold;
	text-shadow:1px 1px 0 rgba(0,0,0,0.5);
	margin-bottom:10px;
	    font-size: 16px;
		letter-spacing: 1px;
}




#feedlyFollow{
    width: 19px;
    height: 20px;
    vertical-align: middle;
    padding-bottom: 2px;
			}













/* メニューバー */
.ldb_menu-list {
  overflow: hidden;
  width:100%;
  text-align:center;
}
.ldb_menu-list li {
  float: none;
  list-style: none;
  display:inline-block;
  width: 150px;
    text-align: center;
/*	border-right: 1px solid rgba(0, 0, 0, 0.3);
*/box-shadow:rgba(255, 255, 255, 1) -1px 0 0 inset;
	
	
}
.ldb_menu-list li:last-of-type{
	border:none;
	box-shadow:none;	
	
}
.ldb_menu-list li a{
  display: block;
  font-size: 18px;
  line-height: 1;
  padding: 18px;
  text-decoration: none;
  text-shadow:1px 1px 0 #fff;
      font-size: 1.3rem;
    font-weight: bold;
}
.ldb_menu-list .ldb_menu-item-current,
.ldb_menu-list li a:hover {
	background:none;
}
/* よく読まれている記事　*/
.header_populur_posts h2 {
	color:#fff;
}
.header_populur_posts{
		padding:40px 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#41ccc5+2,137a7f+100 */
background: rgb(65,204,197); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(65,204,197,1) 2%, rgba(19,122,127,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(65,204,197,1) 2%,rgba(19,122,127,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(65,204,197,1) 2%,rgba(19,122,127,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41ccc5', endColorstr='#137a7f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.header_populur_posts_inner{
	width:1160px;
	margin:0 auto;
	position:relative;
		
}
.header_populur_posts div.popularArticlesWithImage.A ul{
	margin-right: -5px;

}

.header_populur_posts div.popularArticlesWithImage.A ul li{
margin-right: 5px;
overflow:hidden;
border:10px solid #fff;
}
.header_populur_posts div.popularArticlesWithImage.A ul li a{
	border:none;
}

.header_populur_posts div.popularArticlesWithImage.A div.title {
    width: 100%!important;
    height: 32%;
	background:#fff!important;
	color:#212121!important;
	    opacity: 1!important;
		    font-size: 1.3rem;
			    padding: 5px 0;
}


.header_populur_posts div.popularArticlesWithImage.A div.retweet, 
.header_populur_posts div.popularArticlesWithImage.A div.comment, 
.header_populur_posts div.popularArticlesWithImage.A div.pv {
	width:100%;
		text-align:center;
		background:#137A7F!important;
		    font-size: 1.3rem;

}


ul.tab {
	width:300px;
	position: absolute;
    right: 0;
    top: 0;
}
ul.tab li {
    float: left;
    margin-left: 15px;
    padding: 5px 10px;
    background-color: #137A7F;
    color: #fff;
    cursor: pointer;
	width:60px;
	border-radius:2px;
	text-align:center;
}
ul.tab li:hover {
	background:#E12885;
}
ul.tab li.active {
    background-color: #FFFEEC;
    color: #212121;
}
div.tabContent {
    clear: both;
    display: none;
	padding-top: 20px;
	
}
div.active {
    display: block;
}




/* ページャー */
.pager{
	clear:both;
}

/* meta */
.cat_name{
	float:left;
}
.cat_name:before{
	font-family:FontAwesome;
	content:"\f249";
	margin-right:5px;
color:#137A7F;

}
.cat_name i{
color: #137A7F;
}
.sns_button{
	float:right;
}
.sns_button li{
	float:left;
}
/* ソーシャルアイコン */
.sns_button a {
	display:inline-block;
	width: 25px;
	height: 23px;
	text-align: center;
	margin-right: 5px;
	line-height: 25px;
	border-radius: 2px;
	color: #fff!important;
	font-size: 1.2rem;
}
.sns_button a:hover {
	opacity: 0.7;
}
.sns_button .tw a {
	background: #9CBDD6;
}
.sns_button .fb a {
	background: #989FD1;
}
.sns_button .ggl a {
	background: #CE9696;
}
.sns_button .hateb a {
	background: #9AA9D3;
}
.sns_button .feedly a {
	background:#9ED0A3;
}
.sns_button .rss_btn a {
	background:#ECC383;
}
.under .sns_button a {
	width:35px;
	height:33px;
	line-height:33px;
	font-size:1.4rem;
	box-shadow: 1px 1px 0 rgba(0,0,0,0.3);
	border:solid 1px rgba(255,255,255,0.5);

}

/* おすすめキーワード */
.osusume_keyword{
	margin-bottom:30px;
	padding-top:30px;
	}
.osusume_keyword ul{
	margin-right:-32px;
}
.osusume_keyword li{
	float:left;
	width:266px;
	margin-right:32px;
	margin-bottom:25px;
	text-align:center;
	border-radius:2px;
	border:solid 1px #ccc;
	background: rgba(255,255,255,0.8);
}
.osusume_keyword li a{
	display:block;
	padding:15px 0;
}
.osusume_keyword li a:hover{
	background:#86CECB;
	color:#fff!important;
}

/* コメントフォーム */
#comments{
	margin-bottom:30px;
}
#comment-form .comment-form-body dt {
    display: block;
}
#comment-form dt {
    float: none;
    text-align: left;
    margin: 0;
}
#comment-form dd {
    margin: 0;
}
#comment-form dd input{
	width:100%;
}

#comment-form-tools {
    background-color: #f5f5f5;
    border: 1px solid #bbb;
    border-top: 0;
    border-radius: 0 0 3px 3px;
    font-size: 12px;
    height: 32px;
}

.facemark, .rating, .memorize{
	display:none!important;
	
	
}
#comment-form-tools{
	height:0;
}
#comment-form-tools .submit{
	width:100%;
	display: block;
}

#comment-form-tools .submit button{
	width:100%;
	padding:10px;
	letter-spacing:2px;
	font-size:2.0rem;
	color:#fff;
	text-shadow:1px 1px 0 rgba(0,0,0,0.8);
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#41ccc5+2,137a7f+100 */
background: rgb(65,204,197); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(65,204,197,1) 2%, rgba(19,122,127,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(65,204,197,1) 2%,rgba(19,122,127,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(65,204,197,1) 2%,rgba(19,122,127,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41ccc5', endColorstr='#137a7f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	
}
#comment-form-tools .submit button:hover{
	opacity:0.7;
}
#comment-form-tools .submit{
    float: none;
    margin: 10px 0;
}
.comment-info, .trackback-set {
    font-size: 14px;
}
/*　カテゴリ別最新記事　*/
.cat_related{
	
}
.related-article-image,
.related-article-title{
	display:block!important;
}
.cat_related li{
	float:left;
	
}
.cat_related ul:after{
	  content: ""; 
  display: block; 
  clear: both;	
}
.article-body .related-articles ul{
	margin-right:-21px;
}

.article-body .related-articles ul li {
    margin: 0!important;
    padding-left: 0px;
	    width: 231px;
		height:217px;
		overflow:hidden;
		margin-right:21px!important;
		margin-bottom:21px!important;
}
.related-articles.with-image ul li a{
	
}

.related-articles.with-image .related-article-image {
    padding-right: 0px;
	    text-align: center;
		margin-bottom: 5px;
}
.related-articles.with-image .related-article-image img {
	
    height: 157px;
	padding:5px;
	width:100%;
	border-radius:2px;
box-shadow:rgb(235, 235, 235) 0px 0px 6px 3px;
-webkit-box-shadow:rgb(235, 235, 235) 0px 0px 6px 3px;
-moz-box-shadow:rgb(235, 235, 235) 0px 0px 6px 3px;
}

/* 広告 */
.koukoku_728{
	width:728px;
	margin:10px auto 20px auto;
	text-align:center;
	
}
.koukoku_336{
	margin:30px auto;
	padding: 0 40px;
}
.koukoku_336 .L{
	float:left;
	
}
.koukoku_336 .R{
	float:right;
	
}
.first-article .koukoku_336{
	margin:10px auto;
	padding: 0 10px;
}

/* フッター */
.footer_inner_wrap{
	width:1160px;
	margin:0 auto;
}
.footer_inner{
	margin-right:-58px;
	margin-bottom: 30px;
}
.footer_inner > div{
	float:left;
	width:348px;
	margin-right:58px;
	
}

.footer_inner h2{
	margin-bottom:20px;
	    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
}
.footer_inner h2:before{
		font-family:FontAwesome;
	content:"\f22c";
	margin-right:5px;
	

}
.footer_inner .L .about{
	margin-bottom:20px;
}

.footer_inner .R li{
	padding:3px 0;
}
.footer_inner .R li:before{
		font-family:FontAwesome;
	content:"\f0da";
	margin-right:7px;
	
}



address{
	margin-top:45px;
	text-align:center;
	padding:10px;
/*border-top: 1px dashed #f4f4f4;
*/}




/* サイドバー */
.side select{
	width:100%;
}

	
.plugin-categorize .side{
	padding-top:0;
	padding-bottom:0;
}
.side div.popularArticlesWithImage.A ul li{
	margin-bottom:20px;
	box-shadow:rgb(235, 235, 235) 0px 0px 6px 3px;
-webkit-box-shadow:rgb(235, 235, 235) 0px 0px 6px 3px;
-moz-box-shadow:rgb(235, 235, 235) 0px 0px 6px 3px;

}
.side div.popularArticlesWithImage.A ul li a {
	overflow:hidden;
	border:10px rgba(255,255,255,0.8) solid;
    padding: 0px !important;
    background: none !important;
}


.side div.popularArticlesWithImage.A div.title{
	width:100%!important;
    height: 32%;
    padding: 10px;
	line-height: 1.8;
	opacity: 1;
	    margin-bottom: 5px;
}


.side div.popularArticlesWithImage.A div.comment{
	width:100%;
	text-align:center;
	padding:5px;
}

.plugin-popular_articles_with_image .side{
	background:none;
	padding:0;
	
}
.side div.popularArticlesWithImage.A ul li,
.side div.popularArticlesWithImage.A ul li a,
.side div.popularArticlesWithImage.A li div.image img {
	width:320px!important;
	
	
}
.side ul.recent-article-image li img {
	margin: 0 10px 0 0;
    float: none;
}
.side ul.recent-article-image li a {
display: inline-block;
    float: none;
    vertical-align: top;
	}
.side ul.recent-article-image li a:nth-of-type(2){
	width:225px;
		padding-top:5px;

}

.side ul.recent-article-image li{
	border-bottom:dotted 1px #ccc;
	}
.side ul.recent-article-image li:last-of-type{
	border-bottom:none;
	margin-bottom:0;
	}

.side{
	background:rgba(255,255,255,0.8);
	border-radius:2px;
	padding:10px;
}

.side:after {
  content: ""; 
  display: block; 
  clear: both;
}



/* RSS */
.rss {
	height:325px;
	overflow:auto;
	margin-bottom:30px;
	border:solid 1px #eee;
	    box-shadow: rgb(235, 235, 235) 0px 0px 6px 3px;
    -webkit-box-shadow: rgb(235, 235, 235) 0px 0px 6px 3px;
    -moz-box-shadow: rgb(235, 235, 235) 0px 0px 6px 3px;
	background: rgba(255,255,255,0.8);
    border-radius: 2px;
	clear:both;
}
.rss .blogroll-list-wrap{
}
.rss .blogroll-list-wrap .blogroll-list{
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
margin-top: -1px;	
    margin-bottom: 0px;
	font-size: 14px;
}
.rss .blogroll-list-wrap .blogroll-link{
	display:inline-block;
	padding:7px 10px;
}
.blogroll-channel .blogroll-link-time {
	display:none;
}
	
	
.rss .blogroll-list-wrap .blogroll-link:before{
		font-family:FontAwesome;
	content:"\f152";
	margin-right:5px;
	color: #137A7F;
}
	
	
.rss .blogroll-category-name{
	padding:10px;
	color:#fff;
	background-color: #86CECB;
	
}
	
.t_b{
font-weight:bold;
}

.plugin-popular_articles_with_image.sidewrapper .side {
    height:1200px;
}
.plugin-recent_articles_image.sidewrapper .side {
    height:780px;
}

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

.article_mid_ads p { margin-left: 30px}