@import url("https://use.typekit.net/bnf7jzd.css");
#newin_210414 {
  color: #343434;
}
#newin_210414 .credit_main,
#newin_210414 .heading_article {
  font-family: classico-urw, sans-serif;
  font-weight: 400;
  font-style: normal;
}
#newin_210414 .heading_intro,
#newin_210414 .item_credit,
#newin_210414 .text_main {
  font-family: toppan-bunkyu-mincho-pr6n, serif;
  font-weight: 400;
  font-style: normal;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
#newin_210414 .heading_intro {
  font-size: 5.6vw;
  letter-spacing: 0.18em;
  line-height: 1.68;
}
#newin_210414 .heading_article {
  font-size: 3.73333vw;
  letter-spacing: 0.12em;
  line-height: 1.2;
}
#newin_210414 .heading_article .sub {
  display: block;
  font-size: 3.06667vw;
}
#newin_210414 .text_main {
  font-size: 2.93333vw;
  letter-spacing: 0.12em;
  line-height: 1.8;
}
#newin_210414 .text_main .half-spacing {
  letter-spacing: 0.035em;
}
#newin_210414 .credit_main {
  font-size: 2.93333vw;
  letter-spacing: 0.12em;
  line-height: 1.6;
}
#newin_210414 .item_credit {
  font-size: 2.93333vw;
  letter-spacing: 0.12em;
  line-height: 1.6;
}
#newin_210414 {
  width: 100%;
}
#newin_210414 img,
#newin_210414 picture {
  min-width: 1px;
  min-height: 1px;
}
#newin_210414 div {
  height: auto;
}
#newin_210414 div img,
#newin_210414 div picture {
  width: 100%;
  height: auto;
}
#newin_210414 .image-wrapper,
#newin_210414 .img-wrapper {
  line-height: 0;
}
#newin_210414 ul.credit a {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
}
#newin_210414 .flex_content,
#newin_210414 .item_heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#newin_210414 .content01 .flex_content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
#newin_210414 .content01 .item_heading {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#newin_210414 .content01 .item_heading .image_content {
  width: 18.66667vw;
}
#newin_210414 .content02 .flex_content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
#newin_210414 .content02 .img-wrapper {
  width: 60vw;
}
#newin_210414 .content02 .img-wrapper:first-child {
  width: 63.33333vw;
}
#newin_210414 .content02 .item_heading {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#newin_210414 .content02 .item_heading .image_content {
  width: 18.66667vw;
}
#newin_210414 .content03 > .heading_article {
  text-align: center;
}
#newin_210414 .content03 > .flex_content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
#newin_210414 .content03 .text_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 36.22222vw;
  flex: 0 0 36.22222vw;
  max-width: 326px;
}
#newin_210414 .content03 .text_content .colors {
  max-width: 24vw;
}
#newin_210414 .content03 .color_chart {
  width: 63.73333vw;
  margin-left: auto;
  margin-right: auto;
}
#newin_210414 .content04 .flex_content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
#newin_210414 .content04 > .heading_article {
  text-align: center;
}
#newin_210414 .content04 > .flex_content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
#newin_210414 .content04 .color_chart {
  width: 22.66667vw;
}
#newin_210414 .items .flex_content {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#newin_210414 .items .item {
  width: 42.66667vw;
}
#newin_210414 .items .item .btn_buy {
  display: block;
  width: 14.66667vw;
  margin-left: auto;
}
.btnViewAll {
  width: 61.33333vw;
  display: block;
  max-width: 460px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .lp * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .breadlist.lp {
    line-height: 5.33333vw;
    font-size: 2.66667vw;
    margin: 3.33333vw auto;
    width: 92.592%;
    text-align: left;
    padding: 0;
  }
  * .desktop,
  .desktop {
    display: none !important;
  }
  #newin_210414 {
    padding: 0 6.66667vw;
  }
  .main_visual {
    margin-bottom: 3.73333vw;
  }
  .intro {
    margin-bottom: 12.4vw;
  }
  .intro .heading_intro {
    margin-bottom: 2.8vw;
  }
  .item_heading .image_content {
    margin: 0 3.33333vw 0 4vw;
  }
  .content01 {
    margin-bottom: 12.8vw;
  }
  .content01 .flex_content {
    margin-bottom: 2.66667vw;
  }
  .content01 .flex_content .image-wrapper {
    margin-bottom: 1.33333vw;
  }
  .content01 .text_main {
    margin-bottom: 4vw;
  }
  .content02 {
    margin-bottom: 11.46667vw;
  }
  .content02 .flex_content {
    margin-bottom: 4vw;
  }
  .content02 .flex_content .img-wrapper:first-child {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-bottom: 1.33333vw;
  }
  .content02 .item_heading {
    margin-bottom: 1.33333vw;
  }
  .content03 {
    margin-bottom: 12.26667vw;
  }
  .content03 .heading_article {
    margin-bottom: 7.33333vw;
  }
  .content03 .image_content {
    margin-bottom: 5.33333vw;
  }
  .content03 .colors {
    margin-right: 2.4vw;
    margin-top: 1.33333vw;
  }
  .content03 .text_content {
    margin-bottom: 3.33333vw;
  }

  #newin_210414 .content03 .text_content {
    max-width: calc(750 * (100vw / 750));
  }
  .content03 .color_chart {
    margin-bottom: 2.66667vw;
  }
  .content03 .color_chart ~ .text_main {
    text-align: center;
  }
  .content04 {
    margin-bottom: 12.66667vw;
  }
  .content04 .image_content {
    margin-bottom: 5.86667vw;
  }
  .content04 .text_content .heading_article,
  .content04 .text_content .text_main {
    margin-bottom: 2.66667vw;
  }
  .items {
    margin-bottom: 13.33333vw;
  }
  .items .heading_article {
    margin-bottom: 5.73333vw;
    text-align: center;
  }
  .items .text_item {
    margin-top: 1.86667vw;
  }
  .items .item:nth-child(n + 3) {
    margin-top: 6.4vw;
  }
}
@media (min-width: 768px) {
  #newin_210414 .heading_intro {
    font-size: 30px;
    letter-spacing: 0.18em;
  }
  #newin_210414 .heading_article {
    font-size: 28px;
    color: #525252;
    line-height: 1.1;
  }
  #newin_210414 .heading_article .sub {
    font-size: 23px;
  }
  #newin_210414 .text_main {
    font-size: 14px;
    line-height: 2.1;
    letter-spacing: 0.12em;
  }
  #newin_210414 .credit_main {
    font-size: 12px;
    line-height: 1.6;
  }
  #newin_210414 .item_credit {
    font-size: 12px;
    line-height: 1.6;
  }
  #newin_210414 {
    margin-left: auto;
    margin-right: auto;
    max-width: 900px;
  }
  #newin_210414 .content_box {
    width: 77.77778vw;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
  #newin_210414 .content01 .flex_content {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  #newin_210414 .content01 .flex_content .image-wrapper:first-child,
  #newin_210414 .content01 .flex_content .image-wrapper:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 38.33333vw;
    flex: 0 38.33333vw;
    max-width: 345px;
  }
  #newin_210414 .content01 .flex_content .image-wrapper:nth-child(3) {
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
  }
  #newin_210414 .content01 .item_heading .image_content {
    width: 20vw;
    max-width: 180px;
  }
  #newin_210414 .content02 .flex_content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  #newin_210414 .content02 .img-wrapper {
    width: 38.33333vw;
    max-width: 345px;
  }
  #newin_210414 .content02 .img-wrapper:first-child {
    width: 38.33333vw;
    max-width: 345px;
  }
  #newin_210414 .content02 .item_heading .image_content {
    width: 18.66667vw;
    max-width: 168px;
  }
  #newin_210414 .content03 > .flex_content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  #newin_210414 .content03 > .flex_content .image_content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 38.33333vw;
    flex: 0 0 38.33333vw;
    max-width: 345px;
  }
  #newin_210414 .content03 .text_content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #newin_210414 .content03 .text_content .colors {
    width: 24.22222vw;
    max-width: 218px;
  }
  #newin_210414 .content03 .color_chart {
    width: 58.66667vw;
    max-width: 528px;
  }
  #newin_210414 .content04 > .flex_content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  #newin_210414 .content04 > .flex_content .image_content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 38.33333vw;
    flex: 0 0 38.33333vw;
    max-width: 345px;
  }
  #newin_210414 .content04 .text_content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 36.33333vw;
    flex: 0 0 36.33333vw;
    max-width: 327px;
  }
  #newin_210414 .content04 .color_chart {
    width: 18.88889vw;
    max-width: 170px;
  }
  #newin_210414 .items .item {
    width: 24.44444vw;
    max-width: 220px;
  }
  #newin_210414 .items .item .btn_buy {
    width: 6.66667vw;
    max-width: 60px;
  }
  .breadlist.lp {
    margin: 6.66667vw auto;
    width: 100%;
    font-size: 1.33333vw;
  }
  * .SP,
  .SP {
    display: none !important;
  }
  .main_visual {
    margin-bottom: 3.5rem;
  }
  .intro {
    margin-bottom: 4.2rem;
  }
  .intro .heading_intro {
    margin-bottom: 3rem;
  }
  .item_heading .heading_article {
    margin-bottom: 1.7rem;
  }
  .item_heading .image_content {
    margin-right: 2.4rem;
  }
  .content01 .flex_content {
    margin-bottom: 4.5rem;
  }
  .content01 .flex_content .image-wrapper:first-child,
  .content01 .flex_content .image-wrapper:nth-child(2) {
    margin-bottom: 0.8rem;
  }
  .content01 .credit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .content01 .credit .credit_main {
    margin-top: 0.3rem;
    color: #525252;
  }
  .content01 .credit .credit_main + .credit_main {
    margin-left: 0.5rem;
  }
  .content01 .item_heading,
  .content02 {
    margin-bottom: 9.2rem;
  }
  .content02 .flex_content {
    margin-bottom: 4.9rem;
  }
  .content03 {
    margin-bottom: 6.2rem;
  }
  .content03 .heading_article {
    margin-bottom: 2.5rem;
  }
  .content03 .flex_content {
    margin-bottom: 2.9rem;
  }
  .content03 .text_content {
    margin-top: 2rem;
  }
  .content03 .text_content .colors {
    margin-bottom: 1rem;
  }
  .content03 .color_chart {
    position: relative;
    left: -1rem;
    margin-bottom: 2.3rem;
  }
  .content03 .color_chart ~ .text_main {
    text-align: center;
  }
  .content04 {
    margin-bottom: 6.6rem;
  }
  .content04 .text_content .heading_article {
    margin-bottom: 1.9rem;
  }
  .content04 .text_content .text_main {
    margin-bottom: 3.9rem;
  }
  .items {
    margin-bottom: 6.4rem;
  }
  .items .heading_article {
    text-align: center;
    margin-bottom: 2.5rem;
  }
  .items .item .text_item {
    margin-top: 1.5rem;
  }
}
@media (min-width: 900px) {
  .breadlist.lp {
    margin: 60px auto;
    width: 900px;
    font-size: 12px;
  }
}