@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/

/* Simplicity子テーマ用のスタイルを書く */

/************************************
** 基本設定（General Setting）
************************************/
html, body {
  margin: 0;
  padding: 0;
}

body {
  font-family:
      'Hiragino Kaku Gothic ProN',
      Meiryo, Helvetica, Arial, sans-serif;
  font-size:14px;
  -webkit-text-size-adjust: 100%;
}

img{
  border-width:0;
  box-sizing: border-box;
}

.photochuou {
	text-align:center;
	margin:0;
	padding:0;
}

.photobox {
  border: 1px solid #ccc;
  background: #FFFFFF;
  margin:0 auto 0;
  padding:3px;
}

figure,
main figure{
	float: left;
  margin: 18px 28px 10px 0;
	border-radius:50px;
}

.article{
  width: 99%;
  font-size:14px;
  line-height:160%;
  margin:0 auto;
}

/*記事・カテゴリ中の画像を要素内に収める*/
.article img,
.category-description img,
.wp-caption,
.hover-image{
  max-width:100%;
  height:auto;
}

.aligncenter{
  clear:both;
}

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

p {
  padding-top:0.4em;
  padding-bottom:0.8em;
  line-height:150%;
}

/************************************
** 見出し（H1-6）
************************************/
h1, h2, h3, h4, h5, h6{
  line-height:130%;
  color:#696969;
}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6{
  position:relative;
  margin-top:35px;
  margin-bottom:0px;
}
.article h1 {
  margin-top:10px;
  margin-bottom:20px;
  font-size: 24px;
  line-height:117%;
}

#archive-title{
  padding-bottom:20px;
  font-size:26px;
}

/* ラインを年ごとに変える */
#related-entries h2, .article h2 {
  border:none;
  height:42px;
  background: url(images/line2021.png) no-repeat left 5px;
  margin: 40px 0px 15px;
  padding: 10px 0px 10px 40px;
  font-size:24px;
  color:#696969;
}

/* ラインを年ごとに変える */
.article h3{
  height:42px;
  background: url(images/line2021.png) no-repeat left 5px;
  margin: 40px 0 15px;
  padding:10px 0px 10px 35px;
  font-size:18px;
  border:none;
  color:#696969;
}

.article  h4{
  border-bottom:5px dashed #eee;
}

.article h5{
  font-size:20px;
  padding:8px 0;
}

.article h6{
  font-size:20px;
  padding:8px 0;
}

.entry-content{
  margin-bottom: 18px;
	padding-top:18px;
}


/* 記事タイトル（年ごとに色を変える） */
.entry-title02 {
  color: #b8144e;
}

.entry-title03 {
	margin-top:-300px;
  color: #b8144e;
}

.extlink {
  background: url(images/open.gif) no-repeat right 5px;
  padding: 0 13px 0 5px;
  margin:0 8px 0 0;
}


/* コメントのタイトル部分（ラインを色変え） */
.commenttitle {
  height:42px;
  background: url(images/line2021.png) no-repeat left 5px;
  margin: 40px 0 15px;
  padding:10px 0px 10px 35px;
  font-size:24px;
  border:none;
  color:#696969;
}

/************************************
アンカー　リンク色　年ごとに変える
*************************************/

/* メインリンク色 */
a {
  color: #b8144e;
  text-decoration: none;
  word-wrap: break-word;
}

/* ホバーした時のリンク色（基本変更なし） */
a:hover {
  color: #FFD700;
}

/* タイトルリンク色 */
.entry h2 a {
  color:#b8144e;
  font-size:24px;
  text-decoration:none;
  font-weight:bold;
}

/* サイドバーのリンク色 */
.widget_new_entries a,
.widget_new_popular a,
.widget_popular_ranking a,
.wpp-list a,
.entry-read a,
.related-entry-read a,
.article-list .entry-title a{
  color:#681d7c;
  text-decoration:none;
}

.widget_new_entries a:hover,
.widget_new_popular a:hover,
.widget_popular_ranking a:hover,
.wpp-list a:hover,
.entry-read a:hover,
.entry .post-meta a:hover,
.related-entry-read a:hover,
.entry a:hover,
.related-entry-title a:hover,
.navigation a:hover,
.article-list .entry-title a:hover,
.blog-card-title a:hover{
  color:#FFD700;
}

#footer .credit a:hover{
  color: inherit;
}

.widget_new_entries a:hover,
.widget_new_popular a:hover,
.widget_popular_ranking a:hover,
.wpp-list a:hover:hover{
  text-decoration:none;
}


/************************************
** 引用（blockquote）
************************************/
blockquote {
  background: #fefbd1;
  border: 1px solid #FFFFFF;
  margin: 1em 0;
  padding: 20px 55px;
  position: relative;
}


blockquote:before {
  color: #FFD700;
  content: "“";
  font-family: serif;
  font-size: 880%;
  left: 0;
  line-height: 1em;
  position: absolute;
  top: 0;
}

blockquote:after {
  color: #FFD770;
  content: "”";
  font-family: serif;
  font-size: 880%;
  line-height: 0;
  position: absolute;
  right: 0;
  bottom:0;
}

/* Internet Explorer11のみに適用したい設定 */
@media screen and (min-width:0\0) {
  *::-ms-backdrop, blockquote:before { left:  -55px; }
  *::-ms-backdrop, blockquote:after  { right: -55px; }
}



/************************************
** リスト（List）
************************************/
ul,ol {
}

ul ul{
  margin-left: 1em;
}
dl{
  margin: 30px 0;
}

dt{
  font-weight: bold;
}
dd{
  margin-bottom: 5px;
}

/************************************
** テーブル（Table）
************************************/
.article table{
  border-collapse: collapse;
	margin: 12px auto;
  max-width: 100%;
  width: auto;
}

/* テーブル見出し */
.article th{
  border: solid 1px #ccc;
  background-color: #c08fff;
  padding: 3px 5px;
  color:#FFFFFF;
}

.article td{
  border: solid 1px #ccc;
  padding: 3px 5px;
}

.article .scrollable-table th,
.article .scrollable-table td{
  white-space: nowrap;
}

.scrollable-table {
  overflow-x: auto;
  margin-bottom: 1em;
}

.article ol,
.article ul,
.article dl{
  line-height:180%;
}

/* 本文リストマーク（山吹色） */
.article ul li {
  list-style:none;
  background: url(images/point01.png) no-repeat left 1px;
  margin:0 0 0 -15px;
  padding:0 0 10px 23px;
}

.article > ol,
.article > ul,
.article > dl{
  margin:30px 0;
}

.article > ol ol,
.article > ul ul,
.article > dl dl{
  margin:0;
}

/* 本文リストマーク（赤色） */
.warning ul li {
  list-style:none;
  background: url(images/point_red07.png) no-repeat left 1px;
  margin:0 0 0 -15px;
  padding:0 0 10px 23px;
}

/************************************
** その他（Other）
************************************/
pre {
}

hr{
  color: #CCC;
  margin:30px 0;
  width:98%;
  border:1px solid #696969;
}

.category-description {
  margin-top:15px;
  margin-bottom: 30px;
  background-color: #FFFFFF;
  padding: 5px 20px;
  border-radius: 3px;
  border: 1px solid #ddd;
}

.wpp-range{
  text-align:right;
  font-size:14px;
}

span.search-excerpt {
  background-color: #f5cfa9;
}

.invisible{
  display:none;
}

hr.sep {
  background-image: linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
  border: none;
  height: 1px;
  position: relative;
  margin-bottom:130px;
}

/************************************
** レイアウト（Layout）
************************************/
#container {
  padding:0;
  margin: 0 auto;
}

#header-in, #navi-in, #body-in, #footer-in{
  width: 1070px;
  margin: 0 auto;
  box-sizing: border-box;
}

#header {
  margin-bottom: 0;
}
#header .alignleft,
#header .alignright{
  margin-bottom: 0;
  width: auto;
}
#header .alignleft{
  margin-left:0px;
  margin-right: 30px;
  /*max-width:700px;*/
}
#header .alignright{
  height: 52px;
  text-align:right;
  margin-right:30px;
  right: 0;
  top: 0;
  position: absolute;
}

#body{
  margin-top:8px;
}

#main {
  float: left;
  box-sizing: border-box;
  width: 740px;
  padding: 33px 0px;
  border:none;
  background-color:transparent;
  border-radius: 4px;
  margin-bottom: 30px;
  position: relative;
}

#sidebar {
  float: right;
  width: 300px;
  margin-bottom: 30px;
}

#sidebar-widget{
  margin-left:-10px;
  overflow: hidden;
}

.clear{
  clear:both;
}

/************************************
** ヘッダー(header)
************************************/
*:first-child+html #header > div{ /* IE7 */
  clear: both;
  zoom:1;
}

#h-top{
  min-height:100px;
  overflow:hidden;
  background-repeat: no-repeat;
  background-position: top left;
  position: relative;
}

#site-title{
  margin-top:38px;
  margin-bottom:10px;
  font-size: 30px;
  line-height: 100%;
}

/* サイトタイトルが文字の場合の色） */
#site-title a{
  text-decoration:none;
  color:#b8144e;
  font-size:30px;
  font-weight:normal;
}

#site-description{
  color: #696969;
  margin:0;
  line-height:140%;
  font-size:16px;
  margin-right:20px;
  margin-left:30px;
  margin-bottom:10px;
  font-weight:normal;
}

#header-image{
  margin-bottom: 40px;
}


/************************************
** フッターナビメニュー
************************************/

/* 前の記事次の記事の仕切り線 */
#footer-navi ul{
  text-align: center;
  padding-left: 0;
  border:1px solid #b8144e;
}

#footer-navi ul li {
  display: inline;
  list-style: outside none none;
}

#footer-navi ul li::before {
    content: "|";
    padding: 0 0.6em;
}

#footer-navi ul li:first-child::before{
  content: "";
  padding: 0;
}

#footer-navi ul .sub-menu{
  display: none;
}

/************************************
** サーチフォーム（Search Form）
************************************/
#searchform{
  position: absolute;
  margin:8px 10px 20px 8px;
  padding:0;
}

#searchbutton {
  width:500px;
  margin-left:auto;
  margin-top:30px;
  padding-bottom:60px;
}

.socialbutton0001 {
  text-align:right;
}

.socialbutton0001 li {
  float:left;
  padding-top:10px;
  margin:0 3px;
  list-style:none;
}

#s{
  width: 300px;
  padding:0 10px 0 12px;
  margin:0 0 20px;
  box-sizing: border-box;
  height:26px;
  color: #333;
}

#searchsubmit{
  position: absolute;
  width: 30px;
  height: 20px;
  border: none;
  background: url(images/search.png) no-repeat 6px 2px;
}

/************************************
** メインカラム（#main、記事、固定ページなど）
************************************/
#main .post,
#main .page{
  margin-bottom: 38px;
}

.sticky{
  /* 先頭固定ポストのスタイル */
}

/* カテゴリー部分グラデーション */
.post-meta{
  width:700px;
  height: 18px;
  margin: 0 28px 0 -13px;
  padding:8px;
  border-radius: 8px;
  text-align:right;
	background-image: linear-gradient(#a080ff, #ffffff 50%, #a080ff);
  font-size:12px;
}


.post-meta .post-date,
.post-meta .post-update,
.post-meta .category,
.post-meta .comments,
.post-meta .edit,
.footer-post-meta .post-tag,
.footer-post-meta .post-author,
.footer-post-meta .edit{
  padding-right: 16px;
}
.comment-num{ white-space: nowrap; }


/* フッタータイトル下線（カレンダー、Twitter部分。年ごとに変更） */
.footer-post-meta{
  padding-top:8px;
  margin-bottom:-40px;
  text-align: right;
  color:#696969;
  font-size:12px;
  border-top:1px dotted #681d7c;
  clear:both;
}

.article-list .footer-post-meta{
  margin-top:30px;
}

.more-link {
  clear: both;
  display: block;
  margin-bottom: 30px;
  text-align: right;
  margin-top: 15px;
}

/*タグが入っていない場合は非表示*/
#list .post .footer-post-meta:empty,
#list .post .footer-post-meta .post-tag:empty{
  display: none;
}

/*.more-link{
  float: right;
  margin-bottom:30px;
}*/

/************************************
** index.phpのリスト
************************************/
#main .entry{
  clear:both;
  margin-bottom:18px;
/*  overflow: auto;
  zoom: 1;*/
  word-wrap: break-word;
}

.entry-thumb{
  float:left;
  margin-right:10px;
  margin-top: -130px;
  margin-left: 3px;
}

.entry-thumb a{
  display: block;
}

.entry-thumb img{
  border:0;
  width:128px;
  height:128px;
  display: block;
  /*margin-bottom: 40px;*/
}

/*大きなサムネイル表示スタイルでのサムネイル*/
.entry-large-thumbnail img{
  width: 320px;
  height: 180px;
}

.entry-card-content{
  margin-left:0px;
}


/* タイトル下カテゴリー＆時間のグラデーションバー */
.entry .post-meta{
  width:700px;
  height: 18px;
  margin: 0 28px 18px -13px;
  padding:8px;
  border-radius: 8px;
  text-align:right;
	background-image: linear-gradient(#a080ff, #ffffff 50%, #a080ff);
  font-size:12px;
}

.entry .post-meta a{
  color:#b8144e;
}

.entry h2{
  margin-bottom:5px;
  margin-top: 0;
}

/* タイトルリンク（リンク色と合わせる） */
.entry h2 a{
  color:#b8144e;
  font-size:24px;
  text-decoration:none;
  font-weight:bold;
}

.entry-snippet{
  margin:28px 0 5px 138px;
  line-height:150%;
  color:#696969;
}

.entry-read {
  text-align: right;
  margin-top:5px;
  margin-right: 25px;
  margin-bottom:-20px;
}


/* 続きを読む　年ごとに色変え */
.entry-read a{
  color:#FFFFFF;
  font-size:12px;
  background-color:#392895;
  border:1px solid #392895;
  border-radius:6px;
  padding:3px 6px 2px 5px;
  text-decoration:none;
}

/* 続きを読むマウス合わせ　年ごとに色変え上の色少し明るめ */
.entry-read a:hover{
  color:#FFFFFF;
	font-weight:bold;
  background-color:#c1b8ef;
  border:1px solid #c1b8ef;
  -webkit-transition:all 0.3s;
  -moz-transition:all 0.3s;
  transition:all 0.3s;
}


.entry-snippet,
.related-entry-snippet{
  word-wrap: break-word;
}


/************************************
** WordPress Misc
************************************/
.aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

img.alignleft,
.wp-caption.alignleft {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
img.alignright,
.wp-caption.alignright {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
}


.wp-caption {
  padding-top: 4px;
  border: 1px solid #ddd;
  border-radius: 3px;
  background-color: #FFFFFF;
  text-align: center;
}

.wp-caption-text,
.gallery-caption{
  font-size: 80%;
}

.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption-dd {
  margin: 0;
  padding: 0 4px 5px;
  font-size: 11px;
  line-height: 17px;
}

img.alignright {
    display: inline-block;
    margin: 0 0 1em 1.5em;
}

img.alignleft {
    display: inline-block;
    margin: 0 1.5em 1em 0;
}

/************************************
** index.php Main
************************************/
.content-box{
  float: right;
  margin-top: -0.25em;
  width: 420px;
}
.content-box .more-link{
  margin: 0;
}

.thumbnail-box{
  float: left;
  width: 160px;
}
.thumbnail-box img{
  width: 160px;
  height: 160px;
}

/************************************
** パンくずリスト（Breadcrumb）
************************************/
.pankuzu {
  margin-top:-10px;
 padding-bottom:18px;
}

.breadcrumbback {
  background: url(images/arrow-right05.png) no-repeat center 21px;
}

#breadcrumb ul{
  margin:0 10px;
  padding-right:20px;
  list-style:none;
}

#breadcrumb li{
  padding:20px 6px;
}

/* パンくずリストリンク */
#breadcrumb ul li a{
  text-decoration:none;
  color:#b8144e;
}

/************************************
** ページャー、ページナビゲーション
************************************/
/* ページナビ */
.pagination{
  list-style-type: none;
  padding-left: 0;
  text-align: center;
  margin: 40px 0;
}

.pagination li{
  display: inline-block;
}

/* ページナビ枠線（リンク色と合わせる） */
.pagination a {
  font-weight: 500;
  text-decoration:none;
  border: 1px solid #8a2453;
  border-left-width: 1px;
  width:38px;
  height:38px;
  color: #696969;
  display: block;
  line-height: 38px;
  background-color:#FFFFFF;
}

/* ページナビ現在のページ以外を選んだ時（リンク色と合わせる） */
.pagination li:not([class*="current"]) a:hover {
  background-color: #e085ab;
  color: #FFFFFF;
}

.pagination li:first-of-type a {
  border-left-width: 1px;
}

.pagination li.first span,
.pagination li.last span,
.pagination li.previous span,
.pagination li.next span {
  /* screen readers only */
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.pagination li.first a::before,
.pagination li.last a::after,
.pagination li.previous a::before,
.pagination li.next a::after {
  display: inline-block;
  font-family: Fontawesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

.pagination li.first a::before { content: "\f100"; }
.pagination li.last a::after { content: "\f101"; }

.pagination li.previous a::before { content: "\f104"; }
.pagination li.next a::after { content: "\f105"; }

.pagination li.current a {
 background-color: #f9c8c6;
 cursor: default;
 pointer-events: none;
}

/* ページナビ現在のページ（リンク色と合わせる） */
.pagination li.current span {
 background-color: #9a1847;
color:#FFFFFF;
 cursor: default;
 pointer-events: none;
}

.pagination > li:first-child > a {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination > li:last-child > a {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

@media only screen and ( max-width: 640px ) {
  .pagination li.first,
  .pagination li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .pagination li.previous a { border-left-width: 1px; }
}

@media only screen and ( max-width: 500px ) {
  .pagination li {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .pagination li.current,
  .pagination li.first,
  .pagination li.last,
  .pagination li.previous,
  .pagination li.next{
    position: initial;
    top: initial;
    left: initial;
  }

  .pagination li.previous a { border-left-width: 0; }
}

/*@media only screen and ( max-width: 400px ) {
  .pagination li.first,
  .pagination li.last {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .pagination li.previous a { border-left-width: 1px; }
}
*/
.entry-large-thumnail{
  width: 100%;
  height: auto;
}

/************************************
** 関連記事（Relation）
************************************/
.related-entry{
  line-height:150%;
  margin-bottom:20px;
  margin-right:10px;
  clear: both;
/*  overflow: auto;
  zoom: 1;*/
}

.related-entry h4{
  margin-top: 0;
}

.related-entry-thumb {
  float: left;
  margin-top: 3px;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

.related-entry-thumb a{
  display: block;
}

.related-entry-thumb img{
  border:0;
  width: 110px;
  height: 110px;
  /*margin-bottom: 20px;*/
  display: block;
}

/*関連記事のサムネイル表示*/
.related-entry-thumbnail img{
  width: 110x;
  height: 110px;
  margin:0 auto -30px;
}

.related-entry-content {
	text-align:center;
	padding:18px 18px 0;
	margin:-30px 0 0 0;
}

.related-entry-title{
  margin-bottom:5px;
}

.related-entry-title a{
  text-decoration:none;
  font-size:15px;
  font-weight:bold;
  color:#902c37;
}

.related-entry-snippet{
  margin:0 0 5px 0;
  color:#555;
}

.related-entry-read{
  margin:0;
  font-size:14px;
}

/************************************
** 関連記事サムネイル（Relation）
************************************/
.related-entry-thumbnail{
  width:180px;
  height:550px;
margin:21px 0;
  text-align:center;
  overflow:hidden;
  float:left;
}

.related-entry-thumbnail .related-entry-thumb{
	margin:0;
	padding:0 0 21px;
}

.related-entry-thumbnail .related-entry-content{
  margin:-18px -15px 31px;
padding-bottom:18px;
}

.related-entry-thumbnail .related-entry-content a{
  font-weight:normal;
}

/************************************
** コメントエリア（Comments Area）
************************************/
#comment-area ol,
#comment-area ul{
  list-style:none;
  padding-left:0;
}

#comment-area ol ul,
#comment-area ul ul{
  margin-left: 1.5em;
}

.required{
  color: #cc0034;
}

.required01{
	text-align:center;
	margin:-31px auto -21px;
}


.commets-list,
.trackback-list{
  margin-top: -20px;
  margin-bottom: 40px;
}
.commets-list li,
.trackback-list li{
  margin-top: -1px;
  padding: 20px 0 0;
  width: 100%;
  border-bottom: 1px solid transparent;
}
.commets-list .avatar{
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.comment-meta,
.form-allowed-tags,
span.small{
  font-size: 14px;
}

.comment-notes {
  font-size: 14px;
}

.comment-body p{
  clear: both;
}

.reply {
	padding-bottom:18px;
}

.comment-respond {
	text-align:right;
	padding:24px 0 0;
}

#commentform {
	text-align:left;
}

/* コメント返信ボタン（リンク色と合わせる） */
.comment-reply-link {
	 background: #9a1d40; /* 背景色 */
  color: #fff; /* 文字色 */
  padding: 4px 18px; /* 上下の余白、左右の余白 */
  text-decoration: none; /* デフォルトで入る下線を消す */
  border-radius: 18px; /* 角を丸くする */
  transition-property: opacity;
　-webkit-transition-property: opacity;
  transition-duration: .5s;
  -webkit-transition-duration: .5s;
  font-size: 14px;
}

.comment-reply-link:hover {
  color: #fff; /* 文字色 */
  opacity: .7;
}

/* コメントキャンセルボタン */
.comment-respond #cancel-comment-reply-link {
	 background: #9a1d40; /* 背景色 */
  color: #FFFFFF; /* 文字色 */
  padding: 5px 18px 4px; /* 上下の余白、左右の余白 */
  text-decoration: none; /* デフォルトで入る下線を消す */
  border-radius: 18px; /* 角を丸くする */
  transition-property: opacity;
　-webkit-transition-property: opacity;
  transition-duration: .5s;
  -webkit-transition-duration: .5s;
	font-weight:700; /*フォント太さ*/
	font-size:12px;
}

.comment-respond #cancel-comment-reply-link:hover {
  opacity: .7;
}

/* 記事投稿者のコメントのスタイル */
.bypostauthor{
}

.children {
  background-color:transparent;
}

/* 子記事 */
.parent {
	background-color:#fefcde;
}


#respond{
  margin-top: 33px;
}

#reply-title{
  font-size: 18px;
	  text-align: center;
  z-index: 10000;
  margin-bottom: 44px;
}


/* この記事にコメントをする */
.ribbon10 {
  display: inline-block;
  position: relative;
  height: 45px;
  text-align: center;
  box-sizing: border-box;
  z-index: 10000;
}

.ribbon10:before {
  content: '';
  position: absolute;
  width: 10px;
  bottom: -10px;
  left: -35px;
  border: 20px solid #ffef80;
  border-left-color: transparent;
}

.ribbon10:after {
  content: '';
  position: absolute;
  width: 10px;
  bottom: -10px;
  right: -35px;
  z-index: -1;
  border: 20px solid #ffef80;
  border-right-color: transparent;
}

.ribbon10 h3 {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0 20px;
  line-height: 45px;
  font-size: 18px;
  color: #696969;
  text-shadow: 0 0 2px #FFF;
  background: -webkit-repeating-linear-gradient(-45deg, #ffef80, #ffef80 3px,#fff8dc 3px, #fff8dc 7px);
  background: repeating-linear-gradient(-45deg, #ffef80, #ffef80 3px,#fff8dc 3px, #fff8dc 7px);
}

.ribbon10 h3:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-right: solid 15px #daa520;
}

.ribbon10 h3:after {
  position: absolute;
  content: '';
  top: 100%;
  right: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-left: solid 15px #daa520;
}

#comments{
  font-size: 21px;
  margin-bottom: 18px;
}

/* キャプチャ部分 */
.bottommargin {
	margin-bottom:-30px;
}

/* コメントタブ追加CSS */
#tabContainer {
  border-bottom:1px solid #ccc;
  position:relative;
  margin:20px 0 20px 0;
  padding:0;
  height:31px;
}

#tabContainer ul {
  list-style:none;
  position:absolute;
  right:0px;
  bottom:-1px;
  margin:0;
  border-right:1px solid #ccc;
  width:100%;
}

#tabContainer ul li {
  list-style:none;
  float:left;
  text-align:center;
  margin:0;
  line-height:0;
  width:50%;
}

/* 選択されていないタブの色（リンク色と合わせる） */
#tabContainer ul li a, #tabContainer ul li p {
  color:#333;
  font-size:12px;
  padding:0;
  margin:0;
  width:100%;
  text-decoration:none;
  display:block;
  border:1px solid #972fd0;
	border-radius: 8px 8px 0px 0px;
  background:#f1d6ff;
  line-height:31px;
}

#tabContainer .activeTab {
  list-style:none;
  border-bottom:1px solid #fff;
  background:#fff;
  color:#696969;
}

#tabContainer ul li.activeTab a:hover {
  background:#fff;
  color:#696969;
}

#tabContainer ul li a:hover {
  color:#696969;
}

.comment-container {
  border:1px solid #CCC;
  border-radius: 8px;
  padding:0 0 12px;
}

.comment-wrapper {
}

.comment-reply {
  text-align:right;
  margin-right:18px;
}

/* 「コメントがありません」の背景色（リンク色と合わせ年ごとに変更） */
.nocomments {
  background-color:#f0d8fd;
  padding:8px 28px 6px;
  border:1px solid #c266f4;
  border-radius: 8px;
}

.comment-content {
  padding:4px 28px 8px;
}

.comment-author-name {
  font-size:14px;
  padding:12px 0 0;
}

#area01 {
  margin-bottom:33px;
}
#area02 {
  margin-top:-22px;
  margin-bottom:33px;

}

.comment-form-comment {
  margin-bottom:-12px;
}

#trackbackurl input[type="text"] {
  font-size:12px;
	margin-bottom:18px;
}

/************************************
** 入力フォーム（Form）
************************************/
/* 入力フォームの枠線（リンク色と合わせる） */
input[type="text"],
input[type="url"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="tel"],
textarea {
  background-color: #fff;
  background-image: none;
  border: 1px solid #4133ff;
  border-radius: 4px;
  color: #696969;
  /*display: block;*/
  font-size: 14px;
  line-height: 1.42857;
  padding: 2px 4px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
  box-sizing: border-box;
outline: none;
}

input#author,
input#email,
input#url{
  max-width: 360px;
}

.gsc-search-box input[type="text"]{
  background-color:#FFF;
  border-radius: 0px;
}

#comment-area input[type="text"],
#comment-area textarea{
  display: block;
}

.textarea {
  overflow: auto;
  width:100%;
  box-sizing: border-box;
}

/* 現在の入力フォーム（年ごとに変更） */
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
textarea:focus {
  border: 1px solid #ffffff;
  background: #FFFFFF;
box-shadow:0px 0px 8px #1000db;/* この色を変更 */ 
   color: #696969;
outline: none;
}

/* ボタン */
.button,
button,
input[type="reset"],
input[type="button"] {
  display: inline-block;
  margin-bottom: 20px;
  padding: 8px 14px;
  border: 1px solid #f688d0;
  border-radius: 3px;
  background: #fff;
  color: #696969;
  text-decoration: none;
  font-weight: bold;
  line-height: normal;
  cursor: pointer;
  /* Old browsers */
}

.form-submit {
  text-align: center;
margin-bottom:-44px;
}

/* 投稿ボタン（年ごとに変更） */
input[type="submit"] {
  display: inline-block;
  width:210px;
	height:39px;
  border: 1px solid #69172e;
  border-radius: 8px;
  background: #69172e;
	font-size:16px;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
  line-height: normal;
  cursor: pointer;
}

input[type="submit"]:hover {
  border: 1px solid #e74071;
  border-radius: 8px;
  background: #e74071;
}

.button:hover,
button:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
  background: #d5104e;
}

select, option{
  padding: 5px;
}

/*
select{
  border: 1px solid #bbb;
  border-right: 2px;
}

select, option {
  margin: 0.5em 1px;
  padding: 3px 5px;
  vertical-align: middle;
}
#sidebar select{
  width: 100%;
}
*/
/*.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
  position: relative;
  top:1px;
}*/

/************************************
** サイドバー（Sidebar）・ウィジェットなど
************************************/
/* サイドバータイトル画像 */
#sidebar h3{
  background: url(images/sidebar002.png) no-repeat left 2px;
  font-size:18px;
  font-weight: bold;
}

/* サイドバータイトル */
.widget_title {
  height: 41px;
  color: #FFFFFF;
  padding: 11px 0 0 10px;
  font-weight: nomal;
}

#sidebar .widget{
  height:auto;
  margin-bottom: 20px;
}

#sidebar ul,
#sidebar ol {
  margin-bottom:0;
  padding: 0 0 0 10px;
  list-style:none;
}

/* サイドバーのアイコン */
#sidebar li {
  background: url(images/point01.png) no-repeat 6px 1px;
  margin:0 0 0 -15px;
  padding:1px 0 10px 29px;
}

/************************************
** 新着記事・人気記事（new, pupular）
************************************/
.widget_new_entries,
.widget_new_popular,
.widget_popular_ranking{
  line-height:150%;
}

.widget_new_entries h4,
.widget_new_popular h4,
.widget_popular_ranking h4{
  margin-bottom:15px;
}

#main .widget_new_entries ul,
#main .widget_new_popular ul,
#main .widget_popular_ranking ul,
#sidebar .widget_new_entries ul,
#sidebar .widget_new_popular ul,
#sidebar .widget_popular_ranking ul,
#footer .widget_new_entries ul,
#footer .widget_new_popular ul,
#footer .widget_popular_ranking ul {
  padding-left:0;
  list-style:none;
}

.widget_new_entries ul li,
.widget_new_popular ul li,
.widget_popular_ranking ul li {
  clear: left;
  float: none;
  margin-bottom:10px;
/*  overflow: auto;
  zoom: 1;*/
}

.widget_new_entries ul li img,
.widget_new_popular ul li img,
.widget_popular_ranking ul li img {
  border: medium none;
  display: inline;
  float: left;
  margin-top: 3px;
  margin-right: 5px;
  width: 75px;
  height: 75px;
  margin-bottom: 10px;
}

span.wpp-views{
  font-size:x-small;
  font-style:italic;
}

/************************************
** 新着記事・人気記事（拡張）
************************************/
.widget_new_entries .new-entrys-large .new-entry,
.widget_new_popular .popular-entrys-large .popular-entry,
.widget_new_popular .new-entrys-large .new-entry,
.widget_new_popular .popular-entrys-large .wpp-list li,
.widget_popular_ranking .popular-entrys-large .popular-entry,
.widget_popular_ranking .popular-entrys-large .wpp-list li{
  margin-bottom:15px;
  line-height:120%;
  position:relative;
  display:block;
  max-width: 440px;/*これを書いておかないと、タイトル部分がはみ出す*/
  overflow: visible;
}

.widget_new_entries .new-entrys-large .new-entry img,
.widget_new_popular .popular-entrys-large .popular-entry img,
.widget_new_popular .new-entrys-large .new-entry img,
.widget_new_popular .popular-entrys-large .wpp-list li img,
.widget_popular_ranking .popular-entrys-large .popular-entry img,
.widget_popular_ranking .popular-entrys-large .wpp-list li img{
  width:100%;
  float:none;
  margin:0;
  display:block;
  margin-bottom:5px;
  min-height: 180px;
  max-width: 440px;/*iPhone6は幅が414pxなのでそれより大きく*/
  max-height: 240px;
  height: auto;
}

.widget_new_popular .popular-entrys-large .wpp-list li img.wpp_cached_thumb,
.widget_popular_ranking .popular-entrys-large .wpp-list li img.wpp_cached_thumb{
  height:auto;
}

.widget_new_entries .new-entrys-large-on .new-entry .new-entry-content,
.widget_new_popular .popular-entrys-large-on .popular-entry .popular-entry-content,
.widget_new_popular .new-entrys-large-on .new-entry .new-entry-content,
.widget_new_popular .popular-entrys-large-on .wpp-list li a.wpp-post-title,
.widget_popular_ranking .popular-entrys-large-on .popular-entry .popular-entry-content,
.widget_popular_ranking .popular-entrys-large-on .wpp-list li a.wpp-post-title{
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  /* 画像をBase64にするためコメントアウト
  background: url("images/black-transparent.png") repeat scroll 0 0 transparent; */
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAQMAAAAk8RryAAAAA1BMVEUAAACnej3aAAAAAXRSTlOZyTXzhgAAAA1JREFUGNNjGAWDCgAAAZAAAXtlmk8AAAAASUVORK5CYII=") repeat scroll 0 0 transparent;
/*  opacity:0.7;
  background-color:#333;*/
  padding:10px;
  max-height:28%;
  overflow:hidden;
  display:block;
}

.widget_new_entries .new-entrys-large-on .new-entry .new-entry-content a,
.widget_new_popular .popular-entrys-large-on .popular-entry .popular-entry-content a,
.widget_new_popular .new-entrys-large-on .new-entry .new-entry-content a,
.widget_new_popular .popular-entrys-large-on .wpp-list li a.wpp-post-title,
.widget_popular_ranking .popular-entrys-large-on .popular-entry .popular-entry-content a,
.widget_popular_ranking .popular-entrys-large-on .wpp-list li a.wpp-post-title {
  color:#fff;
  /*opacity:0.8;*/
  display:block;
}

.widget_new_popular .popular-entrys-large-on .wpp-list li span.wpp-views,
.widget_popular_ranking .popular-entrys-large-on .wpp-list li span.wpp-views {
  /* 画像をBase64にするためコメントアウト
  background: url("images/black-transparent.png") repeat scroll 0 0 transparent; */
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAQMAAAAk8RryAAAAA1BMVEUAAACnej3aAAAAAXRSTlOZyTXzhgAAAA1JREFUGNNjGAWDCgAAAZAAAXtlmk8AAAAASUVORK5CYII=") repeat scroll 0 0 transparent;
  color:#fff;
  opacity:1;
  display:block;
  right:0;
  top:0;
  position:absolute;
  padding:2px 10px;
  border-bottom-left-radius:15px;
  font-size:medium;
}


/************************************
** フッター(footer)
************************************/
#footer {
  clear: both;
  background-color: transparent;
  padding: 5px;
}

#footer a {
  color: #902c37;
}

#footer-widget {
  width:1070px;
  height:750px;
  margin: 10px auto;
  padding:0 0;
  color:#696969;
  border:1px solid #902c37;
  border-radius: 6px;
  background: url(images/washi02.png);
}

/* フッターのリンク色 */
#footer-widget a {
  color:#902c37;
}

/* フッターのリンク色ホバー */
#footer-widget a:hover {
  color:#FFD700;
}


#footer-widget li {
  font-size:16px;
}

/* フッターのタイトル */
#footer h3{
  color:#696969;
  border-bottom:1px dotted #902c37;
}

#footer-left {
  float: left;
  margin:0 20px 0 10px;
  width:240px;
}

#footer-left li {
  font-size:14px;
}


/* フッター左側（カレンダー部）リンク色・ホバー色 */
#footer-left a{
  color:#a23959;
}
#footer-left a:hover{
  color:#e784a2;
}

#footer-left a.title{
  color:#696969;
}

#footer-center {
  float: left;
  margin:0 20px 0 0;
  width:440px;
}

#footer-right {
  float: left;
  margin:0 0 0 -21px;
  width:330px;
}

.credit{
  padding: 20px 0;
  font-size: 12px;
  text-align:center;
}

/* フッター下サイトクレジット */
.credit a{
  text-decoration:none;
  color:#377244;
}

#footer-navi ul{
  text-align: center;
  padding-left: 0;
  border:1px solid #63223b;
}

/* Twitter */
.twitter-customize {
	padding-top:30px;
}


/************************************
** TOPへ戻るボタン（Go to top）
************************************/
#page-top{
  position:fixed;
  display:none;
  right: 10px;
  bottom: 10px;
}

#page-top a{
  color:#fff;
  padding:7px;
  text-decoration:none;
  display:block;
  cursor:pointer;
  text-align:center;
  background-color: #aaa;
  line-height:100%;
  border-radius: 4px;
  font-size:11px;
}


/************************************
** 広告（ads）
************************************/
.ad-space{
  margin: 0 0 -28px;
  clear:both;
}

.ad-article-bottom{
}

.ad-left{
  float:left;
  margin-right:2px;
  width:336px;
}

.ad-right{
  float:right;
  margin-left:2px;
  width:336px;
}

.ad-top-pc{
  width:728px;
  margin: 0 -24px 15px;
}

.ad-space-top{
  margin-top:0;
  margin-bottom:5px;
}

.ad-space-singular{
  margin-top:15px;
  margin-bottom:10px;
}

.ad-space-top {
}

#sidebar .ad-space{
  margin-top:0;
}

.ad-sidebar {
  margin:-24px 0;
}

.ad-label {
  margin-bottom:-24px;
  text-align:center;
}

.widget-under-related-entries-title {
  width:500px;
  margin:18px auto -18px;
  text-align:center;
}

.ad_image{
  text-align:center;
}

/************************************
** 非表示にするものまとめ
************************************/
.widget-ad,
.widget-over-article-title,
.widget-under-article-title,
.widget-over-sns-buttons-title,
.widget-under-sns-buttons-title,
#sidebar .ad-space .ad-label{
 display:none;
}

.widget-index-top{
  margin-bottom: 30px;
}

.widget-index-middle{
  margin-bottom: 40px;
}

/************************************
** モバイルメニュー
************************************/
#mobile-menu a{
  color:#333;
  padding: 4px 8px;
  text-decoration:none;
  display:block;
  cursor:pointer;
  text-align:center;
  line-height:100%;
  border-radius: 3px;
  position:absolute;
  right: 7px;
  font-size: 15px;
  margin-top: 3px;
}

#mobile-menu a:hover,
#page-top a:hover{
  opacity: 0.7;
}

/************************************
** サムネイルつきポストナビ
************************************/
.navigation{
  clear: both;
  overflow: hidden;
  margin: 20px 0 0;
}

/* 前後の記事囲み線 */
#prev-next{
  width:95%;
  margin: 36px auto 24px;
  padding:0;
  display: table;
  border:#b8144e 2px dotted;
  border-radius:4px;
}

#prev-next a{
  color:#b8144e;
}

#prev-next #prev, #prev-next #next{
  width: 50%;
  display: table-cell;
  position:relative;
  text-decoration:none;
  font-size:15px;
}


#prev-next #prev:hover, #prev-next #next:hover{
  background-color: #fff9db;
  color:#FFD700;
}

/* 前後の記事仕切り線 */
#prev-next #prev{
  border-right:#85384a 1px dotted;
}

#prev-next #prev-title, #prev-next #next-title{
  top:-15px;
  position:absolute;
  border: 1px #85384a solid;
  text-align: center;
  padding:3px 5px 4px;
  color:#696969;
  border-radius:6px;
  background-color: #fff;
}
#prev-next #next-title{
  right:10px;
}
#prev-next span{
  padding:0;
  margin:0;
}

#prev-next #prev img, #prev-next #next img{
  margin:0 auto;
  width: 110px;
  height: 110px;
}

#prev-next #prev-no, #prev-next #next-no{
  width: 50%;
  padding:0 10px;
  display: table-cell;
}

#prev-next #prev-no{
  border-right:#771d40 1px dotted;
}

#prev-no,
#next-no{
  position:relative;
}
#prev-no a:hover,
#next-no a:hover{
  background-color:#fff;
}

#prev-next-home span{
  color:#b8144e;
  font-size:100px;
  margin:0 auto;
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* IE10以降に適用されるCSSハック（一応）*/
@media all and (-ms-high-contrast:none){
  #prev-next-home span{
    margin-top: 50px;
  }
}

#prev-next #prev, #prev-next #prev::before, #prev-next #prev::after,
#prev-next #next, #prev-next #next::before, #prev-next #next::after {
  box-sizing: border-box;
}

#prev-next #next-title{
  right:10px;
}

#prev-next #prev img{
  margin-top:10px;
  float:left;
  margin-right:10px
}

#prev-next #next img{
  margin-top:10px;
   float:right;
   margin-left: 10px;
}

.prevback {
  width:90px;
  height:20px;
  background: url(images/prev2022.png) no-repeat left 2px;
}

.nextback {
  width:90px;
  height:20px;
  background: url(images/next2022.png) no-repeat right 2px;
}

/* フッタータブ追加CSS */
.tabNav ul li{
  background: url(images/point01.png) no-repeat left top; /*見出し画像*/
  float:left;
	margin:0 18px 18px 18px;
	padding:0 0 0 24px;
}

.tabNav ul li a.activeTab { /*選択中のタブ*/
padding-top:10px;
  background: url(images/point088.png) no-repeat center 1px; /*見出し画像*/
}

.tab_content { /*内容*/
  padding-left:20px;
  line-height:150%;
  margin-top:15px;
  clear: both;
  }

.tab_content ul li{ /* 内容のリスト表示（年ごと変更） */
  background: url(images/point07.png) no-repeat left 0; /*リスト画像*/
  padding:0 0 0 23px;
  margin-top:18px;
}

/* 日付部分コメント関連 */
.comments {
  font-size: 12px;
  width:200px;
  color:#696969;
  margin-left: auto;
  text-align: right;
  padding-right:20px;
}

.comments02 {
  font-size: 12px;
  width:200px;
  color:#696969;
  margin-left: auto;
  text-align: right;
  padding-right:20px;
}

.comment-count::before {
    content: "【";
	color:#902c37;
}
.comment-count::after {
    content: "】";
	color:#902c37;
}

#comment_wrap {
  margin:-20px 0 0;
  padding:0 20px 0;
}

#comment_wrap .children {
}

#comment_area, #trackback_area {
  margin:15px 0 20px;
  padding:0 0 5px 0;
}

#trackback_area {
  display:none;
}

#comment_header {
  border-bottom:1px solid #ccc;
  border-radius:8px;
  position:relative;
  margin:20px 0 20px 0;
  padding:0;
  height:31px;
}

#comment_header ul {
  list-style:none;
  position:absolute;
  right:0px; bottom:-1px;
  margin:0;
  border-right:1px solid #ccc;
  width:100%; }

#comment_header ul li {
  list-style:none;
  float:left;
  text-align:center;
  margin:0;
  line-height:0;
  width:50%; list-style:none;
}

#comment_header ul li a, #comment_header ul li p {
  color:#333;
  font-size:12px;
  padding:0;
  margin:0;
  width:100%;
  text-decoration:none;
  display:block;
  border:1px solid #ccc;
  background:#fdf3e9;
  line-height:31px;
}

#comment_header ul li.comment_switch_active a, #comment_header ul li#comment_closed p
 { list-style:none; border-bottom:1px solid #fff; background:#fff; }

#comment_header ul li a:hover { color:#fff; }

#comment_header ul li.comment_switch_active a:hover { background:#fff; color:#ccccff; }

.commentlist { list-style:none; margin:0; padding:0; }


/* コメント表示部分 */
.comment {
  background-color:#FFFFFF;
  list-style:none;
  border:1px solid #ccc;
  -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px;
  border-radius:8px;
  color:#696969;
  margin:0 0 18px;
  padding:15px 10px 0;
}

#comments .post { margin:0; padding:0; }
.even_comment, .odd_comment_children {
	background-color:#ffffcc;
}
.odd_comment, .even_comment_children {
	background-color:#ffffcc;
}

.admin-comment {
}

.odd {
	background-color:#fef6d8;
}

.comment-meta { position:relative; margin:0 0 10px 0; }

.comment-meta-left { float:left; width:100%; }
.avatar { float:left; margin:0 10px 0 0; border:1px solid #ccc; background:#fff; width:37px; height:37px; padding:2px; }

.comment-name-date { padding:2px 0 0 0;  }

a.admin-url { text-decoration:underline; }
a.guest-url { text-decoration:underline; }

.comment-name-date {
 margin:0;
 }

/* 最新コメント名前 */
.comment-name { 
  list-style:none;
  font-size:14px;
  color:#696969;
  margin:0 0 0 0;
}

/* 最新コメント日付 */
.comment-date {
  list-style:none;
  font-size:14px;
  color:#cccccc;
  display: flex;
  justify-content: flex-end;
margin:-11px 0 -18px;
}

.comment-act {font-size:12px; position:absolute; right:0px; top:0px; padding:0 0 0 10px; margin:5px 0 0 0; }
.comment-act li { display:inline; margin:0; }
.comment-reply a, .comment-reply a:visited { padding:0; margin:0; }
.comment-edit a, .comment-edit a:visited { border-left:1px solid #aaa; padding:0 0 0 10px; margin:0 0 0 6px; }

.comment-content { padding:0; margin:0; }
* html .comment-content { padding:5px 0 0 0; }
.comment-content a, .comment-content a:visited { text-decoration:underline; }
.comment-content a:hover { }
.comment-content p { margin:0 0 10px 0; }
.comment blockquote span { margin:0 0 -1em 0; display:block; }

.comment-note { display:block; font-size:12px; margin:0 0 1em 0; color:#33a8e5; border:1px solid #902c37; padding:10px 15px; background:#FDFFD4; }

.comment_closed {
 border:1px solid #ccc;
 text-align:center;
 margin:0 0 15px;
 padding:15px;
 background:#fff4e9;
}

.trackback_time { font-size:12px; color:#902c37; margin:0 0 7px 0px; }
.trackback_title { margin:2px 0 8px 0; margin:0 0 10px 0px; }

#trackback_url_area { font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,Sans-Serif; }
#trackback_url_area label { display:block; margin:4px 0 5px 0; font-size:12px; }
#trackback_url_area input { border:1px solid #ccc; background:#E9FFEA; padding:2%; width:100%; font-size:14px; }



#comment_pager { margin:0 0 10px; height:24px; }
#comment_pager a, #comment_pager span { display:inline; float:left; margin:0 10px 0 0; }
#comment_pager .current { text-decoration:underline; }




.comment_form_wrapper { border:1px solid #ccc; margin:0 0 15px; padding:15px; background:#fff; }

#cancel_comment_reply  { margin:0 0 1em 0; padding:0 0 0 10px; }

#comment_user_login p { padding:0 0 0 1px; margin:0; line-height:100%;}
#comment_user_login span { margin:0 0 0 40px; }

#comment_login { margin:0; padding:3px 30px 10px 30px;}
#comment_login p { margin:0; padding:12px 0 11px 36px; line-height:100%; }
#comment_login a { margin:0 0 0 20px; padding:0 0 0 20px;}

#guest_info { padding:0; width:100%; }
#guest_info div { margin:0 0 12px 0; text-align:left; }
#guest_info input { margin:0; padding:5px 0; border:1px solid #ccc; width:100%; background:#fff; color:#777; }
#guest_info input:focus {  }
#guest_info label { display:block; margin:0 0 5px 0; padding:0 0 0 0; font-size:12px; color:#888;}
#guest_info span { color:#666; margin:0 10px 0 0; }

#comment_textarea textarea { margin:15px 0 0; width:100%; height:150px; border:1px solid #ccc;
                             background:#fff; color:#777; font-size:12px; overflow:auto; }
#comment_textarea textarea:focus { }

#submit_comment_wrapper { text-align:center; }
#submit_comment { 
   background:#d65a0f; border:none; cursor:pointer; color:#fff; font-size:13px; width:200px; height:37px; margin:15px auto 0; display:block;
   -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
}
#submit_comment:hover { }

#input_hidden_field { display:none; }


.password_protected { text-align:center; margin:0 0 10px 0; padding:10px 20px; color:#fff; background:#902c37; }
.password_protected p { font-size:12px; margin:0; }

/* 本文（自己追加） */

.no_icon{
    background-image: none!important;
}

.honbun {
	width:95%;
	border:1px #902c37 solid;
	border-radius: 4px;
        background-color:#FFFFFF;
	padding:10px 18px 0;
	margin-top:-12px;
	margin-bottom:38px;
}

/* 旗の色変更、合わせて日付文字色変更 */
.postdatebox {
  background: url(images/dateback001.png) no-repeat left 0px;
  float: left;
  width: 75px;
  height: 110px;
  padding: 10px 0 5px 15px;
  margin: -23px 0 0 0;
  font-weight: nomal;
  color: #FFFFFF;
}

.postdatebox2 {
  background: url(images/dateback001.png) no-repeat left 0px;
  float: left;
  width: 75px;
  height: 110px;
  padding: 10px 0 5px 15px;
  margin: -10px 0 0 0;
  font-weight: nomal;
  color: #FFFFFF;
}

.year_honbun{
	font-size: 10px;
	clear: both;
	margin:5px 0 0 8px;
	line-height: 10px;
}

.month_honbun{
	font-size: 15px;
	float: left;
	margin: 0 0 0 -2px;
	width:22px;
  font-weight: bold;
}

.slash{
	font-size: 22px;
	float: left;
	margin: 3px 0 0 -10px;
  font-weight: bold;
}

.slash2{
	font-size: 22px;
	float: left;
	margin: 3px 0 0 -10px;
  font-weight: bold;
}


.dayichi{
	font-size: 18px;
	float: left;
	margin: 8px 0 0 -9px;
  font-weight: bold;
}

.youbi {
	font-size: 12px;
	float: left;
	margin: 18px 0 0 -36px;
}

.edit {
  font-size:12px;
  margin: 0 10px 0 0;
}

.category01 {
  padding:0 0 0 75px;
  margin-right:12px;
  background: url(images/category.png) no-repeat left 1px;
}

.clock {
	color:#902c37;
}
.clock02 {
	padding-right:1em;
}

.post-tag::before {
  content: "\f02c";
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  margin-right:-11px;
  color:#902c37;
}

.post-tag {
  font-size:12px;
}

.footer-post-meta {
  padding-top:8px;
  margin-bottom:-40px;
  border-top:1px dotted #902c37;
}

/* 関連記事のサムネイル */
.related-entry-thumbnail{
  width:226px;
  height:180px;
  text-align:center;
  overflow:hidden;
  float:left;
  margin-bottom:-15px;
  padding-bottom:0;
}

/* 本文アイキャッチを丸くする */
.attachment-post-thumbnail {
  width:128px;
  height:128px;
	border-radius: 100px;
	margin-bottom:-44px;
  border: 2px dotted #902c37;
  background-color: #FFFFFF;
}

/* 固定ページにアイキャッチを表示させない */
.page .eye-catch {
  display: none;
}

.pagecatcheye {
	margin-top:-58px;
	margin-left:600px;
}

/* 更新日を右寄せ色変え */
.post-update {
	color:#eee8aa;
	text-align:right;
}

/* コメント部分行間詰め */
.wordpress_captch {
margin:-12px 0 -33px;
}

.logged-in-as {
	padding-top:55px;
}


/* 補足情報他 */
.information:before, .question:before, .alert:before {
	padding-right:.15em;
	line-height:1em;
	position: absolute;
	top:50%;
	margin-top:-.5em;
}
.information {
	background:rgba(135,206,250,.1);
	border:1px solid rgba(135,206,250,.5);
}
.information:before {
	color:#87cefa;
	border-right: 1px solid rgba(135,206,250,.5);
}
.question:before {
	color:gold;
	border-right: 1px solid rgba(255,215,0,.5);
}
.question {
	background:rgba(255,215,0,.2);
	border: 1px solid rgba(255,215,0,.5);
}
.alert {
	background:rgba(240,128,128,.1);
	border:1px solid rgba(240,128,128,.5);
}
.alert:before {
	border-right: 1px solid rgba(240,128,128,.5);
}



/* 最新のコメント表示関係 */
.decent-comments {
	width:271px;
margin-left:0;
}

#sidebar .decent-comments li {
  background: url(images/comment01.png) no-repeat -5px 0; /*リスト画像*/
padding-left: 35px;
}

.decent-comments .comment-avatar {
	display:none;
}

.decent-comments .comment {
	padding-top: 4px;
	border:1px solid #696969;
}


.comment_top2022 {
	padding-top:18px
}

/*タグクラウドのデザイン*/
a.tag-cloud-link{
 font-size: 11px; /* 文字のサイズ */
 line-height: 1em;
 background: #ffd700; /* 背景色 */
 display: inline-block;
 white-space: nowrap;
 padding: 7px 6px 5px; /* 文字周りの余白 */
 margin-top: 4px; /* タグ同士の余白 */
 border-radius: 4px; /* 角を少し丸く */
 text-decoration: none;
 color: #ba6012!important;
}

a.tag-cloud-link:hover {
 background: #ba6012; /* マウスホバー時の背景色 */
 color: #FFFFFF!important; /* マウスホバー時の文字色*/
}

a.tag-cloud-link:before {
 font-family: "FontAwesome";
 content: "\f02b"; /* 絵文字のコード */
 padding-right: 4px;
}

.siteguard_under01 {
	margin-bottom:-30px;
}