@charset "UTF-8";

/* ///////////////////////////////////////////////////////////////////
共通
/////////////////////////////////////////////////////////////////// */

.t-center{
    text-align: center;
}
.t-right{
    text-align: right;
}
.f-left{
    float: left;
}
.pt20{
    padding-top: 20px;
}
.pt30{
    padding-top: 30px;
}
.prl40{
    padding: 0 40px;
}
.mr10{
    margin-right: 10px;
}
.mt10{
    margin-top: 10px;
}
.mt20{
    margin-top: 20px;
}
.mt30{
    margin-top: 30px;
}
.mt40{
    margin-top: 40px;
}
.mt50{
    margin-top: 50px;
}
.mt60{
    margin-top: 60px;
}
.mb10{
    margin-bottom: 10px;
}
.mb20{
    margin-bottom: 20px;
}
.mb30{
    margin-bottom: 30px;
}
.mb50{
    margin-bottom: 50px;
}
.mb70{
    margin-bottom: 70px;
}
.mb90{
    margin-bottom: 90px;
}
.f10{
    font-size: 10px;
}
.mtb20{
    margin: 20px 0px;
}
.line-h0{
    line-height: 0;
}
.relative{
    position: relative;
}
.follow_wrap{
    position: relative;
}
.follow_bg{
    background-color: #fde5e8;
    border-radius: 10px;
    overflow: hidden;
    width: 680px;
    padding: 100px 20px 20px;
    margin-top: 60px;
}
.follow_WHbg{
    background-color: #ffffff;
    padding: 30px 20px;
    overflow-y: hidden;
    border-radius: 10px;
    margin-top: 10px;
}
.account_listwrap{
    margin-top: 10px;
}
.account_name{
    font-weight: bold;
}
.account_name_sub{
    color: #8e523d;
    font-size: 10px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 5px;
}
.account_detail{
    font-size: 11px;
    line-height: 18px;
    margin-bottom: 10px;
}
.account_block {
    position: relative;
}
.account_block a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
}

.report_ttl{
    padding: 5px 0;
    text-align: center;
    color: #fff;
    background-color: #F9A7B1;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 14px;
    letter-spacing: 1px;
}

table {
    border-collapse: collapse;
}
.report_tbl{
    color: #6E3B1D;
    width: 720px;
    border: 2px solid #F9A7B1;
    line-height: 1.6;
}
.report_tbl tr{
    background-color: #FEF6F7;
}
.report_tbl tr th{
    height: 10px;
    padding: 5px 0;
    text-align: center;
    border-bottom: 1px dashed #F9A7B1;
    vertical-align: middle;
}
.report_tbl tr td{
    height: 30px;
    padding: 5px 0;
    text-align: center;
    border-bottom: 1px dashed #F9A7B1;
    background-color: #fff;
    vertical-align: middle;
}

.report_total{
    border-top: 2px solid #F9A7B1;
}
.report_total td{
    padding: 5px 0 !important;
    height: 20px !important;
}
.bgc_rpk{
    background-color: #FEF6F7 !important;    
}
.f_pk{
    color: #F76677 !important;    
}
.report_bdrR{
    border-right: 1px dashed #F9A7B1;
}
.report_w220{
    width: 220px;
}
.report_w250{
    width: 250px;
}
.report_lastY{
    padding: 0 40px;
}
.report_lastY div{
    border-top: dotted 5px #ffddd3;
    color: #6e3b1d;
    text-align: center;
    padding-top: 20px;
    font-size: 14px;
}
.report_lastY div p span{
    color: #F76677;
    font-weight: bold;
}

/*チャリティー20191219〜*/
.charity-mv{
    background-image:url(/images/lp/charity/mv.jpg);
    background-repeat: no-repeat;
    height: 300px;
}
.charity_cnt1{
    padding: 20px 40px 40px;
    position: relative;
    margin-bottom: 60px;
}
.charity_cnt1_txt{
    border: dotted 2px #ffddd3;
    border-radius: 10px;
    padding: 10px 20px;
    overflow: hidden;
}
.charity_cnt1_txt p{
    display: inline-block;
    vertical-align: middle;
}
.charity_cnt1:before{
    content: "";
    height: 59px;
    width: 100%;
    background: url(/images/lp/charity/bg_01.png) no-repeat center;
    position: absolute;
    top: -23px;
    left: 0;
}
.charity_cnt1:after{
    content: "";
    height: 59px;
    width: 100%;
    background: url(/images/lp/charity/bg_02.png) no-repeat center bottom;
    position: absolute;
    bottom: -30px;
    left: 0;
}
.charity_notes{
    color: #848484;
    font-size: 12px;
    line-height: 22px;
}
.charity_cnt3{
    background-color: #fff2ee;
    padding: 40px 40px 70px;
}
.charity_cnt3_follow{
    background-color: #fff;
    padding: 35px 40px 0px;
    position: relative;
}
.charity_cnt3_follow_ttl:before{
    content: "";
    height: 54px;
    width: 52px;
    background: url(/images/lp/charity/img_no1.png) no-repeat center;
    position: absolute;
    top: -30px;
    left: 0px;
}
.charity_cnt3_account{
/*    border-top: dotted 2px #ffddd3;*/
    overflow: hidden;
}
.charity_cnt3_account div{
    overflow: hidden;
}
.charity_cnt3_account div ul{
    padding: 0 20px 30px;
}
.charity_cnt3_account div ul li{
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    color: #919191;
    text-align: center;
    line-height: 16px;
    height: 170px;
    width: 150px;
    margin-right: 30px;
}
.charity_cnt3_account div ul li:nth-child(3n){
    margin-right: 0px;
}
.charity_cnt3_account div ul li a p span{
    color: #6a3315;
    text-decoration: underline;
}
.account_ttl{
    border-bottom: 1px dashed #6e3b1d;
    margin-bottom: 20px;
}
.account_ttl.sns_name {
    color: #55433e;
    font-weight: bold;
}
.charity_cnt3_notes{
    font-size: 12px; 
    line-height: 20px;
}
.charity_cnt3_cpn{
    background-color: #fff;
    padding: 35px 40px 5px;
    position: relative;
}
.charity_cnt3_cpn_ttl:before{
    content: "";
    height: 54px;
    width: 52px;
    background: url(/images/lp/charity/img_no2.png) no-repeat center;
    position: absolute;
    top: -30px;
    left: 0px;
}
.charity_cnt4:before{
    content: "";
    height: 59px;
    width: 100%;
    background: url(/images/lp/charity/bg_01.png) no-repeat center;
    position: absolute;
    top: -55px;
    left: 0;
}
.charity_cnt4:after{
    content: "";
    height: 59px;
    width: 100%;
    background: url(/images/lp/charity/bg_02.png) no-repeat center bottom;
    position: absolute;
    bottom: -60px;
    left: 0;
}
/* ///////////////////////////////////////////////////////////////////
クーポン
/////////////////////////////////////////////////////////////////// */
#scpn {
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
#scpn .scpn_block {
    background-color: #fadae0;
    background-image: url(/images/site/scpn/decoration_ttl_bg_pc.svg);
    background-repeat: no-repeat;
    color: #505050;
    padding-bottom: 44px;
}
#scpn .scpn_block .ttl {
    line-height: 0;
    text-align: center;
}
#scpn .scpn_block .ttl h1 {
    width: auto;
    font-size: unset;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0;
    text-align: center;
    padding-top: 50px;
    line-height: 0;
    margin-bottom: 14px;
}
#scpn .scpn_block .ttl h2 {
    height: auto;
    padding-bottom: 0;
    margin-bottom: 38px;
}
#scpn .scpn_block .many_times {
    position: relative;
    width: 400px;
    margin: auto;
}
#scpn .scpn_block .coupon_block .ttl_speech_bubble {
    position: absolute;
    top: -16px;
    right: -42px;
    line-height: 0;
}
#scpn .scpn_block .coupon_block .ttl_coupon_num {
    position: relative;
    font-size: 12px;
    font-weight: bold;
    padding-left: 10px;
    margin-bottom: 8px;
}
#scpn .scpn_block .coupon_block .ttl_coupon_num:before {
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    display: block;
    width: 4px;
    height: 14px;
    background-color: #505050;
}
#scpn .scpn_block .coupon_block .coupon_num {
    width: 100%;
    height: 74px;
    background-color: #ffffff;
    border-radius: 10px;
    text-align: center;
}
#scpn .scpn_block .coupon_block .coupon_num span {
    font-size: 40px;
    line-height: 74px;
    letter-spacing: 0.06em;
    font-weight: bold;
}
#scpn .scpn_block .coupon_block .how_to_use {
    font-family: 'メイリオ', Meiryo,sans-serif;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    margin: 14px auto 26px auto;
    word-break: break-all;
}
#scpn .scpn_block .coupon_block .discount_percentage {
    line-height: 0;
    text-align: center;
    margin-bottom: 42px;
}
#scpn .scpn_block .precautions {
    width: 640px;
    margin: auto;
}
#scpn .scpn_block .precautions dl {
    display: flex;
    align-items: center;
}
#scpn .scpn_block .precautions .ttl_precautions {
    position: relative;
    font-size: 12px;
    line-height: 28px;
    letter-spacing: 0.06em;
    font-weight: bold;
    text-align: center;
    width: 160px;
    margin-right: 48px;
}
#scpn .scpn_block .precautions .ttl_precautions:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    display: block;
    width: 1px;
    height: 125px;
    background-color: #f6c2cc;
}
#scpn .scpn_block .precautions .precautions_list {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.06em;
}
#scpn .scpn_block .precautions .precautions_list span {
    font-weight: bold;
    color: #d2000a;
}