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

/**
@prefix : <http://purl.org/net/ns/doas#> .
<> a :CSSStylesheet;
 :title "Official Blog Template";
 :shortdesc "Design Template for livedoor Blog Official Blogger";
 :created "2016-04-14";
 :release [:revision "β1.8"; :created "2019-09-03"];
 :page <https://blog.livedoor.com>;
 :rights "LINE Corporation".
*/


/* 基本設定
----------------------------------------------- */
body {
  background: url(images/bg.jpg) repeat 0 0;
  font: 14px/1.2 Helvetica, Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, sans-serif;
}
#wrapper {
}
#container {
  margin: 0 auto;
}
/* #content {
  position: relative;
} */
#main {
  padding: 40px 0;
}
#sidebar {
  padding: 40px 0 140px;
  width: 300px;
}
a,
.calendarhead a:visited {
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}


/* ブログのヘッダー、タイトル、説明
----------------------------------------------- */
#blog-header {	
  height: 554px;	
  background: url(/images/head_bg.jpg) repeat center top / 1500px 554px;
}
#blog-header-inner {	
  position: relative;	
  height: 554px;
  margin: 0 auto;	
  padding-top: 0;	
}	
#blog-header-inner .blog-header-logo {	
  position: absolute;	
  top: 68px;	
  left: 0;	
}
#blog-header-inner img.blog-header-logo {
    width: 280px;
}
#blog-title {
  padding: 0;
  position: relative;
}
#blog-title::before,
#blog-title::after {
  content: "";
  position: absolute;
  bottom: 87px;
  width: 176px;
  height: 137px;
  background: url(images/tree.png) no-repeat bottom center / 176px 137px;
}
#blog-title::before {
  left: -162px;
}
#blog-title::after {
  right: -162px;
}
#blog-description {
  padding: 0 48px;
}
#blog-title,
#blog-title a {
  display: block;
  color: #000;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2;
}
#blog-description,
#blog-description a {
  color: #000;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.4;
}
#blog-header.hide-text #blog-title,
#blog-header.hide-text #blog-title a {
  display: block;
  width: 100%;
  height: 100%;
}
#blog-header.hide-text #blog-title {
  padding: 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;
          transition: opacity 0.1s linear;
}
#blog-header.hide-text #blog-title a:hover {
  opacity: 0.15;
}


/* メニューバー
------------------------------------- */
.ldb_menu-wrapper {
  position: relative;
  margin: 0 auto;		
}
.ldb_menu-inner{
  position: relative;
  width: 1080px;
  margin: 0 auto;
  overflow: hidden;
}
.ldb_menu-list {
  display: flex;	
	line-height: 1.0;	
	margin: 34px 0 0;
}
.ldb_menu-list li{
  list-style: none;
  margin: 0;	
  font-weight: bold;	
  font-size: 15px;	
	text-align: center;	
}
.ldb_menu-list li a {
  position: relative;	
  display: block;	
  min-width: 82px;
  padding: 0 20px;	
  color: #50404a;		
  line-height: 1;	
  letter-spacing: 0.05em;
  text-decoration: none;	
  box-sizing: border-box;
}
.ldb_menu-list li a::before {	
  content: "";
  position: absolute;	
  top: -34px;
  left: 50%;	
  width: 40px;
  height: 28px;
  background: url(/images/nav_on.png) no-repeat center center / 40px 28px;			
	opacity: 0;	
  transition: all 0.5s;	
	transform: translateX(-50%);	
}
.ldb_menu-list .ldb_menu-item-current a,
.ldb_menu-list li a:hover {
  color: #007130;
}
.ldb_menu-list li a:hover:before {	
	margin-left: 0;	
	opacity: 1;	
}	
.ldb_menu-list li:first-child a {
  padding-left: 0;
}
.ldb_menu-list li:first-child a::before {
  left: 38%;
}
.ldb_menu-list li:nth-last-child(1) a::before,
.ldb_menu-list li:nth-last-child(2) a::before{
	display: none;
}
.ldb_menu-list li:nth-last-child(1),
.ldb_menu-list li:nth-last-child(2){	
	position: relative;	
  top: -11px;
	width: 32px;	
  height: 32px;
  margin-left: 30px;	
}	
.ldb_menu-list li:nth-last-child(2){
  margin-left: 25px;	
}
.ldb_menu-list li:nth-last-child(1) a,	
.ldb_menu-list li:nth-last-child(1) a:hover{	
	width: 32px;	
  height: 32px;	
  padding: 0 0;	
  color: #fff;	
  text-indent: -9999px;	
  border:none;	
}	
.ldb_menu-list li:nth-last-child(2) a,	
.ldb_menu-list li:nth-last-child(2) a:hover{
  width: 32px;	
  height: 26px;	
  margin-top: 3px;
  padding: 0;	
  color: #fff;	
  text-indent: -9999px;	
  border:none;	
}
.ldb_menu-list li:nth-last-child(1) a:hover,
.ldb_menu-list li:nth-last-child(2) a:hover{	
	opacity: 0.7;	
}	
.ldb_menu-list li:nth-last-child(1) a {	
	background: url(images/ico_insta.png) no-repeat;	
}	
.ldb_menu-list li:nth-last-child(2) a {	
	background: url(images/ico_twitter.png) no-repeat;	
}	
.ldb_menu-list li:nth-last-child(4) a {
  letter-spacing: 0.08em;
}
.ldb_menu-icons {
  display: none;
}
.ldb_menu-icons li {
  display: inline-block;
  margin: 0 4px;
}
.ldb_menu-icons .ldb_menu-icon-rss a {
  color: #fff;
  font-size: 32px;
}



/* メインカラム
----------------------------------------------- */
/* 記事全体 */
.article {
  position: relative;	
  margin-bottom: 54px;
  padding: 40px;	
	background: #fff;	
  border-radius: 8px;
}
.article-text {
  position: relative;
}
.article-description {
  line-height: 1.5;
}
.article-date,
.article-category {
  display: inline-block;
  margin-left: 0 !important;
  font-size: 12px;
}
.article-category a{	
  color: #ccc;	
}	

/* カテゴリ、コメント */
.article-category dt,
.article-comment-count dt {
  display: none;
}
.article-comment-count dl {
  position: relative;
}
.article-category dl,
.article-category dl a {
  color: #ccc;
}
.article-comment-count dl,
.article-comment-count a {
  color: #ccc;
}
.article-category dl:before {
  font-family: 'FontAwesome';
  content:"\f07b";
	color: #ccc;
}
.article-comment-count dl:before {
  font-family: 'FontAwesome';
  content:"\f075";
  color: #ccc;
}
.article-category,
.article-comment-count {
	width: auto;
}
.article-social-btn > span {
  margin: 0;
}


/* タグ */
dl.article-tags,
dl.article-tags a {
  color: darkgray;
  font-size: 12px;
}
dl.article-tags::before {
  font-family: 'FontAwesome';
  content:"\f02b";
}
dl.article-tags dt {
  display: none;
}
dl.article-tags dd:after {
  content: ',';
}
dl.article-tags dd:last-child:after {
  content: '';
}

/* 記事ヘッダー、記事タイトル */
.article-header {
  position: relatvie;
  margin-bottom: 20px;
}
.article-title {
  color: #68400e;
  font-size: 22px;
  font-weight: bold !important;	
  margin-bottom: 16px;
}
.article-title a {
  color: #68400e;	
  font-size: 16px;	
  font-weight: bold !important;	
  text-decoration: none;
  line-height: 1.1 !important;
}
.article-rating {
  top: 6px;
  position: relative;
}

/* 日付 */
.date_area {	
	display: flex;	
	justify-content: flex-end;	
	margin-bottom: 15px;	
}	
.article-date {	
	display: inline-block;	
  padding: 0;	
  color: #777;	
	text-align: center;	
	box-sizing: border-box;	
}

/* 関連記事 */
.article-body .related-articles {
  margin: 4em 0;
  line-height:1.3
}
.article-body .related-articles h3 {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  letter-spacing: 2px;
  border-bottom: 2px solid #007130;
  padding-bottom: 8px;
  margin-bottom: 40px;
}
.article-body .related-articles ul {
  list-style: none;
  margin: 0;
  padding-left:0;
}
.article-body .related-articles ul li {
  margin: 4px 0;
  padding-left: 0px;
  width: 150px;
  display: inline-block;
}
.article-body .related-articles.with-image ul li {
	margin-right: 10px!important;
	margin-bottom: 40px!important;
	vertical-align: top;
}
.article-body .related-articles.with-image ul li:nth-child(4),
.article-body .related-articles.with-image ul li:nth-child(8) {
	margin-right: 0!important;
}
.article-body .related-articles.with-image .related-article-image,
.article-body .related-articles.with-image .related-article-title {
  display: block !important;
}
.article-body .related-articles.with-image .related-article-image img {
  width: 100%;
	height: 100px;
	margin-bottom: 5px;
	padding-right: 0;
}
.article-body .related-articles.with-image .related-article-image img:hover {
	opacity: 0.6;
	transition-duration: 0.4s;
}
.article-body .related-articles.with-image .related-article-image {
  padding: 0;
}

/* 続きを読む */
.article-continue {	
  position: absolute;
  bottom: -20px;
  right: -16px;
  width: 122px;	
  height: 76px;	
  display: block;	
  line-height: 1;	
  text-indent: -9999px;
}	
.article .article-continue a {
	position: relative;
	background: url(/images/ico_more_off.png) no-repeat;
	display: block;
	width: 122px;
	height: 76px;
	transition: all 0.3s;
}
.article .article-continue a:hover {
	background: url(/images/ico_more_on.png) no-repeat;
}


/* メッセージボード */
.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;
}
.article-body-inner h1,
.article-body-inner h2,
.article-body-inner h3 {
  border-bottom:3px solid #7f7f7f;
  clear: both;
}
.article-body-inner h4 {
  border-bottom:1px solid #ccc;
  clear: both;
}
.article-body-inner blockquote {
  background-color:#fafafa;
  border: 1px solid #fff;
}
.article-body-inner blockquote:before {
  color: #ddd;
}
.article-body-inner img{
  height: auto;
  margin: 0 0 1.5em!important;
  max-width: 100%;
}
.article-first-image {
  overflow: hidden;
}
.article-first-image img {
  width: 100%;
}


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


/* ページ送り
----------------------------------------------- */
/* トップページ */
ul.index-navigator {	
  color: #777777;	
  padding-top: 50px;	
}	
ul.index-navigator li a,	
ul.index-navigator li.current span {	
  background-color: #fff;	
	color: #777777;	
  border-radius: 50%;	
  width: 37px;	
  height: 37px;	
  padding: 5px 0 0 0;	
  box-sizing: border-box;	
  font-weight: normal;	
}	
ul.index-navigator li.current span {	
  background-color: #f0a000;	
  color: #fff;	
}	
ul.index-navigator a:hover {	
  background-color: #fccd6f;	
  text-decoration: none;	
}	
ul.index-navigator a:visited {	
  color: #777777;	
}
ul.index-navigator .paging-first,
ul.index-navigator .paging-prev,
ul.index-navigator .paging-next,
ul.index-navigator .paging-last {
  font-family: sans-serif;
}

/* 記事ページ、月別アーカイブページ */
ul.article-pager li a,	
ul.archives-pager li a {	
  border-radius: 10px;	
  color: #fff;	
  background-color: #f0a000;	
}	
ul.article-pager li a:hover,	
ul.archives-pager li a:hover {	
  background-color: #ddd;	
}


/* ブログのフッター
----------------------------------------------- */
#blog-footer {
	background: #fff;
  color:#68400e;
}
#blog-footer-inner {
  padding: 22px 0;
  position: relative;
  margin: 0 auto;
}
#blog-footer a {
  color:#68400e;
}

/* ページトップへ */
#blog-footer .to-pagetop {
  position: absolute;
  bottom: 33px;
  right: 0;
  font-size: 0;
}
#blog-footer .to-pagetop a {	
  position: relative;	
  display: block;	
  width: 128px;	
  height: 142px;	
  background: url(/images/pagetop_off.png) no-repeat;	
  transition: all 0.1s linear;	
}	
#blog-footer .to-pagetop a:hover {	
  background: url(/images/pagetop_on.png) no-repeat;	
}	


/* ブログパーツ
----------------------------------------------- */
/* 共通 */
.sidewrapper {	
  position: relative;	
  margin-bottom: 52px;	
  padding: 20px 20px 20px;	
	background: #fff;	
	border-radius: 12px;	
}	
.sidewrapper .sidetitle {
	position: relative;
	padding: 42px 0 0; 
	text-align: center;
	display: inline-block;
}
.sidewrapper::after {
  content: "";
  position: absolute;
  left: 50%;
	transform: translateX(-50%);
}
.sidewrapper .sidetitlebody::after {	
	position: absolute;	
	content: "";	
	display: block;	
	background: url(/images/side_ico.png) no-repeat left center;	
	background-size: 100%;	
	width: 40px;	
	height: 48px;	
	top: -45px;	
	left: 50%;	
	transform: translateX(-50%);	
	z-index: 3;	
}	
.sidewrapper.plugin-popular_articles_with_image {	
  padding: 20px 20px 0;	
}	
.sidewrapper .sidetitlebody {	
	position: relative;	
  font-size: 16px;	
  font-weight: bold;	
  line-height: 1.2;	
	margin-bottom: 15px;	
	text-align: center;	
}	
.sidewrapper .sidetitle {	
	position: relative;	
	display: inline-block;	
	padding-top: 17px;	
	z-index: 4;	
}	
.sidewrapper .side {	
	position: relative;	
  margin: 0 0 7px 0;	
}	
.side div.popular-articles table {	
  width: 100%;	
}	
.sidewrapper .side .sidebody{	
  margin: 0 0 7px 0;	
}	
.sidewrapper.plugin-recent_articles .side .sidebody,
.sidewrapper.plugin-recent_articles_image .side ul.recent-article-image li {
  line-height: 1.5;
  margin: 0 0 10px 0 !important;
	border-bottom: 1px dashed #777777;
  padding-bottom: 10px !important;
}
.sidewrapper .popularArticlesWithImage li div.image.noimage {
  width: 60px;
  height: 60px;
  background: url(/images/noimage.png) no-repeat 0 0 / contain;
}	
.sidewrapper.plugin-popular_articles td.populararticles-title{
  line-height: 1.5;
  margin: 0 0 10px 0 !important;
	border-bottom: 1px dashed #777777;
  padding: 10px 0!important;
}
.sidewrapper .popularArticlesWithImage.B ul {
  padding-bottom: 10px;
}
.sidewrapper .popularArticlesWithImage ul li{
  line-height: 1.5;
  margin: 0 0 10px 0 !important;
	border-bottom: 1px dashed #777777;
  padding: 0!important;
}
.sidewrapper .popularArticlesWithImage ul li:last-child {
  margin: 0;
	border-bottom: none;
}
.sidewrapper .popularArticlesWithImage.A div.title {
  background: #50404a  !important;
  font-weight: normal !important;
}
.sidewrapper.plugin-recent_articles .side .sidebody:last-of-type {
  border-bottom: none;
  padding-bottom: 0 !important;
  margin: 0 0 0 0 !important;
}
/* 月別アーカイブ */
.plugin-monthly .month {
  padding-left: 1em;
}
.plugin-monthly .month div {
  margin: 4px 0;
}
.plugin-monthly .month div:before {
  content: '- ';
  color: #999;
}

/* カテゴリアーカイブ */
.plugin-categorize .category-child:before {
  content: '└ ';
  color: #999;
  margin-left: 8px;
}

/* カレンダー */
.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 {
  background-color: #000;
  border: none;
}
table.caltblday .calon a {
  background-color: #2e90c5;
  border: none;
}
table.caltblwk,
table.caltblday {
  max-width: 260px;
}
table.caltblday td a {
  color:#fff;
  height: 30px;
  line-height: 30px;
  text-shadow: 0 1px 0 rgba(0,0,0,0.7);
}

/* プロフィール */
.officialblog-profile .profile-title {
  font-size: 22px;
  font-weight: bold;
  margin: 12px;
}
.officialblog-profile .profile-text {
  font-size: 16px;
  margin: 0 12px;
  line-height: 1.5;
  text-align: left;
}
.officialblog-profile .profile-icons {
  text-align: center;
  margin-top: 8px;
}
.officialblog-profile .profile-icons li {
  display: inline-block;
  margin: 0 2px;
  line-height: 1;
}
.officialblog-profile .profile-icons li a {
  color: #000;
  font-size: 38px;
}
.officialblog-profile .profile-icons li a:hover {
  opacity: 0.8;
}
.officialblog-profile .profile-icons li.line {
  position: relative;
  top: 2px;
}
.officialblog-profile .profile-icons li.twitter a {
  color: #64a8dc;
}
.officialblog-profile .profile-icons li.facebook a {
  color: #3b5998;
}
.officialblog-profile .profile-icons li.instagram a {
  color: #335b87;
}
.officialblog-profile .profile-icons li.pinterest a {
  color: #c1101a;
}
.officialblog-profile .profile-icons li.gplus a {
  color: #dc4e41;
}
.officialblog-profile .profile-icons li.youtube a {
  color: #e22f28;
}
.officialblog-profile .profile-icons li.email a {
  font-size: 32px;
  position: relative;
  top: -3px;
}

/* タグ絞り込み検索 */
.plugin-search_tags li .search-tags {
  border: 1px solid #ccc;
  height: 30px;
  width: 100%;
}
.plugin-search_tags .search-tags-submit {
  text-align: right;
}
.plugin-search_tags .search-tags-submit-button {
  padding: 4px 24px;
  border: 1px solid #ccc;
  background-color: #f8f8f8;
  border-radius: 5px;
}


/* その他のパーツ
----------------------------------------------- */
/* アーカイブヘッダ */
.archives-header {
  position: relative;
  color: #68400e;
  margin-bottom: 40px;
  padding: 26px 0;
  border-radius: 35px;
  background: #fff;
  text-align: center;
}
.archives-header::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 16px;
  width: 88px;
  height: 84px;
  background: url(/images/ico_category.png) no-repeat 0 0 / 88px 84px;
}
.archives-header h1 {
  font-size: 20px;
  font-weight: bold;
}
.archives-header h1 a {
  color: #68400e;
}

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

/* かんたん背景画像 */
body.show-bg-image {
  background-attachment: fixed;
  background-repeat: no-repeat;	
  background-position: center top;
}

/* AdSense用スタイル */
.google-user-ad {
  margin:10px;
}
.google-user-ad-728 {
  margin:0 auto 24px;
}
.google-user-ad-side {
  margin:0;
  min-height:600px;
}
.google-user-ad-side1 {
  margin:0 0 20px;
  min-height:250px;
}
.ad-center {
  text-align:center;
}
div.google-2ad {
 margin:30px -10px 20px; 
 height:280px;
}
div.google-2ad-m {
 margin:0px 0px 0px; 
 height:280px;
}
div.google-2ad-b {
 margin:30px 0px 30px; 
 height:280px;
}
div.g-ad1 {
 float:left;
 margin-left:0px; 
}
div.g-ad2 {
 float:left;
 margin-left:30px; 
}


/* ============================
レイアウト設定
============================ */

/* ヘッダー幅 */
body.header-width--960 #blog-header-inner,
body.header-width--960 .ldb_menu-wrapper {
  width: 960px;
}
body.header-width--1080 #blog-header-inner,
body.header-width--1080 .ldb_menu-wrapper {
  width: 1080px;
}
body.header-width--full #blog-header-inner,
body.header-width--full .ldb_menu-wrapper {
  width: 100%;
}

/* コンテンツ幅 */
body.content-width--960 #container,
body.content-width--960 .ldb_menu-inner,
body.content-width--960 #blog-footer-inner {
  width: 960px;
}
body.content-width--960 .ldb_menu {
  width: 910px;
}
body.content-width--960 #main {
  width: 600px;
}
body.content-width--1080 #container,
body.content-width--1080 .ldb_menu-inner,
body.content-width--1080 #blog-footer-inner {
  width: 1080px;
}
body.content-width--1080 .ldb_menu {
  width: 1080px;
}
body.content-width--1080 #main {
  width: 728px;
}

/* サイドバー */
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.article-layout--normal .article-first-image,
body.article-layout--normal .article-description {
  display: none;
}
body.article-layout--list .article-body,
body.article-layout--2col .article-body {
  display: none;
}
body.article-layout--list .article-first-image {
  float: left;
}
body.article-layout--list .article-text {
  float: right;
}

body.content-width--960.article-layout--list .article-first-image {
  width: 224px;
  height: 168px;
}
body.content-width--960.article-layout--list .article-text {
  width: 352px;
}
body.content-width--1080.article-layout--list .article-first-image {
  width: 256px;
  height: 192px;
}
body.content-width--1080.article-layout--list .article-text {
  width: 448px;
}
body.content-width--1080.article-layout--2col .article {	
	position: relative;	
	min-height: 435px;	
	width: 350px;	
	padding: 0;	
	margin-bottom: 60px;	
}	
body.content-width--1080.article-layout--2col .article .article-header {	
	margin-bottom: 0;	
}	
body.article-layout--2col.eyecatch--on .first-article {	
	position: relative;	
	min-height: 470px;	
}		
body.content-width--1080.article-layout--2col .article .article-meta li {	
    float: none;	
}	
body.article-layout--2col .article:nth-of-type(odd) {
  float: left;
}
body.article-layout--2col .article:nth-of-type(even) {
  float: right;
}
body.article-layout--2col .article-description {
  height: 40px;	
	overflow: hidden;	
	padding: 0 20px;
}
body.article-layout--2col .article-title {
  max-height: 2.4em;
  margin: 10px 20px 0 20px;	
  height: 46px;
  line-height: 1 !important;
  overflow: hidden;
}
body.article-layout--2col.eyecatch--on .article:nth-of-type(odd) {
  float: right;
}
body.article-layout--2col.eyecatch--on .article:nth-of-type(even) {
  float: left;
}
body.content-width--960.article-layout--2col .article {
  min-height: 372px;
  width: 280px;
}
body.content-width--960.article-layout--2col .article-first-image {
  height: 210px;
}
body.content-width--1080.article-layout--2col .article-first-image {
  height: 238px;
  margin: 20px 20px 0;
}
body.content-width--1080.article-layout--2col .article-date {	
	color: #777;	
	padding: 20px 20px 5px;	
	box-sizing: border-box;	
	letter-spacing: 0.04rem;	
} 
body.content-width--1080.article-layout--2col .article-tags {
  display: none;
}
body.content-width--1080.article-layout--2col .article-comment-count {
  margin: 0 0 25px 20px;
}
body.content-width--1080.article-layout--2col .article-category dl:before {
  content: "";
}
body.content-width--1080.article-layout--2col .article-category {	
	display: inline-block;	
  position: absolute;	
  top: 0;	
	left: 50%;	
  min-width: 234px;	
  max-width: 340px;
	text-align: center;	
  font-weight: bold;	
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background: url(images/category_bg.jpg) repeat 0 0 ;
  transform: translateX(-50%);
  z-index: 10;
}	
body.content-width--1080.article-layout--2col .article-category::before {	
	position: absolute;	
	content: "";	
  top: -12px;
  left: -12px;	
	width: 34px;	
	height: 30px;	
	background: url(images/ico_list.png) repeat 0 0 / 34px 30px;
}	
body.content-width--1080.article-layout--2col .article-category span {	
  margin: 0 3px;	
}	
body.content-width--1080.article-layout--2col .article-category a {	
	position: relative;	
	display: inline-block;	
	text-align: center;	
	box-sizing: border-box;	
	padding: 16px 5px;	
  color: #fff;	
	font-size: 14px;	
}	
body.eyecatch--on .first-article,
body.eyecatch--on .first-article .article-first-image,
body.eyecatch--on .first-article .article-text {
  float: none!important;
  width: 100%!important;
}
body.eyecatch--on .first-article .article-first-image {	
  position: relative;	
  width: 435px !important;	
  height: 330px;	
  margin: 0 auto;	
  padding: 20px 0 16px;	
  overflow: hidden;	
  text-align: center;	
}
body.eyecatch--on .first-article .article-title a {
  font-size: 18px;
}
body.eyecatch--on .first-article .article-description {
  display: block;
}
body.eyecatch--on .first-article .article-tags {
  display: none;
}
body.content-width--960.eyecatch--on .first-article .article-first-image {
  height: 450px;
}
body.content-width--1080.eyecatch--on .first-article .article-header,
body.content-width--1080.eyecatch--on .first-article .article-footer {
  margin: 0 100px;
}
body.content-width--1080.eyecatch--on .first-article .article-title {
  margin-top: 10px;
  text-align: center;
  height: 46px;
}
/* ============================
profile_area
============================ */
#sidebar .profile_area {
  position: relative;
  text-align: center;
  margin: 35px 0 52px;	
  padding: 20px 20px 20px;	
	background: #fff;		
	border-radius: 12px;	
}
#sidebar .profile_area .txt_area {
  text-align: center;
  padding: 10px 0;
}
#sidebar .profile_area .profile_main_area .name {
  font-weight: bold !important;
  font-size: 24px;
  font-weight: normal;
  padding-bottom: 5px;
  color: #68400e;
}
#sidebar .profile_area p {
  line-height: 1.7;
  color: #373737;
}
/* ============================
tagcloud
============================ */
.sidewrapper.plugin-tag_cloud .side .tagcloud {
	text-align: left;
}
.sidewrapper.plugin-tag_cloud .side .tagcloud li{
	display: inline-block;
	font-size: 13px;
	color: #fff;
	margin-right: 4px;
	margin-bottom: 6px;
}
.sidewrapper.plugin-tag_cloud .side .tagcloud li a{
	color: #fff !important;
	padding: 5px 7px;
	border-radius: 4px;
	background: #007130;
	display: block;
	transition: opacity 0.3s;
	text-decoration: none;
}
.sidewrapper.plugin-tag_cloud .side .tagcloud li a:hover{
	opacity: 0.7;
}
/* ============================
banner_area
============================ */
#sidebar .banner_area {
  margin: -27px 0 35px;
}
#sidebar .banner_area div {
  margin-bottom: 8px;
}
#sidebar .banner_area .line_banner {
  margin-left: 0;
}
#sidebar .banner_area .line_banner a {
  transition: all 0.3s;
}
#sidebar .banner_area .line_banner a:hover {
  opacity: 0.7;
}
#sidebar .banner_area .history_banner {
  position: relative;
}
#sidebar .banner_area .history_banner a {
  display: block;
  width: 300px;
  height: 84px;
  background: url(/images/history_view_off.png)no-repeat;
  background-size: 100%;
  transition: all 0.1s linear;
  text-indent: -9999px;
}
#sidebar .banner_area .history_banner a:hover {
  background:url(/images/history_view_on.png) no-repeat;
}


/* ============================
配色カスタマイズ用
============================ */

/* 基本文字色 */
body {
  color: #373737;
}

/* 本文文字色 */
.article-body-inner {
  color: #373737;
}

/* 続きを読むのリンク色 */
.article-continue a:link,
.article-continue a:visited,
.article-continue:after {
  color: #373737;
}

/* リンク色、カレンダー、ページング背景色 */
a,
.calendarhead a:visited,
.sidewrapper input.sfbtn:hover,
.sidewrapper input.sfbtn:focus,
.side div.message-box input[type="submit"]:hover {
  color: #50404a;
}
ul.index-navigator li.current span,
table.caltblday .calon a {
  background-color: #f0a000;
}

/* 既読リンク色 */
a:visited {	
  color: #50404a;	
}	
body.content-width--1080.article-layout--list .article-comment-count a {	
  color: #ccc !important;	
}
/* リンクhover色 */
a:hover {
  color: #5a4b55;
}
table.caltblday .calon a:hover {
  background-color: #5a4b55;
}

/* アーカイブページの見出し色 */
.archives-header,
.archives-header a {
  color: #5a4b55;
}

/* 記事下カテゴリ、コメント、タグ */
.article-category dl,
.article-category a,
.article-comment-count dl,
.article-comment-count a,
dl.article-tags {
  color: darkgray; /* アイコン色 */
}
.article-comment-count dl a,
dl.article-tags a {
  color: #ccc; /* 文字色 */
}

/* サイドバーの見出し文字色 */
.sidewrapper .sidetitle,
.sidewrapper .sidetitle a {
  color: #68400e;
  letter-spacing: 0.05em;
}

/* コメント投稿欄 */
#comment-form.comment-form-v2 .comment-form-tools .rating-icon-v2 div.selected::before {
  background: #007130;
  border-color: #007130;
}
#comment-form.comment-form-v2 .comment-form-tools .memorize label input:checked + span::before {
  background: #007130;
}
#comment-form.comment-form-v2 .comment-form-tools .comment-form-sumibit .submit button {
  background: #007130;
}

div.popularArticlesWithImage.B {
    height: 405px;
}

/** ---------- Google AdSense ---------- **/
.google-user-ad-top {
  display: flex;
  margin-bottom: 20px;
}

.google-user-ad-article {
  display: flex;
  margin: 10px -17px 50px;
}


@media screen and (min-width:768px) and ( max-width:1024px) {
#wrapper {
    width: fit-content;
}

#blog-title::before, #blog-title::after {
    display: none;
}
}

/*カテゴリ表示調整*/
body.content-width--1080.article-layout--2col .article-category {
    padding: 8px 0;
}

body.content-width--1080.article-layout--2col .article-category a {
    padding: 0 5px;
}
.article-social-btn {
    height: 40px;
}


/* サイドバー書籍*/
.book img {
    width: 120px;
    margin: 0px 3px 25px;
}

/* 広告表示調整*/
.plugin-popular_articles_with_image.sidewrapper .side {
    min-height: 414px;
}