/* tate_drum */


/*.baseWidth {padding-left: 0px; padding-right:0px}*/

@media print,
screen and (min-width: 768px) {
  main.size .baseWidth > .BoxWrap {
    margin-left: 20px;
    margin-right: 20px
  }

  /*                                              #tate_drum_guide{margin-left:10px;margin-right:10px}*/
  main.size > article > section.subBox {
    min-width: 100%;
    padding-left: 20px
  }

  main.washing > article > section.subBox {
    min-width: 100%;
    padding-left: 20px
  }

  main.dry > article > section.subBox {
    min-width: 100%;
    padding-left: 20px
  }

  main.watersaving > article > section.subBox {
    min-width: 100%;
    padding-left: 20px
  }

  main.usage > article > section.subBox {
    min-width: 100%;
    padding-left: 20px
  }

  .costImage img {
    width: auto;
  }

  #tate_drum_washing_ananashi img {
    width: auto;
  }

  .BoxWrapSpread .caption4 {
    width: auto;
  }

  .BoxWrapSpread .caption5 {
    width: auto;
  }

  main.washing .BoxWrapSpread .caption6 {
    width: auto;
  }

  .BoxWrapSpread .caption9 {
    width: auto;
  }

  .BoxWrapSpread .caption10 {
    width: auto;
  }

  .BoxWrapSpread .caption11 {
    width: auto;
  }

  #wash_pikupImage {
    width: 100%
  }

  #dry_tate_drum {
    width: auto;
  }
}

@media screen and (max-width: 767px) {
  .watersaving .caption1 {
    top: 43%
  }
}

@media screen and (max-width: 480px) {
  .watersaving .caption1 {
    top: 39%;
    font-size: 2.9vw;
  }

  .watersaving .caption1-2 {
    font-size: 2.9vw;
  }
}

@media print,
screen and (min-width: 768px) {
  .size .BoxWrap .mainImage img {
    width: 100%;
    max-width: 888px
  }

  .Boxtitle.title1 {
    top: 13%;
    left: 9%
  }

  .size .caption1 {
    top: 42%;
    left: 9%;
    width: 43%
  }

  .size .caption1-2 {
    top: 60%;
    left: 9%
  }

  .size .detail1 {
    top: 70%;
    left: 40%
  }

  .Boxtitle.title2 {
    top: 10%;
    left: 57%;
  }

  .size .caption2 {
    top: 37%;
    left: 54%;
    width: 41%;
  }

  .size .caption2-2 {
    top: 51%;
    left: 54%;
    width: 41%;
  }

  .size .detail2 {
    top: 64%;
    left: 85%;
  }
}

@media print,
screen and (min-width: 768px) {
  .washing .BoxWrap .mainImage img {
    width: 100%;
  }

  .washing .capItem {
    width: 80%;
  }

  .washing .caption1 {
    top: 17.6%;
    left: 11%;
    width: 100%
  }

  .washing .caption2 {
    top: 25.5%;
    left: 4%;
    width: 50%;
  }

  .washing .caption3 {
    top: 38%;
    left: 4%;
    width: 50%;
  }

  .washing .caption4 {
    top: 50%;
    left: 16%;
    width: 83%;
  }

  .washing .caption5 {
    top: 62%;
    left: 16%;
    width: 83%;
  }

  .washing .caption6 {
    top: 77%;
    left: 16%;
    width: 83%;
  }

  .washing .caption7 {
    top: 17.5%;
    left: 13%;
    width: 100%;
  }

  .washing .caption8 {
    top: 25%;
    left: 6%;
    width: 45%;
  }

  .washing .caption9 {
    top: 50%;
    left: 17%;
    width: 81%;
  }

  .washing .caption10 {
    top: 61%;
    left: 17%;
    width: 81%;
  }

  .BoxWrapSpread .caption11 {
    top: 80%;
    left: 17%;
    width: 81%;
  }

  .costImage img {
    width: 200%
  }

  .washing .baseWidth {
    width: 100%
  }

  .washing .BGFront {
    min-width: initial;
  }

  .washing .caption12-2 {
    width: 84%;
    left: 7%;
    top: 5.3%;
  }

  .washing .caption12 {
    top: 2.5%;
    right: 11%;
  }

  .washing .caption12-3 {
    left: 7%;
    top: 9.3%;
  }

  .washing .caption13 {
    top: 18.5%;
    right: 11%;
  }

  .washing .caption13-2 {
    width: 84%;
    left: 7%;
    top: 22%;
  }

  .washing .caption13-3 {
    top: 28%;
    left: 7%;
  }

  .washing .caption14-2 {
    width: 83%;
    left: 7%;
    top: 40%;
  }

  .washing .caption14-3 {
    top: 47.5%;
    left: 7%;
  }

  .washing .caption15 {
    top: 57%;
    right: 11%;
  }

  .washing .caption15-2 {
    top: 61%;
    width: 83%;
    left: 7%;
  }

  .washing .caption15-youtube {
    top: 68%;
    left: 7%;
    width: 83%;
  }

  .washing .caption15-3 {
    top: 90%;
    left: 7%;
  }

  .washing .caption16 {
    top: 3%;
    right: 8%;
  }

  .washing .caption16-2 {
    top: 6%;
    width: 68%;
    left: 11%;
  }

  .washing .caption16-youtube {
    top: 15%;
    left: 11%;
    width: 83%;
  }

  .washing .caption16-3 {
    top: 36%;
    width: 83%;
    left: 11%;
  }

  .washing .caption16-4 {
    top: 42.5%;
    width: 83%;
    left: 11%;
  }

  .washing .caption17 {
    top: 50.5%;
    right: 6%;
  }

  .washing .caption17-2 {
    width: 83%;
    left: 11%;
    top: 53.5%;
  }

  .washing .caption17-3 {
    width: 83%;
    left: 11%;
    top: 58%;
  }

  .washing .caption18 {
    top: 66.5%;
    right: 6%;
  }

  .washing .caption18-2 {
    width: 83%;
    top: 70%;
    left: 11%;
  }

  .washing .caption18-3 {
    width: 83%;
    left: 11%;
    top: 74%;
  }

  .washing .caption19 {
    top: 83%;
    right: 6%;
  }

  .washing .caption19-2 {
    top: 86%;
    width: 83%;
    left: 11%;
  }

  .washing .caption19-3 {
    top: 90.5%;
    width: 83%;
    left: 11%;
  }

  #tate_drum_washing_ananashi {
    min-width: auto
  }

  .washing .caption20 {
    top: 13%;
    width: 62%;
    left: 3.5%;
  }

  .washing .caption21 {
    top: 36%;
    width: 46%;
    left: 3.5%;
  }

  .washing .caption22 {
    top: 85%;
    width: 94%;
    left: 3.5%;
  }

  .washing .caption23 {
    top: 91%;
    width: 94%;
    left: 3.5%;
  }

  .washing .caption24 {
    top: 93.5%;
    width: 94%;
    left: 3.5%;
  }
}

@media print,
screen and (min-width: 893px) and (max-width:1000px) {
  .washing .caption2 {
    font-size: 16px;
    line-height: 21px;
  }

  .washing .caption8 {
    font-size: 16px;
    line-height: 21px;
  }
}

@media print,
screen and (min-width: 768px) and (max-width:892px) {
  .washing .caption1 {
    font-size: 21px;
    line-height: 21px;
  }

  .washing .caption2 {
    font-size: 14px;
    line-height: 21px;
  }

  .washing .caption4 {
    font-size: 14px;
    line-height: 21px;
  }

  .washing .caption5 {
    font-size: 14px;
    line-height: 21px;
  }

  .washing .caption6 {
    font-size: 14px;
    line-height: 21px;
  }

  .washing .caption7 {
    font-size: 21px;
    line-height: 21px;
  }

  .washing .caption8 {
    font-size: 14px;
    line-height: 21px;
  }

  .washing .caption9 {
    font-size: 14px;
    line-height: 21px;
  }

  .washing .caption10 {
    font-size: 14px;
    line-height: 21px;
  }

  .BoxWrapSpread .caption11 {
    font-size: 14px;
    line-height: 21px;
  }

  .washing .caption12-2 {
    font-size: 1.5vw;
    line-height: 16px;
  }

  .washing .caption12 {
    font-size: 1.5vw;
    line-height: 16px;
  }

  .washing .caption12-3 {
    font-size: 1.5vw;
    line-height: 16px;
  }

  .washing .caption13 {
    font-size: 1.5vw;
    line-height: 16px;
  }

  .washing .caption13-2 {
    font-size: 1.5vw;
    line-height: 16px;
  }

  .washing .caption13-3 {
    font-size: 1.5vw;
    line-height: 16px;
  }

  .washing .caption14-2 {
    font-size: 1.5vw;
    line-height: 16px;
  }

  .washing .caption14-3 {
    font-size: 1.5vw;
    line-height: 16px;
  }

  .washing .caption15 {
    font-size: 1.5vw;
    line-height: 16px;
  }

  .washing .caption15-2 {
    font-size: 1.5vw;
    line-height: 16px;
  }

  .washing .caption15-youtube {
    font-size: 1.5vw;
    line-height: 16px;
  }

  .washing .caption15-3 {
    font-size: 1.5vw;
    line-height: 16px;
  }

  .washing .caption16 {
    font-size: 1.5vw;
    line-height: 16px;
  }

  .washing .caption16-2 {
    font-size: 1.5vw;
    line-height: 16px;
  }

  .washing .caption16-youtube {
    font-size: 1.5vw;
    line-height: 16px;
  }

  .washing .caption16-3 {
    font-size: 1.28vw;
    line-height: 16px;
  }

  .washing .caption16-4 {
    font-size: 1.5vw;
    line-height: 16px;
  }

  .washing .caption17 {
    font-size: 1.5vw;
    line-height: 16px;
  }

  .washing .caption17-2 {
    font-size: 1.5vw;
    line-height: 16px;
  }

  .washing .caption17-3 {
    font-size: 1.5vw;
    line-height: 16px;
  }

  .washing .caption18 {
    font-size: 1.5vw;
    line-height: 16px;
  }

  .washing .caption18-2 {
    font-size: 1.5vw;
    line-height: 16px;
  }

  .washing .caption18-3 {
    font-size: 1.5vw;
    line-height: 16px;
  }

  .washing .caption19 {
    font-size: 1.5vw;
    line-height: 16px;
  }

  .washing .caption19-2 {
    font-size: 1.5vw;
    line-height: 16px;
  }

  .washing .caption19-3 {
    font-size: 1.5vw;
    line-height: 16px;
  }
}

@media print,
screen and (min-width: 768px) and (max-width:950px) {
  .washing .caption18-2 {
    font-size: 1.5vw;
    line-height: 16px;
  }
}

@media print,
screen and (min-width: 768px) {
  .dry .wm_content_white.position-relative.pc {
    max-width: 980px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .dry .wm_content_white.position-relative.pc .wmInner {
    position: relative;
    max-width: 200%;
    height: auto;
    left: -50%;
  }

  #dry_tate_drum {
    width: 200%;
    height: auto;
    position: relative;
    left: 50%;
    margin-left: -50%;
  }

  .BoxWrap .mainImage img {
    width: 100%
  }

  .dry .caption1 {
    top: 11%;
    left: 7%;
  }

  .dry .caption2 {
    top: 13.5%;
    left: 7%;
    width: 47%;
  }

  .dry .caption3 {
    top: 30%;
    left: 7%;
    width: 83%;
  }

  /*.mainCaption .capItem{line-height:15px}*/
  .dry .caption4 {
    top: 66.5%;
    left: 5%;
    width: 90%;
  }

  .dry .caption5 {
    top: 87%;
    left: 5%;
    width: 90%;
  }

  .dry .caption6 {
    top: 79%;
    right: 6%;
    width: 50%;
  }

  .dry .caption7 {
    top: 3%;
    left: 66%;
  }

  .dry .caption8 {
    top: 6%;
    left: 6%;
    width: 89%;
  }

  .dry .caption8-2 {
    top: 25%;
    left: 6%;
    width: 89%;
  }

  .dry .caption9 {
    top: 16%;
    left: 6%;
    width: 89%;
  }

  .dry .caption10 {
    top: 64%;
    left: 6%;
    width: 89%;
  }

  .dry.tate_drum .cap.capItem.caption3 {
    width: 86%;
  }
}

@media print,
screen and (min-width: 768px) and (max-width:980px) {
  .dry .caption1 {
    font-size: 1.4vw;
    line-height: 2.1vw;
  }

  .dry .caption2 {
    font-size: 1.4vw;
    line-height: 2.1vw;
  }

  .dry .caption3 {
    font-size: 1.4vw;
    line-height: 2.1vw;
  }

  .dry .caption4 {
    font-size: 1.4vw;
    line-height: 2.1vw;
  }

  .dry .caption5 {
    font-size: 1.4vw;
    line-height: 2.1vw;
  }

  .dry .caption6 {
    font-size: 1.4vw;
    line-height: 2.1vw;
  }

  .dry .caption7 {
    font-size: 1.4vw;
    line-height: 2.1vw;
  }

  .dry .caption8 {
    font-size: 1.4vw;
    line-height: 2.1vw;
  }

  .dry .caption8-2 {
    font-size: 1.22vw;
    line-height: 1.75vw;
  }

  .dry .caption9 {
    font-size: 1.4vw;
    line-height: 2.1vw;
  }

  .dry .caption10 {
    font-size: 1.4vw;
    line-height: 2.1vw;
  }


}

@media print,
screen and (min-width: 768px) {
  .watersaving .caption1 {
    top: 50%;
    left: 7.3%;
    width: 36%;
  }

  .watersaving .caption1-2 {
    top: 69%;
    left: 7.3%;
    width: 36%;
  }

  #tate_drum_watersaving_text_09 {
    position: absolute;
    top: 34%;
    left: 5%;
    width: 90%;
  }

  #tate_drum_watersaving_text_09-1 {
    position: absolute;
    top: 38%;
    left: 5%;
    width: 89%;
  }

  #tate_drum_watersaving_text_10 {
    position: absolute;
    top: 44%;
    left: 5%;
    width: 92%;
  }

  #tate_drum_watersaving_text_11 {
    position: absolute;
    top: 51.5%;
    left: 5%;
    width: 48%;
  }

  .sensor_type_wrap {
    width: 97%;
    height: 28%;
  }

  .sensor_type {
    width: 21%;
  }

  #tate_drum_washing_ananashi_movie2 {
    min-width: auto
  }

  #title-hyblid {
    width: 250px;
    padding: 30px 0 0 2%;
    position: absolute;
  }
}

@media print,
screen and (min-width: 768px) {
  div.wm_main960 {
    width: 100%
  }

  .usage .caption1 {
    top: 7.3%;
  }

  .usage .caption3 {
    top: 13.5%
  }

  .usage .caption6 {
    top: 36.4%;
  }

  .usage .caption8 {
    top: 42.7%;
  }

  .usage .caption10_r {
    top: 51.2%;
  }

  .usage .caption10 {
    top: 67.8%;
  }

  .usage .caption12 {
    top: 83.5%;
  }

  .usage .caption2 {
    top: 9.4%;
  }

  .usage .caption4 {
    top: 17.5%
  }

  .usage .caption5 {
    top: 27%;
  }

  .usage .caption7 {
    top: 38.6%;
  }

  .usage .caption9 {
    top: 46.8%;
  }

  .usage .caption11_r {
    top: 54.8%;
  }

  .usage .caption11_2_r {
    top: 60.5%;
  }

  .usage .caption11_3 {
    top: 69.1%;
  }

  .usage .BoxWrapSpread .caption11 {
    top: 71.5%;
  }

  .usage .caption11_2 {
    top: 75%;
  }

  .usage .caption13 {
    top: 85.2%;
  }

  .usage .caption11_4 {
    top: 77.2%;
  }

  .usage .BoxWrap .mainImage img.detailicon {
    width: auto;
  }

  div.wm_main960 {
    position: relative;
  }

  #tate_drum_usage_text_04 {
    position: absolute;
    top: 71%;
    left: 14%;
    width: 37%;
  }

  #tate_drum_usage_text_05 {
    position: absolute;
    top: 71%;
    left: 64%;
    width: 34%;
  }
}

@media print,
screen and (min-width: 768px) and (max-width:940px) {
  .usage .BoxWrapSpread li {
    font-size: 1.46789vw;
    line-height: 2.3vw;
  }

  .usage .caption11_2_r p {
    font-size: 1.46789vw;
    line-height: 2.3vw;
  }

  .usage .caption11_3 p {
    font-size: 1.46789vw;
    line-height: 2.3vw;
  }

  .usage .caption11_4_contect {
    font-size: 1.46789vw;
    line-height: 2.3vw;
  }

  .usage .caption11_4 .caption11_4_contect {
    margin-top: 5%;
  }

  .usage .caption11_2 p {
    font-size: 1.46789vw;
    line-height: 2.3vw;
  }
}


/*洗浄力やコースの違い*/

@media print,
screen and (min-width: 768px) {
  .washing .detail {
    width: 17.5%;
  }

  .baseWidth.w980 img {
    max-width: 960px;
  }
}

@media screen and (max-width: 767px) {
  #tate_drum_washing_ananashi {
    min-width: auto;
  }

  .washing .caption4,
  .washing .caption5,
  .washing .caption6,
  .washing .caption9,
  .washing .caption10,
  .washing .caption11 {
    padding-left: 11%;
  }

  .washing .frame .caption16 {
    top: 2%;
  }
}

@media print,
screen and (min-width: 768px) and (max-width:940px) {
  .washing .caption3 {
    font-size: 1.4vw;
    line-height: 2.3vw;
  }

  .washing .caption22 {
    font-size: 1.4vw;
  }

  .washing .caption23 {
    font-size: 1.4vw;
  }

  .washing .caption24 {
    font-size: 1.4vw;
  }
}


/*節水・省エネ能力の違い*/

#tate_drum_watersaving_text_09-1 {
  font-size: 1.7em;
  font-weight: bold;
}

#tate_drum_watersaving_text_09-1 span {
  color: #F18D00;
}

@media print,
screen and (min-width: 768px) {
  .sensor_type {
    max-width: 200px;
    width: auto;
  }
}

@media print,
screen and (min-width: 768px) and (max-width:960px) {

  .watersaving .caption1,
  .watersaving .caption1-2,
  #tate_drum_watersaving_text_10,
  #tate_drum_watersaving_text_11 {
    font-size: 1.45vw;
  }

  #tate_drum_watersaving_text_09 {
    font-size: 1.85vw;
  }

  .sensor_type {
    width: 21%;
  }

  #tate_drum_watersaving_text_09-1 {
    font-size: 2.7vw;
  }
}


/*容量とサイズの違い*/

@media print,
screen and (min-width: 768px) and (max-width:960px) {

  .Boxtitle.title1,
  .Boxtitle.title2 {
    font-size: 2.25vw;
  }

  .size .caption1,
  .size .caption2,
  .size .caption1-2,
  .size .caption2-2 {
    font-size: 1.45vw;
  }

  .size .detail1,
  .size .detail2 {
    width: 9.1%;
  }
}


/*使い方の違い*/

@media print,
screen and (min-width: 481px) and (max-width:767px) {
  .sp.subImageLeft {
    width: 15%;
  }

  .detailicon {
    margin-bottom: 0%;
  }
}

.usage .cap.list2 ul li.note {
  line-height: 1.7em;
  margin-top: 10px;
}

@media print,
screen and (min-width: 768px) and (max-width:940px) {
  .usage .cap.list2 ul li.note {
    font-size: 1.4vw;
  }

  .usage .caption11_2 p.title,
  .usage .caption11_2_r p.title,
  .usage .caption11_3 p.title,
  .usage .caption11_4 p.title {
    font-size: 1.75vw;
    line-height: 2.3vw
  }

  .usage .note5 {
    font-size: 1vw;
    line-height: 1.7vw
  }

  .usage .BoxWrap .mainImage img.detailicon {
    width: 8.8vw;
  }
}

@media print,
screen and (min-width: 768px) {
  .usage .caption11_4 .caption11_4_contect {
    padding-right: 10px;
  }
}