#mainImg {
  margin-bottom: 60px;
  height: 100%;
  overflow: hidden;
}
#mainImg img {
  width: 100%;
}

.post #concept {
  text-align: left;
  font-size: 14px;
  line-height: 1.8;
  position: relative;
}
.post #concept h1 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}
.post #concept h1 span {
  font-size: 11px;
  font-weight: bold;
  display: block;
  margin-top: -5px;
}
.post #concept div {
  width: 100%;
  max-width: 810px;
  font-weight: bold;
}
.post #concept .anchor {
  position: absolute;
  right: 0;
  bottom: 20px;
  color: #333;
}
.post #concept .anchor:after {
  content: "";
  border-bottom: 2px solid #333;
  border-right: 2px solid #333;
  width: 10px;
  height: 10px;
  position: absolute;
  display: block;
  transform: rotate(45deg);
  right: 13px;
}

.item_txtArea {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.8;
  width: 310px;
  position: absolute;
  text-align: left;
}
.item_txtArea h2 {
  font-size: 22px;
  margin-bottom: 40px;
}

.item_img {
  width: 100%;
}
.item_img img {
  width: 50%;
  max-width: 490px;
}

#colorArea {
  text-align: left;
  position: relative;
  margin-bottom: 80px;
}
#colorArea .item_txtArea {
  top: 19%;
  right: 5%;
}

#paperArea {
  text-align: right;
  position: relative;
  margin-bottom: 60px;
}
#paperArea .item_txtArea {
  top: 19%;
  left: 5%;
}
#paperArea .item_img {
  width: 100%;
}

#drumArea {
  display: flex;
  text-align: left;
  color: #FFF;
  background: #313131;
  font-size: 14px;
  line-height: 1.8;
  padding-bottom: 0px;
}
#drumArea #drumText {
  width: 100%;
  margin: 20px 20px 10px;
}
#drumArea h2 {
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: bold;
}
#drumArea div {
  font-size: 11px;
  margin: 10px 0;
}
#drumArea #drumImg {
  width: 446px;
  margin-left: 20px;
  font-size: 12px;
}
#drumArea img {
  margin-bottom: 0px;
  vertical-align: bottom;
}

.price {
  display: table;
  width: 380px;
  font-weight: bold;
  padding-left: 0px;
}
.price div.row {
  display: table-row;
  line-height: 1.8;
}
.price .cell:first-child {
  width: 50px;
}
.price .cell:nth-child(2) {
  width: 100px;
}
.price div.cell {
  display: table-cell;
  border: 0px solid #ff6a00;
  text-align: right;
}
.price div.cellA {
  display: table-cell;
  border: 0px solid #ff6a00;
  color: #0009FF;
  text-align: right;
}
.price div.cellB {
  display: table-cell;
  border: 0px solid #ff6a00;
  color: #FF0000;
  text-align: right;
}

#atelir_print {
  font-size: 12px;
  width: 800px;
  margin: 0 auto;
}
#atelir_print ul li {
  border-bottom: 1px solid #CCC;
  margin-bottom: 50px;
  padding-bottom: 30px;
}
#atelir_print ul li:nth-child(3n) {
  border-bottom: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
  margin-right: 0;
}
#atelir_print ul li .printImg {
  width: 48%;
}
#atelir_print ul li img {
  width: 300px;
}
#atelir_print ul li .printTxt {
  width: 48%;
  text-align: left;
}
#atelir_print ul li h2 {
  text-align: left;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: bold;
}
#atelir_print ul li .fl_right h2 {
  text-align: right;
}
#atelir_print ul li .itemDesc {
  line-height: 1.8;
}

#atelir_cost {
  margin-bottom: 60px;
  overflow: auto;
}
#atelir_cost h1 {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 60px;
}
#atelir_cost h1 span {
  font-size: 12px;
  font-weight: normal;
  color: #868686;
  display: block;
}
#atelir_cost #costArea {
  width: 100%;
  max-width: 900px;
  padding: 0 10px;
  overflow: auto;
}
#atelir_cost #costArea .container {
  float: left;
  width: 398px;
  font-size: 12px;
}
#atelir_cost #costArea .container#custam {
  float: right;
}
#atelir_cost #costArea .container .costList {
  margin-bottom: 30px;
}
#atelir_cost #costArea .container p {
  margin-bottom: 20px;
  text-align: left;
  line-height: 1.8;
}
#atelir_cost #costArea .container p b {
  font-weight: bold;
}
#atelir_cost #costArea .container p span {
  color: red;
}
#atelir_cost #costArea h2 {
  font-size: 16px;
  text-align: center;
  line-height: 30px;
  border: 1px solid #545454;
  font-weight: bold;
  margin-bottom: 20px;
}
#atelir_cost #costArea #custam h2 {
  color: #FFF;
  background: #545454;
  border: 1px solid #545454;
}
#atelir_cost #costArea h2#scan {
  border: none;
  margin: 20px 0;
}

.costDesc {
  text-align: left;
  margin-bottom: 30px;
  line-height: 1.8;
}

#drum {
  margin-bottom: 60px;
}
#drum .container#drumImg {
  float: left;
  width: 535px;
  font-size: 12px;
  padding-right: 0px;
  margin-right: 10px;
}
#drum .container#drumTxt {
  float: left;
  width: 438px;
  font-size: 12px;
  padding-right: 0px;
}
#drum #drumDesc {
  text-align: left;
  font-size: 12px;
  line-height: 1.8;
}
#drum #drumDesc p {
  margin-top: 15px;
}

#snsArea {
  text-align: left;
}

#bnr_campaign {
  position: absolute;
  top: 155px;
  left: 20px;
  width: 50%;
  max-width: 448px;
}
#bnr_campaign img {
  width: 100%;
}

@media screen and (max-width: 979px) {
  #bnr_campaign {
    top: 100px;
  }
}
@media screen and (max-width: 836px) {
  #atelir_cost #costArea .container {
    float: none;
    width: 398px;
    margin: 10px auto 30px;
  }
  #atelir_cost #costArea .container#custam {
    float: none;
  }
}
@media screen and (max-width: 767px) {
  .post #concept .anchor {
    position: absolute;
    right: 50%;
    bottom: -20px;
    color: #333;
  }
  .item_txtArea {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.8;
    width: 100%;
    position: relative;
    text-align: left;
  }
  .item_txtArea h2 {
    margin-bottom: 10px;
  }
  #colorArea {
    margin-bottom: 30px;
  }
  #colorArea .item_txtArea {
    top: 0%;
    right: 0%;
  }
  #paperArea {
    text-align: left;
  }
  #paperArea .item_txtArea {
    top: 0%;
    left: 0%;
  }
  #drumArea {
    display: block;
    text-align: left;
    color: #FFF;
    background: #313131;
    font-size: 14px;
    line-height: 1.8;
    padding: 20px;
  }
  #drumArea #drumText {
    width: 100%;
    margin: 20px 0px;
  }
  #drumArea #drumText h2 {
    margin-top: 20px;
    font-size: 22px;
    margin-bottom: 30px;
    font-weight: bold;
  }
  #drumArea #drumImg {
    width: 100%;
    margin-left: 0px;
    font-size: 12px;
  }
  #drumArea #drumImg img {
    margin-bottom: 10px;
    width: 100%;
  }
  .price {
    width: 100%;
    min-width: 320px;
    max-width: 500px;
    font-weight: bold;
    padding-left: 0px;
  }
  .price .cell:first-child {
    width: 20%;
    min-width: 50px;
  }
  .price .cell:nth-child(2) {
    width: 40%;
    min-width: 100px;
  }
  #atelir_cost #costArea .container {
    float: none;
    font-size: 12px;
  }
  #atelir_cost #costArea .container#custam {
    float: none;
  }
  .delSp {
    display: none;
  }
  #bnr_campaign {
    top: 80px;
    width: 40%;
  }
}
@media screen and (max-width: 420px) {
  #bnr_campaign {
    display: none;
  }
}