@charset "utf-8";


/* 値の書き方の例 */
/*

  例：padding : 10px 5px;

    = 上：10px 下：10px 左：5px 右：5px

  例：padding : 10px;

    = 上：10px 下：10px 左：10px 右：10px

  例：padding : 10px 15px 20px 25px;

    = 上：10px 下：20px 左：15px 右：25px


           1
      +---------+
      |         |
     4|         |2
      |         |
      |         |
      +---------+
           3

      1 → 2 → 3 → 4の順番で記述します

*/


/* 全体的な設定lammban
------------------------------------------------------------ */

  /* contentプロパティの初期化 */

  *:before,
  *:after {
    content : "";
  }

  /* 全体的なマージン・パディング・フォントスタイル等の初期化 */

  * {
    margin : 0;
    padding : 0;
    /*font-style : normal;*/
    font-weight : normal;
  }

  /* body要素以下全てに適用されます */
  /* 背景に画像を使用したい場合はbackground-colorをbackgroundに修正してお使い下さい */

  /* 書式・例 */

  /* background : url("画像のパス") 画像の表示位置 繰り返し指定; */
  /* background : url("hoge.gif") top left no-repeat; */

  body {
    color : #333;              /* 文字の色 */
    background : url("https://blog-imgs-46-origin.fc2.com/t/e/r/terabimos/ii0285.gif") top left repeat;
    /* background : url("https://blog-imgs-95-origin.fc2.com/t/e/r/terabimos/15.gif") top left repeat; */
    background-color : #fff;        /* 背景の色 */
    /* 背景画像使用例（背景画像を使わない場合はbackground行を削除して下さい */
    font-family: "メイリオ", "meiryo", "YuGothic","Yu Gothic","Meiryo","ヒラギノ角ゴ","sans-serif";
    text-align : center;          /* 古いIEでセンタリングする */
    line-height : 1.5;            /* 行間 */
    /*font-size : x-small !important;*/      /* 古いIEの文字サイズ */
    voice-family : "\"}\"";          /* おまじない */
    voice-family : inherit;          /* おまじない */
    font-size : medium !important;      /* CSSを正しく解釈出来るブラウザ用の文字サイズ */
  }

  textarea {
    width : 90%;
  }



/* リンクの設定
------------------------------------------------------------ */

  /* リンクの設定 */
  a {
    text-decoration : none;      /* アンダーラインなど装飾を施さない */
  }

  /* リンクする要素のうち、未閲覧（キャッシュされていない）要素に対してスタイルを適用します */
  a:link {
    color : #000 !important;    /* 文字の色（important＝サイト制作者のスタイルよりもユーザーが設定した色を優先する） */
  }

  /* リンクする要素のうち、閲覧済（キャッシュされている）要素に対してスタイルを適用します */
  a:visited {
    color : #000 !important;    /* 文字の色（important＝サイト制作者のスタイルよりもユーザーが設定した色を優先する） */
  }

  /* ユーザーがカーソルをその要素の上に置いているが、まだアクティブ状態にしていない時にスタイルを適用します */
  a:hover {
    color : #f00 !important;    /* 文字の色（important＝サイト制作者のスタイルよりもユーザーが設定した色を優先する） */
    text-decoration: underline;
  }

  /* その要素がユーザーによってアクティブ状態にされた時にスタイルを適用します */
  a:active {
    color : #c00 !important;    /* 文字の色（important＝サイト制作者のスタイルよりもユーザーが設定した色を優先する） */
  }

  /* リンク画像の枠を表示しない */
  a img {
    border-style : none;      /* 枠を非表示 */
    border-width : 0px;        /* 枠の幅を0pxに設定 */
    text-decoration : none;      /* 装飾を表示しない */
  }



/* レイアウト用ブロックの設定
------------------------------------------------------------ */

  /* 全体の大枠 */
  /* 左右のマージンを自動で求める事でセンタリングを行ってます */
  /* センタリングが不要の場合はmargin-leftの行とmargin-rightを削除して下さい */

  div#container {
    width : 1240px;            /* wrapper＋extra-columnの幅 */
    margin-left : auto;          /* 左側のマージンを自動計算 */
    margin-right : auto;        /* 右側のマージンを自動計算 */
    background-color : #f6f6f6;
        /* 背景を透過（bodyで指定した値が有効になります） */
    text-align : left;          /* 古いIE用にセンタリングした部分を元に戻す */
  }

  /* タイトル部分 */
  /* 背景画像を使用したい場合はheight（高さ）・background（背景画像）などを追加して下さい */

  /* 書式・例 */

  /* background : url("画像のパス") 画像の表示位置 繰り返し指定; */
  /* background : url("hoge.gif") top left no-repeat; */

  div#branding {
    display: table;
    width : 1240px;            /* 背景画像のサイズを指定する場合は切れないように画像の横サイズを指定して下さい（繰り返し画像の場合は指定する必要ありません）最大値はcontainerで設定した幅までです */
    height : 120px;            /* 背景画像のサイズを指定する場合は切れないように画像の縦サイズを指定して下さい（繰り返し画像の場合は指定する必要ありません） */
    background : url("https://blog-imgs-137-origin.fc2.com/t/e/r/terabimos/title-background.png") top left no-repeat;    /* サンプル画像760x250 */
  color: white;
  text-shadow    : 
       2px  2px 1px #ff0000,
      -2px  2px 1px #ff0000,
       2px -2px 1px #ff0000,
      -2px -2px 1px #ff0000,
       2px  0px 1px #ff0000,
       0px  2px 1px #ff0000,
      -2px  0px 1px #ff0000,
       0px -2px 1px #ff0000;        /* 文字の影 */
  }

  div.column {
    margin : 15px 0;        /* タイトル部分と記事、記事部分とフッター部分の間隔 */
  }

  /* primary-columnとsecondary-columnの回り込み */

  div#wrapper {
    float : left;            /* 左側に回り込む */
    width : 880px;            /* primary-column＋secondary-columnの幅 */
  }

  /* 本文部分ブロック */
  /* IEは正しくCSSの幅・高さを解釈出来ませんのでそのままではレイアウトが崩れます */
  /* 正しく解釈出来るようにボックスモデルハックと呼ばれるおまじないを施します */

  div#primary-column {
    float : right;            /* 右側に回り込む */
    width : 880px;        /* 古いIE用の幅（コンテンツ幅＋ボーダー幅＋左右パディングの幅） */
    /*padding : 0 10px 0 0;*/          /* パディング */
    voice-family : "\"}\"";        /* おまじない */
    voice-family : inherit;        /* おまじない */
    width : 880px;            /* CSSを正しく解釈出来るブラウザ用のコンテンツ幅 */
  }

  html>body div#primary-column {
    width : 880px;            /* Opera用のコンテンツ幅 */
  }

  /* アーカイブ関連ブロック */

  div#secondary-column {
    float : left;            /* 左側に回り込む */
    width : 200px;            /* コンテンツ幅 */
  }

  /* アーカイブ以外のブロック */

  div#extra-column {
    float : right;            /* 右側に回り込む */
    margin-left : 10px;
    margin-right : 10px;
    width : 340px;            /* コンテンツ幅 */
  }

  /* 著作表示ブロック */

  div#siteinfo-legal {
    clear : both;            /* 回り込みを解除 */
    margin : 0 10px;
  }



/* タイトル・サイトの説明部分の設定
------------------------------------------------------------ */

  div#title-introduction {
    display: table-cell;
    vertical-align: middle;
    background : url("https://blog-imgs-137-origin.fc2.com/t/e/r/terabimos/consoles.png") top right no-repeat;
  }

  /* タイトル */

  div#branding h1 a {
    padding : 0 10px;
    font-weight : bold;          /* 太字にする */
    voice-family : "\"}\"";        /* おまじない */
    voice-family : inherit;        /* おまじない */
    font-size : xx-large;        /* CSSを正しく解釈出来るブラウザ用の文字サイズ */
  }

  div#branding h1 a:link {
    color: white !important;
  }

  div#branding h1 a:visited {
    color: white !important;
  }

  html>body div#branding h1 {
    font-size : xx-large;        /* Opera用の文字サイズ */
  }

  /* サイトの説明 */

  div#branding p {
    padding : 0 10px;
    /*font-size : small;*/          /* 古いIEの文字サイズ */
    font-weight : bold;          /* 太字にする */
    /*border-top : 1px solid #333;*/    /* 上線 */
    /*border-bottom : 1px solid #333;*/    /* 下線 */
    voice-family : "\"}\"";        /* おまじない */
    voice-family : inherit;        /* おまじない */
    font-size : medium;          /* CSSを正しく解釈出来るブラウザ用の文字サイズ */
  }

  html>body div#branding p {
    font-size : small;          /* Opera用の文字サイズ */
  }



/* Primary-Columnの設定
------------------------------------------------------------ */

  /* ページ移動用ナビゲーション */

  p.prev-next-navi {
    margin-bottom : 20px;
    text-align : center;
                    }

  div.entry-card {
    margin : 10px 10px;
    background-color : #fff;
    border : 1px solid #666;
    border-radius: 10px;
  }

  /* 各記事毎のブロック */
  /*

        *-------------+
        |             |
        |             |
        |   section   |
        |             |
        |             |
        +-------------+

        *-------------+
        |             |
        |             |
        |   section   |
        |             |
        |             |
        +-------------+

        
        +-+- section
        | |
        | +-+- h2（タイトル）
        |   |
        |   +-+- 記事
        |     |
        |     +- 段落
        |
        +-+- section
        | |
        | +-+- h2（タイトル）

        各記事はこのようにブロックで記事毎に階層が分けられています */

  div.section {
    margin : 0 10px 25px 10px;
    padding : 25px 25px;
    background-color : white;
    border-radius: 10px;
    /*margin-bottom : 25px;*/        /* 記事と記事の間隔 */
  }

  /* 記事のタイトル部分 */

  div.section .entry-header {
    /*margin-bottom: 10px;*/
    /* 背景画像のサイズを指定する場合は切れないように画像の縦サイズを指定して下さい（繰り返し画像の場合は指定する必要ありません） */
    /* height : 20px; */
                  width : 810px;
                  height : 55px;
    background : url("https://blog-imgs-121-origin.fc2.com/t/e/r/terabimos/hakuryu5.png") top right no-repeat;
    border-bottom : 1px solid #333;
    voice-family : "\"}\"";        /* おまじない */
    voice-family : inherit;        /* おまじない */
  }

  div.section .entry-header h2 a {
    font-size : x-large;          /* CSSを正しく解釈出来るブラウザ用の文字サイズ */
    font-weight : bold;
  }

  html>body div.section .entry-header h2 {
    font-size : x-large;
    font-weight : bold;          
  }

  div.section .theme-tag {
    margin-bottom: 10px;
    font-size : small;
    voice-family : "\"}\"";        /* おまじない */
    voice-family : inherit;        /* おまじない */
  }

  /* 段落の設定 */

  div.section p {
    margin : 1em 0;            /* 上下1行分空ける */
  }

  /* 記事本体部分 */

  /*div.entry-body {
    padding : 0 10px;
  }*/

  div.entry-body .headline {
    border-left: solid 5px orange;
    border-bottom: solid 1px silver;
    padding : 5px 15px;
    margin: 15px 0;
    font-size : large;
    font-weight: bold;
  }

  /* 追記部分 */

  p.entry-more {
    padding : 25px 15px 15px 0px;
    text-align : right;
  }

  /* フッター部分（コメントやトラックバックなど） */

  div.section ul.entry-footer { 
    padding : 20px 10px 15px 10px;
    list-style-position : inside;
                  background-color : #fff;
  }

  div.section ul.entry-footer li {
    display : inline;
    list-style-type : none;
  }

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

/* コメント部分の設定
------------------------------------------------------------ */

  /* コメントフォーム */

  div#primary-column form {
    padding : 0 10px;
  }

  /* 管理者だけにコメント */

  input#himitu {
    margin-right : 0.5em;
  }

  /* コメントフォームのボタン */

  p.form-btn {
    margin-top : 20px;
  }

  /* コメントトップ */

  h3#comment-top {
    margin : 15px 0 10px 0;
    padding : 0 15px;
  }

  h3.comment-post,
  h3.comment-edit {
    padding : 0 15px;
  }

  /* コメントのタイトル */

  h4.comment-header {
    margin-bottom : 10px;
    padding : 0 10px;
    border-bottom : 1px solid #333;    /* 枠線 */
  }

  /* コメント本文 */

  div.comment-body {
    padding : 0 10px;
  }

  /* コメントフッター */

  ul.comment-footer {
    padding : 10px 10px 15px 10px;
  }

  ul.comment-footer li {
    display : inline;
    list-style-type : none;
  }



/* トラックバック部分の設定
------------------------------------------------------------ */

  /* トラックバックトップ */

  h3#trackback-top {
    margin : 15px 0;
  }

  /* トラックバックURI */

  p.trackback-uri {
    margin-bottom : 15px;
    padding : 0.2em 0.5em;
    border : 1px solid #333;
  }

  /* トラックバックのタイトル */

  h4.trackback-header {
    margin-bottom : 10px;
    padding : 0 10px;
    border-bottom : 1px solid #333;
  }

  /* トラックバック先の概要 */

  div.trackback-excerpt {
    padding : 0 10px;
    background : transparent;
  }

  /* トラックバックフッター */

  ul.trackback-footer {
    padding : 10px 10px 15px 10px;
    display : inline;
    list-style-type : none;
  }

  ul.trackback-footer li {
    display : inline;
    list-style-type : none;
  }



/* Secondary-Columnの設定
------------------------------------------------------------ */

  /* アーカイブ関連の見出（CalendarとかMonthlyとかCategoriesとか） */

  div#secondary-column h2 {
    /* 背景画像のサイズを指定する場合は切れないように画像の縦サイズを指定して下さい（繰り返し画像の場合は指定する必要ありません） */
    height : 30px;
    background : url("https://blog-imgs-95-origin.fc2.com/t/e/r/terabimos/window.png") top left repeat-x;    /* サンプル画像50x20 */
    font-size : x-small;        /* 古いIEの文字サイズ */
    text-align : center;        /* センタリング */
    voice-family : "\"}\"";        /* おまじない */
    voice-family : inherit;        /* おまじない */
    font-size : small;          /* CSSを正しく解釈出来るブラウザ用の文字サイズ */
    font-weight : bold;
  }

  html>div#secondary-column h2 {
    font-size : small;          /* Opera用の文字サイズ */
  }

  /* カレンダーの位置調整 */

  div#secondary-column h2.calendar-archives {
    margin-bottom : 5px;
  }

  /* 月別・カテゴリ別アーカイブの位置調整 */

  div#secondary-column h2.monthly-archives,
  div#secondary-column h2.categories-archives {
    margin-top : 20px;
    margin-bottom : 5px;
  }

  /* 検索の位置調整 */

  div#secondary-column h2.search {
    margin-top : 20px;
    margin-bottom : 10px;
  }

  /* アーカイブ関連のリスト表示設定 */
  /* リスト表示を非表示にしたい場合はlist-style-typeにnoneを設定して下さい */
  /* 画像を使いたい場合はlist-style-imageを追加して下さい */

  /* 例 */

   list-style-type : none; 
  /* list-style-image : url("画像のパス"); */

  div#secondary-column ul {
    margin : 0 15px;
    list-style-position : inside;
  }



/* カレンダー部分の設定
------------------------------------------------------------ */

  /* カレンダー表示用のテーブル設定 */

  table.calendar {
    width : 100%;          /* 幅 */
    border-collapse : collapse;    /* 値の入っていないセルも表示する */
    /*font-size : x-small;*/      /* 古いIEの文字サイズ */
    voice-family : "\"}\"";      /* おまじない */
    voice-family : inherit;      /* おまじない */
    font-size : medium;        /* CSSを正しく解釈出来るブラウザ用の文字サイズ */
  }

  html>table.calendar {
    font-size : medium;
  }

  /* カレンダー見出（前月・当月・次月などのリンク部分） */

  .calendar caption {
    margin-bottom : 10px;
  }

  /* カレンダーのセル見出（曜日表示部分） */

  .calendar th {
    padding : 0.1em;
    border-bottom : 1px dotted #333;
    text-align : center;
  }

  /* カレンダーのセル部分（日付表示部分） */

  .calendar td {
    padding : 0.1em;
    border-bottom : 1px dotted #333;
    text-align : center;
  }

  /* カレンダーリンク部分（記事を書いた日） */

  .calendar td a {
    display : block;
    background : #ccc;
  }

  /* 日曜日 */

  th.sun {
    color : #f00;          /* 日曜日を赤色表示 */
  }

  /* 土曜日 */

  th.sat {
    color : #00f;          /* 土曜日を青色表示 */
  }



/* Extra-Columnの設定
------------------------------------------------------------ */

  /* アーカイブ以外の見出（リンクやプロフィールなど） */

  div#extra-column h2 {
    /* 背景画像のサイズを指定する場合は切れないように画像の縦サイズを指定して下さい（繰り返し画像の場合は指定する必要ありません） */
     height : 25px;
     padding: 2px 0 0;
    /*background : url("https://blog-imgs-95-origin.fc2.com/t/e/r/terabimos/window4.png") top left repeat-x;*/    /* サンプル画像50x20 */
    text-align : center;        /* センタリング */
    font-size : medium;          /* CSSを正しく解釈出来るブラウザ用の文字サイズ */
    font-weight : bold;
    /*background-color: white;*/
    border: 1px solid #f00;
    background: -moz-linear-gradient(top, #f66, #FFF 50%, #f66 100%);
    background: -webkit-linear-gradient(top, #f66, #FFF 50%, #f66 100%);
    background: linear-gradient(to bottom, #f66, #FFF 50%, #f66 100%);
    voice-family : "\"}\"";        /* おまじない */
    voice-family : inherit;        /* おまじない */
  }

  html>div#extra-column h2 {
    font-size : small;          /* Opera用の文字サイズ */
  }

  /* 最近の記事の位置調整 */

  div#extra-column h2.recent-entries {
    margin-top : 5px;
    margin-bottom : 5px;
  }

  /* 最近のコメント・最近のトラックバック・リンクの位置調整 */

  div#extra-column h2.recent-comments,
  div#extra-column h2.recent-trackbacks,
  div#extra-column h2.links {
    margin-top : 20px;
    margin-bottom : 5px;
  }

  /* プロフィールなどの位置調整 */

  div#extra-column h2.appendix {
    margin-bottom : 10px;
  }

  /* アーカイブ関連のリスト表示設定 */
  /* リスト表示を非表示にしたい場合はlist-style-typeにnoneを設定して下さい */
  /* 画像を使いたい場合はlist-style-imageを追加して下さい */

  /* 例 */

  /* list-style-type : none; */
  /* list-style-image : url("画像のパス"); */

  div#extra-column ul {
    margin : 0 15px;
    list-style-position : inside;
  }

  /* 著者名・著者概要・広告の位置調整 */

  p.author-name,
  p.author-description,
  p.ads {
    margin : 0 15px;
  }

  /* プロフィール画像 */

  p.author-image img {
    display : block;        /* ブロックレベルで表示 */
    margin : 10px 15px;        /* マージン */
    border : 1px solid #333;    /* 枠線 */
  }



/* フッター部分の設定
------------------------------------------------------------ */

  div#siteinfo-legal p {
    padding : 10px 0;        /* パディング */
    border-top : 1px solid #333;  /* 上線 */
    text-align : center;      /* センタリング */
  }



/* 強調の設定
------------------------------------------------------------ */

  /* 強調 */

  em {
    font-style : italic;        /* 斜体 */
  }

  /* より強い強調 */

  strong {
    font-weight : bold;          /* 文字を太字にする */
  }



/* 引用の設定
------------------------------------------------------------ */

  /* 背景に画像を使用したい場合はbackground-colorをbackgroundに修正してお使い下さい */

  /* 書式・例 */

  /* background : url("画像のパス") 画像の表示位置 繰り返し指定; */
  /* background : url("hoge.gif") top left repeat; */

  blockquote {
    width : 300px;            /* 幅 */
    margin : 20px 0 20px 50px;      /* マージン */
    padding : 0.5em;          /* パディング */
    border : 1px solid #333;      /* 枠の色と線種 */
  }



/* Mac版IEの文字化け対策
------------------------------------------------------------ */

  /* マック版IEでは表示できるフォントを指定しないと文字化けを起こしますので通常は削除しないで下さい */

  textarea,input,select {
    font-family : "\30D2\30E9\30AE\30CE\20Pro\20W3","Osaka","Verdana","Helvetica","Arial","\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",sans-serif;
  }

.img_recent br {
clear:left;
}
.img_recent img {
float:left;
border: 0;
margin-right:10px; /* 画像の右余白 */
margin-bottom:10px; /* 画像の下余白 */
width: 60px; /* 画像表示サイズ */
height: 60px; /* 画像表示サイズ縦　*/
}

.profile {
  padding : 10px 0;
  background-color : #fff;
  border : 1px solid #666;
  border-radius: 10px;
}

.profile br {
clear:left;
}
.profile img {
float:left;
border: 0;
margin-right:10px; /* 画像の右余白 */
width: 80px; /* 画像表示サイズ */
height: 80px; /* 画像表示サイズ縦　*/
}

.archive {
  overflow: scroll;   /* スクロール表示 */ 
  width: 100%;
  height: 280px;
  background-color: #fff;
  border : 1px solid #000
}

.ta{
    width: 200px;
    height: 30px;
    display:table;
    text-align: center;
}
.ta > *{
    display:table-cell;
    vertical-align: middle;
}

.ta2{
    width: 300px;
    height: 30px;
    display:table;
    text-align: center;
}
.ta2 > *{
    display:table-cell;
    vertical-align: middle;
}

#feedControl .gf-snippet,/* 概要部分 */
#feedControl .gf-spacer,/* スペーサー部分 */
#feedControl .gf-author,body.mainIndex h1,div#utilities dl dd form legend{
  display:none
}



p.plugin-tag span {
    display: inline;
}

p.plugin-tag a {
    white-space: nowrap;
}


#modal-content {
  margin: 0 ;
  padding: 10px ;
  border: 2px solid #aaa ;
  background: #fff ;
  position: fixed ;
  display: none ;
  z-index: 9999 ;
}

#modal-profile {
  margin: 0 ;
  padding: 10px ;
  border: 2px solid #aaa ;
  background: #fff ;
  position: fixed ;
  display: none ;
  z-index: 9999 ;
}
  
#modal-overlay {
  z-index: 2 ;
  display: none ;
  position: fixed ;
  top: 0 ;
  left: 0 ;
  width: 100% ;
  height: 120% ;
  background-color: rgba( 0,0,0, 0.75 ) ;
}

#scroll-top {
        display: none;
        position: fixed;
        bottom: 30px;
        right: 30px;
        border: 2px solid #aaa;
        background: #fff;
        z-index: 1;
}

.button-link {
  color: #00f ;
  text-decoration: underline ;
}
 
.button-link:hover {
  cursor: pointer ;
  color: #f00 ;
}

.modal-open:hover {
        cursor: pointer ;
}

.modal:hover {
        cursor: pointer ;
}

ul.tree {
    margin: 0 0 0 3px;
    list-style-type:none;
}
ul.tree li {
    padding: 0 0 0 13px;
    background-image: url(https://blog-imgs-112-origin.fc2.com/t/e/r/terabimos/tree_lst_solid.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
}
ul.tree li.end {
    background-image: url(https://blog-imgs-112-origin.fc2.com/t/e/r/terabimos/tree_end_solid.gif);
}

.page_button {
  border : solid 1px black;
  border-radius: 5px;
  display:inline-block;
  width : 20px;
  background : white;
}

.clock {
  position: relative;
  width: 160px;
  height: 160px;
}

.clock img,
canvas {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

div #access_img {
  position:fixed;
  top:0;
  left: 0;
}