@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 : #6F004C;                     /* 文字の色 */
    background-color : #d6ebeb;          /* 背景の色 */
    text-align : center;    /* 古いIEでセンタリングする */
    line-height : 1.5;    /* 行間 */
    font-size : x-small !important;  /* 古いIEの文字サイズ */
    voice-family : "\"}\"";    /* おまじない */
    voice-family : inherit;    /* おまじない */
    font-size : small !important;  /* CSSを正しく解釈出来るブラウザ用の文字サイズ */
  }

  html>body {
    font-size : small !important;      /* Opera用の文字サイズ */
  }

  textarea {
    width : 90%;
  }


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

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

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

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

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

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

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


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

  /* 全体の大枠 */
  /* 左右のマージンを自動で求める事でセンタリングを行ってます */
  /* センタリングが不要の場合はmargin-leftの行とmargin-rightを削除して下さい */
  div#container {
    width : 1000px;            /* wrapper＋extra-columnの幅 */
    margin-left : auto;           /*左側のマージンを自動計算 */
    margin-right : auto;         /*右側のマージンを自動計算 */
    background-color : transparent;    /* 背景を透過（bodyで指定した値が有効になります） */
    text-align : left;          /* 古いIE用にセンタリングした部分を元に戻す */
  }
  /***************/
  /* タイトル部分 */
  /* 背景画像を使用したい場合はheight（高さ）・background（背景画像）などを追加して下さい */
  /* 書式・例 */
  /* background : url("画像のパス") 画像の表示位置 繰り返し指定; */
  /* background : url("hoge.gif") top left no-repeat; */

  div#branding {
    width : 1000px;            /* 背景画像のサイズを指定する場合は切れないように画像の横サイズを指定して下さい（繰り返し画像の場合は指定する必要ありません）最大値はcontainerで設定した幅までです */
    height : 433px;            /* 背景画像のサイズを指定する場合は切れないように画像の縦サイズを指定して下さい（繰り返し画像の場合は指定する必要ありません） */
    background : url("https://blog-imgs-46-origin.fc2.com/a/m/a/amamikametora/top_img.jpg") top left no-repeat;    /* サンプル画像760x250 */
/*background-color : #80A093;*/
    text-align : left;
　　/*padding : 50px 10px;*/

    }

  div.column {
    margin : 15px 0;        /* タイトル部分と記事、記事部分とフッター部分の間隔 */
  }
/*************************************/
  /* 本文部分ブロック */
  /* IEは正しくCSSの幅・高さを解釈出来ませんのでそのままではレイアウトが崩れます */
  /* 正しく解釈出来るようにボックスモデルハックと呼ばれるおまじないを施します */

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

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

  /* サイトインフォ関連ブロック */

  div#secondary-column {
    float : right;      /* 右側に回り込む */
    width : 300px;            /* コンテンツ幅 */
/* background-color : #FFB7C6; */
    background-color : transparent;
    color : #6F004C;

  }

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

  div#siteinfo-legal {
    clear : both;            /* 回り込みを解除 */
    margin : 0 10px;
  }
  
  /* 絵文字 */
  .emoji{
    vertical-align:middle;
  }


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

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

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

  /* サイトの説明 */
  div#branding p {
    /*padding : 100px 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を正しく解釈出来るブラウザ用の文字サイズ */
    color : #35006A;
  }

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



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

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

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

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

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

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

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

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

  div.section {
    margin-bottom : 25px;    /* 記事と記事の間隔 */  
    background-color : #FFF5E8;
  }


/**************************************************************/
 /* 記事のタイトル部分 */
/**************************************************************/
  div.section h2 {
    margin-bottom : 10px;
    /* 背景画像のサイズを指定する場合は切れないように画像の縦サイズを指定して下さい（繰り返し画像の場合は指定する必要ありません） */
    /* height : 20px; */
    background-color : #e1eaa8;
    height : 25px;
    padding : 10px 0 0 10px;
    font-size : small;          /* 古いIEの文字サイズ */
    border-bottom : 1px solid #333;
    voice-family : "\"}\"";        /* おまじない */
    voice-family : inherit;        /* おまじない */
    font-size : medium;          /* CSSを正しく解釈出来るブラウザ用の文字サイズ */
  }

  html>body div.section h2 {
    font-size : medium;          /* Opera用の文字サイズ */
  }

  /* 段落の設定 */

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

  /* 記事本体部分 */

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

  /* 追記部分 */

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

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

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

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



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

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

  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 : 20px; */                               
                                font-weight : bold;    /* 太字に*/
    color : #585770;                            /* 文字の色 */
    background-color : #e1eaa8;
    font-size : x-small;        /* 古いIEの文字サイズ */
    border-bottom : 1px solid #333;    /* 下線 */
    text-align : center;        /* センタリング */
    voice-family : "\"}\"";        /* おまじない */
    voice-family : inherit;        /* おまじない */
    font-size : small;          /* CSSを正しく解釈出来るブラウザ用の文字サイズ */
  }

  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;
  }

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

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

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

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

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

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

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

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

  /* アーカイブ関連のリスト表示設定 */
  /* リスト表示を非表示にしたい場合は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 : small;        /* CSSを正しく解釈出来るブラウザ用の文字サイズ */
  }

  html>table.calendar {
    font-size : small;        /* Opera用の文字サイズ */
  }

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

  .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;          /* 土曜日を青色表示 */
  }



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

  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;      /* 枠の色と線種 */
  }



/* コード
------------------------------------------------------------ */

  /* 記事中にプログラムコードなどを書く時に使います */
  /* プロポーショナルフォントではなく等幅フォントを指定すると良いでしょう */



  div.section pre {
    margin : 1em auto;
    padding : 0.5em;
    border : 1px solid #633;
    font-family : sans-serif;
    overflow : auto;
    width : 90%;            /* pre element clearing bug in WinIE  */
  }

  /* for without MacIE5 \*/

  div.section pre {
    overflow : scroll;          /* MacIE用バグ対応 */
  }/* */

  div.section > pre {
    width : auto;            /* MacIE用バグ対応 */
  }

  div.section code {
    font-family : monospace;      /* 等幅フォントを指定 */
  }



/* 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;
  }