/* line 1, ../sass/_extend.sass */
.clearfix2 {
  zoom: 1;
  clear: both;
  float: none;
}
/* line 2, ../sass/_extend.sass */
.clearfix2:before {
  content: "";
  display: table;
}
/* line 5, ../sass/_extend.sass */
.clearfix2:after {
  content: "";
  display: table;
  clear: both;
}

/* line 67, ../sass/_assistant.scss */
.m0-a {
  margin: 0 auto;
}

/* line 71, ../sass/_assistant.scss */
.mr0 {
  margin-right: 0;
}

/* line 72, ../sass/_assistant.scss */
.mt5 {
  margin-top: 5px !important;
}

/* line 73, ../sass/_assistant.scss */
.mt10 {
  margin-top: 10px !important;
}

/* line 74, ../sass/_assistant.scss */
.mt20 {
  margin-top: 20px !important;
}

/* line 75, ../sass/_assistant.scss */
.mt30 {
  margin-top: 30px !important;
}

/* line 76, ../sass/_assistant.scss */
.mt40 {
  margin-top: 40px !important;
}

/* line 77, ../sass/_assistant.scss */
.mt50 {
  margin-top: 50px !important;
}

/* line 78, ../sass/_assistant.scss */
.mt60 {
  margin-top: 60px !important;
}

/* line 79, ../sass/_assistant.scss */
.mt70 {
  margin-top: 70px !important;
}

/* line 80, ../sass/_assistant.scss */
.mt80 {
  margin-top: 80px !important;
}

/* line 81, ../sass/_assistant.scss */
.mt90 {
  margin-top: 90px !important;
}

/* line 82, ../sass/_assistant.scss */
.mt100 {
  margin-top: 100px !important;
}

/* line 84, ../sass/_assistant.scss */
.mb10 {
  margin-bottom: 10px !important;
}

/* line 85, ../sass/_assistant.scss */
.mb20 {
  margin-bottom: 20px !important;
}

/* line 86, ../sass/_assistant.scss */
.mb30 {
  margin-bottom: 30px !important;
}

/* line 87, ../sass/_assistant.scss */
.mb40 {
  margin-bottom: 40px !important;
}

/* line 88, ../sass/_assistant.scss */
.mb50 {
  margin-bottom: 50px !important;
}

/* line 89, ../sass/_assistant.scss */
.mb60 {
  margin-bottom: 60px !important;
}

/* line 90, ../sass/_assistant.scss */
.mb70 {
  margin-bottom: 70px !important;
}

/* line 91, ../sass/_assistant.scss */
.mb80 {
  margin-bottom: 80px !important;
}

/* line 92, ../sass/_assistant.scss */
.mb90 {
  margin-bottom: 90px !important;
}

/* line 93, ../sass/_assistant.scss */
.mb100 {
  margin-bottom: 100px !important;
}

/* line 95, ../sass/_assistant.scss */
.w10 {
  width: 10% !important;
}

/* line 96, ../sass/_assistant.scss */
.w20 {
  width: 20% !important;
}

/* line 97, ../sass/_assistant.scss */
.w30 {
  width: 30% !important;
}

/* line 98, ../sass/_assistant.scss */
.w40 {
  width: 40% !important;
}

/* line 99, ../sass/_assistant.scss */
.w50 {
  width: 50% !important;
}

/* line 100, ../sass/_assistant.scss */
.w60 {
  width: 60% !important;
}

/* line 101, ../sass/_assistant.scss */
.w70 {
  width: 70% !important;
}

/* line 102, ../sass/_assistant.scss */
.w80 {
  width: 80% !important;
}

/* line 103, ../sass/_assistant.scss */
.w90 {
  width: 90% !important;
}

/* line 104, ../sass/_assistant.scss */
.w100 {
  width: 100% !important;
}

/* line 106, ../sass/_assistant.scss */
.p-tb20 {
  padding: 20px 0;
}

/* line 107, ../sass/_assistant.scss */
.pr-0 {
  padding-right: 0px;
}

/* line 108, ../sass/_assistant.scss */
.pl-0 {
  padding-left: 0px;
}

/* line 109, ../sass/_assistant.scss */
.pr-pl-0 {
  padding-right: 0px;
  padding-left: 0px;
}

/* line 113, ../sass/_assistant.scss */
.mr-0 {
  margin-right: 0px;
}

/* line 114, ../sass/_assistant.scss */
.ml-0 {
  margin-left: 0px;
}

/* line 116, ../sass/_assistant.scss */
.mr-ml-0 {
  margin-right: 0px;
  margin-left: 0px;
}

/* line 120, ../sass/_assistant.scss */
.cc1 {
  background-color: rgba(251, 157, 157, 0.5) !important;
}

/* line 121, ../sass/_assistant.scss */
.cc2 {
  background-color: rgba(235, 201, 84, 0.5) !important;
}

/* line 122, ../sass/_assistant.scss */
.cc3 {
  background-color: rgba(158, 192, 0, 0.5) !important;
}

/* line 123, ../sass/_assistant.scss */
.cc4 {
  background-color: rgba(0, 158, 192, 0.5) !important;
}

/* line 124, ../sass/_assistant.scss */
.cc5 {
  background-color: rgba(172, 97, 230, 0.5) !important;
}

/* line 125, ../sass/_assistant.scss */
.cc6 {
  background-color: rgba(230, 97, 185, 0.5) !important;
}

/* line 129, ../sass/_assistant.scss */
.db {
  display: block !important;
}

/* line 132, ../sass/_assistant.scss */
.dib {
  display: inline-block !important;
}

/* line 135, ../sass/_assistant.scss */
.di {
  display: inline !important;
}

/* line 138, ../sass/_assistant.scss */
.tc {
  text-align: center !important;
}

/* line 141, ../sass/_assistant.scss */
.tl {
  text-align: left !important;
}

/* line 144, ../sass/_assistant.scss */
.tr {
  text-align: right !important;
}

/* line 85, ../sass/pdt_m-up-down--pc-left-right.scss */
.wrap .main .temporary section.pdt_m-up-down--pc-left-right {
  background: #000 url("../product/case/images/p120-crystal-bg03-m.jpg") 0 center;
  background-size: cover;
}
/* line 88, ../sass/pdt_m-up-down--pc-left-right.scss */
.wrap .main .temporary section.pdt_m-up-down--pc-left-right.p2 {
  background: #000 url("../product/case/images/p120-crystal-white-bg03-m.jpg") 0 center;
  background-size: cover;
}
/* line 93, ../sass/pdt_m-up-down--pc-left-right.scss */
.wrap .main .temporary {
  width: 100%;
  line-height: normal;
}
/* line 96, ../sass/pdt_m-up-down--pc-left-right.scss */
.wrap .main .temporary img {
  display: block;
  width: 100%;
}
/* line 100, ../sass/pdt_m-up-down--pc-left-right.scss */
.wrap .main .temporary section {
  overflow: hidden;
}
/* line 103, ../sass/pdt_m-up-down--pc-left-right.scss */
.wrap .main .temporary section.pdt_m-up-down--pc-left-right .pdt_box {
  width: 90%;
  position: relative;
  max-width: 1280px;
  margin: 20px auto;
  overflow: hidden;
  display: flex;
  flex-flow: wrap column;
  align-items: flex-end;
}
/* line 112, ../sass/pdt_m-up-down--pc-left-right.scss */
.wrap .main .temporary section.pdt_m-up-down--pc-left-right .pdt_box .text {
  width: 80%;
  margin: 0 auto 30px;
}
/* line 116, ../sass/pdt_m-up-down--pc-left-right.scss */
.wrap .main .temporary section.pdt_m-up-down--pc-left-right .pdt_box .text .title {
  font-family: 'Bebas', serif;
  font-size: 2em;
  line-height: 1em;
  margin-bottom: 1rem;
  color: #fff;
}
/* line 124, ../sass/pdt_m-up-down--pc-left-right.scss */
.wrap .main .temporary section.pdt_m-up-down--pc-left-right .pdt_box .text .txt {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  color: #fff;
  font-size: .8em;
  font-weight: bold;
  font-family: 'Roboto', serif;
}
/* line 131, ../sass/pdt_m-up-down--pc-left-right.scss */
.wrap .main .temporary section.pdt_m-up-down--pc-left-right .pdt_box .text .txt p {
  font-size: .8em;
  margin-bottom: 15px;
}
/* line 137, ../sass/pdt_m-up-down--pc-left-right.scss */
.wrap .main .temporary section.pdt_m-up-down--pc-left-right .pdt_box .pdt {
  width: 55%;
}
@media (min-width: 519px) {
  /* line 83, ../sass/pdt_m-up-down--pc-left-right.scss */
  .wrap {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  /* line 12, C:/Ruby25-x64/lib/ruby/gems/2.5.0/gems/susy-2.2.14/sass/susy/output/support/_clearfix.scss */
  .wrap:after {
    content: " ";
    display: block;
    clear: both;
  }
}
@media (min-width: 759px) {
  /* line 83, ../sass/pdt_m-up-down--pc-left-right.scss */
  .wrap {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  /* line 12, C:/Ruby25-x64/lib/ruby/gems/2.5.0/gems/susy-2.2.14/sass/susy/output/support/_clearfix.scss */
  .wrap:after {
    content: " ";
    display: block;
    clear: both;
  }
  /* line 163, ../sass/pdt_m-up-down--pc-left-right.scss */
  .wrap .main .temporary section.pdt_m-up-down--pc-left-right {
    background-position: 50% 50%;
  }
  /* line 170, ../sass/pdt_m-up-down--pc-left-right.scss */
  .wrap .main .temporary section.pdt_m-up-down--pc-left-right {
    background: #000 url("../product/case/images/p120-crystal-bg03.jpg") 50% 0;
    background-size: cover;
  }
  /* line 173, ../sass/pdt_m-up-down--pc-left-right.scss */
  .wrap .main .temporary section.pdt_m-up-down--pc-left-right .pdt_box {
    flex-flow: wrap row;
    align-items: flex-start;
  }
  /* line 176, ../sass/pdt_m-up-down--pc-left-right.scss */
  .wrap .main .temporary section.pdt_m-up-down--pc-left-right .pdt_box .text {
    flex: 0 0 32%;
    margin-left: 15%;
  }
  /* line 179, ../sass/pdt_m-up-down--pc-left-right.scss */
  .wrap .main .temporary section.pdt_m-up-down--pc-left-right .pdt_box .text .title {
    text-align: left;
  }
  /* line 182, ../sass/pdt_m-up-down--pc-left-right.scss */
  .wrap .main .temporary section.pdt_m-up-down--pc-left-right .pdt_box .text .txt {
    line-height: 1.3em;
  }
  /* line 189, ../sass/pdt_m-up-down--pc-left-right.scss */
  .wrap .main .temporary section.pdt_m-up-down--pc-left-right .pdt_box .pdt {
    flex: 0 0 50%;
  }
  /* line 193, ../sass/pdt_m-up-down--pc-left-right.scss */
  .wrap .main .temporary section.pdt_m-up-down--pc-left-right.p2 {
    background: #000 url("../product/case/images/p120-crystal-white-bg03.jpg") 50% 0;
    background-size: cover;
  }
}
@media (min-width: 959px) {
  /* line 83, ../sass/pdt_m-up-down--pc-left-right.scss */
  .wrap {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  /* line 12, C:/Ruby25-x64/lib/ruby/gems/2.5.0/gems/susy-2.2.14/sass/susy/output/support/_clearfix.scss */
  .wrap:after {
    content: " ";
    display: block;
    clear: both;
  }
  /* line 221, ../sass/pdt_m-up-down--pc-left-right.scss */
  .wrap .main .temporary section.pdt_m-up-down--pc-left-right .pdt_box .text .title {
    font-size: 2em;
  }
}
@media (min-width: 1280px) {
  /* line 83, ../sass/pdt_m-up-down--pc-left-right.scss */
  .wrap {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  /* line 12, C:/Ruby25-x64/lib/ruby/gems/2.5.0/gems/susy-2.2.14/sass/susy/output/support/_clearfix.scss */
  .wrap:after {
    content: " ";
    display: block;
    clear: both;
  }
  /* line 256, ../sass/pdt_m-up-down--pc-left-right.scss */
  .wrap .main .temporary section.pdt_m-up-down--pc-left-right .pdt_box {
    margin: 50px auto;
  }
  /* line 260, ../sass/pdt_m-up-down--pc-left-right.scss */
  .wrap .main .temporary section.pdt_m-up-down--pc-left-right .pdt_box .text {
    flex: 0 0 36%;
    margin-left: 14%;
  }
  /* line 263, ../sass/pdt_m-up-down--pc-left-right.scss */
  .wrap .main .temporary section.pdt_m-up-down--pc-left-right .pdt_box .text .title {
    font-size: 4.5em;
    margin-bottom: 2rem;
  }
  /* line 268, ../sass/pdt_m-up-down--pc-left-right.scss */
  .wrap .main .temporary section.pdt_m-up-down--pc-left-right .pdt_box .text .txt {
    font-size: 1.7em;
  }
}
@media (min-width: 1500px) {
  /* line 83, ../sass/pdt_m-up-down--pc-left-right.scss */
  .wrap {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  /* line 12, C:/Ruby25-x64/lib/ruby/gems/2.5.0/gems/susy-2.2.14/sass/susy/output/support/_clearfix.scss */
  .wrap:after {
    content: " ";
    display: block;
    clear: both;
  }
  /* line 303, ../sass/pdt_m-up-down--pc-left-right.scss */
  .wrap .main .temporary section.pdt_m-up-down--pc-left-right .pdt_box .text {
    margin-top: 5%;
  }
}

/*# sourceMappingURL=pdt_m-up-down--pc-left-right.css.map */