@charset "utf-8";
@import url(https://parts.blog.livedoor.jp/css/template_6thgen.css);

/**
@prefix : <https://purl.org/net/ns/doas#> .
<> a :CSSStylesheet;
 :title "default2012";
 :shortdesc "Default design 2012 for livedoor Blog";
 :created "2012-06-20";
 :release [:revision "1.24"; :created "2014-01-28"];
 :page <https://blogdesign.ldblog.jp/archives/14982005.html>;
 :rights "LINE Corporation".
*/


/* リセット
----------------------------------------------- */
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
ol, ul {
  list-style: none;
}
/* clearfix
----------------------------------------------- */
.clearfix:before,
.clearfix:after {
	content:"";
	display:table;
}
.clearfix:after {
	clear:both;
}


/* 全体のレイアウト
----------------------------------------------- */
body {
	background: #fff url("reimages2021/bg.png") repeat left top / 900px;
}
#header2 {
    min-width:960px;
}
#wrapper {
	width:100%;
}
#container {
	width:100%;
    min-width:960px;
}
#content {
	width:100%;
	margin: 0 auto;
	padding:0 0 60px;
	position: relative;
}
#main {}
#sidebar {}

/* 1カラムレイアウトのとき */
body.layout-1col #content {}
body.layout-1col #main {}
body.layout-1col #main-inner {}
body.layout-1col #sidebar {}
body.layout-1col #sidebar-inner {}
body.layout-1col #sidebar .sidewrapper {}

/* 2カラムレイアウトのとき */
body.layout-2col #content {}
body.layout-2col #main {
	width: 960px;
	margin: 0 auto;
}
body.layout-2col #main {
	margin-top: 70px;
}
body.layout-2col #main-inner {}
body.layout-2col #sidebar {}
body.layout-2col #sidebar {}
body.layout-2col #sidebar-inner {}

/* 右サイドバー */
body.layout-2col.sidebar-right #content {}
body.layout-2col.sidebar-right #main {
	float: none;
}
body.layout-2col.sidebar-right #sidebar {
	float: none;
}

/* 左サイドバー */
body.layout-2col.sidebar-left #content {}
body.layout-2col.sidebar-left #main {
	float: none;
}
body.layout-2col.sidebar-left #sidebar {
	float: none;
}

/* かんたん背景画像 */
body.show-bg-image {
	background-attachment: fixed;
	background-size: cover;
}


/* 全体の文字色、リンク色
----------------------------------------------- */
body {
	position: relative;
	color: #333;
	font: 14px/1.2 Helvetica, Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, sans-serif;
}
a,
body.page-article .article-title a:visited {
	color: #333;
	text-decoration:none;
}
a:link {}
a:visited {}
a:hover {
	text-decoration:underline;
}
a:active {}

.bg_w {
	position: absolute;
	background: #fff;
	max-width: 1200px;
	min-width: 960px;
	box-sizing: border-box;
	width: 100%;
	height: calc(100% - 750px);
	left: 0;
	right: 0;
	margin: 0 auto;
	top:650px;
	z-index: -1;
}
.headerArea{
	padding: 15px 0 10px;
	max-width: 1050px;
	width: 98%;
	min-width: 960px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* グローバルナビゲーション
----------------------------------------------- */
.gnavArea {
	width:960px;
	margin:30px auto 45px;
}
.gnavInner {
	width:960px;
	position:relative;
}
.ldb_menu {
	width: 100%;
 }
.ldb_menu-list {
	width: 100%;
	display: flex;
	justify-content: center;
	margin: auto;
 }
.ldb_menu-list li {
	padding:0 30px;
}
.ldb_menu-list li a {
	text-indent: -9999px;
	display: block;
	margin: 0 auto;
	height: 74px;
	color:#000;
	font-size:14px;
	text-decoration:none;
	letter-spacing: 0.05em;
	position: relative;
	box-sizing: border-box;
}
.ldb_menu-list li:nth-child(1) a {
	width: 58px;
	background: url("reimages2021/nav01.png") no-repeat;
}
.ldb_menu-list li:nth-child(2) a {
	width: 47px;
	background: url("reimages2021/nav02.png") no-repeat;
}
.ldb_menu-list li:nth-child(3) a {
	width: 48px;
	background: url("reimages2021/nav03.png") no-repeat;
}
.ldb_menu-list li:nth-child(4) a {
	width: 49px;
	background: url("reimages2021/nav04.png") no-repeat;
}
.ldb_menu-list li:nth-child(5) a {
	width: 69px;
	background: url("reimages2021/nav07.png") no-repeat;
}
.ldb_menu-list li:nth-child(6) a {
	width: 45px;
	background: url("reimages2021/nav05.png") no-repeat;
}
.ldb_menu-list li:nth-child(7) a {
	width: 69px;
	background: url("reimages2021/nav06.png") no-repeat;
}
.ldb_menu-list li a:first-of-type {
	padding:0 50px 0 0;
}
.ldb_menu-list li a:hover {	
	color:#999;
}
.ldb_menu-list li a::before {
	content: "";
	width: 66px;
	height: 65px;
	background: url(reimages2021/ico_gnavi.png) no-repeat center center;
	text-decoration:none;
	text-shadow: none;
	position: absolute;
	top: 23px;
	left: -65px;
	z-index: 10;
	opacity: 0;
	transition: 0.3s;
}
.ldb_menu-list li a:hover:before {
	left: -55px;
	opacity: 1;
}

/* 検索窓 */
.headerArea .naviSearch {
	width: 270px;
	top: 16px;
	right: 0;
	background: #f9f9f9;
	border-radius: 5px;
}
.headerArea .naviSearch input.sf {
	border: none;
	box-shadow: none;
	box-sizing: border-box;
	width: 235px;
	height: 30px;
	border-radius: 5px;
	background: #f9f9f9;
	outline: none;
	padding: 0 10px;

}
.headerArea .naviSearch input.sfbtn {
	background: url(reimages2021/ico_search.png) no-repeat center center;
	border-radius: 0;
	text-shadow: none;
	transition: none;
	width: 20px;
	height: 20px;
	padding: 0;
	border: none;
	font-size: 0;
	outline: none;
}

/* ブログのヘッダー、タイトル、説明
----------------------------------------------- */
#blog-header {
	max-width: 1080px;
	min-width: 960px;
	width: 100%;
	margin: 0 auto;
}
#blog-header-inner {}
#blog-title {
	width: 100%;
	*margin: 22px auto 0;
	margin: 0px auto 0;
}
#blog-title a {
	width: 100%;
	height: 568px;
	display: inline-block;
	text-indent: -9999px;
}
#blog-title a:hover {
	opacity: 0.5;
}
#blog-description {
	display:none;
}
#blog-description a {}


/* メインカラム
----------------------------------------------- */
/* 共通パーツタイトル */
.newArea .contTtl,
.categoryArea .contTtl,
.particlesArea .contTtl,
.profileArea .contTtl,
.linestArea .contTtl,
.plugin-popular_articles_with_image .sidetitle{
	width: 100%;
	margin-bottom: 30px;
	text-align: center;
	text-indent: -9999px;
}
.newArea .contTtl {
	position: relative;
	height: 52px;
	background: url("reimages2021/ttl_newarticle.png")  no-repeat center center / 120px 28px;
}
.newArea .contTtl::after {
	position: absolute;
	content: "";
	top:11px;
	left: 50%;
	transform: translateX(-50%);
	margin-left: -75px;
	height: 52px;
	width: 53px;
	background: url(reimages2021/ttl_newarticle_ico.png) no-repeat;
}
.plugin-popular_articles_with_image .sidetitle {
	position: relative;
	height: 71px;
	background: url("reimages2021/ttl_populararticles.png") no-repeat center center / 119px 28px;
}
.plugin-popular_articles_with_image .sidetitle::after {
	position: absolute;
	content: "";
	top:-10px;
	left: 50%;
	transform: translateX(-50%);
	margin-left: 80px;
	height: 71px;
	width: 56px;
	background: url(reimages2021/ttl_populararticles_ico.png) no-repeat;
}
.categoryArea .contTtl {
	position: relative;
	height: 49px;
	background: url("reimages2021/ttl_cate.png") no-repeat center center / 213px 28px;
}
.categoryArea .contTtl::after {
	position: absolute;
	content: "";
	top:10px;
	left: 50%;
	transform: translateX(-50%);
	margin-left: 140px;
	height: 44px;
	width: 78px;
	background: url(reimages2021/ttl_cate_ico.png) no-repeat;
}
.profileArea .contTtl {
	position: relative;
	height: 74px;
	background: url("reimages2021/ttl_profile.png") no-repeat center center / 133px 28px;
}
.profileArea .contTtl::after {
	position: absolute;
	content: "";
	top:-10px;
	left: 50%;
	transform: translateX(-50%);
	margin-left: 90px;
	height: 74px;
	width: 56px;
	background: url(reimages2021/ttl_profile_ico.png) no-repeat;
}
.linestArea .contTtl {
	position: relative;
	height: 77px;
	background: url("reimages2021/ttl_linestamp.png") no-repeat center center / 173px 28px;
}
.linestArea .contTtl::after {
	position: absolute;
	content: "";
	top:-10px;
	left: 50%;
	transform: translateX(-50%);
	margin-left: 105px;
	height: 77px;
	width: 38px;
	background: url(reimages2021/ttl_linestamp_ico.png) no-repeat;
}
/* NEWmark */
.first-cont.page-index .first-article .thumbBlock:before,
.first-cont.page-category .first-article .thumbBlock:before,
.first-cont.page-monthly .first-article .thumbBlock:before {
	content: "";
	width: 176px;
	height: 94px;
	background: url(reimages2021/ico_new.png) no-repeat center center;
	position: absolute;
	top: -50px;
	right: 35px;
	z-index: 5;
}

/* 記事全体 */
.article {
	width: 300px;
	padding: 0 25px 30px 0;
	display: inline-block;
	vertical-align: top;
	position: relative;
}
.article:nth-of-type(5n+3) {
	padding: 0 0 30px;
}
.page-article .article {
	width: 100%;
}
.article:last-child {
	border-bottom: none;
}

/* 日付 */
.article-date {
	color: #999;
	font-size: 12px;
}

/* トップ　ソーシャルボタン */
.article .article-social-btn {
    border-top: none;
    margin-bottom: 0;
}
.article .article-social-btn > a,
.article .article-social-btn > span,
.article .article-social-btn > div,
.article .article-social-btn > iframe {
	margin: 5px 0 10px;
}

/* 記事hover*/
.page-article .article a:hover .article-header {
	text-decoration: none;
}
.article .thumbBlock a {
	position: relative;
	display: inline-block;
}
.article .thumbBlock a:hover .thumbImg {
	opacity: 0.5;
}
.article .thumbBlock a:hover .article-title {
	text-decoration: underline;
}
.article .thumbBlock a::before {
	content: "";
	width: 131px;
	height: 82px;
	background: url(reimages2021/ico_next.png) no-repeat center center;
	text-decoration:none;
	text-shadow: none;
	position: absolute;
	top: -30px;
	left: -10px;
	z-index: 10;
	opacity: 0;
	transform: scale(0.8);
	transition: 0.2s;
}
.article .thumbBlock a:hover:before {
	opacity: 1;
	transform: scale(1);
}

/* 記事イメージ*/
.article .thumbImg {
	width: 300px;
	height:205px;
	background:#fdf7ac url(reimages2021/img_noimg.png) no-repeat center center;
}
.article .thumbImg span {
	width: 100%;
	height:100%;
	overflow: hidden;
	text-align:center;
	display:inline-block;
	border: #000 solid 3px;
	box-sizing: border-box;
}
.article .thumbImg span img {
	width: 115%;
	height: auto;
	position: relative;
	top: -10%;
	left: 50%;
	-webkit-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	transform: translate(-50%,0);
	vertical-align: text-bottom;
}

/* 記事ヘッダー、記事タイトル */
.article-header {
	padding-top: 10px;
}
.article-title {
	max-height: 2.4em;
	overflow: hidden;
	font-size: 20px;
	color: #000;
	display: inline-block;
}
.page-article .article-title {
	max-height: 100%;
	overflow: inherit;
	padding: 10px 0 30px;
	display: block;
}
.page-article .article-title a:hover {
	text-decoration: none;
}


/* 共通 　広告枠*/
.advArea {
	display: inline-block;
	text-align: center;
	box-sizing: border-box;
}
.advArea.no1 {
	width: 300px;
	height: 250px;
	margin-top: 52px;
}
.advArea.no2 {
	width: 100%;
	height: 90px;
	margin: 0 0 60px;
}

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

/* 関連記事 */
.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: #333;
	font-size: 14px;
}
.article-body-inner {
  width: 660px;
  position: relative;
}
.article-body-inner a {
    text-decoration: none;
}
.article-body-inner a:hover {
    text-decoration: underline;
}
.article-body-inner h1,
.article-body-inner h2,
.article-body-inner h3 {
	border-bottom:3px solid #e6e6e6;
	clear: both;
}
.article-body-inner h4 {
	border-bottom:1px solid #e6e6e6;
	clear: both;
}
.article-body-inner blockquote {
	background-color:#e6e6e6;
	border: 1px solid #fff;
}
.article-body-inner blockquote:before {
	color: #fff;
	font-size: 6em;
}
.article-body-inner img,
.article-body-inner img.pict {
	height: auto;
	max-width: 100%;
}


/* コメント・トラックバック一覧
------------------------------------- */
.comment-date,
.ping-blog-name,
.ping-date {
  border-left: 1px solid #aaa;
  color: #aaa;
}
.comment-author {
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding-right: 0;
    line-height: 20px;
}
.comment-body {
    display: inline-block;
    padding: 6px 12px;
    margin: 10px 0 0 10px;
    background-color: #add0ff;
    border-radius: 15px;
    color: #484848;
    max-width: 520px;
    position: relative;
    float: left;
    clear: both;
}
.comment-body:before {
  content: '';
  position: absolute;
  top: 10px;
  left: -7px;
  display: block;
  width: 12px;
  height: 11px;
  background: url(reimages2021/bg_comment01.png) 0 0 no-repeat;
}
.ping-excerpt {
  color: #666;
  margin-left: 16px;
}
.comment-info, .trackback-set{
  border-bottom: none;
}
.comment-set.v2 {
  border: none;
}
.comment-set.v2.reply .comment-info {
  border: none;
}
.comment-reply-list {
  margin: 12px 0 12px 52px;
}
.comment-set.v2 .comment-info {
  padding: 12px 0;
  overflow: hidden;
}
.commentbutton {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
  font-weight: bold;
  padding: 5px 10px;
  border: 1px solid #add0ff;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: 0px 3px #85b8fc;
  transition: .2s;
}
.comment-rating {
  display: inline-block;
  float: left;
}
.comment-set.v2 .comment-info .comment-rating {
  padding: 2px 0 2px 10px;
}
.comment-reaction {
  display: inline-block;
}
.comment-set.v2 .comment-reaction {
  margin-top: 0;
}
.comment-set.v2 .comment-info .comment-date {
  position: relative;
}
#comments {
  position: relative;
}
#article-options .article-option-title {
    position: relative;
    border-bottom: 1px solid #999;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 40px;
    padding-bottom: 5px;
}

#ld_blog_article_comment_pager_link {
  text-align: center;
}
#ld_blog_article_comment_pager_link a {
  background: #9acc50;
  color: #fff;
  padding: 10px 25px;
  border-radius: 30px;
  font-size: 20px;
}
#ld_blog_article_comment_pager_link a:hover {
  text-decoration: none;
}

/* ページ送り
----------------------------------------------- */
/* トップページ */
ul.index-navigator {
    height: auto;
	color: #000;
}
.pager02 ul.index-navigator {
     margin: 0;
}
ul.index-navigator li a,
ul.index-navigator li.current span {
	min-width: 26px;
	height: 26px;
	margin: 0 5px;
	padding:2px 0 0;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	line-height: 20px;
	box-sizing: border-box;
	background-color: #f9f9f9;
}
ul.index-navigator li.current span,
ul.index-navigator a:hover {
	color: #fff;
	background-color: #98d3dc;
	text-decoration: none;
}
ul.index-navigator a:visited {}
ul.index-navigator .paging-prev a {
	background: url(reimages2021/ico_pager_prev.png) no-repeat  50% 50%;
}
ul.index-navigator .paging-next a {
	background: url(reimages2021/ico_pager_next.png) no-repeat  50% 50%;
}
ul.index-navigator .paging-first a {
	background: url(reimages2021/ico_pager_first.png) no-repeat  50% 50%;
}
ul.index-navigator .paging-last a {
	background: url(reimages2021/ico_pager_last.png) no-repeat  50% 50%;
}
.paging-prev a, .paging-next a, .paging-first a, .paging-last a {
	overflow: hidden;
	text-indent: -9999px;
}


/* 記事ページ、月別アーカイブページ */
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;
}
.articlePagination {
    position: relative;
    margin: 80px 0 20px 0;
}
.articlePagination:before {
    content: '';
    display: block;
    width: 111px;
    height: 79px;
    position: absolute;
    top: -62px;
    left: 50%;
    margin-left: -55px;
    background: url(reimages2021/pagericon.png) 0 0 no-repeat;
    z-index: 888;
}
.articlePagination ul {
    display: table;
    width: 100%;
    background: #add0ff;
}
.articlePagination ul li {
    position: relative;
    display: table-cell;
    list-style: none;
    width: 324px;
    vertical-align: middle;
    height: 80px;
}
.articlePagination ul li.prev {
    padding-left: 65px;
}
.articlePagination ul li.next {
    padding-right: 65px;
    text-align: right;
}
.articlePagination ul li + li {
    border-left: 1px solid #fff;
}
.articlePagination ul li a {
    display: inline-block;
    padding: 11px 15px;
    vertical-align: middle;
    color: #484848;
    font-size: 16px;
    line-height: 1.4;
    font-weight: bold;
}
.articlePagination ul li.prev span,
.articlePagination ul li.next span {
    position: absolute;
    white-space: nowrap;
    top: 50%;
    margin-top: -9px;
    font-size: 12px;
    color: #fff;
    font-weight: normal;
}
.articlePagination ul li.prev span {
    left: 10px;
    padding-left: 10px;
    background: url(reimages2021/icon_prev.png) left center no-repeat;
}
.articlePagination ul li.next span {
    right: 10px;
    padding-right: 10px;
    background: url(reimages2021/icon_next.png) right center no-repeat;
}

/* popularArticlesList-today
----------------------------------------------- */
.popularArticlesList-today {
    width: 960px;
    margin-bottom: 30px;    
    overflow: hidden;
}
.popularArticlesList-today ul {
    width: 960px;
    margin-left: 10px;
}
.popularArticlesList-today ul:after {
    content: '';
    display: table;
    clear: both;
}
.popularArticlesList-today ul li {
    float: left;
    margin-right: 5px;
    margin-bottom: 20px !important;
    width: 230px!important;
}
.popularArticlesList-today div.popularArticlesWithImage.A li:nth-child(1),
.popularArticlesList-today div.popularArticlesWithImage.A li:nth-child(2),
.popularArticlesList-today div.popularArticlesWithImage.A li:nth-child(3),
.popularArticlesList-today div.popularArticlesWithImage.A li:nth-child(4),
.popularArticlesList-today div.popularArticlesWithImage.A li:nth-child(5),
.popularArticlesList-today div.popularArticlesWithImage.A li {
  padding-right: 10px;
  width: 230px;
  height: 200px;
  margin: 0;
}
.popularArticlesList-today div.popularArticlesWithImage.A li:nth-child(1) div.image {
    border: #000 solid 3px;
    height: 150px!important;
}
.popularArticlesList-today div.popularArticlesWithImage.A li div.image {
    width:230px!important;
    height: 150px!important;
}
.popularArticlesList-today ul li a {
    border: 1px solid #000 !important;
    width: 230px!important;
}
.popularArticlesList-today div.popularArticlesWithImage.A li:nth-child(1) a {
    width:230px!important;
    height: 150px!important;
}
.popularArticlesList-today div.popularArticlesWithImage.A li a:hover:before {
	content: "";
	width: 131px;
	height: 82px;
	background: none;
	text-decoration:none;
	text-shadow: none;
	position: absolute;
	top: -30px;
	left: -10px;
	z-index: 10;
}
.popularArticlesList-today div.popularArticlesWithImage.A div.title {
    width: 230px !important;
    padding: 0 5px 5px 5px!important;
}
.popularArticlesList-today div.popularArticlesWithImage.A li:nth-child(1) div.title {
    width: 230px !important;
    padding: 0 5px 5px 5px!important;
    height: 48px!important;
    font-size: 16px!important;
}
.popularArticlesList-today div.popularArticlesWithImage.A li:nth-child(1) div.title:before,
.popularArticlesList-today div.popularArticlesWithImage.A li:nth-child(2) div.title:before,
.popularArticlesList-today div.popularArticlesWithImage.A li:nth-child(3) div.title:before,
.popularArticlesList-today div.popularArticlesWithImage.A li:nth-child(4) div.title:before,
.popularArticlesList-today div.popularArticlesWithImage.A li:nth-child(5) div.title:before {
    background: none;
}

/* ブログのフッター
----------------------------------------------- */
.footer {
	width: 100%;
	min-width:960px;
	background-color: #add8e1;
}
#blog-footer {
	width: 960px;
	margin: auto;
	font-size: 12px;
	color:#fff;
	padding: 30px 0;
	box-sizing: border-box;
	position: relative;
}
#blog-footer a {
	color:#fff;
}


/* ブログパーツ
----------------------------------------------- */
/* 共通 */
.sidewrapper {
	width: 100%;
	margin: 0 0 70px;
	box-sizing: border-box;
	position: relative;
}
.sidewrapper .sidetitle {
	margin: 0 0 20px;
	padding: 0;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	position: relative;
}
.sidewrapper .sidetitle a {
	color: #000;
}
.sidewrapper .side .sidebody {
	line-height: 1.5;
	margin: 0 0 5px 0;
	position: relative;
}
.sidewrapper .side .sidebody.category-child {}


/* ボトムエリアA */
.botAreaA {
	padding-top: 60px;
}


/* ボトムエリアA　人気記事 */
div.popularArticlesWithImage.A {
    margin: 0;
}
div.popularArticlesWithImage.A ul {
	letter-spacing: -0.5em;
}
div.popularArticlesWithImage.A li {
	width: 220px;
	padding-right: 15px;
    position: relative;
	display: inline-block;
	letter-spacing: normal;
	margin-bottom: 0;
	float: left;
}
div.popularArticlesWithImage.A li:nth-child(1) {
	width: 480px;
	padding-right: 20px;
}
div.popularArticlesWithImage.A li:nth-child(3),
div.popularArticlesWithImage.A li:nth-child(5) {
	padding-right: 0;
}
div.popularArticlesWithImage.A li a {
	width: 220px !important;
	height: 200px !important;
	border: none !important;
	position: relative;
	display: inline-block;
}
div.popularArticlesWithImage.A li a:hover div.image {
	opacity: 0.5;
}
div.popularArticlesWithImage.A li a:hover div.title {
	text-decoration: underline;
}
div.popularArticlesWithImage.A li a:before {
	content: "";
	width: 131px;
	height: 82px;
	background: url(reimages2021/ico_next.png) no-repeat center center;
	text-decoration:none;
	text-shadow: none;
	position: absolute;
	top: -30px;
	left: -10px;
	z-index: 10;
	opacity: 0;
	transform: scale(0.8);
	transition: 0.2s;
}
.page-article div.popularArticlesWithImage.A li a:before {
	display: none;
}
div.popularArticlesWithImage.A li a:hover:before {
	opacity: 1;
	transform: scale(1);
}
div.popularArticlesWithImage.A li:nth-child(1) a {
	width: 480px !important;
	height: 405px !important;
}
div.popularArticlesWithImage.A li div.image {
	width: 100% !important;
	height: 144px !important;
	overflow: hidden;
	text-align:center;
	display:inline-block;
	border: #000 solid 3px;
	box-sizing: border-box;
}
div.popularArticlesWithImage.A li:nth-child(1) div.image {
	height: 314px !important;
	border: #000 solid 8px;
}
div.popularArticlesWithImage.A li div.image img {
	width: 150%;
    height: auto;
    position: relative;
    top: -65%;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
    vertical-align: text-bottom;
}

div.popularArticlesWithImage.A li div.image.noimage {
	background:#d9d9d9 url(reimages2021/img_noimg.png) no-repeat center center;
}

div.popularArticlesWithImage.A div.title {
    width: 220px !important;
    position: inherit;
    height: 3.0em;
    padding: 0 0 0 35px;
    background: none !important;
    color: #000 !important;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5;
    opacity: 1;
    overflow: hidden;
	box-sizing: border-box;
	position: relative;
}
div.popularArticlesWithImage.A li:nth-child(1) div.title {
    width: 480px !important;
    height: 3.0em;
    padding: 5px 0 0 85px;
    font-size: 24px;
}
div.popularArticlesWithImage.A li:nth-child(1) div.title:before,
div.popularArticlesWithImage.A li:nth-child(2) div.title:before,
div.popularArticlesWithImage.A li:nth-child(3) div.title:before,
div.popularArticlesWithImage.A li:nth-child(4) div.title:before,
div.popularArticlesWithImage.A li:nth-child(5) div.title:before {
	content: "";
	width: 29px;
	height: 22px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}
div.popularArticlesWithImage.A li:nth-child(1) div.title:before {
	width: 65px;
	height: 50px;
	top: 5px;
	background: url(reimages2021/ico_no1.png) no-repeat 0 0;
}
div.popularArticlesWithImage.A li:nth-child(2) div.title:before {
	background: url(reimages2021/ico_no2.png) no-repeat 0 0;
}
div.popularArticlesWithImage.A li:nth-child(3) div.title:before {
	background: url(reimages2021/ico_no3.png) no-repeat 0 0;
}
div.popularArticlesWithImage.A li:nth-child(4) div.title:before {
	background: url(reimages2021/ico_no4.png) no-repeat 0 0;
}
div.popularArticlesWithImage.A li:nth-child(5) div.title:before {
	background: url(reimages2021/ico_no5.png) no-repeat 0 0;
}


/* ボトムエリアA　おすすめカテゴリー */



/* ボトムエリアA　プロフィール */
.profileArea .profPanelArea li.ChangeElem_profPanel .img {
	width: 398px;
	height: 274px;
	float: left;
	border:6px solid #000;
	box-sizing: border-box;
	overflow: hidden;
}
.profileArea .profPanelArea li.ChangeElem_profPanel .img img{
	width: 100%;
	transform: scale(1);
	transition: 0.4s;
}
.profileArea .profPanelArea li.ChangeElem_profPanel .img img:hover{
	transform: scale(1.15);
}
.profileArea .profPanelArea li.ChangeElem_profPanel .txt {
	width: 525px;
	float: right;
	font-size: 16px;
}
.profileArea .profPanelArea li.ChangeElem_profPanel .txt .ttl {
	margin-bottom: 17px;
	font-size: 26px;
	font-weight: bold;
}
.profileArea .profPanelArea li.ChangeElem_profPanel .txt .dct {
	min-height: 115px;
	line-height: 1.4;
}
.profileArea .snsList {
	width: 525px;
	float: right;
	padding-top: 17px;
	letter-spacing: -0.5em;
        min-height: 35px;
	
}
.profileArea .snsList li {
	width: auto;
	padding-right: 15px;
	display: inline-block;
	letter-spacing: normal;
}
.profileArea .snsList li span {
	font-size: 35px;
	color: #ced0d1;
}
.profileArea .snsList li a:hover span {
	opacity: 0.5;
}

.profileArea .ChangeElem_Btn_profContent {
	width: 535px;
	padding-top: 30px;
	float: right;
	box-sizing: border-box;
}
.profileArea .ChangeElem_Btn_profContent .ChangeElem_profBtn {
	width: 92px;
	padding: 0 17px 7px 0;
	display: inline-block;
	cursor: pointer;
}
.profileArea .ChangeElem_Btn_profContent .ChangeElem_profBtn:hover img {
	opacity: 0.5;
}


/* ボトムエリアA　LINEスタンプ */
.linestArea {
	text-align: center;
}
.linestArea .linestPanelBtn {
	position: relative;
	left: 100px;
	width: 176px;
	margin: 0 auto;
	background: url("reimages2021/linestmp_hukidashi01.png") no-repeat;
}
.linestArea .linestPanelBtn a{
	display: block;
	transform: rotate(0);
}
.linestArea .linestPanelBtn a:hover{
	animation: swing linear 2s infinite;
	transform-origin: center bottom;
}
@keyframes swing {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(3deg);
    }
    50% {
        transform: rotate(0deg);
    }
    75% {
        transform: rotate(-3deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
.linestArea .linestPanelBtn li {
	width: auto;
	padding-right: 78px;
	display: inline-block;
	letter-spacing: normal;
}
.linestArea .linestPanelBtn li:last-child {
	padding-right: 0;
}
.linestArea .linestPanelIco {
	position: relative;
	margin-top: -25px;
	text-align: center;
}
.botAreaA .bnrArea{
	margin:30px auto 70px;
}
.botAreaA .bnrArea ul{
	display: flex;
	justify-content: center;
}
.botAreaA .bnrArea ul li{
	width: 300px;
	margin-left: 30px;
}
.botAreaA .bnrArea ul li:nth-child(3n+1){
	margin-left: 0;
}
.botAreaA .bnrArea ul li a{
	transition: 0.2s;
}
.botAreaA .bnrArea ul li a:hover{
	opacity: 0.7;
}
.botAreaA .bnrArea ul li img{
	width: 100%;
}
/* ボトムエリアB */
.botAreaB {
	padding-top: 105px;
	background: url(reimages2021/bd_mame.png) no-repeat center 0;
	color: #000;
	margin: 0 auto;
	width: 960px;
}
.botAreaB #botAreaB-inner {
	height: 100%;
	background: url(reimages2021/bg_mame.png) no-repeat right 250px top 610px;
	padding-bottom: 200px;
	display: flex;
}
.botAreaB #botAreaB-inner .sidewrapper{
	margin: 0 10px;
	width: calc((100% - 240px) / 3);
}
.botAreaB a:hover img {
	opacity: 0.5;
}
.botAreaB .book_qr .qrArea p{
	text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
}
.botAreaB .book_qr .bookArea{
	text-align: center;
	margin-top: 35px;
}
.botAreaB .book_qr .bookArea .book_title{
	margin-bottom: 10px;
}
.botAreaB .book_qr .bookArea p{
	margin-top: 5px;
	color: #808080;
}
/* ボトムエリアB　タグ */
ul.tagcloud li.tag-weight-0,
ul.tagcloud li.tag-weight-1,
ul.tagcloud li.tag-weight-2,
ul.tagcloud li.tag-weight-3,
ul.tagcloud li.tag-weight-4 {
	font-size: 12px;
}
.plugin-tag_cloud.sidewrapper .side .tagcloud li {
	width: auto;
	padding: 0 5px 5px 0;
	display: inline-block;
	letter-spacing: -0.5em;
	font-size: 12px;
}
.plugin-tag_cloud.sidewrapper .side .tagcloud li a {
	padding: 5px;
	font-size: 12px !important;
	background-color: #add9e1;
	border-radius: 2px;
	display: inline-block;
	letter-spacing: normal;
	line-height: 1;
	color: #fff;
}


/* ボトムエリアB　書籍 */
.booksLink {
	padding-left: 5px;
	letter-spacing: -0.5em;
}
.booksLink li {
	width: 107px;
	padding-right: 15px;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
}
.booksLink li:last-child {
	padding-right: 0;
}
.booksLink li img {
	max-width: 100%;
}
.booksLink li .txt {
	padding-top: 20px;
	text-align: left;
}


/* カレンダー */
.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;
	border: 1px solid #e4e7e8;
}
table.caltblday .calon {
	border: none;
}
table.caltblday .calon a {
	background-color: #2e90c5;
	color:#fff;
	height: 23px;
	line-height: 23px;
	text-shadow: 0 1px 0 rgba(0,0,0,0.7);
}
table.caltblday .calon a:hover {
	background-color: #197bb0;
}

/* ============================
カテゴリ
============================ */
.categoryArea {
	position: relative;
	clear: both;
	padding-top: 70px;
}
.categoryArea .inner ul{
	display: flex;
	flex-wrap: wrap;
	list-style: none;
}
.categoryArea .inner ul li{
	width: 25%;
	margin-bottom: 20px;

}
.categoryArea .inner ul li a{
	display: flex;
	align-items: center;
	font-weight: bold;
	text-decoration: none;
}
.categoryArea .inner ul li a .ph{
	width: 60px;
	height: 60px;
	overflow: hidden;
}
.categoryArea .inner ul li a .ph img{
	transform: scale(1.0);
	transition: 0.4s;
	width: 100%;
}
.categoryArea .inner ul li a:hover .ph img{
	transform: scale(1.1);
}
.categoryArea .inner ul li a p{
	width: valc(100% - 70px);
	padding-left: 10px;
	box-sizing: border-box;
}

/* その他のパーツ
----------------------------------------------- */
/* アーカイブヘッダ */
.archives-header {
	margin-bottom: 60px;
	text-align: center;
}
.archives-header h1 {
	width: auto;
	color: #000;
	font-size: 24px;
	font-weight: bold;
	display: inline-block;
}
.archives-header h1 a {
	color: #000;
}

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


/* 特殊機能・カスタマイズ
----------------------------------------------- */
/* かんたんタイトル画像 */
#blog-header.show-image #blog-header-image {
	border-radius: 4px 4px 0 0;
}
#blog-header.hide-text #blog-title a {
	background-color:#fff;
	opacity: 0;
	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;
}

/* ページトップへ */
.to-pagetop {
    bottom: 30px;
    position: absolute;
    right: 0;
}
.to-pagetop a {
    background: url(reimages2021/icn_top.png) no-repeat 0 0;
    display: block;
    width: 213px;
    height: 149px;
    text-indent:-9999px;
    transition: 0.3s;
    transform: translateY(0);
}
.to-pagetop a:hover {
	transform: translateY(-20px);
}

/** ---------- Google AdSense ---------- **/
.google-user-ad { margin:0px auto;  }
.google-user-ad-728 { margin:0px auto; }
.google-user-ad-side { margin:0px; }
.google-user-ad-side1 { margin:0 0 30px; }
.ad-center { text-align:center; }
.google-user-ad-top {
  display: flex;
  justify-content: center;  
  margin:20px auto;
}
.google-user-ad-over {
  position: absolute;
  right: -320px;
  width: 300px;
  height: 600px;
  top: 0;
}

#gStickyAd {
 position: fixed;
 bottom: 0px;
 background-color: lightgray;
 height: 90px;
 width:100%;
 display:flex;
 text-align:center;
 justify-content:center;
z-index: 1000;
}

#gCloseButton {
 position: absolute;
 right: 10px;
 top: 10px;
 width: 27px;
 height: 27px;
 display:flex;
 cursor: pointer;
 font-size: 27px;
 text-align: center;
 color: gray;
 font-weight: bold;
}

.yadsOverlay {
position: fixed;
z-index: 1000;
bottom: 0px;
left: 0px;
width: 100%;
visibility: visible;
opacity: 1;
}

#blog-footer {
     margin-bottom: 85px;
}


/*記事下コメント欄*/
#comment-form.comment-form-v2 .comment-form-tools .rating-icon-v2 div.selected::before {
    background: #add0ff;
    border-color: #add0ff;
}
#comment-form.comment-form-v2 .comment-form-tools .memorize label input:checked + span::before {
    background: #add0ff;
}

#comment-form.comment-form-v2 .comment-form-tools .comment-form-sumibit .submit button {
    background: #add0ff;
}