/* 画面全体 */
body {
/* ----------------------------------------------------- */
    background-color: #dcdcdc;           /* 画面背景の色 */
    background-image: url(https://blog-imgs-43-origin.fc2.com/k/o/s/kosopazu/body-bg.jpg);
    background-repeat:repeat;
    background-attachment: fixed;
　　topmargin="0";
/* ----------------------------------------------------- */
    margin: 0;
    text-align: center;
/* -----フォント始-------------------------------------- */
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
/* -----フォント終-------------------------------------- */
}

/* サイト全体 */

.base_table {
/* ----------------------------------------------------- */
    width: 952px;/* サイトの幅 */
/* ----------------------------------------------------- */
    background-color: #ffffff;               /* 外枠の色 */
    box-shadow: 0px 3px 8px rgba(51, 51, 51, 3);/*影*/
/* ----------------------------------------------------- */
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
}


/************************************** ▼ リンクの色 ▼ */
a:link { color: #4169E1; }
a:visited { color: #4169E1; }
a:hover { color: #0000CD; }
a:active { color: #4169E1; }
/************************************** ▲ リンクの色 ▲ */



/**************************** ▼ ヘッダー(タイトル部) ▼ */
/* ヘッダーレイアウト */
#header {
/* ----------------------------------------------------- */
    background: #ffffff;             /* ヘッダー背景の色 */
    height: 200px;
   background-repeat: no-repeat;
   background-position: center;

/* ----------------------------------------------------- */
    text-align: left;
}
/* サイトタイトル */
h1 a:link, h1 a:visited, h1 a:active, h1 a:hover {
/* ----------------------------------------------------- */
    color:#555555;                       /* タイトルの色 */
/* ----------------------------------------------------- */
    text-decoration:none;
}
h1 {
/* ----------------------------------------------------- */
    font-size: 1.2em;                /* タイトルの大きさ */
/* ----------------------------------------------------- */
    text-decoration:none;
    display:none;
    
    margin: 20px 30px 15px;
}
/* サブタイトル(サイト説明) */
h2 {
/* ----------------------------------------------------- */
    color: #555555;                  /* サブタイトルの色 */
/* ----------------------------------------------------- */
    font-size: 0.8em;            /* サブタイトルの大きさ */
/* ----------------------------------------------------- */
    font-weight: normal;
    margin: 0px 0px;
}
/**************************** ▲ ヘッダー(タイトル部) ▲ */



/****************** ▼▼ メインボディ(コンテンツ部) ▼▼ */
/* メインボディ */
#main_body {
/* ----------------------------------------------------- */
    background-color: #ffffff;         /* ボディ背景の色 */
/* ----------------------------------------------------- */
    background-image: url(https://blog-imgs-59-origin.fc2.com/k/o/s/kosopazu/1.png);
/* ----背景画像が常に表示される形でフィット contain----- */
    background-size:contain;
    background-repeat:no-repeat;
/*  background-attachment: fixed; ---------------------- */
/* ----------------------------------------------------- */

}


/****************** ▼ エントリーブロック(中央カラム) ▼ */
/* センターブロックレイアウト */
.center_block {
    width: 100%;
    text-align: left;
}
/* エントリー（記事）タイトル */
h3 a:link,h3 a:visited,h3 a:active,h3 {
/* ----------------------------------------------------- */
    color:#555555;                   /* 記事タイトルの色 */
/* ----------------------------------------------------- */
    text-decoration:none;
}
h3 a:hover{
/* ----------------------------------------------------- */
    color:#87ceeb; /* 記事タイトルの色(マウスが乗った時) */
/* ----------------------------------------------------- */
    text-decoration:none;
}

h3 {
/* ----------------------------------------------------- */
    background: #DDDDDD;         /* 記事タイトル背景の色 */
    box-shadow: 0px 3px 8px rgba(51, 51, 51, 0.4);/*影*/
/* ----------------------------------------------------- */
    border-top: #f0f0f0 0px solid;       /* 飾りの色(上) */
    border-left: #999999 0px solid;     /* 飾りの色(左) */
    border-right: #999999 0px solid;     /* 飾りの色(右) */
    border-bottom: #999999 0px solid;    /* 飾りの色(下) */
/* ----------------------------------------------------- */
    font-size: 0.8em;        /* 記事タイトル文字の大きさ */
/* ----------------------------------------------------- */
    text-decoration:none;
    padding: 0.3em 0.3em 0.3em 1em;
    margin: 0;
}
/* エントリー(記事)スタイル */
.article {
/* ----------------------------------------------------- */
    color: #555555;        /* エントリー(記事)の文字の色 */
/* ----------------------------------------------------- */
    font-size: 90%;    /* エントリー(記事)の文字の大きさ */
/* ----------------------------------------------------- */
    border: #CCCCCC 0px solid; /* エントリー(記事)の外枠 */
    box-shadow: 0px 3px 8px rgba(51, 51, 51, 0.4);/*影*/
/* ----------------------------------------------------- */
    padding: 10px 1em 0;
    line-height: 1.3;
    margin-bottom: 2em;
}
.article hr {
    color: #dddddd; /* 追記を分ける罫線の色 */
}
/* エントリー(記事)ナビゲーション */
.bottom_navi {
    text-align: right;
    margin-top:8px;
    padding: 5px;
    border-top: #dddddd 1px solid; /* 記事下ナビ区切り線 */
}
/* コメントナビゲーション */
.comment_navi {
    text-align: right;
    margin-top:8px;
    margin-bottom: 20px;
    padding: 5px;
    border-top: #dddddd 1px solid; /* 記事下ナビ区切り線 */
}

/* ページナビゲーション */
.page_navi {
    font-size: 75%;
    text-align: center;
    margin: 2em;
}
/****************** ▲ エントリーブロック(中央カラム) ▲ */



/********* ▼ メニューブロック (プラグインカテゴリ３) ▼ */
/* メニュータイトル */
.menu_title3 {
/* ----------------------------------------------------- */
    color:#555555;               /* メニュータイトルの色 */
/* ----------------------------------------------------- */
    background: #dddddd;         /* メニュータイトル背景 */
/* ----------------------------------------------------- */
    font-size: 0.8em;
    font-weight: bold;
    padding: 0.3em 1em;
    margin: 0;
}

/* メニューコンテンツ */
.menu_cont3 {
/* ----------------------------------------------------- */
    color: #555555;      /* メニューコンテンツの文字の色 */
/* ----------------------------------------------------- */
    font-size: 75%;  /* メニューコンテンツの文字の大きさ */
/* ----------------------------------------------------- */
    margin: 0;
    padding: 0 1em;
    line-height: 1.3;
}
.menu_outline3 {
    border: #cccccc 1px solid;               /* 外枠の色 */
    box-shadow: 0px 3px 8px rgba(51, 51, 51, 0.4);/*影*/
}
/* プラグイン3説明(上部) */
.p3u_description {
margin-top:10px;
margin-bottom:10px;
}
/* プラグイン3コンテンツ上下の余白 */
.p3_margin {
margin-top:10px;
margin-bottom:10px;
}
/* プラグイン3説明(下部) */
.p3d_description {
margin-top:10px;
margin-bottom:10px;
}
/********* ▲ メニューブロック (プラグインカテゴリ３) ▲ */



/** ▼ メニューブロック (プラグインカテゴリ１&２共通) ▼ */
/* メニュータイトル */
.menu_title {
/* ----------------------------------------------------- */
    color:#555555;               /* メニュータイトルの色 */
/* ----------------------------------------------------- */
    background: #dddddd;         /* メニュータイトル背景 */
/* ----------------------------------------------------- */
    font-size: 0.8em;
    font-weight: bold;
    padding: 0.3em 1em;
    margin: 0;
}

/* メニューコンテンツ */
.menu_cont {
/* ----------------------------------------------------- */
    color: #555555;      /* メニューコンテンツの文字の色 */
/* ----------------------------------------------------- */
    font-size: 75%;  /* メニューコンテンツの文字の大きさ */
/* ----------------------------------------------------- */
    margin: 0;
    padding: 0 1em;
    line-height: 130%;
}
/* プラグイン1&2説明(上部) */
.pu_description {
margin-top:10px;
margin-bottom:20px;
}
/* プラグイン1&2コンテンツ上下の余白 */
.p_margin {
margin-top:10px;
margin-bottom:20px;
}
/* プラグイン1&2説明(下部) */
.pd_description {
margin-top:5px;
margin-bottom:5px;
}
/** ▲ メニューブロック (プラグインカテゴリ１&２共通) ▲ */



/********************** ▼ レフトカラム(左側メニュー) ▼ */
/* レフトカラム(左側メニューカラム)の外枠 */
.left_outline {
/* ----------------------------------------------------- */
    border: 1px #cccccc solid; /* レフトカラムの外枠の色 */
/* ----------------------------------------------------- */
    padding: 0;
}
.left_width {
/* ----------------------------------------------------- */
    width: 15em;       /* レフトカラム(左側メニュー)の幅 */
/* ----------------------------------------------------- */
    visibility: hidden;
}
/********************** ▲ レフトカラム(左側メニュー) ▲ */



/********************** ▼ ライトカラム(右側メニュー) ▼ */
/* ライトカラム(右側メニューカラム)の外枠 */
.right_outline {
/* ----------------------------------------------------- */
    border: 0px #cccccc solid; /* ライトカラムの外枠の色 */
    box-shadow: 0px 3px 8px rgba(51, 51, 51, 0.4);/*影*/
/* ----------------------------------------------------- */
    padding: 0;
}
.right_width {
/* ----------------------------------------------------- */
    width: 15em;       /* ライトカラム(右側メニュー)の幅 */
/* ----------------------------------------------------- */
    visibility: hidden;
}

/********************** ▲ ライトカラム(右側メニュー) ▲ */

/****************** ▲▲ メインボディ(コンテンツ部) ▲▲ */



/**************************************** ▼ フッター ▼ */
#footer {
/* ----------------------------------------------------- */
    background-color: #ffffff;     /* フッターの背景の色 */
/* ----------------------------------------------------- */
    color: #C0C0C0;                /* フッターの文字の色 */
/* ----------------------------------------------------- */
    font-size: 75%;
    padding: 5px;
    text-align: center;
    line-height: 150%;
}
#footer a{
/* ----------------------------------------------------- */
    color: #C0C0C0;              /* フッターのリンクの色 */
/* ----------------------------------------------------- */
}
/**************************************** ▲ フッター ▲ */



/* その他各種設定 */
p {
    margin: 0;
    padding: 0;
}
ul {
    margin: 0;
    padding: 0 0 0 1em;
}
li {
    margin: 0 0 3px 0;
    padding: 0;
}

/* コメント入力文字サイズ */
textarea {
    font-size: 1em;
}

/* カレンダー */
.calender {
    color:#666;
    font-size: 110%;
    margin: 1em 0.8em 0;
}
.calender td {
  text-align: center;
}
th#sun {
    color: #CC3300;
}
th#sat {
    color: #0066CC;
}


/* 引用部分 */
blockquote {
margin:2px;
padding:5px;
background:#f0f0f0; /* 背景 */
border:#cccccc 1px solid; /* 枠線 */
border-left:#cccccc 5px solid; /* 枠線(左) */
}


/*  カレンダーの中央寄せ */
.calender{
margin-left: auto;
margin-right: auto;
} 

/* ブックマーク 拍手 */
.fc2_footer {
margin-top:20px; /* 上の余白 */
}

/* ▼ サイトマップ ▼ */
#sitemap {
margin-top:5px; /* 上の余白 */
text-align:left;
}

#sitemap ul.sitemap_list {
margin-left:30px; /* 各記事リストの左余白 */
}

.display_no {
display:none;
}

/* カテゴリ一覧へ戻る */
.pgtop {
text-align:right; /* 右寄せ */
}
/* ▲ サイトマップ ▲ */


/* プラグインの文字配置 */
.ta_left { text-align: left }
.ta_right { text-align: right }
.ta_center { text-align: center }

/* コメント諸項目（名前、URL等）の入力欄の幅 */
#subject,
#name,
#mail,
#url {
width: 50%;
}

/* コメント本文の入力欄の幅 */
#comment {
width: 95%;
}

/* コメントパスワード入力欄の幅 */
#pass {
width: 30%;
}

/* プラグイン内入力欄の幅設定 */
.left_outline input[type="text"],
.right_outline input[type="text"],
.left_outline textarea,
.right_outline textarea {
width: 90%;
}

/* ▼ FC2バトンのスタイル ▼ */

/* 質問番号(Q) */
.q_number {
color:#ff6600; /* 色 */
font-weight: bold; /* 太字 */
}

/* 質問本文 */
.baton_q {
margin-bottom:5px; /* 答えまでの余白 */
}

/* 答え番号(A) */
.a_number {
color:#ff6600; /* 色 */
font-weight: bold; /* 太字 */
}

/* 答え本文 */
.baton_a {
margin-left: 0px;
padding-bottom:2px; /* 罫線までの余白 */
border-bottom: dotted 1px #cccccc; /* 罫線 */
margin-bottom: 20px; /* 次の質問までの余白 */
}
/* ▲ FC2バトンのスタイル ▲ */

.pankuzu {
font-size:12px;
text-align:left;
margin:0px 0px 10px 0px;}
.pankuzu a:link{color:#ff9900}
.pankuzu a:visited{color:#ff9900}

#page-top {
    position: fixed;
    bottom: 20px;/* デフォルト 20px */
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}


/* ▼親子カテゴリ (折りたたみ) 追記分ここから▼ */

.main_menu_fold {
margin-left:10px; /* 全体の左の余白 */
}

/* 親カテゴリ */
div.main_list_parent {
font-weight:normal; /* 文字の太さ (太くしたいならbold) */
margin-bottom:5px; /* 下の余白 */
}

/* 子なしカテゴリ */
div.main_list {
font-weight:normal; /* 文字の太さ (太くしたいならbold) */
margin-bottom:5px; /* 下の余白 */
}

/* 子カテゴリ */
div.sub_list {
background-image: url("https://blog-imgs-19-origin.fc2.com/1/0/p/10plate/branch.gif"); /*ツリー画像 */
padding-left:20px;
padding-top:2px;
padding-bottom:2px;
background-repeat: no-repeat;
background-position: left top;
}

/* 子カテゴリ (最後尾) */
div.sub_list_end {
background-image: url("https://blog-imgs-19-origin.fc2.com/1/0/p/10plate/branch_end.gif"); /*ツリー画像(最後尾) */
background-repeat: no-repeat;
background-position: left top;
padding-left:20px;
padding-top:2px;
margin-bottom:10px; /* 下の余白 */
}

/* ▲親子カテゴリ (折りたたみ) 追記分ここまで▲ */


/* ▼関連記事枠組みデザイン 追記分ここから▼ */
.box2 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: ;/*文字色*/
    background: #FFF;
    border: solid 3px #ffc06e;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box2 p {
    margin: 0; 
    padding: 0;
}
/* ▲関連記事枠組みデザイン 追記分ここまで▲ */



/* ▼ブログカード 追記分ここから▼ */

/* カード全体像 */
.blogcard {
  max-width: 100%;
  margin-bottom: 30px;
  padding: 10px;
  border-radius: 2px;
  border: 2px solid rgb(255,210,0);/* 211,211,211 */
  box-shadow: 0 10px 6px -6px rgba(0,0,0,.1);
  background: white;
  color: rgb(51,51,51);
}

/* float親要素 */
.blogcard-content {
  margin-bottom: 5px;
  overflow: hidden;
}

/* 画像 */
.blogcard-image {
  display: inline-block;
  float: right; /* 画像を左に配置したい場合は left に変更 1/2 */
  width: 100px; /* 画像の表示サイズ変更は数値をpxで変更 1/6 */
  height: 100px; /* 画像の表示サイズ変更は数値をpxで変更 2/6 */
  margin: 0 0 5px 5px; /* 画像を左に配置したい場合は 0 10px 5px 0 に変更 2/2 */
}

.blogcard-image-wrapper {
  display: inline-block;
  width: 100px; /* 画像の表示サイズ変更は数値をpxで変更 3/6 */
  height: 100px; /* 画像の表示サイズ変更は数値をpxで変更 4/6 */
}

.blogcard-image-wrapper img {
  width: 100px; /* 画像の表示サイズ変更は数値をpxで変更 5/6 */
  height: 100px; /* 画像の表示サイズ変更は数値をpxで変更 6/6 */
  object-fit: cover;
  object-position: center center;
}

/* タイトル */
.blogcard-title {
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 15px;
  line-height: 1.4;
}

.blogcard-title a {
  color: rgb(61,63,68);
  word-break: break-all;
}

.blogcard-title a:hover {
  text-decoration: underline;
}

/* 引用 */
.blogcard blockquote {
  position: static;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent; /* ブログテンプレートに背景に関する強制力の強い指定がある場合には transparent の直後に !important を付けてください */
}

.blogcard blockquote::before,
.blogcard blockquote::after {
  content: none;
}

/* 記事概要 */
.blogcard-description {
  font-size: 13px;
  line-height: 1.5;
}

/* フッター(元記事サイト名とリンク) */
.blogcard-footer {
  font-size: 12px;
}

.blogcard-footer a {
  color: rgb(154,165,171);
  text-decoration: underline;
}

.blogcard-footer a img {
  margin-right: 5px;
}
/* ▲ブログカード 追記分ここまで▲ */



/* ▼ブログタイトル・説明文非表示化追記分 ここから▼ */
#header h1,h1.skinTitleArea{
text-indent:-99999px;
}
#header h2,h2.skinDescriptionArea{
text-indent:-99999px;
}
/* ▲ブログタイトル・説明文非表示化 追記分 ここまで▲ */




/*********************************************************/
/*
フッターにある著作権表示さえ残していただければ
どんなにカスタマイズされても構いません。また、
どのようなサイトでも利用してくださって結構です。
                          FC2ブログのテンプレート工房
[standard_ver.10.1]  (http://10plate.blog44.fc2.com/)
*/
/*********************************************************/