@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700");
/* 全般 */
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 {
  color: #601;
  text-decoration: none;
}
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{
        float:right;
        margin:-62px 10px 0px 0px;
        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{
        float:right;
        margin:-70px 80px 0px 0px;
        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;
  /* 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,
text,
input {
  border: 1px solid #555555;
  background-color: #ffffee;
  color: #555555;
  margin: 2px;
  padding: 2px;
  font-size: 1.2rem;
}

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;
  width: 193;
  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;
  width: 193;
  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;
  width: 193;
  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;
  width: 193;
  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 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: 0rem; 
    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;
}
