#DocchiArticle {
  max-width: 100%;
  min-height: 680px;
  margin: 0 auto;
  overflow: hidden;
  background: #f2f2f2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 750px) {
  #DocchiArticle {
    max-width: auto;
    width: auto;
    min-height: auto;
    margin: 0 auto;
    overflow: visible;
    display: block;
  }
}

#DocchiArticle h2 img {
  vertical-align: top;
}

#DocchiArticle > section {
  width: 100%;
  min-width: 1600px;
  display: none;
  height: 680px;
  background: url(../images/bg_stylingitem_pc.png) no-repeat center top;
  background: url(../images/bg_stylingitem01_pc.png) no-repeat left top, url(../images/bg_stylingitem02_pc.png) no-repeat right top;
}
@media screen and (max-width: 750px) {
  #DocchiArticle > section {
    min-width: auto;
    position: relative;
    padding: 12.34375vw 0 0;
    height: auto;
    background-image: none;
    background: url(../images/bg_stylingitem_sp.png) no-repeat center top;
    background-size: cover;
  }
  #DocchiArticle > section h3 {
    margin: 0 auto;
    width: 90%;
  }
}

@-webkit-keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#DocchiArticle > section.active {
  display: block;
}
#DocchiArticle > section.active .choice-wrapper {
  opacity: 1;
  -webkit-animation-name: fade-in;
          animation-name: fade-in;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}

#DocchiArticle .startSection {
  text-align: center;
}
@media screen and (max-width: 750px) {
  #DocchiArticle .startSection {
    padding: 21.09375vw 0 0;
  }
}
#DocchiArticle .startSection h3 {
  padding-top: 178px;
}
@media screen and (max-width: 750px) {
  #DocchiArticle .startSection h3 {
    margin-top: 0;
    padding-top: 0;
    width: 72.65625%;
  }
}
#DocchiArticle .startSection .start-wrap {
  width: 1165px;
  height: 100%;
  margin: 0 auto;
  background: url(../images/pic01_stylingitem_pc.png) no-repeat right top 170px;
}
@media screen and (max-width: 750px) {
  #DocchiArticle .startSection .start-wrap {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding-bottom: 65.3125vw;
    background: url(../images/pic01_stylingitem_sp.png) no-repeat center bottom 30px;
    background-size: 100%;
  }
}
#DocchiArticle .startSection .start-ttl-wrap {
  width: 560px;
}
@media screen and (max-width: 750px) {
  #DocchiArticle .startSection .start-ttl-wrap {
    width: 100%;
    margin-left: 0;
  }
}
#DocchiArticle .startSection .description {
  margin-top: 37px;
}
@media screen and (max-width: 750px) {
  #DocchiArticle .startSection .description {
    margin: 4.6875vw auto 0;
    padding-top: 0;
    width: 71.71875%;
  }
}
#DocchiArticle .startSection .start-ttl-sub {
  margin-top: 37px;
}
@media screen and (max-width: 750px) {
  #DocchiArticle .startSection .start-ttl-sub {
    margin: 7.96875vw auto 0;
    padding-top: 0;
    width: 39.53125%;
  }
}
#DocchiArticle .startSection .btn_start {
  margin-top: 58px;
}
@media screen and (max-width: 750px) {
  #DocchiArticle .startSection .btn_start {
    margin: 7.8125% auto 0;
    width: 43.75%;
  }
}

#DocchiArticle .selectSection .choice-wrapper {
  position: relative;
  width: 900px;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  #DocchiArticle .selectSection .choice-wrapper {
    width: auto;
  }
}
#DocchiArticle .selectSection .choice-wrapper .prev {
  position: absolute;
  top: 230px;
  left: 0;
}
@media screen and (max-width: 750px) {
  #DocchiArticle .selectSection .choice-wrapper .prev {
    top: 15vw;
    left: 4.6875%;
    width: 5.625%;
  }
}
#DocchiArticle .selectSection h3 {
  padding-top: 136px;
  margin-bottom: 79px;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #DocchiArticle .selectSection h3 {
    margin: 0 auto;
    padding-top: 0;
    width: 38.4375%;
  }
}
#DocchiArticle .selectSection .choiceListWrapper {
  position: relative;
  padding-bottom: 20.625vw;
}
#DocchiArticle .selectSection ul {
  position: relative;
  float: left;
  left: 50%;
}
@media screen and (max-width: 750px) {
  #DocchiArticle .selectSection ul {
    float: none;
    margin: 14.6875vw auto 0;
    left: auto;
    text-align: center;
  }
}
#DocchiArticle .selectSection ul li {
  position: relative;
  float: left;
  left: -50%;
  margin-right: 67px;
}
@media screen and (max-width: 750px) {
  #DocchiArticle .selectSection ul li {
    float: none;
    left: auto;
    margin-right: 0;
    display: inline-block;
    width: 31.09375%;
    padding-left: 5.46875%;
  }
}
#DocchiArticle .selectSection ul li:last-child {
  margin-right: 0;
}
@media screen and (max-width: 750px) {
  #DocchiArticle .selectSection ul li:last-child {
    margin-top: 5.46875vw;
  }
}
@media screen and (max-width: 750px) {
  #DocchiArticle .selectSection ul li:first-child {
    margin-right: 3.90625%;
  }
}
@media screen and (max-width: 750px) {
  #DocchiArticle .selectSection ul li:nth-child(3) {
    margin-top: 4.6875vw;
  }
}
@media screen and (max-width: 750px) {
  #DocchiArticle .selectSection.choice2-a h3 {
    margin: 0 auto;
    padding-top: 0;
    width: 57.03125%;
  }
}
#DocchiArticle .selectSection.choice2-b .choice-wrapper {
  width: 1200px;
}
@media screen and (max-width: 750px) {
  #DocchiArticle .selectSection.choice2-b .choice-wrapper {
    width: 100%;
  }
}
#DocchiArticle .selectSection.choice2-b .choiceListWrapper {
  padding-bottom: 2.34375vw;
}
@media screen and (max-width: 750px) {
  #DocchiArticle .selectSection.choice2-b h3 {
    padding-top: 0;
    margin-bottom: 0;
    width: 57.8125%;
  }
}
@media screen and (max-width: 750px) {
  #DocchiArticle .selectSection.choice2-b ul li {
    width: 44.375%;
    padding-left: 0;
    margin-right: 0;
  }
}
@media screen and (max-width: 750px) {
  #DocchiArticle .selectSection.choice2-b ul li:first-child {
    margin-right: 4.6875vw;
  }
}
#DocchiArticle .selectSection.choice2-c .choiceListWrapper {
  padding-bottom: 2.5vw;
}
@media screen and (max-width: 750px) {
  #DocchiArticle .selectSection.choice2-c h3 {
    padding-top: 0;
    margin-bottom: 0;
    width: 43.59375%;
  }
}
@media screen and (max-width: 750px) {
  #DocchiArticle .selectSection.choice2-c ul li {
    width: 44.375%;
    padding-left: 0;
  }
}
@media screen and (max-width: 750px) and (max-width: 750px) {
  #DocchiArticle .selectSection.choice2-c ul li:first-child {
    margin-right: 4.375vw;
  }
}
@media screen and (max-width: 750px) and (max-width: 750px) {
  #DocchiArticle .selectSection.choice2-c ul li:nth-child(3) {
    margin-top: 0;
  }
}
#DocchiArticle .selectSection.choice3 .choiceListWrapper {
  padding-bottom: 36.25vw;
}
@media screen and (max-width: 750px) {
  #DocchiArticle .selectSection.choice3 h3 {
    width: 63.125%;
  }
}
@media screen and (max-width: 750px) {
  #DocchiArticle .selectSection.choice3 ul {
    margin-top: 25.78125%;
  }
}
@media screen and (max-width: 750px) and (max-width: 750px) {
  #DocchiArticle .selectSection.choice3 ul li:last-child {
    margin-top: 0;
  }
}

#DocchiArticle .selectSection ul:after:after,
#DocchiArticle .itemSection:after:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}

#DocchiArticle > section.itemSection {
  height: 680px;
  opacity: 1;
  -webkit-animation-name: fade-in;
          animation-name: fade-in;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
@media screen and (max-width: 750px) {
  #DocchiArticle > section.itemSection {
    height: auto;
    background-image: none;
    padding: 17.34375vw 0 0;
  }
}
#DocchiArticle > section.itemSection .itemSection-wrapper {
  width: 1296px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 750px) {
  #DocchiArticle > section.itemSection .itemSection-wrapper {
    width: 100%;
    display: block;
  }
}
#DocchiArticle > section.itemSection .itemSection_btnWrapper {
  width: 648px;
  margin-left: 48px;
}
@media screen and (max-width: 750px) {
  #DocchiArticle > section.itemSection .itemSection_btnWrapper {
    width: 100%;
    margin-left: 0;
  }
}
#DocchiArticle > section.itemSection h3 {
  padding-top: 120px;
  margin-bottom: 80px;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #DocchiArticle > section.itemSection h3 {
    padding-top: 0;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 750px) {
  #DocchiArticle > section.itemSection .content-more-btn {
    margin-top: 6.25vw;
  }
}
#DocchiArticle > section.itemSection .content-more-btn img {
  text-align: left;
}
@media screen and (max-width: 750px) {
  #DocchiArticle > section.itemSection .content-more-btn img {
    width: 41.9540229885%;
  }
}
#DocchiArticle > section.itemSection .content-more-btn a {
  padding: 0 0 10px;
  width: 174px;
  border-bottom: 1px solid #595656;
}
@media screen and (max-width: 750px) {
  #DocchiArticle > section.itemSection .content-more-btn a {
    padding: 0 0 5px;
    width: 87px;
    line-height: 0;
  }
}
#DocchiArticle > section.itemSection .content-more-btn a:after {
  content: "";
  position: absolute;
  width: 45px;
  height: 15px;
  margin-top: 1px;
  top: 0;
  right: 0;
  background: url(/ichikami/common/images/content-more-btn02_pc.png) no-repeat left top;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 750px) {
  #DocchiArticle > section.itemSection .content-more-btn a:after {
    width: 22.5px;
    height: 7.5px;
    margin-top: 0;
    background-size: 100% auto;
    background: url(/ichikami/common/images/content-more-btn02_sp.png) no-repeat left top;
    background-size: 100% auto;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
#DocchiArticle > section.itemSection .content-more-btn a:hover::after {
  right: -6px;
}
#DocchiArticle > section.itemSection .itemSection_item {
  width: 642px;
}
@media screen and (max-width: 750px) {
  #DocchiArticle > section.itemSection .itemSection_item {
    width: 78.125%;
    margin: 0 auto;
  }
}
#DocchiArticle > section.itemSection .again {
  margin-top: 80px;
}
@media screen and (max-width: 750px) {
  #DocchiArticle > section.itemSection .again {
    width: 43.59375%;
    margin: 6.25vw auto 0;
  }
}
#DocchiArticle > section.itemSection.choice4-a {
  background: url(../images/bg_stylingitem_detail_a01_pc.png) no-repeat left top, url(../images/bg_stylingitem_detail_a02_pc.png) no-repeat right top;
}
@media screen and (max-width: 750px) {
  #DocchiArticle > section.itemSection.choice4-a {
    background: url(../images/bg_stylingitem_detail_a01_sp.png) no-repeat center top;
    background-size: cover;
  }
}
@media screen and (max-width: 750px) {
  #DocchiArticle > section.itemSection.choice4-a h3 {
    width: 60.46875%;
  }
}
#DocchiArticle > section.itemSection.choice4-b {
  background: url(../images/bg_stylingitem_detail_b01_pc.png) no-repeat left top, url(../images/bg_stylingitem_detail_b02_pc.png) no-repeat right top;
}
@media screen and (max-width: 750px) {
  #DocchiArticle > section.itemSection.choice4-b {
    background: url(../images/bg_stylingitem_detail_b01_sp.png) no-repeat center top;
    background-size: cover;
  }
}
@media screen and (max-width: 750px) {
  #DocchiArticle > section.itemSection.choice4-b h3 {
    width: 43.59375%;
  }
}
#DocchiArticle > section.itemSection.choice4-b .itemSection_btnWrapper {
  width: 575px;
  margin-left: 48px;
}
@media screen and (max-width: 750px) {
  #DocchiArticle > section.itemSection.choice4-b .itemSection_btnWrapper {
    width: 100%;
    margin-left: 0;
  }
}
#DocchiArticle > section.itemSection.choice4-b .itemSection_item {
  width: 648px;
}
@media screen and (max-width: 750px) {
  #DocchiArticle > section.itemSection.choice4-b .itemSection_item {
    width: 78.125%;
    margin: 0 auto;
  }
}
#DocchiArticle > section.itemSection.choice4-c {
  background: url(../images/bg_stylingitem_detail_c01_pc.png) no-repeat left top, url(../images/bg_stylingitem_detail_c02_pc.png) no-repeat right top;
}
@media screen and (max-width: 750px) {
  #DocchiArticle > section.itemSection.choice4-c {
    background: url(../images/bg_stylingitem_detail_c01_sp.png) no-repeat center top;
    background-size: cover;
  }
}
#DocchiArticle > section.itemSection.choice4-c .itemSection-wrapper {
  width: 1356px;
}
@media screen and (max-width: 750px) {
  #DocchiArticle > section.itemSection.choice4-c .itemSection-wrapper {
    width: 100%;
  }
}
#DocchiArticle > section.itemSection.choice4-c h3 {
  padding-top: 100px;
  margin-bottom: 115px;
  margin-right: -25px;
}
@media screen and (max-width: 750px) {
  #DocchiArticle > section.itemSection.choice4-c h3 {
    width: 75.78125%;
    margin: 0 auto;
    padding-top: 100px;
    margin-bottom: 115px;
  }
}
#DocchiArticle > section.itemSection.choice4-c h3 img {
  max-width: inherit;
}
@media screen and (max-width: 750px) {
  #DocchiArticle > section.itemSection.choice4-c h3 {
    padding-top: 0;
    margin-bottom: 0;
  }
}
#DocchiArticle > section.itemSection.choice4-c .content-more-btn {
  margin-left: 25px;
}
@media screen and (max-width: 750px) {
  #DocchiArticle > section.itemSection.choice4-c .content-more-btn {
    margin-left: 0;
  }
}
#DocchiArticle > section.itemSection.choice4-c .again {
  margin-left: 25px;
}
@media screen and (max-width: 750px) {
  #DocchiArticle > section.itemSection.choice4-c .again {
    margin: 6.25vw auto 0;
  }
}
#DocchiArticle > section.itemSection.choice4-c .itemSection_btnWrapper {
  width: 624px;
  margin-left: 54px;
}
@media screen and (max-width: 750px) {
  #DocchiArticle > section.itemSection.choice4-c .itemSection_btnWrapper {
    width: 100%;
    margin-left: 0;
  }
}
#DocchiArticle > section.itemSection.choice4-c .itemSection_item {
  width: 678px;
}
@media screen and (max-width: 750px) {
  #DocchiArticle > section.itemSection.choice4-c .itemSection_item {
    width: 54.375%;
    margin: 0 auto;
    padding: 23px 0 17px 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
/*# sourceMappingURL=../../../../_development/maps/special/yourtype/css/docchi.css.map */