/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/

/* ********************
 H3 RANK1　　　　　　　　　　　　　 ********************* */
#h3_rank1 {
	color: #000000;
	padding: .5em .75em;
	border: 1px solid #ccc;
	border-radius: 4px;
    background: url(https://kakuyasu-simfan.com/wp/wp-content/uploads/2017/01/icon-rank02-01.png) no-repeat;
    padding-left: 50px;
}

/* ********************
 H3 RANK2　　　　　　　　　　　　　 ********************* */
#h3_rank2 {
	color: #000000;
	padding: .5em .75em;
	border: 1px solid #ccc;
	border-radius: 4px;
    background: url(https://kakuyasu-simfan.com/wp/wp-content/uploads/2017/01/icon-rank02-02.png) no-repeat;
    padding-left: 50px;
}

/* ********************
 H3 RANK3　　　　　　 ********************* */
#h3_rank3 {
	color: #000000;
	padding: .5em .75em;
	border: 1px solid #ccc;
	border-radius: 4px;
    background: url(https://kakuyasu-simfan.com/wp/wp-content/uploads/2017/01/icon-rank02-03.png) no-repeat;
    padding-left: 50px;
}

/* ********************
 POINT BOX　　　　　　　　　　　　　 ********************* */
.article .point-box {
    border: 2px solid #da4033;
    border-radius: 4px;
    margin: 2em 0;
    padding: 2em;
    position: relative;
}
.article .point-box::before {
    background-color: #fff;
    color: #da4033;
    content: "POINT";
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
}

/* ********************
 CHECK BOX　　　　　　　　　　　　　 ********************* */
.article .check-box {
    border: 2px solid #da4033;
    border-radius: 4px;
    margin: 2em 0;
    padding: 2em;
    position: relative;
}
.article .check-box::before {
    background-color: #fff;
    color: #da4033;
    content: "CHECK";
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
}

/* Simplicity子テーマ用のスタイルを書く */
/************************************
** テーブル（Table）
************************************/
.article table{
  border-collapse: collapse;
}
.article th{
  background-color: #000;
  color: #fff
}