@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap");

/* 全般 */
html {
  font-size: 62.5%;
}

body {
  background-color: #fff;
  margin: 0px;
  padding: 0px;
  font-size: 1.8rem;
  line-height: 3.6rem;
  letter-spacing: 0.14rem;
  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Segoe UI, Hiragino Kaku Gothic ProN, Hiragino Sans, ヒラギノ角ゴ ProN W3, Arial, メイリオ, Meiryo, sans-serif;
  /* background: url(//imneo.blog.shinobi.jp/File/blueline_head_bg.jpg) repeat-x; */
}

* {
  margin: 0;
  padding: 0;
}

/* リンクカラーの設定 */
a:link {
  color: #000;
  text-decoration: none;
}

a:visited {
  color: #000;
  text-decoration: none;
}

a:active {
  color: #000;
  text-decoration: none;
}

a:hover {
  color: #000;
  text-decoration: none;
}

.entry_text a:link {
  color: #000;
  text-decoration: underline;
}

.entry_text a:visited {
  color: #000;
  text-decoration: underline;
}

.entry_state a:link {
  color: #000;
  text-decoration: underline;
}

.entry_state a:visited {
  color: #000;
  text-decoration: underline;
}

.entry_state .entry_category {
  color: #000;
  font-weight: bold;
  font-size: 1.6rem;
  text-decoration: none !important;
}

/* ページ構成 */
@media (max-width: 712px) {

  /* スマホ */
  #whole {
    width: 95%;
    margin: auto;
    padding: 0px;
    text-align: center;
    background: #fff;
    /*border-left:solid 1px #000;
          border-right:solid 1px #000;*/
  }

  #contents #main {
    float: left;
    width: 100%;
  }

  #contents #menu {
    float: left;
    width: 100%;
    font-size: 1.8rem;
  }

  h1.title {
    text-align: left;
    padding: 22px 0px 0px 10px;
    font-size: 2rem;
    letter-spacing: 5px;
  }

  .btn_cat {
    position: absolute;
    top: 40px;
    right: 10px;
    margin: 0;
    font-size: 0.5rem;
    line-height: 1.0rem;
    text-align: center;
  }

  .btn_cat img {
    width: 35px;
  }

  .entry_text {
    font-size: 1.6rem;
  }

  .entry_text img {
    max-width: 100%;
  }
}

@media (max-width: 1100px) and (min-width: 713px) {

  /* タブレット */
  #whole {
    width: 712px;
    margin: auto;
    padding: 0px;
    text-align: center;
    background: #fff;
    /*border-left:solid 1px #000;
          border-right:solid 1px #000;*/
  }

  #contents #main {
    float: left;
    width: 712px;
  }

  #contents #menu {
    float: left;
    width: 712px;
    font-size: 1.8rem;
  }

  h1.title {
    text-align: left;
    padding: 22px 0px 0px 22px;
    font-size: 2rem;
    letter-spacing: 5px;
  }

  .btn_cat {
    position: absolute;
    top: 40px;
    right: 10px;
    margin: 0;
    font-size: 0.5rem;
    line-height: 1.0rem;
    text-align: center;
  }

  .btn_cat img {
    width: 40px;
  }

  .entry_text {
    font-size: 1.8rem;
  }

}

@media (min-width: 1101px) {

  /* パソコン */
  #whole {
    width: 1055px;
    height: 100%;
    margin: auto;
    padding: 0px;
    text-align: center;
    background: #fff;
    /*border-left:solid 1px #000;
          border-right:solid 1px #000;*/
  }

  #contents #main {
    float: left;
    padding: 0px 0px 0px 20px;
    width: 712px;
  }

  #contents #menu {
    float: right;
    padding: 0px 0px 0px 40px;
    width: 274px;
    font-size: 1.5rem;
  }

  h1.title {
    text-align: left;
    padding: 22px 0px 0px 22px;
    font-size: 2rem;
    letter-spacing: 5px;
  }

  .btn_cat {
    float: right;
    display: none;
  }

  .entry_text {
    font-size: 1.8rem;
  }
}

#header {
  margin: 0px;
  padding: 0px;
  height: 100px;
  background-color: #eee;
  border-bottom: solid 1px #ccc;
  position: relative;
  z-index: 10;
  /* background: url(//imneo.blog.shinobi.jp/File/blueline_head8.jpg) repeat; */
}

#contents #main br {
  height: 12px;
}

.contents-header {
  background-color: #eee;
  color: #888;
  letter-spacing: 1px;
}

.contents-header .box {
  border: 1px solid #888;
  background-color: #fff;
  width: 200px;
}

.contents-header .btn {
  border: 1px solid #888;
  background-color: #ccc;
  color: #fff;
  width: 80px;
}

form input,
textarea,
input[type="text"],
input {
  border: 1px solid #555555;
  background-color: #ffffee;
  color: #555555;
  margin: 2px;
  padding: 2px;
  font-size: 1.2rem;
}

.btn_cat a {
  display: block;
}

.hamburger-icon {
  display: block;
  width: 28px;
  height: 21px;
  margin: 2px auto 4px;
  background-image: repeating-linear-gradient(to bottom,
      #555 0, #555 3px,
      transparent 3px, transparent 9px);
  background-size: 28px 21px;
  background-repeat: no-repeat;
}

br.clear {
  clear: both;
  font: 0/0 sans-serif;
}

/* コメント、トラックバックなどのタイトル */
h2.subtitle {
  font-size: 1.2rem;
  letter-spacing: 5px;
  color: #555555;
  margin: 0px 0px 10px 0px;
  padding: 20px 0px 10px 0px;
}

/* リスト設定（サイドメニュー） */
.plugin_content {
  margin-bottom: 20px;
  padding: 0px;
  /* background: url(//imneo.blog.shinobi.jp/File/earth-plugin-bg.jpg) repeat; */
}

.plugin_whole_top {
  margin-top: 0px;
  margin-bottom: 0px;
  height: 30px;
}

.plugin_whole_bottom {
  height: 18px;
}

/* -------------------------------------------------- */
.plugin_top {
  letter-spacing: 6px;
  color: #555;
  padding: 5px 0px 5px 10px;
  margin: 0px;
  border-top: solid 1px #50511c;
  border-left: solid 1px #50511c;
  border-right: solid 1px #50511c;
}

.plugin_tex {
  color: #555;
  text-align: left;
  padding: 10px 10px 0px 10px;
  border-left: solid 1px #50511c;
  border-right: solid 1px #50511c;
}

.plugin_bottom {
  height: 15px;
  margin: 0px;
  border-left: solid 1px #50511c;
  border-right: solid 1px #50511c;
  border-bottom: solid 1px #50511c;
}

/* -------------------------------------------------- */
.plugin_top1 {
  letter-spacing: 6px;
  color: #fff;
  padding: 5px 0px 5px 10px;
  margin: 0px;
  border-top: solid 1px #50511c;
  border-left: solid 1px #50511c;
  border-right: solid 1px #50511c;
  background-color: #8b7e66;
}

.plugin_tex1 {
  color: #fff;
  text-align: left;
  padding: 10px 10px 0px 10px;
  border-left: solid 1px #50511c;
  border-right: solid 1px #50511c;
  background-color: #8b7e66;
}

.plugin_bottom1 {
  height: 15px;
  margin: 0px;
  border-left: solid 1px #50511c;
  border-right: solid 1px #50511c;
  border-bottom: solid 1px #50511c;
  background-color: #8b7e66;
}

/* -------------------------------------------------- */
.plugin_top2 {
  letter-spacing: 6px;
  color: #fff;
  padding: 5px 0px 5px 10px;
  margin: 0px;
  background-color: #8cace5;
}

.plugin_tex2 {
  color: #555;
  text-align: left;
  padding: 10px 10px 0px 10px;
  background-color: #cedbf5;
}

.plugin_tex2 a {
  color: #333;
}

.plugin_bottom2 {
  height: 15px;
  margin: 0px;
  background-color: #cedbf5;
}

/* -------------------------------------------------- */
.plugin_top3 {
  letter-spacing: 6px;
  color: #555;
  padding: 5px 0px 5px 10px;
  margin: 0px;
  border-top: solid 1px #50511c;
  border-left: solid 1px #50511c;
  border-right: solid 1px #50511c;
  background-color: #cdc9a5;
}

.plugin_tex3 {
  color: #555;
  text-align: left;
  padding: 10px 10px 0px 10px;
  border-left: solid 1px #50511c;
  border-right: solid 1px #50511c;
  background-color: #cdc9a5;
}

.plugin_bottom3 {
  height: 15px;
  margin: 0px;
  border-left: solid 1px #50511c;
  border-right: solid 1px #50511c;
  border-bottom: solid 1px #50511c;
  background-color: #cdc9a5;
}

/* -------------------------------------------------- */

.plugin_data_date {
  font-size: 1.2rem;
  text-align: right;
}

.plugin_data {
  padding: 3px;
}

/* 自己紹介用イメージ
------------------------------------------------------------*/

.pay {
  text-align: center;
}

.pay img {
  background: #fff;
  border: 1px solid #555555;
  margin: 0px 10px 5px 0px;
  padding: 5px;
}

/*エントリー
--------------------------------------------------*/

/*エントリーテーブル（1ブロック）*/

.entry_table {
  width: 100%;
  margin: 20px 0px 0px 0px;
  padding: 0px;
  text-align: left;
}

.entry_table2 {
  margin-bottom: 20px;
  text-align: left;
}

/*エントリー：ナビゲーション*/
.entry_navi {
  font-size: 1.5rem;
  text-align: center;
  color: #555555;
  padding: 10px;
}

/*エントリー：見出し*/
.entry_title {
  font-size: 2.5rem;
  font-weight: bold;
  color: #555555;

  margin: 0px 0px 10px 0px;
  padding: 15px 0px 15px 0px;
  letter-spacing: 1px;
}

.entry_title2 {
  font-size: 1.2rem;
  font-weight: bolder;
  color: #555555;
  margin: 5px 0px 5px 0px;
}

.entry_ad {
  box-sizing: border-box;
  width: 100%;
  max-width: 470px;
  min-width: 320px;
  margin: 40px 0px;
  padding: 5px;
  border: solid 1px #ddd;
  text-align: center;
  font-size: 12px;
  color: #555;
  line-height: 24px;
}

/* カテゴリ：見出し*/
.category_title {
  font-size: 2.5rem;
  font-weight: bold;
  color: #000;

  margin: 40px 0px 10px 0px;
  letter-spacing: 1px;
}

/* カテゴリ：リスト*/
.category_list {
  margin-left: 10px;
  padding-left: 1rem;
  text-indent: -2.1rem;
}

/*コメント：テキスト*/
.comment_tit {
  font-size: 1.2rem;
  font-weight: bolder;
  color: #555555;
  margin: 5px 0px 15px 0px;
}

.comment_content {
  border-bottom: 1px solid #605a36;
}

.trackback_content {
  border-bottom: 1px solid #605a36;
}

/*エントリー：テキスト*/
.entry_text {
  color: #555;
  line-height: 200%;
  margin: 0px 0px 15px 0px;
}

.entry_text strong {
  font-size: 1.8rem;
  font-weight: bold;
}

.entry_text td {
  padding: 0.5rem;
}

.entry_text h1,
.entry_text h2,
.entry_text h3 {
  padding-left: 1.2rem;
  padding-bottom: 0.2rem;
  font-size: 2rem;
  font-weight: bold;
  border-bottom: 1px solid #50511c;
  border-left: 5px solid #50511c;
  letter-spacing: 0.2rem;
  margin-top: 6rem;
  margin-bottom: 1rem;
}

.entry_text blockquote {
  background-color: #eee;
  padding: 10px;
  font-size: small;
}

.entry_text .code {
  background-color: #000;
  font-size: 12px;
  letter-spacing: 0;
  padding: 10px;
  color: #eee;
}

.entry_text2 {
  font-size: 1.2rem;
  color: #555555;
  margin: 10px 10px 15px 0px;
  line-height: 170%;
}

.entry_bg {
  margin-right: 10px;
}

/*エントリー：ステータス（日付等）*/

.entry_state {
  font-size: 1.2rem;
  color: #555555;
  text-align: right;
  margin: 0px;
  padding: 0px 0px 20px 0px;
  border-bottom: 1px solid #50511c;
}

.entry_state2 {
  font-size: 1rem;
  color: #555555;
  text-align: right;
  margin: 0px 0px 10px 0px;
}

/*エントリー：TOPへ戻るリンク */

.entry_top {
  margin: 10px 0px 20px 0px;
}

#pagetop {
  margin: 0px 0px 10px 0px;
}

/*検索
---------------------------------------------------------*/
#searchimputid {
  text-align: center;
  margin-top: 10px;
  padding: 0px 0px 0px 0px;
  color: #555;
}

textarea,
input,
select {
  font-size: 1.2rem;
}

img.emoji {
  vertical-align: middle;
  border: 0;
}

.EntryPsText {
  padding: 0px 5px 15px 0px;
  text-align: left;
}

.CommentResBlock {
  padding: 10px 30px 10px 0px;
}

.CommentResBox {
  background-color: #ffffff;
  padding: 10px;
  border: 1px solid #aa9855;
}

.CommentResTitle {
  font-size: 1.2rem;
  font-weight: 700;
  border-bottom: 1px dotted #555555;
}

.CommentResText {
  padding: 10px 0px 0px 10px;
}

.CommentResFooter {
  text-align: right;
  margin: 15px 0;
  border-top: 1px dotted #555555;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.left {
  text-align: left;
}

/**************************************************************************************
  カレンダープラグイン用デザイン
**************************************************************************************/
/*カレンダー日付移動用テーブル（前月、次月へのリンクなど）*/
.CalendarMoveTable {
  padding: 3px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

/*カレンダー日付移動用テーブル、<tr>タグ部分のデザイン*/
.CalendarMoveTr {}

/*カレンダー日付移動用テーブル内、左側td部分のデザイン*/
.CalendarPrevTd {
  text-align: left;
}

/*カレンダー日付移動用テーブル内、中央td部分のデザイン*/
.CalendarNowTd {
  text-align: center;
}

/*カレンダー日付移動用テーブル内、右側td部分のデザイン*/
.CalendarNextTd {
  text-align: right;
}

/*カレンダー表示用テーブル*/
.CalendarTable {
  width: 90%;
  padding: 3px;
  margin-left: auto;
  margin-right: auto;
}

/*-------------------------------------------------------
  カレンダーテーブル -> 曜日表示部分デザイン
-------------------------------------------------------*/
/*曜日表示部分（<tr>タグ部分）のデザイン*/
.CalendarWdayTr {}

/*曜日表示部分、日曜日の<th>タグ部分デザイン*/
.CalendarWdaySun {}

/*曜日表示部分、平日の<th>タグ部分デザイン*/
.CalendarWday {}

/*曜日表示部分、土曜日の<th>タグ部分デザイン*/
.CalendarWdaySat {}

/*-------------------------------------------------------
  カレンダーテーブル -> 日付表示部分デザイン
-------------------------------------------------------*/
/*日付表示部分（<tr>タグ部分）のデザイン*/
.CalendarTr {}

/*日付表示部分、日曜日の<td>タグ部分デザイン*/
.CalendarTdSun {
  text-align: center;
}

/*日付表示部分、土曜日の<td>タグ部分デザイン*/
.CalendarTdSat {
  text-align: center;
}

/*日付表示部分、平日曜日の<td>タグ部分デザイン*/
.CalendarTd {
  text-align: center;
}

/*記事が存在する場所の設定*/
.CalendarTdLink {
  text-align: center;
}

.CalendarTable a {
  font-weight: bold;
  color: #605a36;
}

/* スライドメニュー（スマホ・タブレット） */
@media (max-width: 1100px) {
  #contents #menu {
    position: fixed;
    top: 0;
    right: -300px;
    width: 280px;
    height: 100%;
    overflow-y: auto;
    background: #1e1e1e;
    z-index: 1000;
    box-shadow: -2px 0 8px rgba(0, 0, 0, 0.25);
    transition: right 0.3s ease;
    float: none;
    padding: 20px 10px;
    box-sizing: border-box;
    font-size: 1.5rem;
  }

  #contents #menu.is-open {
    right: 0;
  }

  #menu-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 999;
  }

  #menu-overlay.is-open {
    display: block;
  }

  /* ダークメニュー内プラグインスタイル */
  #contents #menu .plugin_top,
  #contents #menu .plugin_tex,
  #contents #menu .plugin_bottom {
    border-color: #555;
  }

  #contents #menu .plugin_top {
    color: #ddd;
  }

  #contents #menu .plugin_tex {
    color: #bbb;
  }

  #contents #menu .plugin_tex a {
    color: #aaa;
  }

  #contents #menu .plugin_top2 {
    background-color: #0d3070;
  }

  #contents #menu .plugin_tex2,
  #contents #menu .plugin_bottom2 {
    background-color: #091840;
  }

  #contents #menu .plugin_tex2 {
    color: #ccc;
  }

  #contents #menu .plugin_tex2 a {
    color: #88bbff;
  }
}