/* =================
My list
================= */
.myList .formContents .checkAllWrap {
  position: relative;
  background: #ddd;
  padding: 20px;
  padding-bottom: 20px;
  margin-bottom: 20px; }

.myList .allCheckBtnTxtArea {
  position: absolute;
  top: 50%;
  right: 0;
  padding: 0 20px;
  margin-top: -12px; }

  @media only screen and (max-width: 700px) {
    .myList .allCheckBtnTxtArea {
      position: static;
      padding: 10px 0 0 0;
      margin-top: 0;
      text-align: center; } }
  @media only screen and (max-width: 500px) {
    .myList .allCheckBtnTxtArea .allCheckBtnTxt {
      display: block;
      margin-bottom: 5px;
      font-size: 13px; } }
  .myList .allCheckBtnTxtArea input:hover {
    opacity: 0.7; }

.myList .allCheckSubmit,
.myList .allCheckDelete {
  background-image: url(../img/common/ico_arrow_right.png);
  background-size: 5px 6px;
  background-position: 15px 50%;
  background-repeat: no-repeat;
  color: #fff;
  text-align: center;
  width: 100px;
  height: 30px;
  padding-left: 10px;
  border-radius: 50px;
  margin: 0 auto 5px;
  font-weight: bold;
  font-size: 12px;
  border: none; }

.myList .allCheckSubmit {
  background-color: #ea5404;
  padding-right: 1px;
  width: 120px; }

.myList .allCheckDelete {
  background-color: #333; }

.myList .myFavoriteList {
  margin-bottom: 20px; }

  .myList .myFavoriteList li {
    margin-bottom: 3px; }

    .myList .myFavoriteList li:last-child {
      margin-bottom: 0; }

.myList .buildContArea {
  background-color: #F3F3F3;
  padding: 20px 20px 10px 60px;
  position: relative; }

.emptyMylistContent .registWaysWrap{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.emptyMylistContent .registWaysWrap .registWay{
  width: calc(50% - 15px);
}
.emptyMylistContent .registWaysWrap .registWay .registWayTitle{
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
.emptyMylistContent .registWaysWrap .registWay img{
  width: 100%;
}
.emptyMylistContent .toTopButtonArea{
  margin-top: 16px;
}


.buildContArea .buildContPhoto img{
	max-width: 165px;
	max-height: 120px;
	width: auto;
}

@media only screen and (max-width: 500px) {
  .emptyMylistContent .registWaysWrap .registWay{
    width: 100%;
    margin-bottom: 20px;
  }
  .emptyMylistContent .registWaysWrap .registWay:last-child{
    margin-bottom: 0;
  }
}

  @media only screen and (max-width: 500px) {
    .myList .buildContArea {
      padding: 20px 60px 10px 40px; } }
  .myList .buildContArea label {
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -7px; }
    @media only screen and (max-width: 700px) {
      .myList .buildContArea label {
        top: 20px;
        margin-top: 0; } }
  .myList .buildContArea .trashBtn {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -14px; }
    @media only screen and (max-width: 500px) {
      .myList .buildContArea .trashBtn {
        right: 15px; } }
    @media only screen and (max-width: 700px) {
      .myList .buildContArea .trashBtn {
        top: 20px;
        margin-top: 0; } }
    .myList .buildContArea .trashBtn img {
      width: 28px; }
  .myList .buildContArea .buildContPhoto {
    width: 174px;
    	text-align:center;
     }
    @media only screen and (max-width: 700px) {
      .myList .buildContArea .buildContPhoto {
        width: 30%;
        min-width: 174px;
        padding-left: 20px;
        margin: 0 0 10px;
        display: inline-block; } }
    @media only screen and (max-width: 500px) {
      .myList .buildContArea .buildContPhoto {
        width: 100%; } }
  .myList .buildContArea .buildContTxt {
	line-height:1.2;
	word-wrap: break-word;
	word-break: break-word;
	}
  .myList .buildContArea .buildContTxt a {
    text-decoration: underline;
		}
    .myList .buildContArea .buildContTxt a:hover {
      text-decoration: none; }
  @media only screen and (max-width: 1014px) {
    .myList .buildContArea .buildContTxt {
      width: 68%; } }
  @media only screen and (max-width: 700px) {
    .buildContArea .buildContPhoto, .buildContArea .buildContTxt{
      width:100%;
      float: none;
	}

    .buildContArea .buildContPhoto{
      text-align: center;
      width: 100%;
      margin: 0 auto 10px;
    }
    .buildContArea .buildContPhoto img{
	    max-width: 100%;
	    max-height: 238px;
    }

    .buildContArea .buildContTxt{
      width: 100%;
      padding-left: 0;
    }
    .buildContArea .buildContTxt dt{
      margin-bottom: 0;
    }
    .buildContArea .buildContTxt .buildInfo{
      font-size: 12px;
      padding-top: 0;
      margin-bottom: 5px;
    }
    .buildContArea .buildContTxt .buildInfo span{
      display: inline-block;
    }
    .buildContArea .buildContTxt dd .buildIcoArea span{
      margin-bottom: 0;
    }
    .myList .buildContArea .buildContTxt {
      width: 100%;
      padding-left: 20px;
      display: inline-block; } }
  @media only screen and (max-width: 1014px) {
    .myList .buildContArea .buildContTxt dt {
      margin-bottom: 4px; } }
  @media only screen and (max-width: 700px) {
    .myList .buildContArea .buildIcoArea span {
      margin-bottom: 4px !important; } }
  .myList .buildContArea .expired {
    color: #333;
    padding-top: 45px; }
    @media only screen and (max-width: 700px) {
      .myList .buildContArea .expired {
        position: absolute;
        top: 20px;
        left: 250px; } }
    @media only screen and (max-width: 500px) {
      .myList .buildContArea .expired {
        position: static;
        padding-top: 0;
        text-align: center; } }

.myList .buildContArea dt {
  background-color: #F3F3F3;
  padding: 0; }

.myList .buildContArea dd {
  padding: 0; }

.myList h1.formTitle,
.myList h2.formTitle {
	margin-top:25px;
}