@charset "utf-8";


.jp-page-camp {
}
.jp-page-camp-list {
}
.jp-page-camp-list li{
  display: block;
  overflow: hidden;
  border-bottom: solid 1px #dee3e7;
  margin-bottom: 10px;
}
.jp-page-camp-list li a{
  display: table;
  padding: 0 15px 10px 0;
  background: url(/web/src/s/campaign/img/ico-arrow-002.png) 100% 50% no-repeat;
  color: #3b3b3b;
}

.jp-page-camp-list-title {
  display: table-caption;
}
.jp-page-camp-list-title .jp-cmp-icon-006{ /*グローバル上書き*/
  margin-left: 5px;
  font-size: 12px;
  vertical-align: middle;
}

.jp-page-camp-list-pic {
  display: table-cell;
  vertical-align: top;
  width: 170px;
  height: 100px;
}
.jp-page-camp-list-pic img{
  display: block;
  width: 100%;
  height: auto;
}

.jp-page-camp-list-detail {
  display: table-cell;
  width: 635px;
  vertical-align: top;
  font-size: 15px;
}
.jp-page-camp-list-detail p {
  margin-left:10px;
  margin-right:10px;
}

.jp-page-camp-list-term {
  display: table-cell;
  vertical-align: middle;
  width: 170px;
  background-color: #eee;
  text-align: center;
  font-size: 12px;
}

.jp-page-camp-list-term-event {
  display: table-cell;
  vertical-align: middle;
  width: 170px;
  background-color: #eee;
  text-align: center;
  font-size: 12px;
}

.jp-page-camp-list-term-oubo {
  display: table-cell;
  vertical-align: middle;
  width: 170px;
  background-color: #eee;
  text-align: center;
  font-size: 12px;
}

.jp-page-camp-list-term:before{
  content: "キャンペーン期間";
  display: block;
}

.jp-page-camp-list-term-event:before{
  content: "イベント開催";
  display: block;
}

.jp-page-camp-list-term-oubo:before{
  content: "応募期間";
  display: block;
}

.jp-page-camp-list-term-start:after {
  content: "▼";
  display: block;
  color: #ccc;
}
.jp-page-camp-list-term em {
  font-size: 15px;
  font-weight: bold;
}

.jp-page-camp-list-term-event em {
  font-size: 15px;
  font-weight: bold;
}

.jp-page-camp-list-term-oubo em {
  font-size: 15px;
  font-weight: bold;
}

.jp-page-camp-list-term02 {
  display: table-cell;
  background: #fff;
  width: 170px;
}


/*  スクリーンサイズごとの調整  */
@media screen and (max-width:1070px) and (min-width:768px){  /*タブレット */
}
@media screen and (max-width:767px) and (min-width:0px){  /*スマホ */

  .jp-page-camp-list li a{
    display: block;
  }
  .jp-page-camp-list-title {
    display: block;
  }
  .jp-page-camp-list-pic {
    display: block;
    width: 170px;
    height: auto;
    margin: 0 auto 10px auto;
  }
  .jp-page-camp-list-detail {
    display: block;
    width: auto;
  }
  .jp-page-camp-list-term {
    display: block;
    width: auto;
  }
    .jp-page-camp-list-term-event {
    display: block;
    width: auto;
  }

    .jp-page-camp-list-term-oubo {
    display: block;
    width: auto;
  }

  .jp-page-camp-list-term02{
    display: none;
  }


}




/*過去キャン*/
.jp-page-camp-past .jp-page-camp-list-detail{
  width: 785px;
}

/*  スクリーンサイズごとの調整  */
@media screen and (max-width:1070px) and (min-width:768px){  /*タブレット */
}
@media screen and (max-width:767px) and (min-width:0px){  /*スマホ */

  .jp-page-camp-past .jp-page-camp-list-detail {
    display: block;
    width: auto;
  }

}