/*
クーポン印刷用スタイル
*/
/*
    Created on : 2014/07/07, 4:40:04
    Author     : Tamotsu Chinda
*/
#coupon_title {
    font-size: 30px;
    font-weight: bold;
    text-align: center ;
    margin : 0 auto ;
    width : 560px ;
    word-break: break-all;
    font-family:
        "ヒラギノ明朝 ProN W6",
        "HiraMinProN-W6",
        "HG明朝E",
        "ＭＳ Ｐ明朝",
        "MS PMincho",
        "MS 明朝",
        serif;
}
#shop_name {
    color: #333333;
    font-size: 20pt;
    font-family:
        "ヒラギノ明朝 ProN W6",
        "HiraMinProN-W6",
        "HG明朝E",
        "ＭＳ Ｐ明朝",
        "MS PMincho",
        "MS 明朝",
        serif;
}
#end_date {
    color: red;
    font-size: 13pt;
    font-family:
        "ヒラギノ明朝 ProN W6",
        "HiraMinProN-W6",
        "HG明朝E",
        "ＭＳ Ｐ明朝",
        "MS PMincho",
        "MS 明朝",
        serif;
}
#coupon_limit {
    margin-left : 50px ;
    margin-top : 30px ;
    font-size: 10pt;
    font-family:
        "ヒラギノ明朝 ProN W6",
        "HiraMinProN-W6",
        "HG明朝E",
        "ＭＳ Ｐ明朝",
        "MS PMincho",
        "MS 明朝",
        serif;
}
#coupon_limit span {
    display: inline-block;
    vertical-align: top ;
    width : 500px ;
    word-break: break-all;
}

#coupon_body {
    width : 560px ;
    margin : 30px auto 0 ;
    text-align : center ;
    font-size: 10pt;
    font-family:
        "ヒラギノ明朝 ProN W6",
        "HiraMinProN-W6",
        "HG明朝E",
        "ＭＳ Ｐ明朝",
        "MS PMincho",
        "MS 明朝",
        serif;
}
#shop_name {
    width : 500px ;
    margin : 10px auto 0 ;
}
#shop_name p {
    margin-top : -50px ;
    text-align : center ;
    color: #000;
    font-size: 20pt;
    font-family:
        "ヒラギノ明朝 ProN W6",
        "HiraMinProN-W6",
        "HG明朝E",
        "ＭＳ Ｐ明朝",
        "MS PMincho",
        "MS 明朝",
        serif;
}
.bottom_contents {
    margin-top : 20px ;
}
#end_date {
    text-align : center ;
    color: #f60;
    margin-top : 20px ;
    font-size: 13pt;
    font-family:
        "ヒラギノ明朝 ProN W6",
        "HiraMinProN-W6",
        "HG明朝E",
        "ＭＳ Ｐ明朝",
        "MS PMincho",
        "MS 明朝",
        serif;
}
@media print {
    #shop_name {
        color: #000;
        font-size: 20pt;
        font-family:
            "ヒラギノ明朝 ProN W6",
            "HiraMinProN-W6",
            "HG明朝E",
            "ＭＳ Ｐ明朝",
            "MS PMincho",
            "MS 明朝",
            serif;
    }
    #end_date {
        color: red;
        font-size: 13pt;
        font-family:
            "ヒラギノ明朝 ProN W6",
            "HiraMinProN-W6",
            "HG明朝E",
            "ＭＳ Ｐ明朝",
            "MS PMincho",
            "MS 明朝",
            serif;
    }
    .print_button {
        display : none ;
    }
}


.print_ticket {
    width : 830px ;
    margin : 100px auto ;
    position : relative ;
}
.print_ticket .coupon_ticket_top {
    position : absolute ;
    top : -50px ;
    z-index: -1;
}
.print_ticket .coupon_ticket_body {
    position : absolute ;
    top : 0px ;
    z-index: -1;
}
.print_ticket .coupon_ticket_bottom {
    position : absolute ;
    bottom : -50px ;
    z-index: -1;
}
.print_ticket .coupon_ticket_top_ribbon {
    position : absolute ;
    top : -50px ;
    z-index: -1;
}
.print_ticket .coupon_ticket_bottom_ribbon {
    position : absolute ;
    bottom : -50px ;
    right : 0px ;
    z-index: -1;
}



/*------ クーポン情報ボックス ------------------------*/
.coupon_data {
    width : 830px ;
    margin : 0 auto ;
}
.coupon_data .coupon_photo,
.coupon_data .coupon_text {
    display : inline-block ;
    vertical-align : top ;
}
.coupon_data .coupon_photo {
    width : 200px ;
}
.coupon_data .coupon_photo img {
    width : 100% ;
    height : auto ;
}
.coupon_data .coupon_text {
    width : 600px ;
    padding-left : 10px ;
}
.coupon_data .coupon_text .topic_title {
    font-size : 20px ;
    font-weight : bold ;
    color : #f60 ;
}
.coupon_data .coupon_text .period {
    font-weight : bold ;
    padding-bottom : 10px ;
    margin-bottom : 10px ;
    border-bottom : 2px dotted #ccc ;
}
.coupon_data .coupon_text .period span {
    background-color: #3399CC;
    border-radius: 5px;
    color: #FFFFFF;
    margin-right: 3px;
    padding: 1px 3px;
}
.coupon_data .coupon_text .coupon_body {
    color : #666 ;
    font-size : 14px ;
}


.print_button {
    text-align : center ;
}
.print_button a {
    margin-top : 30px ;
    padding : 20px 20px ;
    background-color : #f60 ;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color : #fff ;
    font-weight : bold ;
    display : inline-block ;
    cursor : pointer ;
}
.print_button a:hover {
    background-color : #c30 ;
}

h3 {
    text-align : center ;
}
.shop_detail {
    width : 830px ;
    margin : 0 auto ;
}