@charset "UTF-8";
@import url("../simplicity/style.css");

/*
Theme Name: Simplicity child(雑記用)
Template:   simplicity
Version:    20150920
*/

/* Simplicity子テーマ用のスタイルを書く */


/* 記事を読むボタン(非アクティブ) */
.entry-read a{
 color:#fff;
 font-size:14px;
 background-color:#000000;
 border:1px solid #000000;
 border-radius:2px;
 padding:3px 10px 3px 5px;
 text-decoration:none;
 }
 /* 記事を読むボタン(アクティブ) */
.entry-read a:hover{
 color:#fff;
 background-color:#808080;
 border:1px solid #808080;
}
/* 記事を読むボタン(右側表示) */
.entry-read {
  text-align: right;
  margin-right: 10px; /* ここはお好みで */
}


/*------------------------------------------------------------
font-size・・・フォントサイズの設定
-------------------------------------------------------------*/
.b{ font-weight: bold!important; }/*太字*/
.big{ font-size: 1.2em!important; }/*文字（大）*/
.big2{ font-size: 1.5em!important; }/*文字（特大）*/
.big3{ font-size: 1.8em!important; }/*文字（特特大）*/
.small{ font-size: 0.8em!important; }/*文字（小）*/
 
 
/*------------------------------------------------------------
フォントカラーの設定
-------------------------------------------------------------*/
.red{ color: #ff0000!important; }/*赤*/
.green{ color: #008000!important; }/*緑*/
.orange{ color: #ff6600!important; }/*オレンジ*/
 
 
/*------------------------------------------------------------
蛍光ペンのようなボックスの設定
-------------------------------------------------------------*/
.box-yellow{ padding:2px;background-color: #ff9!important; }/*黄色*/
.box-aqua{ padding:2px;background-color: #9ff!important; }/*水色*/
.box-gray{ padding:2px;background-color: #eee!important; }/*灰色*/
.box-red{ padding:2px;background-color: #fcc!important; }/*赤色*/
 
 
/*------------------------------------------------------------
【下線の設定】
-------------------------------------------------------------*/
.bd-red{border-bottom:2px solid #FDA2A2}     /* 赤色の下線 */
.bd-blue{border-bottom:2px solid #3094DD}    /* 青色の下線 */
.bd-green{border-bottom:2px solid #1ABC9C}   /* 緑色の下線 */
.bd-yellow{border-bottom:2px solid #F7D745}  /* 黄色の下線 */
.bd-orange{border-bottom:2px solid #F39C12}  /* 橙色の下線 */
.bd-black{border-bottom:2px solid #000}      /* 黒色の下線 */
 
 
/*------------------------------------------------------------
【ボックスの設定】
-------------------------------------------------------------*/
.box_shadow {
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
    box-shadow: 0 0 3px rgba(0,0,0,.3);
    width: 88%;
    margin: 48px auto;
    padding: 5%;
    overflow: hidden;
}/*BOX（影）*/
 
.box_gray {
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
    box-shadow: 0 0 3px rgba(0,0,0,.3);
    width: 88%;
    margin: 48px auto;
    padding: 5%;
    background-color: #FBFAF8;
    overflow: hidden;
}/*BOX（グレー）*/
 
.box_red {
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
    box-shadow: 0 0 3px rgba(0,0,0,.3);
    width: 88%;
    margin: 48px auto;
    padding: 5%;
    background-color: #FADBDA;
    overflow: hidden;
}/*BOX（赤）*/
 
.box_blue {
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
    box-shadow: 0 0 3px rgba(0,0,0,.3);
    width: 88%;
    margin: 48px auto;
    padding: 5%;
    background-color: #99CCFF;
    overflow: hidden;
}/*BOX（青）*/
 
.box_green {
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
    box-shadow: 0 0 3px rgba(0,0,0,.3);
    width: 88%;
    margin: 48px auto;
    padding: 5%;
    background-color: #66CC99;
    overflow: hidden;
}/*BOX（緑）*/
 
 
/*------------------------------------------------------------
align・・・文字の横位置
-------------------------------------------------------------*/
.al-c{ text-align: center; }/*中央寄せ*/
.al-r{ text-align: right; }/*右寄せ*/
.al-l{ text-align: left; }/*左寄せ*/
 
 
/*------------------------------------------------------------
余白（下）
-------------------------------------------------------------*/
.m10-b{ margin-bottom: 10px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m70-b{ margin-bottom: 70px!important; }
.m80-b{ margin-bottom: 80px!important; }
.m90-b{ margin-bottom: 90px!important; }
