@charset "utf-8";
/* frame ver3 */
/*-------------------------------------*/
/*  全体（ヘッダー）                   */
/*-------------------------------------*/
body
{
    background      : #fff;
}


@media
only screen and (max-width : 800px)
{
    body
    {
        font-size: 1em;
    }

    html,body{
        width: 100%;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
    }
}


#container
{
    border-top: 3px solid #217fc4;
}

@media
only screen and (max-width : 800px)
{
    #container
    {
        padding: 0;
    }
}

#content1
{
    margin-top  : 40px;
    width : 100%;
    min-height  : 100px;
    margin-left : auto;
    margin-right: auto;
    padding     : 0px;

}

@media
only screen and (max-width : 800px)
{
    #content1
    {
        width: 100%;
        background : none;
        padding: 0px;
        margin-top: 25px;
        padding     : 0px;
    }
}


/*--------------------------------------*/
/* content_box以下の第1子要素に配置した */
/* タグの横のサイズをそろえる           */
/*--------------------------------------*/
/* div */
.content_title > div,
.content_box > div,
.content_confirm > div,
.content_form > div,
.myForm > div
{
    width: 98%;
    width: -webkit-calc(100% - 20.0px);
    width: calc(100% - 20.0px);

    margin-left : auto;
    margin-right : auto;
}

/* p */
.content_title > p,
.content_box > p,
.content_confirm > p,
.content_form > p,
.myForm > p
{
    width: 98%;
    width: -webkit-calc(100% - 20.0px);
    width: calc(100% - 20.0px);

    margin-left : auto;
    margin-right : auto;
}

/* span */
.content_title > span,
.content_box > span,
.content_confirm > span,
.content_form > span,
.myForm > span
{
    width: 98%;
    width: -webkit-calc(100% - 20.0px);
    width: calc(100% - 20.0px);

    margin-left : auto;
    margin-right : auto;
}



/*-------------------------------------*/
/*  本文のデザイン                     */
/*-------------------------------------*/

/*お申込みフォーム*/
.content_form
{
    width : 800px;
}

/*確認ページ*/
.content_confirm
{
    width : 800px;
}


/*その他*/
.content_box
{
    width : 800px;
}


@media
only screen and (max-width : 800px)
{

    .content_form,
    .content_confirm,
    .content_box
    {
        width : 100%;
        margin-left : auto;
        margin-right : auto;
    }
}



/*-------------------------------------*/
/*  フッター                           */
/*-------------------------------------*/
#footer
{
    color           : #666;
    background      : rgba(255,255,255,0.5);
    padding : 0px;
    margin-top : 80px;
    margin-bottom : 0px;
    margin-left : 0px;
    margin-right : 0px;
    background-color: #343436;
    width: 100%;
    border : 0px;
}

#footer .footer_linkbox
{
    background-image: url(/img/theme7/f_bg-sp.png);
    background-repeat: repeat-x;
    background-position: bottom;
    padding-top: 35px;
    padding-bottom: 35px;

}


#footer .footer_linkbox a,
a.footer_link:link,
a.footer_link:visited
{
    font-size: 1.33em;
    color : white !important;
    text-decoration: none;
}


#footer .footer_linkbox a:hover,
a.footer_link:hover,
a.footer_link:active
{
    text-decoration: underline ;
}

#footer .footer_copyright
{
    color : white;
    padding-top: 35px;
    padding-bottom: 35px;

}


@media
only screen and (max-width : 800px)
{
    /*モバイル対応時*/
    #footer
    {
        width : 100%;
    }
}


/*-------------------------------------*/
/*                                     */
/*  テーブル         */
/*                                     */
/*-------------------------------------*/

.content_title th,
.content_box th,
.content_confirm th,
.content_form th
{

    border-left : 0px;
    border-right : 0px;
    text-align: left;


}


/*-------------------------------------*/
/*  Hタグ                              */
/*-------------------------------------*/
/* h3 */
.content_title h3,
.content_box h3,
.content_confirm h3,
.content_form h3
{
    width: 98%;
    width: -webkit-calc(100% - 20.0px);
    width: calc(100% - 20.0px);

    margin-left: auto;
    margin-right: auto;
    margin-bottom : 10px;


    font-size: 20px;

}

/* h4 */
.content_title h4,
.content_box h4,
.content_confirm h4,
.content_form h4
{

    width: 98%;
    width: -webkit-calc(100% - 20.0px);
    width: calc(100% - 20.0px);

    margin-left: auto;
    margin-right: auto;
    margin-bottom : 10px;

    font-size: 18px;
}

/* h5 */
.content_title h5,
.content_box h5,
.content_confirm h5,
.content_form h5
{
    margin-bottom : 10px;
}



/*-------------------------------------*/
/*  selectタグ                         */
/*-------------------------------------*/
form.myForm select
{

    -webkit-appearance: none;/*ベンダープレフィックス(Google Chrome、Safari用) */
    -moz-appearance: none;/*  ベンダープレフィックス(Firefox用)*/
    appearance: none;/*   標準のスタイルを無効にする */
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 45px;
    padding-left: 10px;

    vertical-align: top;
    border: 1.4px solid #bfbfbf;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin-left : 10px;
    margin-right : 0px;
    cursor: pointer;

    background: #fff url('/img/theme7/form_s02.png') no-repeat 95% 50%;
    background: #fff url('/img/theme7/form_s02.png') no-repeat -webkit-calc(100% - 10.0px) 50%;
    background: #fff url('/img/theme7/form_s02.png') no-repeat calc(100% - 10.0px) 50%;

    max-width: calc(100% - 10px);
}

/*IE11 矢印2重表示対策 */
select::-ms-expand
{
    display: none;
}

form.myForm select:focus
{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border:#000099 1px solid;
    outline: 0;
    /*線を補足しているのでプラス*/
    padding-top: 10.4px;
    padding-bottom: 10.4px;
    padding-right: 45.4px;
    padding-left: 10.4px;

    background: #fff url('/img/theme7/form_s02.png') no-repeat 95% 50%;
    background: #fff url('/img/theme7/form_s02.png') no-repeat -webkit-calc(100% - 10.4px) 50%;
    background: #fff url('/img/theme7/form_s02.png') no-repeat calc(100% - 10.4px) 50%;
}


/*青矢印*/
form.myForm select.arrow_bule
{
    background: #fff url('/img/theme7/form_s01.png') no-repeat 95% 50%;
    background: #fff url('/img/theme7/form_s01.png') no-repeat -webkit-calc(100% - 10.0px) 50%;
    background: #fff url('/img/theme7/form_s01.png') no-repeat calc(100% - 10.0px) 50%;
}

form.myForm select.arrow_bule:focus
{
    background: #fff url('/img/theme7/form_s01.png') no-repeat 95% 50%;
    background: #fff url('/img/theme7/form_s01.png') no-repeat -webkit-calc(100% - 10.4px) 50%;
    background: #fff url('/img/theme7/form_s01.png') no-repeat calc(100% - 10.4px) 50%;
}


/*黒矢印*/
form.myForm select.arrow_black
{
    background: #fff url('/img/theme7/form_s02.png') no-repeat 95% 50%;
    background: #fff url('/img/theme7/form_s02.png') no-repeat -webkit-calc(100% - 10.0px) 50%;
    background: #fff url('/img/theme7/form_s02.png') no-repeat calc(100% - 10.0px) 50%;
}

form.myForm select.arrow_black:focus
{
    background: #fff url('/img/theme7/form_s02.png') no-repeat 95% 50%;
    background: #fff url('/img/theme7/form_s02.png') no-repeat -webkit-calc(100% - 10.4px) 50%;
    background: #fff url('/img/theme7/form_s02.png') no-repeat calc(100% - 10.4px) 50%;
}



form.myForm select:first-of-type
{
    margin-left : 0px;
}




/*-------------------------------------*/
/*  ボタン                             */
/*-------------------------------------*/
form.myForm input[type="submit"],
form.myForm input[type="button"],
form.myForm button
{
    padding : 10px 40px;
    font-size : 2em;
    background : #231815;
    color : #fff;
    border : 0;
    border-style : none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-weight : 700;
    cursor : pointer;
    outline:none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-width: 180px;
}


form.myForm input[type="submit"]:hover,
form.myForm input[type="button"]:hover,
form.myForm button:hover
{
    border : 0;
    background-color: #bfbfbf;
    opacity: .7
}

form.myForm div.submit
{
    text-align  : center;
    margin-top : 50px;
}

/*モバイル対応時の順番入れ替え*/
@media only screen and (max-width : 800px)
{

    form.myForm .submit
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom : 50px;

    }

    form.myForm .submit input[type="submit"]
    {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;

        margin-top : 0px;
        margin-bottom : 30px;
        margin-left : auto;
        margin-right : auto;
        width : 90%;
    }


    form.myForm .submit button
    {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        margin: auto;
        margin-top : 30px;
        width : 90%;
    }

}





/*-------------------------------------*/
/*  必須                   */
/*-------------------------------------*/
/*確認画面の必須(表示なし)*/
.content_confirm .required .my_column.my_left label:first-child:after,
.content_confirm span.required:after
{
    content: '' !important;
    display: none;
}




/*-------------------------------------*/
/*  メッセージ枠                     */
/*-------------------------------------*/
/*左寄せ*/
.caution_frame
{
    text-align : left;
    margin : auto;
    display : block;
    padding-bottom : 30px;

    width: 100%;
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);

}

/*中央寄せ*/
.caution_frame.my_center
{
    text-align : center;
}

/*左寄せ*/
.caution_frame.my_left
{
    text-align : left;
}


/*右寄せ*/
.caution_frame.my_right
{
    text-align : right;
}

.caution_text
{
    display : inline-block;
    text-align : left;

}

/*-------------------------------------*/
/*認証コード*/
/*-------------------------------------*/
form.myForm .captcha_img
{
    margin-top : 50px;
    text-align: center;
}

form.myForm .captcha label
{
    text-align: center;
    margin-top : 20px;
}

form.myForm .captcha.required > label:first-child:before,
form.myForm .captcha.required > label:first-child:after
{
    color: #e32;
    content: '*';
    display: inline;
}


form.myForm .captcha input
{
    width : 7em;
    display : block;
    margin-left : auto;
    margin-right : auto;
    padding: 10px;
    vertical-align: top;

    border: 1.4px solid #bfbfbf;
    border-radius : 10px;
    -webkit-border-radius : 10px;
    -moz-border-radius : 10px;

}

form.myForm .captcha input:focus
{
    border-radius : 10px;
    -webkit-border-radius : 10px;
    -moz-border-radius : 10px;

    border:#217fc4 1px solid ;
    outline: 0;
    padding : 10.4px; /*線を補足しているのでプラス*/
}



/*-------------------------------------*/
/*  組み合わせデザイン                 */
/*-------------------------------------*/
/* 名前 */
.name .name1
{
    margin-bottom : 10px;
}


/* expire */
.expire div
{
    display: table-cell;
    vertical-align : middle;
}

.expire select
{
    width : auto !important;
}

.expire .expire_year_unit,
.expire .expire_month_unit,
.expire .datetime_year_unit,
.expire .datetime_month_unit
{
    padding-top : 0px;
    padding-bottom : 0px;
    padding-left : 0px;
    padding-right : 0px;
}


.expire .expire_month,
.expire .datetime_month
{
    padding-top : 0px;
    padding-bottom : 0px;
    padding-left : 5px;
    padding-right : 0px;
}


/* 日付 */
.date_time1 select,
#content1 .date_time1 select,
.date_time2 select,
#content1 .date_time2 select
{
    width : auto;
}

/*-------------------------------------*/
/*  警告表示                 */
/*-------------------------------------*/
#content1 #flashMessage
{
    color: red;
    text-align: left;
    font-size: 120%;
    font-weight: bold;

    padding-left: 20px;

    width: 100%;
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
}

/* 退会画面向けの微調整 */
#content1 #flashMessage.taikai
{
    padding-left: 0px;
    width: 100%;
}

/*-------------------------------------*/
/*  汎用クラス                 */
/*-------------------------------------*/
.bottom50
{
    margin-bottom : 50px;
}



.block
{
    display : block;
}


/*-------------------------------------*/
/* ポイント交換フォーム                */
/*-------------------------------------*/
.content_title .point_change_form_point_count,
.content_box .point_change_form_point_count,
.content_confirm .point_change_form_point_count,
.content_form .point_change_form_point_count
{
    font-weight: bold;
    margin-top : 10px;
    margin-bottom : 10px;
}


/*操作*/
.content_title .input_unit.point_gift .point_gift_operate,
.content_box .input_unit.point_gift .point_gift_operate,
.content_confirm .input_unit.point_gift .point_gift_operate,
.content_form .input_unit.point_gift .point_gift_operate
{
    padding-top : 10px;
    padding-bottom : 10px;
    text-align: right;
}

.content_title .input_unit.point_gift .point_gift_operate input[type=submit],
.content_box .input_unit.point_gift .point_gift_operate input[type=submit],
.content_confirm .input_unit.point_gift .point_gift_operate input[type=submit],
.content_form .input_unit.point_gift .point_gift_operate input[type=submit]
{
    margin : 0;
}

.content_title .input_unit.point_gift .point_gift_point,
.content_box .input_unit.point_gift .point_gift_point,
.content_confirm .input_unit.point_gift .point_gift_point,
.content_form .input_unit.point_gift .point_gift_point
{
    display : inline-block;
}


.content_title .input_unit.point_gift .point_gift_submit,
.content_box .input_unit.point_gift .point_gift_submit,
.content_confirm .input_unit.point_gift .point_gift_submit,
.content_form .input_unit.point_gift .point_gift_submit
{
    display : inline-block;
    margin-left : 10px;
}

/* 交換ボタン */
.content_title .input_unit.point_gift .point_gift_submit input[type="submit"],
.content_box .input_unit.point_gift .point_gift_submit input[type="submit"],
.content_confirm .input_unit.point_gift .point_gift_submit input[type="submit"],
.content_form .input_unit.point_gift .point_gift_submit input[type="submit"]
{
    font-size: 1em;
    min-width: 150px;
    padding-left: 10px;
    padding-right: 10px;
}


/*メッセージ*/
.content_title .input_unit.point_gift .point_gift_message,
.content_box .input_unit.point_gift .point_gift_message,
.content_confirm .input_unit.point_gift .point_gift_message,
.content_form .input_unit.point_gift .point_gift_message
{

    border-collapse: collapse; /* 境界線の重複 */
    margin-top : -1px;

    width : 98%;
    width : -webkit-calc(100% - 20px);
    width : calc(100% - 20px);


    padding-top : 10px;
    padding-bottom : 10px;
}


/*メッセージ*/
.content_title .point_change_form_point_count .message,
.content_box .point_change_form_point_count .message,
.content_confirm .point_change_form_point_count .message,
.content_form .point_change_form_point_count .message
{
    text-align: center;
}


/*メッセージ 警告*/
#content1 .point_change_form_point_count #flashMessage
{
    text-align : center;
}

/*-------------------------------------*/
/* バックナンバー                */
/*-------------------------------------*/
body.back_number_page .caution_text
{
    display:block;
    word-wrap: break-word;
}



/*-------------------------------------*/
/*全体位置*/
/*-------------------------------------*/
.content_title,
.content_box,
.content_form
{
    margin-right : auto;
    margin-left : auto;
}



/* color blue */

/*-------------------------------------*/
/*                                     */
/*  テーブル         */
/*                                     */
/*-------------------------------------*/
.content_box table,
.content_confirm table,
.content_form table
{
    /*セルの隙間を埋める*/
    -webkit-border-horizontal-spacing: 0px;
}


.content_title th,
.content_box th,
.content_confirm th,
.content_form th
{

    border-top : 1px solid #BFBFBF;
    border-bottom : 1px solid #BFBFBF;
    color : black;
}

.content_title th,
.content_box th,
.content_confirm th,
.content_form th
{
    background  : #EEF5FB;
}



.content_title td,
.content_box td,
.content_confirm td,
.content_form td
{
    border-top : 1px solid #BFBFBF;
    border-bottom : 1px solid #BFBFBF;
    background  : white;
}

@charset "utf-8";
@media only screen and (max-width : 800px)
{
    .content_title th,
    .content_box th,
    .content_confirm th,
    .content_form th
    {
    
        border-top : 0;
        border-bottom : 0;
    }
    
    .content_title td,
    .content_box td,
    .content_confirm td,
    .content_form td
    {
        border-top : 0;
        border-bottom : 0;
    }    
}


/*-------------------------------------*/
/*                                     */
/*  疑似テーブル表示  (ベース)         */
/*                                     */
/*-------------------------------------*/
.content_title .input_unit,
.content_box .input_unit,
.content_confirm .input_unit,
.content_form .input_unit
{
    /*セルの隙間を埋める*/
    -webkit-border-horizontal-spacing: 0px;
}

.content_title .input_unit .my_column,
.content_box .input_unit .my_column,
.content_confirm .input_unit .my_column,
.content_form .input_unit .my_column
{
    border-top : 1px solid #BFBFBF;
    border-bottom : 1px solid #BFBFBF;
}


/* 2カラム用 */
.content_title .input_unit .my_left.my_column,
.content_box .input_unit .my_left.my_column,
.content_confirm .input_unit .my_left.my_column,
.content_form .input_unit .my_left.my_column,
.content_title .input_unit .my_heading.my_column,
.content_box .input_unit .my_heading.my_column,
.content_confirm .input_unit .my_heading.my_column,
.content_form .input_unit .my_heading.my_column
{
    background  : #EEF5FB;
}

.content_title .input_unit .my_right.my_column,
.content_box .input_unit .my_right.my_column,
.content_confirm .input_unit .my_right.my_column,
.content_form .input_unit .my_right.my_column
{
    background: white;
}


@charset "utf-8";
@media only screen and (max-width : 800px)
{
    .content_title .input_unit .my_column,
    .content_box .input_unit .my_column,
    .content_confirm .input_unit .my_column,
    .content_form .input_unit .my_column
    {
        border-top : 0;
        border-bottom : 0;
    }
}

/*-------------------------------------*/
/*  Hタグ                              */
/*-------------------------------------*/
/* h2 */
.content_title h2,
.content_box h2,
.content_confirm h2,
.content_form h2
{
    background: #1095cb;
    background: -moz-linear-gradient(left,#1095cb 0%,#18adc8 100%);
    background: -webkit-linear-gradient(left,#1095cb 0%,#18adc8 100%);
    background: linear-gradient(to right,#1095cb 0%,#18adc8 100%);

    color           : #fff;
    
    padding-left : 10px;
    padding-right : 10px;

    width : 100%;
    width : -webkit-calc(100% - 20px);
    width : calc(100% - 20px);
}


/* h3 */
.content_title h3,
.content_box h3,
.content_confirm h3,
.content_form h3
{
    color: #000;
    background-image: url(/img/theme7/h3_square.png);
    background-repeat: no-repeat;
    background-position-y: center;
 
    margin-bottom: 10px;
    
    padding-top : 10px;
    padding-bottom : 4px;
    padding-right : 10px;
    padding-left : 37px;
    
    border-top : 0;
    border-bottom : 4px solid #227fc5;
    border-left : 0;
    border-right : 0;
    

    font-weight: bold;
    text-align: left;
    letter-spacing: -.025em;
    line-height: 38px;
    
    width: 98%;
    width: -webkit-calc(100% - 20.0px - 47.0px);
    width: calc(100% - 20.0px - 47.0px);
    
    
}

/* h3 デザイン1 */
.content_title h3.my_symbol1,
.content_box h3.my_symbol1,
.content_confirm h3.my_symbol1,
.content_form h3.my_symbol1
{
    background-image: url(/img/theme7/h3_square.png);
}

/* h3 デザイン2 */
.content_title h3.my_symbol2,
.content_box h3.my_symbol2,
.content_confirm h3.my_symbol2,
.content_form h3.my_symbol2
{
    background-image: url(/img/theme7/h3_circle.png);
}

.content_title h3.myasp,
.content_box h3.myasp,
.content_confirm h3.myasp,
.content_form h3.myasp
{
    background-image: url(/img/theme7/h3_myasp.png);
}

/* h3 デザイン1 */
.content_title h3.my_symbol1,
.content_box h3.my_symbol1,
.content_confirm h3.my_symbol1,
.content_form h3.my_symbol1
{
    background-image: url(/img/theme7/h3_square.png);
}

/* h3 デザイン2 */
.content_title h3.my_symbol2,
.content_box h3.my_symbol2,
.content_confirm h3.my_symbol2,
.content_form h3.my_symbol2
{
    background-image: url(/img/theme7/h3_circle.png);
}


/* h4 */
.content_title h4,
.content_box h4,
.content_confirm h4,
.content_form h4
{
    padding-top : 0px;
    padding-right : 0px;
    padding-bottom : 0px;
    padding-left : 5px;

    color : #000;
    border-left : 5px solid #3498db;
    border-bottom : 1px solid #ccc; 
    position : relative;      
    
    
    font-weight : 700;
    text-align : left;
    letter-spacing : -.025em;

    width: 98%;
    width: -webkit-calc(100% - 20.0px - 10.0px);
    width: calc(100% - 20.0px - 10.0px);
}

.content_title h4:before,
.content_box h4:before,
.content_confirm h4:before,
.content_form h4:before
{
    border-left : none;
    position: absolute;
}

/* h4 デザイン1 */
.content_title h4.my_symbol1:before,
.content_box h4.my_symbol1:before,
.content_confirm h4.my_symbol1:before,
.content_form h4.my_symbol1:before
{
    border-left : none;
}

/* h4 デザイン2 */
.content_title h4.my_symbol2:before,
.content_box h4.my_symbol2:before,
.content_confirm h4.my_symbol2:before,
.content_form h4.my_symbol2:before
{
    content: "";
    display: block;
    position: absolute;
    margin-left: -10px;
    margin-top: 0px;
    border-left: 5px solid #cccccc;
    height: 50%;
}


/* h5 */
.content_title h5,
.content_box h5,
.content_confirm h5,
.content_form h5
{
    font-size: 12pt;
    font-weight: bold;
    border-bottom: 2px solid #227fc5;
    padding-left: 4px;
    margin-left: 10px;
    
    width: 98%;
    width: -webkit-calc(100% - 20.0px - 10.0px);
    width: calc(100% - 20.0px - 10.0px);
    
}

/*-------------------------------------*/
/*  ボタン                             */
/*-------------------------------------*/    

form.myForm input[type="submit"]:hover,
form.myForm input[type="button"]:hover,
form.myForm button:hover
{
    border : 0;
    background-color: #bfbfbf;
    opacity: .7
} 


/*-------------------------------------*/
/* ポイント交換フォーム                */
/*-------------------------------------*/  
.content_title .input_unit.point_gift,
.content_box .input_unit.point_gift,
.content_confirm .input_unit.point_gift,
.content_form .input_unit.point_gift
{
    border-collapse: separate;
    border-spacing: 5px;
}

.content_title .input_unit.point_gift .my_column,
.content_box .input_unit.point_gift .my_column,
.content_confirm .input_unit.point_gift .my_column,
.content_form .input_unit.point_gift .my_column
{
    border : 0;
}

.content_title .input_unit.point_gift .point_gift_operate,
.content_box .input_unit.point_gift .point_gift_operate,
.content_confirm .input_unit.point_gift .point_gift_operate,
.content_form .input_unit.point_gift .point_gift_operate
{
    width : 98%;
    width : -webkit-calc(100% - 40.0px);
    width : calc(100% - 40.0px);
}


.content_title .input_unit.point_gift .my_heading.my_column.point_gift_name,
.content_box .input_unit.point_gift .my_heading.my_column.point_gift_name,
.content_confirm .input_unit.point_gift .my_heading.my_column.point_gift_name,
.content_form .input_unit.point_gift .my_heading.my_column.point_gift_name
{
    padding-top : 0px;
    padding-right : 0px;
    padding-bottom : 0px;
    padding-left : 5px;

    color : #000;
    border-left : 5px solid #3498db;
    border-bottom : 1px solid #ccc; 
    position : relative;      
    
    
    text-align : left;
    letter-spacing : -.025em;

    width: 98%;
    width: -webkit-calc(100% - 20.0px - 10.0px);
    width: calc(100% - 20.0px - 10.0px);
    
    background : none;
}