@charset "UTF-8";
/*// auction システム（ 挿入 ） //*/
/* wrap */
.wpa-main {
  color: var(--dark_brown);
  width: 100%;
  max-width: 940px;
  margin: 0 auto !important;
  position: relative;
  }

  /* ログイン状態 */
  /*
  #user-login {
  }
  */
  .wpa-main p.wpa-user-status {
    font-size: 92%;
    line-height: 1.6em;
  }
  .wpa-main p.wpa-user-status br,
  .wpa-main p.wpa-user-status span:nth-of-type(2) {
    display: none;
  }

  /* wp auction エディタに強制挿入した hr */
  #wpa-carousel hr {
    display: none;
  }

  /* 作品画像 */
  div.item {
    max-width: 620px;
    height: auto;
    margin: 0 auto;
    }
    div.item img.img-rounded {
      display: block;
      max-width: 100%;
      max-height: 620px;
      margin: 0 auto;
  }
  /* 現在の最高入札者 */
  span.wpa-winner {
    max-width: 100%;
    height: auto;
    font-size: 124%;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: var(--wisteria);
    }
    span.wpa-winner b,
    span.wpa-winner strong {
      padding-right: 0.5em;
      font-size: 72%;
      font-weight: normal;
  }

  /* 入札エリア */
  .wpa-bid-area {
    width: 90%;
    max-width: 550px;
    height: auto;
    margin: 0 auto;
  }
  
  /* 補足事項・終了日時など */
  .wpa-bid-area ul.wpa-info {
    line-height: 1.6em;
  }
  /* ワンクリック通知ボタン */
  li.col-xs-6.wpa-watch-this a {
    width: 230px;
    height: auto;
    padding: 1em 2em;
    text-align: center;
    background: #53b353;
    border-radius: 6px;
    display: block;
    color: #fff;
  }
  /* 補足文 */
  li.col-xs-6 span {
    display: block;
    padding-left: 0.5em;
    color: #757575;
  }
  /* 補足事項・終了日時など end */

  /* 終了時間カウント & 入札状況 */

  .col-md-9 {
    /* file： bootstrap.css 475行( css無効化 ) */
    width: 90%;
    max-width: 550px;
    height: auto;
    margin: 0 auto;
    }
    /* 終了時間カウント箇所 */
    div.countSpace {
      max-width: 330px;
      width: 100%;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-around;
      flex-wrap: wrap;
  }
  section.clearfix {
    display: block;
  }
  /* 入札状況 */
  section.wpa-auction-meta.clearfix {
    /*width: 66%;*/
    width: 90%;
    max-width: 550px;
    height: auto;
    margin: 0 auto;
    border: 1px solid #428bca;
  }
  /* 入札状況見出し */
  section.wpa-auction-meta.clearfix h5 {
    margin-bottom: 0 !important;
  }
  .nav-tabs {
    display: none;
  }
  /* 入札状況者 */
  #bidstab {
    height: 100% !important;
  }
  .tab-pane {
    padding: 0;
  }
  .tab-pane ul {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
    }
    .tab-pane ul li.media {
      width: 90%;
      height: auto;
      margin: 0.5em auto;
      line-height: 1.4em;
      letter-spacing: 0.1em;
      border-bottom: 1px dotted #428bca;
      }
      .tab-pane ul li.media p {
        padding: 10px 0;
        text-align: left !important;
        position: relative;
        z-index: 2;
        background: none;
        }
      /* 入札ユーザー名 */
      .tab-pane ul li.media p b {
        padding-right: 0.3em;
        overflow-x: scroll;
      }
      /* 入札額 文言 */
      .tab-pane ul li.media red {
        font-size: 88%;
        color: var(--dark_brown);
      }
      /* 入札額 */
      .tab-pane ul li.media strong {
        min-width: 6em;
        padding: 0 0.5em;
        text-align: right;
        font-weight: bold;
        border-bottom: none;
      }
      /* 入札日時 */
      .tab-pane ul li.media span {
        display: inline-block;
        padding: 0;
        border-bottom: none;
}
/*// auction システム（ 挿入 ） end //*/

/*// 通常投稿カスタム投稿IDを紐付け、カスタム投稿からgallery画像を抽出 //*/
p.care {
  width: 100%; text-align: center; color: #ccc; letter-spacing: 0.1em;
}
/*// 通常投稿カスタム投稿IDを紐付け、カスタム投稿からgallery画像を抽出 end //*/

/* 警告パネル（ ログイン会員登録フォーム ） */
.wpmem_msg {
  width: 75%;
  margin: 0px auto 60px;
}

/* ログイン会員登録フォーム用文言 */
#wpmem_restricted_msg p:nth-of-type(1) {
  font-size: 108%;
  line-height: 2em;
  max-width: 450px;
  margin: 0px auto 60px;
  letter-spacing: 0.1em;
  text-align: left;
  font-weight: bold;
  color: #393939;
}

/* ログイン会員登録フォーム */
#wpmem_login,
#wpmem_reg {
  max-width: 500px;
  height: auto;
  margin: 0 auto 6em;
}

#wpmem_login legend,
#wpmem_reg legend {
  margin-bottom: 2em;
  padding: 1em 0;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.2em;
  color: #fff;
  text-align: center;
  background: #000 !important;
  border-radius: 6px 6px 0 0;
}

#wpmem_login label,
#wpmem_reg label {
  display: inline-block;
  margin: 0px 0px 0.5em 2%;
  letter-spacing: 0.1em;
  color: #888;
  font-size: 90%;
  font-weight: normal;
}

#wpmem_login .div_text,
#wpmem_reg .div_text{
  max-width: 480px;
  margin: 0 auto 30px;
}

#wpmem_login input,
#wpmem_reg input {
  font-size: 124%;
}

input.buttons {
  cursor: pointer;
  width: 180px;
  padding: 0.3em 0;
  font-size: 15px !important;
  color: #fff;
  background: #3c70eb; /* a blue */
  border: 0px;
  border-radius: 3px;
  -webkit-appearance: none;
  opacity: 1;
  transition: 0.6s ease-in-out;
  }
  input.buttons:hover {
    opacity: 0.6;
}

/* 補足文言 ( 必須やパスワードリセット等 ) */
#wpmem_login .link-text,
#wpmem_reg .req-text {
  font-size: 12px;
  }
  #wpmem_reg .req-text {
    width: 80px;
    margin: -30px 0 0 5px;
}

#wpmem_login .password, 
#wpmem_login .textbox, 
#wpmem_login .username, 
#wpmem_reg .div_textarea textarea, 
#wpmem_reg .file, 
#wpmem_reg .image, 
#wpmem_reg .password, 
#wpmem_reg .textbox, 
#wpmem_reg .username {
  width: 91% !important;
}
/* for firefox */
@-moz-document url-prefix() {
  #wpmem_login .password, 
  #wpmem_login .textbox, 
  #wpmem_login .username, 
  #wpmem_reg .div_textarea textarea, 
  #wpmem_reg .file, 
  #wpmem_reg .image, 
  #wpmem_reg .password, 
  #wpmem_reg .textbox, 
  #wpmem_reg .username {
    width: 100% !important;
  }
}
/* for firefox end */

#wpmem_login .button_div, #wpmem_reg .button_div {
  padding: 6px 0;
  text-align: right;
  width: 98% !important;
}

#wpmem_login .link-text {
  padding: 20px 0;
  text-align: right;
  width: 98%;
}

#wpmem_login input[type=password], 
#wpmem_login input[type=text], 
#wpmem_reg input[type=date], 
#wpmem_reg input[type=email], 
#wpmem_reg input[type=number], 
#wpmem_reg input[type=password], 
#wpmem_reg input[type=text], 
#wpmem_reg input[type=url], 
#wpmem_reg textarea {
  border: 1px solid rgba(0,0,0,.3);
  border-radius: 2px;
  color: #2b2b2b;
  padding: 8px 1em 8px;
  background: none repeat scroll 0 0 #fff;
}
/* ログイン会員登録フォーム end */

/* --------------------------------------------------------  */
/* ---- WP Auction 用 defalt color.cssをリキッド用に変更 ---- */
/* --------------------------------------------------------  */
/* Details */
/*オークション アラート*/
/*最高入札者ですなど...*/
/*
div#auction-alert {
  width: 90%;
  max-width: 658px;
  height: 80px;
  padding: 1.8em 0px !important;
  text-align: center;
  color: #037d22 !important;
  font-size: 116%;
  letter-spacing: 0.1em;
  border-top: 4px solid #48e1cc;
  border-bottom: 4px solid #48e1cc;
  position: absolute;
  background: rgb(255, 255, 255) !important;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1500;
}
*/
div#auction-alert-zc {
  width: 100%;
  max-width: 658px;
  height: auto;
  margin: 1em auto 0;
  padding: 1em 0px !important;
  text-align: center;
  color: #037d22 !important;
  font-size: 108%;
  letter-spacing: 0.1em;
  border-top: 4px solid #48e1cc;
  border-bottom: 4px solid #48e1cc;
  background: rgb(255, 255, 255) !important;
}
/*オークション アラート end*/
	
/* 未入札の文言 */
p.none {
  /*width: 658px;*/
  /*border-bottom: 2px solid #ccc;*/
  width: 70%;
  padding: 15px 0px;
  text-align: center;
  position: absolute;
  z-index: 1;
  margin: 35px auto 0px !important;
  font-size: 100% !important;
}
/* 現在の入札状況 end */	

/* ------------------------------------------------------------- */
/* ---- WP Auction 用 defalt color.cssをリキッド用に変更 end ---- */
/* ------------------------------------------------------------- */