/* 画面全体 */
body {
/* ----------------------------------------------------- */
    background-color: #f6f6ff;           /* 画面背景の色 */
/* ----------------------------------------------------- */
    margin: 0;
    text-align: center;
}

/* サイト全体 */

.base_table {
/* ----------------------------------------------------- */
    width: 58em;                          /* サイトの幅 */
/* ----------------------------------------------------- */
    background-color: #cccccc;               /* 外枠の色 */
/* ----------------------------------------------------- */
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
}


/************************************** ▼ リンクの色 ▼ */
a:link { color: #0000FF; }
a:visited { color: #0000FF; }
a:hover { color: #6666ff; }
a:active { color: #0000FF; }

a.white:link { color: #FFFFFF; }
/************************************** ▲ リンクの色 ▲ */



/**************************** ▼ ヘッダー(タイトル部) ▼ */
/* ヘッダーレイアウト */
#header {
/* ----------------------------------------------------- */
    background: #3333cc;             /* ヘッダー背景の色 */
/* ----------------------------------------------------- */
    text-align: left;
}
/* サイトタイトル */
h1 a:link, h1 a:visited, h1 a:active, h1 a:hover {
/* ----------------------------------------------------- */
    color:#ffffff;                       /* タイトルの色 */
/* ----------------------------------------------------- */
    text-decoration:none;
}
h1 {
/* ----------------------------------------------------- */
    font-size: 1.8em;                /* タイトルの大きさ */
/* ----------------------------------------------------- */
    text-decoration:none;
    margin: 10px 30px;
}
/* サブタイトル(サイト説明) */
h2 {
/* ----------------------------------------------------- */
    color: #ffffff;                  /* サブタイトルの色 */
/* ----------------------------------------------------- */
    font-size: 0.8em;            /* サブタイトルの大きさ */
/* ----------------------------------------------------- */
    font-weight: normal;
    margin: 10px 30px;
}
/**************************** ▲ ヘッダー(タイトル部) ▲ */



/****************** ▼▼ メインボディ(コンテンツ部) ▼▼ */
/* メインボディ */
#main_body {
/* ----------------------------------------------------- */
    background-color: #ffffff;         /* ボディ背景の色 */
/* ----------------------------------------------------- */
}

/****************** ▼ エントリーブロック(中央カラム) ▼ */
/* センターブロックレイアウト */
.center_block {
    width: 100%;
    text-align: left;
}
/* エントリー（記事）タイトル */
h3 a:link,h3 a:visited,h3 a:active,h3 {
/* ----------------------------------------------------- */
    color:#444444;                   /* 記事タイトルの色 */
/* ----------------------------------------------------- */
    text-decoration:none;
}
h3 a:hover{
/* ----------------------------------------------------- */
    color:#666666; /* 記事タイトルの色(マウスが乗った時) */
/* ----------------------------------------------------- */
    text-decoration:none;
}
h3 {
/* ----------------------------------------------------- */
    background: #f6f6ff;         /* 記事タイトル背景の色 */
/* ----------------------------------------------------- */
    border-top: #ffffff 1px solid;       /* 飾りの色(上) */
    border-left: #3333cc 10px solid;     /* 飾りの色(左) */
    border-right: #999999 1px solid;     /* 飾りの色(右) */
    border-bottom: #999999 1px solid;    /* 飾りの色(下) */
/* ----------------------------------------------------- */
    font-size: 1.4em;        /* 記事タイトル文字の大きさ */
/* ----------------------------------------------------- */
    text-decoration:none;
    padding: 0.3em 0.3em 0.3em 1em;
    margin: 0;
}




h4 {
/* ----------------------------------------------------- */
    background: #ffffcc;         /* 記事タイトル背景の色 */
/* ----------------------------------------------------- */
    color: #000000;                  /* サブタイトルの色 */
/* ----------------------------------------------------- */
    font-size: 1.1em;            /* サブタイトルの大きさ */
/* ----------------------------------------------------- */
    border-left: #ffDD00 10px solid;     /* 飾りの色(左) */
/* ----------------------------------------------------- */
    font-weight: bold;
    padding: 0.3em 0.3em 0.3em 0.5em;
    margin: 10px 0px 0px;
}



h4.matome {
        position: relative;
        padding: .5em .75em;
        background-color: #ffDD00 ;
        border-radius: 6px;
}

h4.matome::after {
        position: absolute;
        top: 100%;
        left: 30px;
        content: '';
        width: 0;
        height: 0;
        border: 10px solid transparent;
        border-top: 15px solid #ffDD00 ;
}





h5 {
        
    padding: 0.3em 0.3em 0.3em 0.5em;
    margin: 10px 0px 0px;
        border-bottom: 1px solid #ccc ;
}
h5:first-letter {
        margin-right: .1em;
        font-size: 1.5em;
}



strong {
background: linear-gradient(transparent 40%, #ffff66 40%);
}




/* エントリー(記事)スタイル */
.article {
/* ----------------------------------------------------- */
    color: #333333;        /* エントリー(記事)の文字の色 */
/* ----------------------------------------------------- */
    font-size: 105%;    /* エントリー(記事)の文字の大きさ */
/* ----------------------------------------------------- */
    border: #ffffff 1px solid; /* エントリー(記事)の外枠 */
/* ----------------------------------------------------- */
    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: 110%;
    text-align: center;
    margin: 2em;
}
/****************** ▲ エントリーブロック(中央カラム) ▲ */



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

/* メニューコンテンツ */
.menu_cont3 {
/* ----------------------------------------------------- */
    color: #333333;      /* メニューコンテンツの文字の色 */
/* ----------------------------------------------------- */
    font-size: 95%;  /* メニューコンテンツの文字の大きさ */
/* ----------------------------------------------------- */
    border: #cccccc 1px solid;               /* 外枠の色 */
/* ----------------------------------------------------- */
    margin: 0;
    padding: 0 1em;
    line-height: 1.3;
}
/* プラグイン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:#ffffff;               /* メニュータイトルの色 */
/* ----------------------------------------------------- */
    background: #0000cc;         /* メニュータイトル背景 */
/* ----------------------------------------------------- */
    font-size: 0.8em;
    font-weight: bold;
    padding: 0.3em 1em;
    margin: 0;
}

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



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



/********************** ▼ ライトカラム(右側メニュー) ▼ */
/* ライトカラム(右側メニューカラム)の外枠 */
.right_outline {
/* ----------------------------------------------------- */
    border: 1px #cccccc solid; /* ライトカラムの外枠の色 */
/* ----------------------------------------------------- */
    padding: 0;
}
.right_width {
/* ----------------------------------------------------- */
    width: 14em;       /* ライトカラム(右側メニュー)の幅 */
/* ----------------------------------------------------- */
    visibility: hidden;
}

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

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



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



/* その他各種設定 */
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:#333;
    font-size: 110%;
    margin: 1em 0.8em 0;
}
.calender td {
    text-align: center;
}
th#sun {
    color: #CC3300;
}
th#sat {
    color: #0066CC;
}

/* 続きを読む・閉じる */
.readmore {
    margin-top: 10px;
}
.readclose {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* 引用部分 */
blockquote {
margin:2px;
padding:5px;
background:#F9F9F9; /* 背景 */
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バトンのスタイル ▲ */


/* ▼メニューバー▼ */
ul#menu_bar {
font-size: 95%; /* 文字サイズ */
height:25px; /* 高さ */
background-color:#0000cc; /* 背景色 */
padding-left:0px;
margin-left:0px;
margin-top:0px; /* 上の間隔 */
margin-bottom:5px; /* 下の間隔 */
}

#menu_bar li {
list-style-type:none;
float:left;
line-height:25px; /* 高さ */
margin:0px;
padding:0px;
}

#menu_bar li a {
display:block;
text-align:center;
width:120px; /* １つのメニューボタンの幅 */
border-right:1px solid #FFFFFF; /* 区切り線 */
color:#ffffff; /* リンク文字の色 */
background-color:#0000cc; /* メニューボタンの背景 */
text-decoration:none;
}

#menu_bar li a:hover{
color:#ffffff; /* マウスが乗ったときのリンク文字の色 */
background-color:#FFCC00; /* マウスが乗ったときの背景色 */
text-decoration:none;
}
/* ▲メニューバー▲ */


.snsb{
float:left;
}


.top_search {
float:right;
margin-top:10px; /* 検索窓の上間隔 */
margin-right:20px; /* 検索窓の右間隔 */
}

h1 {
float:left;
}

h2 {
clear:both;
}


/* 横カレンダー */
.line_calendar {
font-size:10pt; /* 文字の大きさ */
color:#FFFFFF; /* 文字の色 */
margin-bottom:10px; /* カレンダー下の間隔 */
text-align:center;
}
.line_cal_day {
margin-left:3px; /* 日付の間隔(左) */
margin-right:3px; /* 日付の間隔(右) */
}



/* カエレバ　PC用CSS */
.shoplinkamazon {
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #0e2944), color-stop(0.00, #08529C))!important;
     background : -webkit-linear-gradient(top, #08529C 0%, #0e2944 88%)!important ;
     background : -moz-linear-gradient(top, #08529C 0%, #0e2944 88%)!important ;
     background : -o-linear-gradient(top, #08529C 0%, #0e2944 88%)!important ;
     background : -ms-linear-gradient(top, #08529C 0%, #0e2944 88%)!important ;
     background : linear-gradient(to bottom, #08529C 0%, #0e2944 88%)!important ;
     }

.shoplinkrakuten {
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #602a2f), color-stop(0.00, #f00))!important;
     background: -webkit-linear-gradient(top, #f00 0%, #602a2f 88%)!important;
     background: -moz-linear-gradient(top, #f00 0%, #602a2f 88%)!important;
     background: -o-linear-gradient(top, #f00 0%, #602a2f 88%)!important;
     background: -ms-linear-gradient(top, #f00 0%, #602a2f 88%)!important;
     background: linear-gradient(to bottom, #f00 0%, #602a2f 88%)!important;
     }

.shoplinkamazon a,
.shoplinkrakuten a {
     color : white!important ;
     text-decoration : none!important ;
     display : inline-block!important ;
     padding : 0.5em 3em!important ;
     text-shadow : 1px 1px 3px rgba(0, 0, 0, 0.68)!important ;
     }

.shoplinkamazon,
.shoplinkrakuten {
     display : inline-block!important ;
     padding: 0.3em!important; 
     margin : 0 0.5em 0.5em 0!important ; 
     letter-spacing : 0.2em!important ;
     line-height : 1.5!important ;
     border-radius : 10px!important ;
     -webkit-border-radius : 10px!important ;
     -moz-border-radius : 10px!important ;
     box-shadow:rgba(113, 135, 164, 0.137255) 0px 0px 4px 2px!important;
     -webkit-box-shadow:rgba(113, 135, 164, 0.137255) 0px 0px 4px 2px!important;
     -moz-box-shadow:rgba(113, 135, 164, 0.137255) 0px 0px 4px 2px!important;
     }

.shoplinkamazon:hover,
.shoplinkrakuten:hover {
     background : gray!important ;
     }



/* カエレバ　スマホ用CSS */


@media screen and (max-width: 480px) {

    .kaerebalink-box,
    .booklink-box,
    .pochireba {
        text-align:center!important;
        padding: 1em!important;
        margin:0 0 0.5em 0!important;
        }

    .pochi_info {
        text-align:center!important;
        }

    .kaerebalink-box .kaerebalink-image,
    .booklink-box .booklink-image,
    .pochi_img {
        float: none !important;    
        }


    .shoplinkamazon,
    .shoplinkrakuten,
    .shoplinkkindle,
    .pochi_name {
        display:block!important;
        letter-spacing: 1em!important;
        padding:0!important;
        }

    .shoplinkamazon a,
    .shoplinkrakuten a,
    .shoplinkkindle a {
        padding:1em 25%!important;
        }

    /* カエレバ Amazon */
    .kaerebalink-box .shoplinkamazon a {
        padding : 0.9em 6em!important ;
        }

    /* カエレバ 楽天 */
    .kaerebalink-box .shoplinkrakuten a {
        padding : 0.9em 5.5em!important ;
        }

    /* ヨメレバ Amazon */
    .booklink-box .shoplinkamazon a {
        padding : 0.9em 6em!important ;
        }

    /* ヨメレバ 楽天 */
    .booklink-box .shoplinkrakuten a {
        padding : 0.9em 5.5em!important ;
        }

    /* ヨメレバ Kindle */
    .booklink-box .shoplinkkindle a {
        padding : 0.9em 6em!important ;
        }

    /* ポチレバ */
    .pochi_name a {
        padding : 0.3em 5% 0.5em 5%!important ;
        }
}





/*----------ボタン用スタイル---------------------------------*/

.button{
border:1px solid #ffad41; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block; color: #FFFFFF;
 background-color: #ffc579; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc579), to(#fb9d23));
 background-image: -webkit-linear-gradient(top, #ffc579, #fb9d23);
 background-image: -moz-linear-gradient(top, #ffc579, #fb9d23);
 background-image: -ms-linear-gradient(top, #ffc579, #fb9d23);
 background-image: -o-linear-gradient(top, #ffc579, #fb9d23);
 background-image: linear-gradient(to bottom, #ffc579, #fb9d23);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffc579, endColorstr=#fb9d23);
}

.button:hover{
 border:1px solid #ff9913;
 background-color: #ffaf46; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffaf46), to(#e78404));
 background-image: -webkit-linear-gradient(top, #ffaf46, #e78404);
 background-image: -moz-linear-gradient(top, #ffaf46, #e78404);
 background-image: -ms-linear-gradient(top, #ffaf46, #e78404);
 background-image: -o-linear-gradient(top, #ffaf46, #e78404);
 background-image: linear-gradient(to bottom, #ffaf46, #e78404);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffaf46, endColorstr=#e78404);
}



.btn {
	background: #EEE;
	border: 1px solid #DDD;
	color: #111;
	width: 100px;
	padding: 10px 0;
}



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


/*ココナラ依頼のボタンスタイル--------------------------------------------------------*/

@charset "UTF-8";

.carlink-area{
  display: table;
  padding: 25px;
  margin-bottom: 10px;
  border: 1px solid #62bfcc;
}

.carlink-img{
  width: 200px;
  display: table-cell;
  text-align: center;
  vertical-align: top;
}

.carlink-info{
  display: table-cell;
  overflow: hidden;
  vertical-align: top;
  width: 350px;
}

h3.carlink-info-text{
  margin: 0;
  font-size: 22px;
}

.carlink-info-text-sub{
  font-size: 14px;
  margin: 5px 0 15px;
}

.carlink-info-inner{
  text-align: center;
  margin: 0 0 15px;
}

.carlink-info-inner a{
  text-decoration: none;
  display: block;
  color: #fff;
  padding: 7px 10px 5px;
  transition: all 0.2s;
  border-radius: 2px;
  position: relative;
  font-size: 18px;
}

.carlink-info-inner a:active{
  box-shadow: none;
  top: 3px;
}

.carlink-info-estimate a{
  background: #2ba6e1;
  box-shadow: 0 3px 0 #216f94;
}

.carlink-info-estimate a:hover{
  background: #5bbdec;
}

.carlink-info-unused a{
  background: #eeb947;
  box-shadow: 0 3px 0 #a6760f;
}

.carlink-info-unused a:hover{
  background: #f1c568
}

.carlink-info-bestprice a{
  background: #f7594d;
  box-shadow: 0 3px 0 #c41e11;
}

.carlink-info-bestprice a:hover{
  background: #f9796f;
}

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






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