@charset "UTF-8";
/*-----------------------------------------------------------------------------
ページ全体に適用するCSS
-----------------------------------------------------------------------------*/
.no_pointer{pointer-events:none !important;}
.h2_tit{font-size: 26px;}
.h3_tit{
    font-size: 20px;
    position: relative;
}
.h4_tit{font-size: 18px;}
.wrap_af{font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sanserif;}
.wrap_af,.wrap_af p{
    font-size: 14px;
    line-height: 1.7;
    color: #666;
}

.h2_tit,.h3_tit,.h4_tit{
    font-weight: bold;
    color: #666;
}

/* ご利用の流れ、禁止事項、よくある質問　見出し */
#wrap_af_flow section .h3_tit,#wrap_af_rule section .h3_tit{
    background-image: url(images/h_tit_bg.jpg);
    background-repeat: no-repeat;
    color: #fff !important;
    padding-left: 50px;
    counter-reset: number 0;
}

#wrap_af_flow section .h3_tit::before,#wrap_af_rule section .h3_tit::before{
    position: absolute;
    left: 8px;
}

#wrap_af_flow section:nth-child(2) .h3_tit::before,#wrap_af_rule section:nth-child(4) .h3_tit::before{
    counter-increment: number 1;
    content: counter(number); 
}
#wrap_af_flow section:nth-child(3) .h3_tit::before,#wrap_af_rule section:nth-child(5) .h3_tit::before{
    counter-increment: number 2;
    content: counter(number); 
}
#wrap_af_flow section:nth-child(4) .h3_tit::before{
    counter-increment: number 3;
    content: counter(number); 
}
#wrap_af_flow section:nth-child(5) .h3_tit::before{
    counter-increment: number 4;
    content: counter(number); 
}
#wrap_af_flow section:nth-child(6) .h3_tit::before{
    counter-increment: number 5;
    content: counter(number); 
}
#wrap_af_flow section:nth-child(7) .h3_tit::before{
    counter-increment: number 6;
    content: counter(number); 
}


/*-----------------------------------------------------------------------------
ボタン
-----------------------------------------------------------------------------*/
.btn-area,.login_box,.entry_btn{text-align: center;}
.btn-area li{
    width: 135px;
    height: 42px;
    border: 1px solid #35AD3F;
    box-sizing: border-box;
    border-radius: 5px;
    -webkit-box-shadow: 0px 3px 1px #d4d4d4;
    box-shadow: 0px 3px 1px #d4d4d4;
    line-height: 1.3;
}

.btn-area a {
    display: block;
    background: linear-gradient(0deg, #2F8639 0%, #35ad3f 50%, #93d49a 90%, #93d49a 100%);
    text-decoration: none;
}
.btn-area a:hover,.login_btn a:hover,.entry_btn a:hover{
    color: #fff;
    opacity: .7;
    transition: 0.2s;
    -webkit-transition: 0.2s;
}
.btn-area a span {
    color: #fff;
    padding: 10px 0;
    display: block;
    border: solid 1px #fff;
    border-radius: 5px;
}
.btn-area .af_top_btn{font-feature-settings: "palt";}

/* お申し込みフォームのbtn */
.btn-area li.af_entry_btn{
    width: 160px;
    height: 50px;
    border: 1px solid #EA5C14;
}
.btn-area li.af_entry_btn a span {padding: 14px 0;}

.btn-area .af_entry_btn a{
    background: linear-gradient(0deg, #EA5C14 0%, #EA5C14 50%, #F4AD53 90%, #F4AD53 100%);
}

/* パートナーログインbtn */
.login_btn,.entry_btn{
    width: 220px;
    border: 1px solid #EA5C14;
    border-radius: 5px;
}
.login_btn a,.entry_btn a{
    display: block;
    background: linear-gradient(0deg, #EA5C14 0%, #EA5C14 50%, #F4AD53 90%, #F4AD53 100%);
    text-decoration: none;
}
.login_btn a span,.entry_btn a span {
    color: #fff;
    padding: 15px 0;
    display: block;
    border: solid 1px #fff;
    border-radius: 5px;
}


/* ご登録から報酬支払までのご利用の流れ お申し込みフォームのbtn */
.entry_btn{
    width: 300px;
    font-size: 16px;
    font-weight: bold;
}



/*アフィリエイトTOP
-----------------------------------------------------------------------------*/
/* パートナー登録がお済みの方 */
.login_box {
    background: #FEF1DE;
    padding: 13px;
    font-size: 16px;
    font-weight: bold;
    color: #a23300;
}


/* はじめての方へ　NLSのアフェリエイトはここがすごい！ */
.af_guide dt{
    color: #8CC31F;
    font-size: 26px;
    font-weight: bold;
}
.af_guide dt::before {
    content: "";
    background-image: url(images/sec01_img01.jpg);
    width: 35px;
    height: 35px;
    display: inline-block;
    background-size: contain;
    vertical-align: text-top;
    margin-right: 10px;
}
.af_guide dt:nth-child(3)::before {
    content: "";
    background-image: url(images/sec01_img02.jpg);
}
.af_guide dt:nth-child(5)::before {
    content: "";
    background-image: url(images/sec01_img03.jpg);
}
.af_guide dt:nth-child(7)::before {
    content: "";
    background-image: url(images/sec01_img04.jpg);
}
.af_guide dt:nth-child(9)::before {
    content: "";
    background-image: url(images/sec01_img05.jpg);
}



/*ご利用の流れ
-----------------------------------------------------------------------------*/
/*よくある質問
-----------------------------------------------------------------------------*/
#wrap_af_faq section .h3_tit {
    color: #fff !important;
    background: #8DC21F;
}

#wrap_af_faq section{border: solid 1px #8DC21F;}
#wrap_af_faq section dl{padding: 20px;}

/* QA */
.qaset {
    color: #666;
    font-weight: bold;
}
.qaset,.answer{
    position: relative;
    padding-left: 25px;
}
.qaset::before,.answer::before{
    content: "Ｑ";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    font-weight: bold;
    color: #FF6600;
}
.answer{
    padding-bottom: 15px;
    border-bottom: solid 1px #8EC220;
}
.answer:last-child{
    padding-bottom: 0;
    border-bottom: none;
}
.answer::before {
    content: "Ａ";
    color: #0066FF;
}
.answer_list {
    counter-reset: number 0;
}
.answer_list li{
    position: relative;
    padding-left: 15px;    
}
.answer_list li::before {
    counter-increment: number 1;
    content: counter(number) " ） ";
    background-color: #fff0;
    position: initial;    
}





/*禁止事項&薬機法関連
-----------------------------------------------------------------------------*/
.rule_btn{
    text-align: center;
}
.rule_btn li{
    width: 100%;
    color: #9494;
    background-color: #F5F5F5;
}
.rule_btn li a{
    display: block;
    width: 100%;
    height: 100%;
}
.rule_btn li span{
    display: block;
    padding: 10px 0;
}

.rule_btn .active{
    color: #fff;
    background-color: #8DC21F;
}


#wrap_af_rule .h2_tit,#wrap_af_yakkihou .h2_tit{
    text-align: center;
    color: #6D4922 !important;
    background: #FFD562;
    padding: 0;
    margin: 25px 5px 0 5px;
    position: relative;
}
#wrap_af_rule .h2_tit::before,#wrap_af_yakkihou .h2_tit::before{
    position: absolute;
    display: block;
    content: "";
    top: -5px;
    left: -5px;
    width: 714px;
    height: calc(100% + 5px);
    box-sizing: content-box;
    border: solid 3px #FFD562;
}



/* 
----- 禁止事項 */
#wrap_af_rule section .h3_tit{
    background-image: none;
    color: #666 !important;
    border-bottom: solid 2px #FFD562;
    padding-bottom: 5px;
    padding-left: 45px;
}
#wrap_af_rule section .h3_tit::before{
    text-align: center;
    color: #fff;
    background-color: #FFD562;
    width: 35px;
    height: 35px;
    left: 0;
}
#wrap_af_rule section:nth-child(4) .h3_tit::before{counter-increment: number 1;}
#wrap_af_rule section:nth-child(5) .h3_tit::before{counter-increment: number 2;}


.rule_af li{
    position: relative;
    padding-left: 15px;
}
.rule_af li::before{
    content: "";
    background-color: #FFB243;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    position: absolute;
    top: 8px;
    left: 0;
}

.rule_af_sub{counter-reset: number 0;}
.rule_af_sub li::before{
    counter-increment: number 1;
    content: counter(number) " ） "; 
    background-color: #fff0;
    position: initial;
}

/* 広告活動に関して */
#wrap_af_rule .h4_tit{
    color: #666;
    background: #eee;
    padding: 0 0 0 15px;
    margin: 25px 5px 0 5px;
    position: relative;
}
#wrap_af_rule .h4_tit::before{
    position: absolute;
    display: block;
    content: "";
    top: -5px;
    left: -5px;
    width: 714px;
    height: calc(100% + 5px);
    box-sizing: content-box;
    border: solid 3px #eee;
}

/* 
----- 薬機法関連 */
#wrap_af_yakkihou section .h3_tit{
    border-bottom: 2px solid #FFD562;
}

#wrap_af_yakkihou .check_af dt {
    margin-top: 10px;
    position: relative;
    padding-left: 25px;
}
#wrap_af_yakkihou .check_af dt::before {
    content: '□';
    margin-right: 5px;
    position: absolute;
    left: 0;
}
#wrap_af_yakkihou .check_af dd {
    margin-top: 5px;
    padding-left: 40px;
    position: relative;
}
#wrap_af_yakkihou .check_af dd::before {
    content: '×';
    color: #ff0000;
    font-weight: bold;
    font-size: 20px;
    position: absolute;
    left: 25px;
    bottom: -3px;
}
#wrap_af_yakkihou .case_box {border: solid 1px #D80000;}
#wrap_af_yakkihou .case_box .h4_tit {
    color: #fff !important;
    background: #D80000;
    padding: 10px;
}
#wrap_af_yakkihou .case_box ul {padding: 20px;}
#wrap_af_yakkihou .case_box li {
    margin-top: 10px;
    position: relative;
    padding-left: 25px;
}
#wrap_af_yakkihou .case_box li:first-child {margin-top: 0;}

#wrap_af_yakkihou .case_box li::before {
    content: '×';
    color: #ff0000;
    font-weight: bold;
    font-size: 20px;
    position: absolute;
    left: 0;
    bottom: -5px;
}
#wrap_af_yakkihou .access_box {
    border: solid 1px #FFD562;
    padding: 10px;
    word-break: break-all;
}
#wrap_af_yakkihou .access_box li {
    margin-top: 10px !important;
    text-indent: -5px;
    position: relative;
}
#wrap_af_yakkihou .access_box li:nth-child(1) {margin-top: 0 !important;}
#wrap_af_yakkihou .access_box p::before,.answer li span::before,.answer_note li::before {content: '・';}









/*お申し込みフォーム
-----------------------------------------------------------------------------*/
.tablePattern01{table-layout: fixed;}
.tdPattern01-01{
    background:white;
    padding:2px;
    color:#6D4922;
    text-align:left;
}

.tdPattern01-02{text-align:left;}

.tdPattern02-06,.tdPattern02-07{background:#FFF3D2 url(/af/images/table/bg_td02.gif) ;}



/* 利用規約 
--------------------------*/
#kiyaku{
    background:white;
    resize: auto;
    max-width: 676px;
    max-height: 270px;
    min-width: 676px;
    min-height: 270px;
    width:676px;
    height:270px;
    overflow: scroll;
    border: solid 1px #767685;
    padding: 20px 10px;
    color: #6D4922;
}
#kiyaku p{color:#6D4922;}

#kiyaku .h3_tit,#kiyaku .h4_tit {
    color: #6D4922;
    border-bottom: none;
}
#kiyaku .h3_tit{font-size: 18px;}
#kiyaku .h4_tit{font-size: 15px;}

/* 第00条 */
#kiyaku .af_list_number_03 li,#kiyaku .af_list_number_05 li,#kiyaku .af_list_number_07 li, #kiyaku .af_list_number_09 li{
    position: relative;
    padding-left: 30px;
}
#kiyaku .af_list_number_10 li,#kiyaku .af_list_number_13 li,#kiyaku .af_list_number_14 li,#kiyaku .af_list_number_15 li,#kiyaku .af_list_number_18 li,#kiyaku .af_list_number_20 li,#kiyaku .af_list_number_21 li,#kiyaku .af_list_number_22 li{
    position: relative;
    padding-left: 40px;
}

#kiyaku .af_list_number_03,#kiyaku .af_list_number_05,#kiyaku .af_list_number_07, #kiyaku .af_list_number_09,#kiyaku .af_list_number_10,#kiyaku .af_list_number_13,#kiyaku .af_list_number_14,#kiyaku .af_list_number_15,#kiyaku .af_list_number_18,#kiyaku .af_list_number_20,#kiyaku .af_list_number_21,#kiyaku .af_list_number_22{
    counter-reset: number 0;
}
#kiyaku .af_list_number_03 li::before,#kiyaku .af_list_number_05 li::before,#kiyaku .af_list_number_07 li::before, #kiyaku .af_list_number_09 li::before,#kiyaku .af_list_number_10 li::before,#kiyaku .af_list_number_13 li::before,#kiyaku .af_list_number_14 li::before,#kiyaku .af_list_number_15 li::before,#kiyaku .af_list_number_18 li::before,#kiyaku .af_list_number_20 li::before,#kiyaku .af_list_number_21 li::before,#kiyaku .af_list_number_22 li::before {
    counter-increment: number 1;
    content:"3-"counter(number)".";
    position: absolute;
    top: 0;
    left: 0;
}
#kiyaku .af_list_number_05 li::before {content:"5-"counter(number)".";}
#kiyaku .af_list_number_07 li::before {content:"7-"counter(number)".";}
#kiyaku .af_list_number_09 li::before {content:"9-"counter(number)".";}
#kiyaku .af_list_number_10 li::before {content:"10-"counter(number)".";}
#kiyaku .af_list_number_13 li::before {content:"13-"counter(number)".";}
#kiyaku .af_list_number_14 li::before {content:"14-"counter(number)".";}
#kiyaku .af_list_number_15 li::before {content:"15-"counter(number)".";}
#kiyaku .af_list_number_18 li::before {content:"18-"counter(number)".";}
#kiyaku .af_list_number_20 li::before {content:"20-"counter(number)".";}
#kiyaku .af_list_number_21 li::before {content:"21-"counter(number)".";}
#kiyaku .af_list_number_22 li::before {content:"22-"counter(number)".";}

/* 第10条（禁止行為）10-10、10-11、10-12 */
#kiyaku .af_list_number_10 li:nth-child(10),#kiyaku .af_list_number_10 li:nth-child(11),#kiyaku .af_list_number_10 li:nth-child(12){padding-left: 50px;}

/* 各利用規約リストNo. */
#kiyaku .use_af_list {
    counter-reset: number 0;
    padding-left: 20px;
    }
#kiyaku .use_af_list li,#kiyaku .use_af_list_dot li {position: relative;}
#kiyaku .use_af_list li{padding-left: 15px;}
#kiyaku .af_list_number_21 li .use_af_list,#kiyaku .af_list_number_22 li .use_af_list {padding-left: 15px;}
#kiyaku .af_list_number_21 li .use_af_list li,#kiyaku .af_list_number_22 li .use_af_list li {padding-left: 15px;}
#kiyaku .use_af_list li::before {
    counter-increment: number 1;
    content: counter(number) " ） ";
    position: absolute;
    top: 0;
    left: -15px;
}
#kiyaku .use_af_list li:nth-child(10)::before,#kiyaku .use_af_list li:nth-child(11)::before { left: -25px;}
#kiyaku .use_af_list_dot{padding-left: 15px;}
#kiyaku .use_af_list_dot li{padding-left:0;}
#kiyaku .use_af_list_dot li::before {
    content: "・";
}



/* 送信クリアbtn */
.tdPattern02-07{
    padding:30px 0 20px;
    text-align:right;
}

/* 規約に同意します */
.atentiontxt{
    padding:3px;
    font-weight:bolder;
    background:#ffffcc;
    color:#dc2b2b;
}


#kiyaku_af_agreement > #kiyaku{
    background:white;
    resize: none;
    max-width: 100%;
    max-height: 100%;
    min-width: auto;
    min-height: 100%;
    width:auto;
    height:100%;
    overflow:auto;
    border: none;
    padding: 15px 20px;
    color: #6D4922;
}