@charset "utf-8";
/*+++++++++++++++++++++++++++++++++*/
/*Web Site Coupon.CSS Ver.         */
/*+++++++++++++++++++++++++++++++++*/

#cp_attbody{
  width:640px;
  height:auto;
}
#cp_attbody p, #cp_attbody dd{
  font-size:1.0em;
  line-height:1.2em;
  text-align:left;
  margin-left:5px;
}
#cp_attbody dd{
  margin-bottom:10px;
}
#cp_attbody h2{
  width:640px;
  height:41px;
  background-image:url(files/images/bnr_att.gif);
  background-repeat:no-repeat;
  font-size:1.2em;
  font-weight:bold;
  margin-bottom:3px;
  padding:9px 0 2px 15px;
}

#cp_attbody dt
  {width:500px;
  height:28px;
  background-image:url(files/images/bnr_att2.gif);
  background-repeat:no-repeat;
  margin-bottom:3px;
  font-size:1.2em;
  font-weight:bold;
  padding:4px 0 2px 20px;
}
#cp_howto{
  width:640px;
  height:auto;
}
#cp_howto h2{
  width:640px;
  height:40px;
  background-image:url(files/images/ttl_bnr.gif);
  background-repeat:no-repeat;
  font-size:1.0em;
  font-weight:bold;
  padding:7px 0 3px 20px;
  margin-bottom:10px;
}
#cp_howto ul{
  width:640px;
  margin:10px 0 10px 20px;
}
#cp_howto li{
  float:left;
  padding-right:10px;
}
#cp_howto img{
  margin-left:10px;
}
#cp_howto dt #ht1, #cp_howto dt #ht2, #cp_howto dt #ht3, #cp_howto dt #ht4{
  font-weight:bold;
}
#cp_howto dd{
  width:530px;
  height:auto;
  font-size:1.0em;
  line-height:1.2em;
  text-align:left;
  margin-bottom:10px;
  margin-left:100px;
}
.ht_step{
  margin-bottom:10px;
}
.ht-1, .ht-2, .ht-3, .ht-4{
  width:530px;
  height:40px;
  background-repeat:no-repeat;
  padding-left:100px;
  background-position:left;
  margin-top:40px;
  line-height:1.0em;
  padding-top:20px;
}
.ht-1{
  background-image:url(files/images/cp_1.png);
}
.ht-2{
  background-image:url(files/images/cp_2.png);
}
.ht-3{
  background-image:url(files/images/cp_3.png);
}
.ht-4{
  background-image:url(files/images/cp_4.png);
}
#cp_howto .ht_back{
  text-align:right;
  margin-left:0px;
}

#cp_howto dd img{
  margin-bottom:15px;
}

/*shopping_line*/
.frame .shopping_line{
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;
    padding:1%;
    background:#e2f0fc;
    width:98%;
    margin:0 auto 1em auto;
}
.frame .shopping_line a{
    padding:0 0.3em;
    text-decoration:none;
    border-left:1px solid #000;
}
.frame .shopping_line a:first-child{
    margin-left:0.3em;
    border-left:none;
}

.esthetic #CouponTopBlock .coupon_unit_grp .unit:last-child{
    border-bottom:none;
}

/* coupon　------------------------------*/
.frame h4.copy{
    color:#1a55d9;
    font-size:1.4em;
    line-height:1.4em;
}
.event_list_back{
    border-top:none;
    padding-top:2em;
}
#CouponTopBlock .frame h3 {
    border-top:3px solid #1a55d9;
}
.frame .event_select{
    width:95%;
}
#CouponTopBlock .coupon_unit_grp .unit{
    padding:0.5em 0;
    margin-bottom:1.5em;
}

#CouponTopBlock .coupon_unit_grp .unit .img{
    width:26%;
    float: left;
    margin:0 2% 0 0;
    font-size:0.8em;
}
#CouponTopBlock .coupon_unit_grp .unit .img img{
    width:100%;
}
#CouponTopBlock .coupon_unit_grp .unit .detail{
    width:72%;
    float:right;
}

#CouponTopBlock .coupon_unit_grp .unit .detail .art{
    margin-bottom: 7px;
    background-color: #fcf656;
    background-image: url("files/img_site/coupon_bg.png");
    background-repeat:repeat-y;
    background-size	:130%;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;
    padding: 0px 10px 5px;
    color:#031c55;
    font-size:0.8em;
    border:2px solid #ff9000;
}
#CouponTopBlock .coupon_unit_grp .unit .detail .art p{
    line-height:1.2em;
}

#CouponTopBlock .coupon_unit_grp .unit .detail .art span.title{
    font-size:1.4em;
    font-weight:bold;
    display:block;
    color:#ea3403;
    border-left:4px solid #ea3403;
    padding-left:0.5em;
    margin:0.5em 0;
    line-height:1.2em;
}

#CouponTopBlock .coupon_unit_grp .unit .detail .art span.det{
    display:block;
    margin-bottom:0.5em;
    line-height:1.2em;
}

#CouponTopBlock .coupon_unit_grp .unit .detail .art .btn{
    color:#fff;
    font-size:1.2em;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;
    text-decoration:none;
    white-space:nowrap;
    background-image:url(files/img_site/arrow_wht.png);
    background-repeat : no-repeat ;
    background-position : 0.3em center ;
    line-height:2.4em;
}

#CouponTopBlock .coupon_unit_grp .unit .info{
    width:96%;
    font-size:0.8em;
    padding:2% 2% 0.5% 2%;
    margin:0;
    background:#f1f1f1;
}
#CouponTopBlock .coupon_unit_grp .unit .left{
    width:60%;
    float:left;
    margin:0;
    line-height:1.2em;
}
#CouponTopBlock .coupon_unit_grp .unit .left .copy{
    font-size:1.2em	;
    margin:0 0 0.5em 0;
    line-height:0.8em;
}
#CouponTopBlock .coupon_unit_grp .unit .left .copy .btn{
    font-size:0.8em	;
    display:inline;
    padding:0 0.3em	;
    color:#fff;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;
    text-decoration:none;
    margin:0 auto;
    background-color:#3386d3;
    background-image:none;
}

#CouponTopBlock .ttl_line{
    padding:2px 10px 0;
    margin-bottom:10px;
    border-top:1px solid #6b5f4f;
    background-color:#c2a26f;
}
#CouponTopBlock .ttl_line .ttl{
    font-size:1.2em	;
    font-weight: bold;
    color:#FFFFFF;
}
#CouponTopBlock .coupon_unit_grp .unit .asi li{
    background:#1a55d9;
    color:#fff;
    float:left;
    margin:0 1% 1% 0;
    padding:0 0.5%;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;
    font-size:0.9em;
}
#CouponTopBlock .coupon_unit_grp .unit .asi li:last-child{
    margin-right:0;
}

#CouponTopBlock .coupon_unit_grp  .detail .copy{
    display:block;
    font-weight:bold;
    font-size:1.1em;
    margin-top:-0.2em;
    line-height:1.2em
}
#CouponTopBlock .coupon_unit_grp .detail .sub_copy{
    display:block;
    font-size:1em;
    margin-top:-0.8em;
}

#CouponTopBlock .coupon_unit_grp .detail .address{
    display:block;
}

#CouponTopBlock .coupon_unit_grp .detail {
    width:100%;
}
#CouponTopBlock .coupon_unit_grp .detail .left{
    width:68%;
    float:left;
}
#CouponTopBlock .coupon_unit_grp .detail .right{
    width:30%;
    float:right;
    margin-right:2%;
}

#CouponTopBlock .coupon_unit_grp .detail .btn{
    display:block;
    margin:0.5em auto;
    padding:0.1em 0 0.1em 2em;
    width:90%;
}

#CouponTopBlock  .coupon_unit_grp .detail .color_a{
    background-color:#0db705;
}
#CouponTopBlock .coupon_unit_grp .detail .color_b{
    background-color:#ec651b;
}

/*coupon_ttl*/
#CouponTopBlock  #coupon_ttl{
    border:solid 4px #1a55d9;
    margin:0.5em 0;
    padding:0 0 2% 0;
}
#CouponTopBlock  #coupon_ttl h3{
    border:none;
    font-size:1.6em;
    margin:0;
}

#CouponTopBlock #coupon_ttl .c1{
    background:#ffb621;
}
#CouponTopBlock #coupon_ttl .sub{
    background:#1a55d9;
    margin:0 0 0.5em 0;
}
#CouponTopBlock #coupon_ttl .notice{
    display:block;
    font-size:0.8em;
    color:#c00;
}
#CouponTopBlock #coupon_ttl .sub .left{
    float:left;
    width:66%;
    color:#fff;
}

#CouponTopBlock #coupon_ttl .sub .right{
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;
    background:#fff;
    float:right;
    width:33%;
    padding:0.5%;
}
#CouponTopBlock #coupon_ttl .sub .right span{
    color:#c00;
    font-weight:bold;
}

/*coupon_select*/
.frame  h3.btm_cut{
    height:0.2em;
    line-height:0.7em;
}
.frame _select{
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;
    padding:1% 1% 1% 1%;
    background:#e2f0fc;
    width:98%;
    margin:0em auto 1em auto;
}
.frame _select select{
    padding:1%;
}
.frame _select select.left{
    width:25%;
    margin:0 5%;
}
.frame _select select.right{
    width:60%;
}
.frame _select li{
    float:left;
    margin:0 auto ;
    padding:0;
}
.frame ul_select a{
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;
    background-color:#fff;
    text-decoration:none;
    background-image:url(img/ico/arrow_link.png);
    background-repeat : no-repeat ;
    background-position :0.1em center ;
    width:100%;
    letter-spacing:-1px;
    white-space:nowrap;
    padding:0 0.4em 0 1em;
    margin:0 0.5em 0 0;
}

#CouponTopBlock .frame _select p.line{
    margin:1em 0 0 0;
    padding:0;
}

#CouponTopBlock	.frame _select p.check{
    line-height:1.8em;
    margin-bottom:0;
    padding:0;
}
_select p.check input{
    margin-right:0.2em;
}


/*coupon_ttl*/
#CouponTopBlock #coupon_ttl .in_left{
    float:left;
    width:20%;
    margin:2% 0 0 2%;
}
#common_contents #CouponTopBlock #coupon_ttl .in_right{
    float:left;
    width:74%;
    margin:0 2%;
}
.event_list_back .btn{
    float:right;
}

/*event add*/

#CouponTopBlock #event .coupon_unit_grp .unit .img{
    margin-right:0;
    width:20%;
}
#CouponTopBlock #event .coupon_unit_grp .unit .event_detail{
    width:80%;
}


/*
     FILE ARCHIVED ON 02:18:03 May 27, 2020 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 04:28:43 May 21, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 1.963
  exclusion.robots: 0.017
  exclusion.robots.policy: 0.008
  esindex: 0.013
  cdx.remote: 37.551
  LoadShardBlock: 391.916 (3)
  PetaboxLoader3.datanode: 227.519 (4)
  load_resource: 82.3
  PetaboxLoader3.resolve: 27.987
*/