@charset "utf-8";

/* add 2016.03.01
-------------------------------------------*/
.campaign {margin-bottom:10px; background: #8C6F33;text-align: center;}
.campaign_title {background:linear-gradient(to right, #8c6f33 1%,#e0b062 39%,#e0b062 60%,#8c6f33 100%);padding: 20px 60px 40px;}
.campaign_title h2 {font-weight: bold;}
.campaign_title h2 img{max-width: 100%;}
.campaign_title .txt_03 {display:none;}
.campaign_cont {position:relative;overflow:hidden;padding:0 40px 45px 40px;background:#000;}
.campaign_cont .head_txt {height:102px;background:url(../images/campaign_201703/campaign_txt_01.png) center center no-repeat;}
.campaign_cont .head_txt p {display:none;}
.campaign_cont .txt_cont {position:absolute;top:50%;right:40px;height:355px;width:214px;margin-top:-177px;}
.campaign_cont .txt_cont .txt_01 {height:112px;text-indent:-9999px;background:url(../images/campaign_201703/campaign_txt_02.png) left top no-repeat;}
.campaign_cont .txt_cont .txt_02 {display:none;}
.campaign_cont .txt_cont .txt_03 {height:243px;text-indent:-9999px;background:url(../images/campaign_201703/campaign_txt_03.png) left bottom no-repeat;}
.campaign_cont .table_cont {width:806px;color:#fff;}
.campaign_cont .table_head, .campaign_cont .table_head_copy {overflow:hidden;}
.campaign_cont .table_head div, .campaign_cont .table_head_copy div {height:27px;font-size:14px;line-height:27px;text-align:center;border:1px solid #fff;font-weight:bold;}
.campaign_cont .table_head .name,  .campaign_cont .table_head_copy .name {float:left;/*width:318px;*/width:218px;border-right:0;background:#8a278d;}
.campaign_cont .table_head .price, .campaign_cont .table_head_copy .price {float:left;/*width:297px;*/width:217px;background:#8a278d;}
/*.campaign_cont .table_head .discounted {float:right;width:148px;background:#ff3d3d;}*/
.campaign_cont .table_head .discounted25 {float:right;width:158px;background:#666666;border-right:0;}
.campaign_cont .table_head .discounted50 {float:right;width:158px;background:#ff3d3d;}

.campaign_cont .table_head_copy .discounted25, .campaign_cont .table_head_copy .discounted50 {float:right;width:158px;background:#000;border-right:0;line-height:16px;border:none;height:24px;font-size:12px;}


.campaign_cont .table_body {overflow:hidden;display:table;table-layout:fixed;width:100%;margin-top:11px;}
.campaign_cont .table_body .name {display:table-cell;/*width:318px;*/width:218px;text-align:center;font-weight:bold;font-style:italic;font-size:16px;vertical-align:middle;border:1px solid #fff;border-right:0;}
.campaign_cont .table_body .price {display:table-cell;overflow:hidden;font-size:12px;}
.campaign_cont .table_body .price_normal {float:left;/*width:297px;*/width:217px;border:1px solid #fff;border-bottom:0;font-size:12px;overflow:hidden;margin:0;}
.campaign_cont .table_body .price_normal dt {float:left;/*width:147px;*/width:87px;height:20px;line-height:20px;border-right:1px solid #fff;border-bottom:1px solid #fff;background:#5e5e5e;padding:0 3px;font-size:10px;}
.campaign_cont .table_body .price_normal dd {float:left;width:128px;border-bottom:1px solid #fff;height:20px;line-height:20px;padding:0 3px;text-align:right;}
.campaign_cont .table_body .price_discounted {position:relative;float:right;width:148px;border:1px solid #fff;border-bottom:0;}
.campaign_cont .table_body .price_discounted25 {position:relative;float:right;width:158px;border:1px solid #fff;border-bottom:0;border-right:0;}
.campaign_cont .table_body .price_discounted50 {position:relative;float:right;width:158px;border:1px solid #fff;border-bottom:0;}
/*.campaign_cont .table_body .price_discounted div {height:20px;line-height:20px;padding-right:10px;color:#ffef0c;font-weight:bold;border-bottom:1px solid #fff;text-align:right;}*/
.campaign_cont .table_body .price_discounted25 div {height:20px;line-height:20px;padding-right:10px;/*color:#ffef0c;font-weight:bold;*/border-bottom:1px solid #fff;text-align:right;}
.campaign_cont .table_body .price_discounted50 div {height:20px;line-height:20px;padding-right:10px;color:#ffef0c;font-weight:bold;border-bottom:1px solid #fff;text-align:right;}

/*.campaign_cont .table_body .price_discounted:before {content:"";position:absolute;top:50%;left:-214px;width:26px;height:45px;margin-top:-23px;background:url(../images/campaign_201608/campaign_arr.png) center top no-repeat;}*/
.campaign_cont .table_body .price_discounted50:before {content:"";position:absolute;top:50%;left: -204px;width:26px;height:45px;margin-top:-23px;background:url(../images/campaign_201703/campaign_arr.png) center top no-repeat;}

/* add */
.right12txt {	text-align:right; font-size:12px;color:#fff;margin-top:15px;margin-bottom:0px;}
.right12txt2 {	text-align:right; font-size:12px;color:#fff;margin-top:0px;margin-bottom:10px;}


@media (max-width: 767px) {
  .kanban {margin-top:0;}
  .campaign {margin-bottom:10px;}
  .campaign_title {overflow:hidden;height:auto;padding:15px 10px;background:#d6752b url(../images/campaign_201703/campaign_title_bg.jpg) left top / 405% no-repeat;}
  /*.campaign_title div {display:block;float:right;width:126px;height:66px;text-indent:-9999px;background:url(../images/campaign_201608/campaign_date.png) left top no-repeat;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    background-size: auto 100%;}*/
  .campaign_title p {display:block;}
  .campaign_title .txt_01 {display:table-cell;vertical-align:middle;height:66px;color:#000;font-size:15px;margin-bottom:10px;text-shadow: 1px 1px 5px #000;color:#fff;}
  .campaign_title .txt_02 {clear:both;color:#fff;font-size:20px;text-shadow: 1px 1px 5px #000;text-align:center;}
  .campaign_title .txt_02 b {font-size:28px;margin:0 5px;}
  .campaign_title .txt_03 {display:block;text-align:center;color:#fff;font-size: 18px; font-weight: bold;text-shadow: 1px 1px 5px #000; line-height: 1.4;}
  .campaign_title .txt_03 span {display:inline-block;height:60px;line-height:60px;}
  .campaign_title .txt_03 .txt_20off {text-indent:-9999px;width:250px;height:60px;background:url(../images/campaign_201703/campaign_title_50off.png);}
  .campaign_title .txt_04 {color:#fff;font-size:12px;text-shadow: 1px 1px 5px #000;margin-top:10px;line-height: 1.4;}
  .campaign_cont {padding:10px 10px 15px 10px;}
  .campaign_cont .head_txt {height:auto;color:#fbc762;font-size:14px;font-weight:bold;line-height:1.8;padding-top:5px;background:none;}
  .campaign_cont .head_txt p {display:block;}
  .campaign_cont .txt_cont {display:none;}
  .campaign_cont .table_cont {width:100%;}

  /*.campaign_cont .table_head {display:none;}*/
  .campaign_cont .table_head .name {display:none;}
  .campaign_cont .table_head .price {display:none;}
  .campaign_cont .table_head .discounted25 { width:25%;margin-bottom:-50px; }
  .campaign_cont .table_head .discounted50 { width:25%; }
  .campaign_cont .table_head, .campaign_cont .table_head_copy { margin-bottom:-41px;}
  .campaign_cont .table_head_copy .discounted25, .campaign_cont .table_head_copy .discounted50 { margin-bottom:48px;width:24%;height: auto; }

/*  .campaign_cont .table_head_copy {display:none;}*/
  .campaign_cont .table_body {margin-top:15px;}
  .campaign_cont .table_body .name {display:block;/*width:auto;*/width: 45%;border:1px solid #fff;padding:2px 5px;line-height:1.2;background:#8a278d;margin-bottom:10px;}
  .campaign_cont .table_body {display:none;}
  .campaign_cont .table_body.disB {display:block;}
  .campaign_cont .table_body .price {display:block;position:relative;}
  .campaign_cont .table_body .price_normal {width:45%;}
  .campaign_cont .table_body .price_normal dt,
  .campaign_cont .table_body .price_normal dd {width:50%;}
/*  .campaign_cont .table_body .price_discounted {width:30%;position:static;}*/
  .campaign_cont .table_body .price_discounted25 {width:25%;position:static;}
  .campaign_cont .table_body .price_discounted50 {width:25%;position:static;}

/*  .campaign_cont .table_body .price_discounted:before {left:60%;width:10%;}*/
  .campaign_cont .table_body .price_discounted50:before {left:44%;width:10%;}

}
@media (max-width: 380px) {
  .campaign_title .txt_02 b {font-size:24px;display:block;}
}