@charset "utf-8";
/*------------------------------------
 CSS Information
  Site URL: /member_prize/
  File name: s_index09.css (/servicemaster/simulation/excludes/css/sp/member_prize/s_index09.css)
  Summary: （SP）DDuet会員特典 一覧用CSS
  Created: 2016-09-21
  Last update: 	2018-07-13 by DDuet Iwai
  Author: -
 
  Order of description
------------------------------------*/

@media screen and (max-width:667px) {

  /*---------------------------------------
    clearfix
  ----------------------------------------*/
  .cf {
    zoom: 100%;
  }

  .cf:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
    font-size: 0;
  }

  /*---------------------------------------
    titleWrap
  ----------------------------------------*/
  .titleWrap {
    padding-bottom: 0 !important;
    border-bottom: none !important;
  }

  /*---------------------------------------
    contentInner
  ----------------------------------------*/
  .contentInner {
    margin: 0 20px;
  }

  .contentInner .tabs {
    margin-top: 35px;
  }

  .contentInner .tabs p img {
    width: 100%;
    vertical-align: bottom;
  }

  .contentInner .tabs .memberTab {
    float: left;
    width: 48%;
  }

  .contentInner .tabs .premiumTab {
    float: right;
    width: 48%;
    vertical-align: bottom;
  }

  .contentInner .specialBlocks li {
    zoom: 100%;
    margin-bottom: 30px;
    padding-top: 40px;
    text-align: left;
    background: url(/servicemaster/simulation/excludes/images/p/member_prize/common02/memberLine.png) no-repeat top center;
  }

  .contentInner .specialBlocks li:first-child {
    background: none;
  }

  .contentInner .specialBlocks li:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
    font-size: 0;
  }

  .contentInner .specialBlocks li .left {
    margin-bottom: 20px;
  }

  .contentInner .specialBlocks li .left img {
    width: 100%;
  }

  .contentInner .specialBlocks li .left .btn {
    margin: 20px 40px 0;
    text-align: center;
  }

  .contentInner .specialBlocks li .left .label {
    margin: 20px 40px 0;
    text-align: center;
  }

  .contentInner .specialBlocks .c-pon {
    display: inline-block;
    color: #ffffff;
    font-size: 10px;
    padding: 5px 10px;
    background: #e75381;
    border-radius: 20px;
    float: left;
  }

  .contentInner .specialBlocks .data {
    color: #010101;
    font-size: 10px;
    font-weight: bold;
    text-align: right;
    padding: 5px 0px;
  }

  .contentInner .specialBlocks .title , .contentInner .specialBlocks .title2{
    clear: both;
    font-size: 14px;
    font-weight: bold;
    padding-top: 10px;
  }

  .contentInner .specialBlocks .title a , .contentInner .specialBlocks .title2 a  {
    color: #e75381;
  }

  .contentInner .specialBlocks .info {
    color: #010101;
    font-size: 12px;
    margin-top: 15px;
    line-height: 1.8;
  }

  .contentInner .specialBlocks .offerText {
    color: #333333;
    font-size: 10px;
    margin-top: 15px;
    line-height: 1.8;
  }

  .contentInner .specialBlocks .offerText li {
    margin-bottom: 15px;
    padding-top: 0;
    background: none;
  }

  .contentInner .specialBlocks .limit {
    display: table;
    width: 100%;
    color: #555555;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    background: url(/servicemaster/simulation/excludes/images/p/member_prize/common02/limit_bg.png) no-repeat top center;
    background-size: 100% 100%;
    height: 45px;
    padding-top: 15px;
  }

  .contentInner .specialBlocks .limit span { 
  }

  .contentInner .specialBlocks .notLogin {
    font-size: 10px;
    margin-top: 12px;
  }

  .contentInner .specialBlocks .notLogin a {
    color: #e75381;
  }

  /*---------------------------------------
    specialBox
  ----------------------------------------*/
  .specialBox {
    margin-bottom: 20px;
    background: #fcf2f5;
    border-top: 4px solid #e75381;
    border-bottom: 4px solid #e75381;
  }

  .specialBox .pager {
    margin-bottom: 50px;
  }

  .specialBox .pager .pager-txt {
    font-size: 14px;
    color: #666;
    text-align: center;
  }

  .specialBox .pager .pager-txt span {
    font-size: 23px;
    color: #e8356c;
  }

  .specialBox .pager .pager-list {
    text-align: center;
    margin-bottom: 10px;
  }

  .specialBox .pager .pager-list li {
    vertical-align: top;
  }

  .specialBox .pager .pager-list li:not(.num) {
    display: inline-block;
    border: 1px solid #666;
    background: #fff;
  }

  .specialBox .pager .pager-list a {
    color: #666;
    display: inline-block;
    padding: 10px;
    text-decoration: none;
  }

  .specialBox .pager .pager-list .num {
    display: inline-block;
  }

  .specialBox .pager .pager-list .num li {
    font-size: 18px;
  }

  .specialBox .pager .pager-list .num li.active {
    background: #666;
    color: #fff;
    padding: 6px 10px 5px;
  }

  .specialBox .pager .pager-list .num a {
    display: inline-block;
    padding: 6px 10px 5px;
  }

  .specialBox-ttl {
    font-size: 13px;
    color: #e75381;
    text-align: center;
    background: #fed9e4;
    border-bottom: 1px solid #e75381;
    padding: 15px 20px;
  }

  .member_info {
    margin-top: 15px;
  }

  .member_info li {
    text-indent: -1em;
    padding-left: 1em;
    line-height: 1.6;
  }

  /*---------------------------------------
    bxSlider
  ----------------------------------------*/
  .bx-wrapper {
    background: none;
    box-shadow: none;
    border: none;
    margin: 40px 30px 0 !important;
  }

  .bx-wrapper .bx-prev {
    background-image: url(/servicemaster/simulation/excludes/images/sp/member_prize/common02/icon-bs-prev.png);
    background-position: 50% 50%!important;
    background-repeat: no-repeat;
    background-size: 9px;
    left: -30px;
  }

  .bx-wrapper .bx-next {
    background-image: url(/servicemaster/simulation/excludes/images/sp/member_prize/common02/icon-bs-next.png);
    background-position: 50% 50%!important;
    background-repeat: no-repeat;
    background-size: 9px;
    right: -30px;
  }

  /*===================================
    20161017
  ===================================*/

  .contentInner .specialBlocks .info02 {
    color: #010101;
    font-size: 12px;
    margin-top: 15px;
    line-height: 1.8;
    margin-left: 1em;
    text-indent: -1em;
  }

  .MrgT0 {
    margin-top: 0 !important;
  }

  .entry {
    padding: 0px 0px 0px 10px;
  }

  .entry a {
    color: #D71B58;
  }

  /* 2017.9.8 追加 */
  #member_prizePickup p.endday{display:none;}
  #member_prizeList p.endday{display:none;}


  /* 2017.9.19 追加 */
  .pickupBnrArea li a {
    position: relative;
    display:block;
  }

  #member_prizePickup p.upday{display:none;}
  .pickupBnrArea li span.pickupLabel {
    width: 52%;
    height: 14%;
    position: absolute;
    right: 0;
    top: 12%;
    display: block;
    background-size: contain !important;
  }
  .pickupBnrArea li.puEnding span.pickupLabel{
    background: url(/servicemaster/simulation/excludes/images/member_prize/index/pickup_ending.png) 0 0 no-repeat;
  }
  .pickupBnrArea li.puNew span.pickupLabel{
    background: url(/servicemaster/simulation/excludes/images/member_prize/index/pickup_new.png) 0 0 no-repeat;
  }

  /* 2017.12.14 追加 */
  .priorNotice{
    border: 1px solid #D51717;
    margin-top:15px;
    padding:5px;
  }
  .priorNotice p{
    padding-left:1em;
    text-indent:-1em;
    color:#D51717;
    font-weight:bold;
  }

  /*===================================
    20180118
  ===================================*/

  /* PC非表示 */
  .only_pc{
    display:none !important;
  }
  /* サムネイル画像の有効期限部分テキスト化 */
  p.limit_txt {
      width: auto;
      height: 30px;
      text-align: center;
      background-color: #e9507f;
      font-size: 14px;
      color: #fff;
      line-height: 30px;
  }
}
  /*===================================
    20190514
  ===================================*/