@charset "utf-8";
* {margin:0;padding:0}
body {color:#fff;font-size:12px;line-height:1;font-family:sans-serif;-webkit-text-size-adjust:none;-webkit-tap-highlight-color: transparent;-webkit-user-select:none;-webkit-touch-callout:none;}
html, body{;height:100%;-webkit-user-select:none;-webkit-touch-callout:none;color:#ffffff;}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:sans-serif;letter-spacing:-1px}
hr,legend,caption {display:none;}
ul, ol, li {list-style-type:none;}
fieldset{margin:0;padding:0;border:0}
address, em, cite {font-style:normal;}
input, button, textarea, select,code, pre {font-size:1em;outline-style:none;}
button, textarea, input, object, select {display:inline-block;vertical-align:middle}
button{overflow:visible;border:none;margin:0;padding:0;cursor:pointer;_cursor:hand}
div, p, span, li, table td {word-break:break-all;color:#ffffff;}
img{border:0 none}
label{display:inline-block;*display:inline;_zoom:1;vertical-align:middle}
table{*empty-cells:show;border-collapse:collapse}
a {color:#262628;text-decoration:none}

/* popup_common */
.popup_wrapper {z-index:200;position:absolute;left:0;top:0;width:100%;height:100%; display: none; z-index: 10000;}
.popup {z-index:210;position:absolute;left:50%;top:50%;width:86%;margin-left:-43%;background-color:#eaeaea;}
.popup_contents_div {padding:30px 20px 70px 20px;font-size:18px;color:#556078;text-align:center;line-height:1.4em;}
.popup_contents_title {margin: 10px 0; color: #dd5653; font-weight: 400;}
.popup_contents_text {font-size:15px;color:#6e6d73;line-height:18px;}
.popup_button {position:absolute;left:0;bottom:0;width:100%;text-align:center;font-size:0;border-top:solid 1px #dbdbdb;}
.popup_button a {width:100%; padding:15px 0;font-size:16px;color:#6e6d73;display:block;}

/* popup_coupon */
.popup_coupon_wrapper {z-index:200;position:absolute;left:0;top:0;width:100%;height:100%; display: none;}
.popup_coupon_dim {z-index:300;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);overflow:hidden;}
.popup_coupon {z-index:210;position:absolute;left:50%;top:50%;width:86%;margin-left:-43%;background-color:#ffffff;}
.popup_coupon_complete {display:none;font-size:0;outline:0;border:0;magin:0;padding:0;width:40%;max-width:210px;-ms-transform:rotate(-20deg);-webkit-transform:rotate(-20deg);transform:rotate(-20deg);z-index:99999;position:absolute;top:45%;right:9%;}
.popup_coupon_complete_contents {width:100%;height:100%;position:relative;}
.popup_coupon_complete_backcolor {z-index:0;position:absolute;top:3.2055%;left:3.2055%;width:93.589%;height:93.589%;border-radius:50%;opacity:0.89;background:url(../../img/rally/icon/use_complete.png) no-repeat center center;font-size:1em;color:#fff;background-size:contain;background-color:#7fc3f2;}
.popup_coupon_complete_text {position:absolute;width:100%;font-size:1.250rem;color:#fff;text-align:center;top:50%;line-height:0;font-family:sans-serif;}
.popup_coupon_complete_outline {width:100%;z-index:1;}
.popup_coupon_contents {width: 100%; text-align: center;}
.popup_coupon_close_div {height: 17px; padding: 7px 0; text-align: right;}
.popup_coupon_close_img {width: 17px; height: 17px; padding-right: 10px; cursor: pointer;}
.popup_coupon_header_img {width: 200px; height: 17px; padding: 7px 0;}
.popup_coupon_image_img {width: 200px; height: 200px; padding: 10px 0;}
.popup_coupon_title {font-size: 20px; font-weight: bold; color: #000000; line-height: 25px; padding: 10px 0 15px 0; text-align: center;}
.popup_coupon_info_div {padding-bottom: 30px; line-height: 20px;}
.popup_coupon_info_span {width: 110px; display: inline-block; color:#6e6d73; font-size: 15px; text-align: left;}
.popup_coupon_bottom {font-size: 15px; padding: 15px 0; background-color: #fab233;}

/* main header */
.dimmed {z-index:25;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);overflow:hidden;}
.wrapper {position: relative; width: 360px; height: 640px; margin: 0 auto; border: 1px solid #CCCCCC; border-radius: 3px;}
.header {height:60px; line-height: 60px; vertical-align:middle;text-align: left; background-color: #ffffff;}
.header span{margin-left: 25px; font-size: 18px; font-weight: 200; color:#000!important;}
.header img{width: 6px;padding:0 7px;}

/* main contents */
.contents {width: 100%; height: 580px; background-color: #b4cb85; overflow-y: auto; overflow-x: hidden;}
.contents_top_div {width: 100%;}
.contents_top_image {width:100%; max-height:180px; display:block;}
.contents_rally_form {width: 312px;margin: 0 auto;margin-top: 20px;padding: 0px;}
.contents_coupon_form{clear:both;padding-top:20px;display:none;}
.contents_coupon_benefit {margin:15px auto; margin-top:0px; border-radius:15px;padding:12px 10px; width:300px;background-color:rgba(0,0,0,0.5);font-size:14px;line-height:17px;}
.contents_coupon_head {margin:0 auto;width:310px;height:14px;background:url('../../img/rally/rally/coupon_top.png') no-repeat center center;background-size:100%;}
.contents_coupon_body {padding:10px 0;}
.contents_coupon_bottom {margin:0 auto 10px;width:320px;height:1px;line-height:1px;background:url('../../img/rally/rally/coupon_bottom.png') no-repeat center center;background-size:100% auto;}
.contents_coupon_list_div {width:90%;text-align:center;margin:0 auto;}
.contents_coupon_list li {width:100%;margin-bottom:10px;color: #417792;}

/* main coupon list */
.coupon_div {float:left;width:100%;height:105px;text-align:left;margin-bottom:10px; background-color: #ffffff;}
.coupon_img {width: 85px; height: 85px; padding: 10px;}
.coupon_brief_info {display: inline-block; padding-top: 25px; padding-left: 10px; vertical-align: top;}
.coupon_brief_info_title {color: #000; font-size: 17px; line-height: 25px;}
.coupon_brief_info_subtitle {font-size: 12px; color: #6e6d73; line-height: 17px; width: 70px; display: inline-block;}
.coupon_brief_info_subtext {font-size: 12px; color: #6e6d73; line-height: 17px;}
.coupon_brief_info_nostamp {font-size: 17px; color: #ffffff !important; padding-top:10px;}

/* rally format */
li.rally_item {width: 62px;height: 74px;display: inline-block;float: left;}
li.rally_item.left {background: url('../../img/rally/rally/bg_left.png') no-repeat center center;background-size: 100%;}
li.rally_item.left_top {background: url('../../img/rally/rally/bg_left_top.png') no-repeat center center;background-size: 100%;}
li.rally_item.left_bottom {background: url('../../img/rally/rally/bg_left_bottom.png') no-repeat center center;background-size: 100%;}
li.rally_item.center {background: url('../../img/rally/rally/bg_center.png') no-repeat center center;background-size: 100%;}
li.rally_item.right {background: url('../../img/rally/rally/bg_right.png') no-repeat center center;background-size: 100%;}
li.rally_item.right_top {background: url('../../img/rally/rally/bg_right_top.png') no-repeat center center;background-size: 100%;}
li.rally_item.right_bottom {background: url('../../img/rally/rally/bg_right_bottom.png') no-repeat center center;background-size: 100%;}
div.rally_box {width: 62px;height: 74px;line-height: 74px;}
div.rally_box.none {background: url('../../img/rally/rally/blank_number_bg.png') no-repeat center center;background-size: 50px 45px;}
div.rally_box.off {background: url('../../img/rally/rally/off_number_bg.png') no-repeat center center;background-size: 50px 45px;}
div.rally_box.on {background: url('../../img/rally/rally/on_number_bg.png') no-repeat center center;background-size: 50px 45px;}
div.coupon_icon {position: relative;top: -78px;width: 62px;height: 70px;line-height: 70px;background: url('../../img/rally/rally/coupon.png') no-repeat bottom center;background-size: 52px 12px;}
div.coupon_icon2 {position: relative;top: -69px;width: 62px;height: 70px;line-height: 70px;background: url('../../img/rally/rally/coupon.png') no-repeat bottom center;background-size: 52px 12px;}
div.start_img {position: relative;top: 0px;margin: 0 auto;width: 33px;height: 9px;background: url('../../img/rally/rally/start.png') no-repeat center center;background-size: 100%;}
div.goal_img {position: relative;bottom: -80px;margin: 0 auto;width: 29px;height: 9px;background: url('../../img/rally/rally/goal.png') no-repeat center center;background-size: 100%;}
div.count_layer {position: relative;width: 62px;height: 74px;line-height: 74px;color: #7c8a8b;font-size: 15px;}


#stampMotion05, #stampMotion06, #stampMotion07{position : absolute;}

/* common */
.button {cursor: pointer !important;}
.display_none {display: none !important;}

/* demo_radio_box_wrap */
div.radio_box { margin: 10px; display: inline-block;  text-align: left; padding: 5px 0;}
.demo_radio { position: absolute; width: 0; height: 0; visibility: hidden;}
label.demo_label_radio {padding: 3px 0px 3px 28px;display: inline-block;
    background: url(../../img/rally/demo_radio_off.png); background-position: left center;
    background-size: contain; background-repeat: no-repeat; vertical-align: middle;
    font-size: 0.7rem;
    text-align: left; vertical-align:middle; color: #999; white-space: nowrap; font-weight: bold;
}
.demo_radio:checked + label {background-image: url(../../img/rally/demo_radio_on.png);}

/* demo_view_header */
.demo_view_header {width: 100%; height: 40px; line-height: 40px; background-color: #000; position: relative; border-bottom-left-radius:10px;border-bottom-right-radius:10px; text-align: center;}
.under_pointer {position: absolute; width: 15px; top:100%; left:50%; margin-left: -10px;}
.demo_view_title {color: #fff; font-size: 0.9em;}


/*demo_view_console*/
.demo_view_console {margin:0 auto; display:block; text-align: center; width: 100%;}
.demo_stamp_btn {margin:0 auto; display:block; text-align: center;}
.demo_stamp_btn span {width: 90px; height: 34px; margin-bottom: 15px; background-repeat:no-repeat; background-position: center center; background-size: 100% 100%;display: inline-block; cursor: pointer;}
.btn_stamp_01 {background-image:url(../../img/rally/btn_stamp01_off.png);}
.btn_stamp_01:hover {background-image:url(../../img/rally/btn_stamp01_on.png);}
.btn_stamp_02 {background-image:url(../../img/rally/btn_stamp02_off.png);}
.btn_stamp_02:hover {background-image:url(../../img/rally/btn_stamp02_on.png);}
.btn_stamp_03 {background-image:url(../../img/rally/btn_stamp03_off.png);}
.btn_stamp_03:hover {background-image:url(../../img/rally/btn_stamp03_on.png);}