@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20151225
*/

/* Simplicity子テーマ用のスタイルを書く */

/* h2.角が丸い囲み */

.article h2{
  border-left:1px solid #0067C0;
  background-color: #0067C0;
  color: #FFFFFF;
  border-radius: 10px; /* 4つのコーナーを半径10pxの角丸に */
  padding-left: 20px; /* 左パディングを20px */
}

.article h3 {
	position: relative;
	padding-bottom: .5em;
	border-bottom: 4px solid #ccc;
}
.article h3:after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color: #0067C0;
}

.article h4 {
	border-left: 10px solid #0067C0;
	border-bottom: 0px;
	padding: 5px 0 5px 10px;
	margin-bottom: 30px;
}

/* PCのボタン化 */

.shoplinkamazon,
.shoplinkrakuten,
.shoplinkkindle,
.pochi_name {
    display : inline-block!important ;
    text-align : center!important ;
    margin : 0 0.5em 0.7em 0!important ;
    padding : 0!important ;
    line-height : 1.5!important ;
    border-radius : 5px!important ;
    -webkit-border-radius : 5px!important ;
    -moz-border-radius : 5px!important ;
    box-shadow : 0px 2px 2px #333, 0 3px 8px #999!important ;
    -webkit-box-shadow : 0px 2px 2px #333, 0 3px 8px #999!important ;
    -moz-box-shadow : 0px 2px 2px #333, 0 3px 8px #999!important ;
    }
 
.pochi_name {
    display : block!important ;
    letter-spacing : 0!important ;
    color : #fff!important ;
    font-size : 65%!important ;
    padding-top : 1em!important ;
    background : -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #737373), color-stop(0.48, #4a4545), color-stop(0.54, #454545), color-stop(0.54, #454545), color-stop(0.01, #c9c5c5), color-stop(0.00, #e3e2e1), color-stop(0.00, #e3e2e1), color-stop(0.00, #e3e2e1))!important ;
    background : -webkit-linear-gradient(top, #e3e2e1 0%, #e3e2e1 0%, #e3e2e1 0%, #c9c5c5 1%, #454545 54%, #454545 54%, #4a4545 48%, #737373 100%)!important ;
    background : -moz-linear-gradient(top, #e3e2e1 0%, #e3e2e1 0%, #e3e2e1 0%, #c9c5c5 1%, #454545 54%, #454545 54%, #4a4545 48%, #737373 100%)!important ;
    background : -o-linear-gradient(top, #e3e2e1 0%, #e3e2e1 0%, #e3e2e1 0%, #c9c5c5 1%, #454545 54%, #454545 54%, #4a4545 48%, #737373 100%)!important ;
    background : -ms-linear-gradient(top, #e3e2e1 0%, #e3e2e1 0%, #e3e2e1 0%, #c9c5c5 1%, #454545 54%, #454545 54%, #4a4545 48%, #737373 100%)!important ;
    background : linear-gradient(to bottom, #e3e2e1 0%, #e3e2e1 0%, #e3e2e1 0%, #c9c5c5 1%, #454545 54%, #454545 54%, #4a4545 48%, #737373 100%)!important ;
    }
 
.shoplinkamazon a,
.shoplinkrakuten a,
.shoplinkkindle a,
.pochi_name a {
    display : inline-block!important ;
    color : #fff!important ;
    text-decoration : none!important ;
    text-shadow : -1px -1px 0px rgba(0, 0, 0, 1)!important ;
    }
 
.shoplinkamazon a:hover,
.shoplinkrakuten a:hover,
.shoplinkkindle a:hover {
    background : gray!important ;
    border-radius : 5px!important ;
    -webkit-border-radius : 5px!important ;
    -moz-border-radius : 5px!important ;
    }
 
/* カエレバ Amazon */
 
.kaerebalink-box .shoplinkamazon {
    letter-spacing : 0.2em!important ;
    background : #292929!important ;
    }
 
.kaerebalink-box .shoplinkamazon a {
    padding : 0.9em 2em!important ;
    }
 
/* カエレバ 楽天 */
 
.kaerebalink-box .shoplinkrakuten {
    letter-spacing : 0.55em!important ;
    background : #BD0000!important ;
    }
 
.kaerebalink-box .shoplinkrakuten a {
    padding : 0.9em 1.6em!important ;
    }
 
/* ヨメレバ Amazon */
 
.booklink-box .shoplinkamazon {
    letter-spacing : 0.2em!important ;
    background : #292929!important ;
    }
 
.booklink-box .shoplinkamazon a {
    padding : 0.9em 2em!important ;
    }
 
/* ヨメレバ 楽天 */
.booklink-box .shoplinkrakuten {
    letter-spacing : 0!important ;
    background : #BD0000!important ;
    }
 
.booklink-box .shoplinkrakuten a {
    padding : 0.9em 1.73em!important ;
    }
 
/* ヨメレバ Kindle */
.booklink-box .shoplinkkindle {
    letter-spacing : 0.36em!important ;
        background : #e47911!important ;
    }
 
.booklink-box .shoplinkkindle a {
    padding : 0.9em 2em!important ;
    }
 
/* ポチレバ */
 
.pochi_name a {
    display : block!important ;
    padding : 0.3em 5% 0.5em 5%!important ;
    font-size : 190%!important ;
    }
 
.pochi_name a:hover {
    background : none ;
    }
 
.pochi_name:hover {
    background : -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c7c7c7), color-stop(0.48, #575757), color-stop(0.48, #575757), color-stop(0.00, #7a7a7a))!important ;
    background : -webkit-linear-gradient(top, #7a7a7a 0%, #575757 48%, #575757 48%, #c7c7c7 100%)!important ;
    background : -moz-linear-gradient(top, #7a7a7a 0%, #575757 48%, #575757 48%, #c7c7c7 100%)!important ;
    background : -o-linear-gradient(top, #7a7a7a 0%, #575757 48%, #575757 48%, #c7c7c7 100%)!important ;
    background : -ms-linear-gradient(top, #7a7a7a 0%, #575757 48%, #575757 48%, #c7c7c7 100%) ;
    background : linear-gradient(to bottom, #7a7a7a 0%, #575757 48%, #575757 48%, #c7c7c7 100%)!important ;
    }
 
.pochi_name:before {
    content : "今すぐダウンロード!" ;
    display : block ;
    font-size : 160% ;
    color : yellow ;
    text-shadow : -1px -1px 0px rgba(108, 106, 106, 1) ;
    }


/* スマホのボタン化 */

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

/* A8テキストの改行対策 */

.img-inline > img {
       display: inline !important;
}

/* アフィリエイトリンクのボタン化 */

.buttonlink {
    max-width: 600px;/*最大幅の指定*/
    text-align: center;/*テキストを中央表示*/
    margin:20px auto 20px auto;
    font-weight: bold;/*テキストを太字にする*/
    color: #ffffff !important;
    height: auto;    /*高さを自動調整*/

}
.buttonlink > img{
    display:inline !important;
}

.buttonlink :before {
	content:"》";/*テキストの前に付ける文字列*/
        font-family: FontAwesome;
}
.buttonlink :after {
	content:"";/*テキストの後ろにつける文字列*/
        font-family: FontAwesome;
}

.buttonlink a {
 text-decoration: none !important;/*リンクテキストの下線をなし*/
 color: #ffffff !important;/*リンクの文字色*/
 display:block;
 padding: 10px;
 background-color: #FF773E;/*背景色*/
    margin-right: auto;/*右余白を自動調整 */
    margin-left: auto;/*左余白を自動調整 */
    border-radius: 10px;  /*角丸く */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.buttonlink a:hover {
 text-decoration: none !important; /*マウスオーバー時のリンクテキストの下線なし */
 color: #666666 !important;/*マウスオーバー時の文字色 */
 background-color: #fff;/*マウスオーバー時の背景色 */
 border:2px solid #F00;/*マウスオーバー時に黒の枠線表示 */
}