@charset "utf-8";

/*--紹介制度ページcss--------------------*/
.clear{clear: both;}
.mt-40{margin-top: 40px;}
.portal_tit {
    padding-top: 2.5rem;
}
.panel{   
		border-style: solid;
	    border-width: 1px;
	    border-color: #d8d8d8;
	    color: #333333;
		padding: 4rem 2rem;
	    background: #fafafa;
	}
.panel h3 {
    margin-bottom: 3rem;
    position: relative;
    font-size: 1.4rem;
    padding-bottom: 0.2rem;
}
.panel h3:after {
    content: '';
    width: 100%;
    height: 1px;
    background: -webkit-gradient(linear, left, right, color-stop(0.25, #ccc), color-stop(0.25, #b1cdf1));
    background: -webkit-linear-gradient(left, #b1cdf1 25%, #ccc 25%);
    background: -moz-linear-gradient(left, #b1cdf1 25%, #ccc 25%);
    background: -o-linear-gradient(left, #b1cdf1 25%, #ccc 25%);
    background: -ms-linear-gradient(left, #b1cdf1 25%, #ccc 25%);
    background: linear-gradient(to right, #953438 25%, #ccc 25%);
    position: absolute;
    left: 0;
    bottom: -2px;
}
@media only screen and (min-width: 40.0625em){
.panel_next_arrow:before {
    width: 40px;
    height: 40px;
    content: "";
    display: block;
    background: url(/img/business/panel_arrow.png) no-repeat center 0;
    transform: rotate(-90deg);
    position: absolute;
    top: 45%;
    left: -40px;
}
}
#affiliate03{ background: #fafafa;}
#affiliate02{ padding: 0 0 4rem;}
#affiliate03,#affiliate04{ padding: 4rem 0;}
.introduce_point {
    background: #f4dbd8 none repeat scroll 0 0;
    border-radius: 50%;
    height: 220px;
    margin: 0 auto 1rem;
    text-align: center;
    width: 220px;
    display: table;
}
.introduce_point p{
	font-size: 1.1rem;
    margin: 0 auto;
    padding: 1rem 0 1rem;
    text-align: center;
    height: 80%;
    display: table-cell;
    vertical-align: middle;
    width: 80%;
}
.pricing-table {
    border: solid 1px #DDDDDD;
    margin-left: 0;
    margin-bottom: 1.25rem;
}
.pricing-table .title {
    background-color: #333333;
    color: #EEEEEE;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 1rem;
    font-weight: normal;
    padding: 0.9375rem 1.25rem;
    text-align: center;
}
.pricing-table .price {
    background-color: #fff;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 1rem;
    font-weight: normal;
    padding: 0.9375rem 1.25rem;
    text-align: center;
}
/*--成果報酬金額--------------------*/
table tbody, table tfoot, table thead{
	border: none;
	
}
.affili_logo{
    width: 50%;
    float: left;
    clear: both;
    font-weight: normal;
     padding: 1rem 0;
    }
.affili_price{
    width: 50%;
    float: right;
    font-size: 1rem;
     padding: 1.4rem 0 1rem;
}
.affili_price_num{font-size: 1.8rem;}
.affili_price_table tbody tr{
    background-color: #fff;
    border-top: 1px solid #bbb;
}
.affili_price_table tbody tr:last-child{
    border-bottom: 1px solid #bbb;
}

/*--アフィリエイトの参加方法--------------------*/
.introduce_flow {
	list-style: none;
	counter-reset: faq;
}
.introduce_flow li {
    padding-bottom: 2rem;
    font-size: 1rem;
}
.introduce_flow li:before {
    counter-increment: faq;
    content: counter(faq)". ";
    color: #F4DBD8;
    width: 4rem;
    display: block;
    float: left;
    font-size: 1.4rem;
    margin-top: -6px;
}
.signup_btn{
    width: 300px;
    margin: 0 0.8rem 1.25rem;
    font-weight: bolder;
    padding: 1rem 1rem 1.0625rem 1rem;
}

.introduce_attention{
	list-style-position: inside;
	list-style-type:disc; 
}
.affiliate_info_dt{
    width: 15%;
    float: left;
    clear: both;
    font-weight: normal;
}
.affiliate_info_dd{
    width: 80%;
    float: left;
}