main {
  overflow: hidden;
  margin-top: 10px; }

ul,
ol,
li {
  padding: 0;
  margin: 0;
  list-style: none; }

  .sp_on{
    display:block;
  }
  @media all and (min-width: 769px) {
    .sp_on{
      display:none;
    }
    }

.e87-lower-layout {
  margin-top: 20px; }
  @media all and (min-width: 769px) {
    .e87-lower-layout {
      margin-bottom: 60px; } }
.e87-header-second__inner ._logo-area {
    position: relative;
    z-index: 2;
}
.e87-lower-section {
  margin-top: 40px; }
  @media all and (min-width: 769px) {
    .e87-lower-section {
      margin-top: 80px; } }

.e87-lower-mv {
  width: 100%;
  height: 150px;
  display: flex;
  align-items: center;
  padding: 3%; }
  @media all and (min-width: 769px) {
    .e87-lower-mv {
      height: 170px; } }

.e87-lower-mv__text {
  font-weight: bold;
  font-size: 1.6rem;
  color: #fff; }
  @media all and (min-width: 769px) {
    .e87-lower-mv__text {
      font-size: 2.2rem; } }

.e87-lower-intro {
  margin-bottom: 40px; }
  @media all and (min-width: 769px) {
    .e87-lower-intro {
      margin-bottom: 80px; } }

.e87-lower-text {
  margin: 0;
  line-height: 1.8; }
  .e87-lower-text + .e87-lower-text {
    margin-top: 2em; }

.e87-lower-text__box {
    display: flex;
    float: left;
    flex-wrap: wrap;
    width: 33%;
    border: 1px solid #ccc;
    border-top: none;
}

.e87-lower-text__box-title {
  background: #ddd;
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
  border-top: 1px solid #ccc;
}

.e87-lower-text__box-title--text {
  padding: 10px;
  margin: 0;
  width: 100%;
  border-top: 1px solid #ccc;
  background: #fff;
  box-sizing: border-box;
}
@media all and (max-width: 622px) {
  .e87-lower-text__box-title--text-02 {
    min-height: 65px;} }

.e87-lower-heading--01 {
  margin: 0 auto 30px; }
  @media all and (min-width: 769px) {
    .e87-lower-heading--01 {
      margin-bottom: 40px;
      max-width: 1080px;
      padding-right: 60px;
      padding-left: 60px; } }

.e87-lower-heading__text {
  margin: 0;
  padding: 22px 30px;
  background: #f2f2f2;
  font-size: 1.6rem;
  display: block; }
  @media all and (min-width: 769px) {
    .e87-lower-heading__text {
      font-size: 1.8rem; } }

.e87-lower-heading--02 {
  margin: 30px auto 20px;
  font-weight: bold;
  padding-left: 20px;
  position: relative;
  font-size: 1.4rem; }
  .e87-lower-heading--02::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #000; }
  @media all and (min-width: 769px) {
    .e87-lower-heading--02 {
      margin: 40px auto 30px;
      font-size: 1.6rem; }
      .e87-lower-heading--02::before {
        top: 6px; } }

.e87-lower-anchor__item .e87-link-box--anchor {
  height: 100%;
  display: flex;
  align-items: center; }
  .e87-lower-anchor__item .e87-link-box--anchor::after {
    right: 9px;
    top: calc(50% - 13px);
    transform: rotate(0deg) translateY(0%); }

.e87-head-anchor__item .e87-link-box--anchor {
  height: 100%;
  display: flex;
  align-items: center; }
  .e87-head-anchor__item .e87-link-box--anchor::after {
    right: 9px;
    top: calc(50% - 13px);
    transform: rotate(90deg) translateY(-50%); }

.e87-lower-list__text {
  color: #000;
  position: relative;
  padding-left: 20px;
  font-size: 1.4rem; }
 .e87-lower-list__text::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 12px;
    height: 12px;
    background: url("//img.e87.com/corp/img/icon/circle-right_gray.png");
    background-repeat: no-repeat;
    background-size: contain; }
  .e87-lower-list__text:hover {
    text-decoration: underline; }
.e87-lower-quelist__text {
    color: #000;
    position: relative;
    padding-left: 20px;
    font-size: 1.4rem;
    border-bottom: 1px dashed #345fa0;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
    @media all and (min-width: 769px) {
    .e87-lower-quelist__text  {
      font-size: 1.7rem; } }
 .e87-lower-quelist__text:before{
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #345fa0;
    border-radius: 50%;}

.e87-lower-link-text {
  margin: 20px 0 0;
  display: inline-block;
  font-size: 1.2rem;
  padding-right: 15px;
  position: relative;
  color: #000; }
  .e87-lower-link-text::after {
    position: absolute;
    top: 2px;
    right: 0;
    display: inline-block;
    width: 7px;
    height: 12px;
    content: '';
    background-image: url("//img.e87.com/corp/img/icon/caret-right.png"); }
  .e87-lower-link-text:hover {
    text-decoration: underline; }

.e87-lower-mv--column {
  background-image: url("https://img.e87.com/selection/father/column/img/mv_column01.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center; }
  @media all and (min-width: 769px) {
    .e87-lower-mv--column {
      background-image: url("https://img.e87.com/selection/father/column/img/mv_column01.jpg"); } }

.e87-lower-mv--column01 {
  background-image: url("https://img.e87.com/selection/father/column/img/mv_column01.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center; }
  @media all and (min-width: 769px) {
    .e87-lower-mv--column01 {
      background-image: url("https://img.e87.com/selection/father/column/img/mv_column01.jpg"); } }

.e87-lower-mv--column02 {
  background-image: url("https://img.e87.com/selection/father/column/img/mv_column02.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center; }
  @media all and (min-width: 769px) {
    .e87-lower-mv--column02 {
      background-image: url("https://img.e87.com/selection/father/column/img/mv_column02.jpg"); } }

.e87-lower-mv--column03 {
  background-image: url("https://img.e87.com/selection/father/column/img/mv_column03.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center; }
  @media all and (min-width: 769px) {
    .e87-lower-mv--column03 {
      background-image: url("https://img.e87.com/selection/father/column/img/mv_column03.jpg"); } }

.e87-lower-mv--column04 {
  background-image: url("https://img.e87.com/selection/father/column/img/mv_column04.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center; }
  @media all and (min-width: 769px) {
    .e87-lower-mv--column04 {
      background-image: url("https://img.e87.com/selection/father/column/img/mv_column04.jpg"); } }

.e87-lower-mv--column05 {
  background-image: url("https://img.e87.com/selection/father/column/img/mv_column05.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center; }
  @media all and (min-width: 769px) {
    .e87-lower-mv--column05 {
      background-image: url("https://img.e87.com/selection/father/column/img/mv_column05.jpg"); } }

.e87-lower-mv--column06 {
  background-image: url("https://img.e87.com/selection/father/column/img/mv_column06.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center; }
  @media all and (min-width: 769px) {
    .e87-lower-mv--column06 {
      background-image: url("https://img.e87.com/selection/father/column/img/mv_column06.jpg"); } }

.e87-lower-mv--column07 {
  background-image: url("https://img.e87.com/selection/father/column/img/mv_column07.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center; }
  @media all and (min-width: 769px) {
    .e87-lower-mv--column07 {
      background-image: url("https://img.e87.com/selection/father/column/img/mv_column07.jpg"); } }

.e87-lower-mv--column08 {
  background-image: url("https://img.e87.com/selection/father/column/img/mv_column08.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center; }
  @media all and (min-width: 769px) {
    .e87-lower-mv--column08 {
      background-image: url("https://img.e87.com/selection/father/column/img/mv_column08.jpg"); } }

.e87-lower-mv--column09 {
  background-image: url("https://img.e87.com/selection/father/column/img/mv_column09.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center; }
  @media all and (min-width: 769px) {
    .e87-lower-mv--column09 {
      background-image: url("https://img.e87.com/selection/father/column/img/mv_column09.jpg"); } }

.e87-lower-mv--column10 {
  background-image: url("https://img.e87.com/selection/father/column/img/mv_column10.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center; }
  @media all and (min-width: 769px) {
    .e87-lower-mv--column10 {
      background-image: url("https://img.e87.com/selection/father/column/img/mv_column10.jpg"); } }

.e87-lower-mv--column11 {
  background-image: url("https://img.e87.com/selection/father/column/img/mv_column11.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center; }
  @media all and (min-width: 769px) {
    .e87-lower-mv--column11 {
      background-image: url("https://img.e87.com/selection/father/column/img/mv_column11.jpg"); } }

.e87-lower-mv--column12 {
  background-image: url("https://img.e87.com/selection/father/column/img/mv_column12.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center; }
  @media all and (min-width: 769px) {
    .e87-lower-mv--column12 {
      background-image: url("https://img.e87.com/selection/father/column/img/mv_column12.jpg"); } }

.e87-lower-mv--column13 {
  background-image: url("https://img.e87.com/selection/father/column/img/mv_column13.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center; }
  @media all and (min-width: 769px) {
    .e87-lower-mv--column13 {
      background-image: url("https://img.e87.com/selection/father/column/img/mv_column13.jpg"); } }

.e87-lower-mv--column14 {
  background-image: url("https://img.e87.com/selection/father/column/img/mv_column14.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center; }
  @media all and (min-width: 769px) {
    .e87-lower-mv--column14 {
      background-image: url("https://img.e87.com/selection/father/column/img/mv_column14.jpg"); } }

.e87-lower-mv--column15 {
  background-image: url("https://img.e87.com/selection/father/column/img/mv_column15.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center; }
  @media all and (min-width: 769px) {
    .e87-lower-mv--column15 {
      background-image: url("https://img.e87.com/selection/father/column/img/mv_column15.jpg"); } }

.e87-lower-mv--column16 {
  background-image: url("https://img.e87.com/selection/father/column/img/mv_column16.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center; }
  @media all and (min-width: 769px) {
    .e87-lower-mv--column16 {
      background-image: url("https://img.e87.com/selection/father/column/img/mv_column16.jpg"); } }

.e87-lower-mv--column17 {
  background-image: url("https://img.e87.com/selection/father/column/img/mv_column17.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center; }
  @media all and (min-width: 769px) {
    .e87-lower-mv--column17 {
      background-image: url("https://img.e87.com/selection/father/column/img/mv_column17.jpg"); } }

.e87-lower-mv--column18 {
  background-image: url("https://img.e87.com/selection/father/column/img/mv_column18.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center; }
  @media all and (min-width: 769px) {
    .e87-lower-mv--column18 {
      background-image: url("https://img.e87.com/selection/father/column/img/mv_column18.jpg"); } }

.e87-lower-mv--column19 {
  background-image: url("https://img.e87.com/selection/father/column/img/mv_column19.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center; }
  @media all and (min-width: 769px) {
    .e87-lower-mv--column19 {
      background-image: url("https://img.e87.com/selection/father/column/img/mv_column19.jpg"); } }

.e87-lower-mv--column20 {
  background-image: url("https://img.e87.com/selection/father/column/img/mv_column20.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center; }
  @media all and (min-width: 769px) {
    .e87-lower-mv--column20 {
      background-image: url("https://img.e87.com/selection/father/column/img/mv_column20.jpg"); } }

.e87-lower-mv--column21 {
  background-image: url("https://img.e87.com/selection/father/column/img/mv_column21.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center; }
.e87-lower-mv--column22 {
  background-image: url("https://img.e87.com/selection/father/column/img/mv_column22.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center; }
.e87-lower-mv--column23 {
  background-image: url("https://img.e87.com/selection/father/column/img/mv_column23.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center; }
.e87-lower-mv--column24 {
  background-image: url("https://img.e87.com/selection/father/column/img/mv_column24.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center; }
.e87-lower-mv--column25 {
  background-image: url("https://img.e87.com/selection/father/column/img/mv_column25.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center; }
.e87-lower-mv--column26 {
  background-image: url("https://img.e87.com/selection/father/column/img/mv_column26.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center; }
.e87-lower-mv--column27 {
  background-image: url("https://img.e87.com/selection/father/column/img/mv_column27.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center; }
.e87-lower-mv--column28 {
  background-image: url("https://img.e87.com/selection/father/column/img/mv_column28.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center; }
.e87-lower-mv--column29 {
  background-image: url("https://img.e87.com/selection/father/column/img/mv_column29.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center; }
.e87-lower-mv--column30 {
  background-image: url("https://img.e87.com/selection/father/column/img/mv_column30.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center; }
.e87-lower-mv--column31 {
  background-image: url("https://img.e87.com/selection/father/column/img/mv_column31.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center; }
.e87-lower-mv--column32 {
  background-image: url("https://img.e87.com/selection/father/column/img/mv_column32.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center; }
.e87-lower-mv--column33 {
  background-image: url("https://img.e87.com/selection/father/column/img/mv_column33.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center; }
.e87-lower-mv--column34 {
  background-image: url("https://img.e87.com/selection/father/column/img/mv_column34.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center; }
.e87-lower-mv--column35 {
  background-image: url("https://img.e87.com/selection/father/column/img/mv_column35.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center; }

  
.e87-column-flow__step {
  margin-bottom: 40px; }

.e87-column-flow__box {
  border: 4px solid #f2f2f2;
  margin-bottom: 30px;
  padding: 30px 20px;
  box-sizing: border-box;
  position: relative; }
  .e87-column-flow__box::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -27px;
    margin: auto;
    width: 0;
    height: 0;
    display: block;
    border-style: solid;
    border-width: 15px 12.5px 0 12.5px;
    border-color: #ccd3d6 transparent transparent transparent; }
  @media all and (min-width: 769px) {
    .e87-column-flow__box {
      padding: 40px;
      display: flex;
      justify-content: space-between;
      align-items: center; } }
  .e87-column-flow__box:last-of-type {
    margin-bottom: 0; }
    .e87-column-flow__box:last-of-type::after {
      display: none; }

.e87-column-flow__heading {
  font-weight: bold;
  margin: 0 0 20px;
  padding-left: 60px;
  position: relative; }
  .e87-column-flow__heading::before {
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center center; }
  @media all and (min-width: 769px) {
    .e87-column-flow__heading {
      margin: 0; } }
  .e87-column-flow__heading__num {
    font-size: 1.8rem;
    display: inline-block;
    position: relative;
    margin-right: 10px;
    padding-right: 22px; }
    .e87-column-flow__heading__num::after {
      content: "";
      height: 1px;
      width: 12px;
      background: #000;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      position: absolute; }
  .e87-column-flow__heading__text {
    font-size: 1.6rem;
    display: inline-block; }

.e87-column-flow__box--step01 .e87-column-flow__heading::before {
  background-image: url("//img.e87.com/corp/guide/img/step01.png"); }

.e87-column-flow__box--step02 .e87-column-flow__heading::before {
  background-image: url("//img.e87.com/corp/guide/img/step02.png"); }

.e87-column-flow__box--step03 .e87-column-flow__heading::before {
  background-image: url("//img.e87.com/corp/guide/img/step03.png"); }

.e87-column-flow__box--step04 .e87-column-flow__heading::before {
  background-image: url("//img.e87.com/corp/guide/img/step04.png"); }

.e87-column-flow__box--step05 .e87-column-flow__heading::before {
  background-image: url("//img.e87.com/corp/guide/img/step05.png"); }

.e87-column-flow__box--step06 .e87-column-flow__heading::before {
  background-image: url("//img.e87.com/corp/guide/img/step06.png"); }

.e87-column-flow__text {
  line-height: 1.8;
  margin: 0; }
  @media all and (min-width: 769px) {
    .e87-column-flow__text {
      width: calc(100% - 328px); } }

.e87-column-flow__attention__title {
  font-size: 12px;
  color: #60676b;
  margin: 0 0 10px;
  font-weight: bold; }
  @media all and (min-width: 769px) {
    .e87-column-flow__attention__title {
      margin: 0 0 14px; } }

.e87-column-flow__attention__text {
  font-size: 12px;
  color: #60676b;
  margin: 0; }

.e87-column-service-list__item {
  display: flex;
  align-items: center;
  margin: 0 0 80px;
  font-size: 1.4rem; }
  @media all and (min-width: 769px) {
    .e87-column-service-list__item {
      font-size: 1.6rem; } }
  .e87-column-service-list__item:last-of-type {
    margin-bottom: 0; }

.e87-column-service-list__img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px; }

.e87-column-service-list__link {
  padding-left: 20px;
  border-left: 3px solid #f2f2f2;
  margin-left: 20px;
  width: calc(100% - 63px); }
  @media all and (min-width: 769px) {
    .e87-column-service-list__link { } }

.e87-column-service-list__title {
  display: inline-block;
  font-weight: bold;
  margin: 0 0 10px;
  color: #000; }
  .e87-column-service-list__title--link {
    position: relative;
    padding-right: 20px; }
    .e87-column-service-list__title--link::after {
      position: absolute;
      top: 4px;
      right: 0;
      display: inline-block;
      width: 7px;
      height: 12px;
      content: '';
      background-image: url("//img.e87.com/corp/img/icon/caret-right.png"); }
      @media all and (min-width: 769px) {
        .e87-column-service-list__title--link::after {
          font-size: 1.4rem;
          top: 5px; } }
    .e87-column-service-list__title--link-anchor::after {
      background-image: url("//img.e87.com/corp/img/icon/caret-bottom.png");
      width: 12px;
      height: 8px;
      top: 7px; }
      @media all and (min-width: 769px) {
        .e87-column-service-list__title--link-anchor::after {
          top: 8px; } }
    .e87-column-service-list__title--link:hover {
      text-decoration: underline; }

.e87-column-service-list__text {
  margin: 0;
  line-height: 1.8; }

.e87-column-apply__flow__wrap {
  margin: 50px auto 30px; }
  @media all and (min-width: 769px) {
    .e87-column-apply__flow__wrap {
      max-width: 1080px;
      padding-right: 60px;
      padding-left: 60px; } }

.e87-column-apply__flow {
  border-top: 4px solid #f2f2f2;
  border-bottom: 4px solid #f2f2f2;
  padding: 30px 17px 30px; }
  @media all and (min-width: 769px) {
    .e87-column-apply__flow {
      border: 4px solid #f2f2f2;
      padding: 30px; } }
  .e87-column-apply__flow__title {
    font-weight: bold;
    margin: 0 0 30px; }

.e87-column-apply-list {
  margin: 0 0 30px; }
  @media all and (min-width: 769px) {
    .e87-column-apply-list {
      display: flex;
      justify-content: space-between; } }

.e87-column-apply-list__item {
  background: #eff3f5;
  padding: 14px 28px 25px; }
  @media all and (min-width: 769px) {
    .e87-column-apply-list__item {
      width: 22.7%; } }

.e87-column-apply-list__item {
  text-align: center;
  margin-bottom: 30px;
  position: relative; }
  .e87-column-apply-list__item::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -22px;
    width: 0;
    height: 0;
    margin: auto;
    border-style: solid;
    border-width: 15px 12.5px 0 12.5px;
    border-color: #b3c7cf transparent transparent transparent; }
    @media all and (min-width: 769px) {
      .e87-column-apply-list__item::after {
        left: auto;
        top: 0;
        right: calc(-8.3% + -6.25px);
        bottom: 0;
        border-width: 12.5px 0 12.5px 15px;
        border-color: transparent transparent transparent #b3c7cf; } }
  .e87-column-apply-list__item:last-of-type::after {
    display: none; }
  @media all and (min-width: 769px) {
    .e87-column-apply-list__item {
      margin-bottom: 0; } }
  .e87-column-apply-list__item__title {
    margin: 0 0 18px;
    font-weight: bold;
    font-size: 1.6rem;
    border-bottom: 1px solid #899398;
    padding-bottom: 13px; }
    @media all and (min-width: 769px) {
      .e87-column-apply-list__item__title {
        font-size: 1.8rem; } }
  .e87-column-apply-list__item__text {
    margin: 0;
    padding-left: 32px;
    position: relative;
    display: inline-block; }
    .e87-column-apply-list__item__text::before {
      content: "";
      width: 25px;
      height: 25px;
      left: 0;
      top: 0;
      bottom: 0;
      position: absolute;
      margin: auto;
      background-repeat: no-repeat;
      background-position: center center; }
      @media all and (min-width: 769px) {
        .e87-column-apply-list__item__text::before {
          bottom: auto; } }

.e87-column-apply-list__item--01 .e87-column-apply-list__item__text::before {
  background-image: url("//img.e87.com/corp/guide/img/apply01.png"); }

.e87-column-apply-list__item--02 .e87-column-apply-list__item__text::before {
  background-image: url("//img.e87.com/corp/guide/img/apply02.png"); }

.e87-column-apply-list__item--03 .e87-column-apply-list__item__text::before {
  background-image: url("//img.e87.com/corp/guide/img/apply03.png"); }

.e87-column-apply-list__item--04 .e87-column-apply-list__item__text::before {
  background-image: url("//img.e87.com/corp/guide/img/apply04.png"); }

.e87-column-apply__btn__wrap {
  margin: 40px auto 0; }
  @media all and (min-width: 769px) {
    .e87-column-apply__btn__wrap {
      margin-top: 30px;
      width: 344px; } }

.e87-column-postage__img {
  text-align: center; }

@media all and (min-width: 769px) {
  .e87-column-postage__board-layout {
    display: flex;
    justify-content: space-between; } }

.e87-column-postage__board-layout__img {
  text-align: center;
  margin-bottom: 20px; }
  @media all and (min-width: 769px) {
    .e87-column-postage__board-layout__img {
      margin-bottom: 0;
      padding-left: 68px;
      padding-right: 48px; } }

@media all and (min-width: 769px) {
  .e87-column-postage__board-layout__cont {
    width: calc(100% - 250px); } }

.e87-column-postage__dl {
  display: flex;
  justify-content: space-between;
  margin: 0 0 20px; }

.e87-column-postage__dt {
  width: 67px;
  line-height: 1.8; }
  @media all and (min-width: 769px) {
    .e87-column-postage__dt {
      width: 90px; } }

.e87-column-postage__dd {
  width: calc(100% - 67px);
  margin: 0;
  line-height: 1.8; }
  @media all and (min-width: 769px) {
    .e87-column-postage__dd {
      width: calc(100% - 90px); } }

.e87-column-postage__attention {
  color: #60676b;
  margin: 0;
  line-height: 1.8;
  font-size: 1.2rem; }

.e87-board-example-list {
  display: flex;
  justify-content: space-between;
  margin: 0;
  flex-wrap: wrap; }
  @media all and (min-width: 769px) {
    .e87-board-example-list {
      margin: 0 0 30px; } }
  .e87-board-example-list__item {
    width: 49%;
    text-align: center;
    margin: 0 0 30px; }
    @media all and (min-width: 769px) {
      .e87-board-example-list__item {
        width: 23%;
        margin: 0; } }
  .e87-board-example-list__img {
    font-size: 0; }
  .e87-board-example-list__text {
    border-top: 2px solid #899398;
    margin: 20px 0 0;
    padding: 10px 20px 0; }

@media all and (min-width: 769px) {
  .e87-column-image__text-with-image {
    display: flex;
    justify-content: space-between; } }

.e87-column-image__text-with-image__img {
  text-align: center; }
		@media all and (min-width: 769px) {
  .e87-column-image__text-with-image__img a{
  transition:0.2s; }
		.e87-column-image__text-with-image__img a:hover{
  opacity:0.6; } }
		
  .e87-column-image__text-with-image__img > img {
    width: 100%;
    max-width: 350px;}

.e87-column-image__text-with-image__text {
  margin: 0;
  line-height: 1.8; }
  @media all and (min-width: 769px) {
    .e87-column-image__text-with-image__text {
      width: calc(100% - 370px); } }
.e87-column-image__text-with-image__btn {
    background: #000;
    color: #fff;
    text-align: center;
    display: block;
    margin: 10px 4% 15px;
    padding: 5px 10px;
}
.e87-link-btn {
    text-align: center;
    margin: 30px 0 10px;
}
a.e87-link-btn__inner:hover {
    opacity: 0.7;
}
.e87-link-btn__inner {
    background: #000;
    width: 68%;
    display: inline-block;
    padding: 10px 0;
    max-width: 860px;
}
.e87-link-btn__text {
    color: #fff;
}
 .e87-product-item__img {
    position: relative;
}
 .e87-product-item__rank {
    position: absolute;
    top: 0;
    left: 0;
}
.e87-product-item__rank-num {
    background: rgb(86 86 86 / 70%);
    color: #fff;
    font-size: 2rem;
    width: 30px;
    display: block;
    text-align: center;
}
.e87-yellow{
background-color: #f2e8b6!important;}

.e87-pink {
    background-color: #f8dfef!important;
}

.e87-blue {
    background-color: #d0e1ef!important;
}

/*2022-05-25　柴田追記分*/

/* .e87-index-box{
	margin:50px auto 0px auto;
	padding:20px;
	border:1px solid #ccf;
	border-radius:15px;
	background:#ddf;
	width:60%;
}

@media screen and (max-width: 769px) {
	.e87-index-box {
		width:100%;
	}
}

ol.e87-list-index{
	margin-left:20px;
}
.e87-list-index-unit{
	list-style-type: decimal !important;
	margin-left:20px;
} */

/* .e87-h3-title{
	background:linear-gradient(transparent 60%, rgba(208, 225, 239, 0.6) 0%) !important;
} */


.e87-column-btn{
	background:#02325a;
	color:#fff;
	align:center;
	margin:40px auto 30px auto;
	width:50%;
	text-align:center;
	border:1px solid #02325b;
	transition:0.2s;
}

@media screen and (max-width: 769px) {
	.e87-column-btn {
		width:94%;
	}
}

.e87-column-btn:hover{
	background:#0b497d;
}

.e87-column-btn a{
	color:#fff !important;
	display:block;
	width:100%;
	height:100%;
	padding:20px;
	margin:auto;
}
@media screen and (max-width: 767px) {
	.e87-column-btn a{
		padding:3%;
	}
}


@media screen and (min-width: 768px){
.br-sp {display: none; }
}

/*2023-05-25　目次リニューアル*/

.e87-index-box {
  margin: 0 auto;
  background: #f2f2f2;
  padding: 8px;
  margin-top: 32px;
}
@media (min-width: 769px){
  .e87-index-box {
    width: 70%;
    padding: 16px;
  }
}

.e87-index-box ol.e87-lower-text {
  list-style: decimal !important;
  padding-left: 0px;
}
@media (min-width: 769px){
  .e87-index-box ol.e87-lower-text {
    padding-left: 25px;
  }
}

.e87-index-box ol.e87-lower-text li.e87-list-index-unit {
  border-bottom: 1px dotted;
  padding: 4px 0px;
  position: relative;
}

.e87-index-box ol li.e87-list-index-unit a {
  display: block;
  position: relative;
  width:96%;
}

.e87-index-box ol.e87-lower-text li.e87-list-index-unit a::after {
  content: '\25BC';
  position: absolute;
  right: -4%;
  top: 50%;
  transform: translateY(-50%);
}

/*2023-05-25　更新日*/
.update_date{text-align: right;}

/*2023-05-25　他のコラム*/
.e87-other-column{
  border: 1px solid;
  margin-top: 3%;
}
@media (max-width: 768px){
  .e87-other-column .e87-column-image__text-with-image__img{
    width: 50%;
    margin:3% auto;
  }
}

.e87-other-column-heading{
  text-align: center;
  margin-bottom:1%;
  margin-top:3%;
}

.e87-other-column._with-heading{
  margin-top: 0;
}

.e87-other-column .e87-column-image__text-with-image__img{
  width:23%;
}
@media (max-width: 768px){
  .e87-other-column .e87-column-image__text-with-image__img{
    width: 70%;
    margin:3% auto;
  }
}

.e87-other-column .e87-other-column-wrap{
  width: 75%;
}
@media (max-width: 768px){
  .e87-other-column .e87-other-column-wrap{
    width:100%;
  }
}

.e87-other-column a{
  padding:2%;
  color:#000;
  display: block;
  transition:0.2s;
}

@media (min-width: 768px){
  .e87-other-column a:hover{
    opacity:0.8;
    text-decoration: underline;
  }
}

.e87-other-column .e87-other-column-wrap h4{
  margin:0;
}

.e87-other-column .e87-column-image__text-with-image__text{
 width:unset;
 font-size: 14px;
}
@media (max-width: 768px){
  .e87-other-column .e87-column-image__text-with-image__text{
    font-size:13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.e87-other-column .e87-column-image__text-with-image{
  align-items: center;
}
@media (min-width: 769px){
  .e87-other-column .e87-column-image__text-with-image{
    margin-bottom:0;
  }
}

.e87-other-column .e87-other-column-more{
  text-align: right;font-size: 14px;margin: 0;
}
@media (max-width: 768px){
  .e87-other-column .e87-other-column-more{
    font-size:12px;
  }
}

/*2023-05-26　見出し改修*/
  
  .e87-lower-heading__text {
    border-bottom: 2px solid #4c4c4c;
    text-align: center;
    position:relative;
    background:unset;
    padding: 3% 1%;
    margin: 0 3%;
    font-size: 1.8rem;
  }
  @media (min-width: 769px){
    .e87-lower-heading__text {
        font-size: 2.25rem;
        margin: 0;
        padding: 22px 30px;
    }
    }

  .e87-lower-heading__text::before {
    content: '';
    position: absolute;
    width: 60%;
    height: 2px;
    background: #4c4c4c;
    z-index: 100;
    bottom: -2px;
    left: 0;
}

.e87-lower-heading__text::after {
  content: '';
  position: absolute;
  width: 40%;
  height: 2px;
  background: #116496;
  z-index: 100;
  bottom: -2px;
  right: 0;
}

/*2023-05-26　小見出し改修*/

.e87-h3-title{
  border-left: 8px double #116496;
  padding: 4px 0.5em;
  background:unset;
}
@media (min-width: 769px){
  .e87-h3-title{
    margin: 1.5em 0 1em;
    font-size: 1.1em;
  }
}

.e87-lower-heading--02::before{
  content: unset!important;
}

/*2023-05-26　recommend item*/

.e87-column-image__single_small{
  text-align: center;
  margin: 3% 0;
  padding:0 6%;
}
@media (min-width: 769px){
  .e87-column-image__single_small{
    padding:0;
  }
 
}

.e87-column-image__single_small:last-child{
  margin-right: 0;
}

.e87-column-image__single_small a{
  transition:0.2s;
}

.e87-column-image__single_small a:hover{
  opacity:0.8;
}

.area_info{
  width:100%;
  margin: 0 auto;
}
@media (min-width: 769px){
  .area_info{
    width:60%;
  }
}
.area_info ._name,.area_info ._price{
  margin:0;
  color:#333;
}

.area_info ._price{
  font-size:smaller;
}

/*2023-05-26　eyecatch*/

.e87-lower-intro-eyecatch {
  margin-bottom: 16px;
  text-align: center;
  margin-top: 3%;
}
@media (min-width: 769px){
.e87-lower-intro-eyecatch {
    text-align: center;
    margin-bottom: 16px;
    margin-top: 40px;
    transition:0.2s;
}
/* .e87-lower-intro-eyecatch:hover {
  opacity:0.8;
} */
}

/* よく読まれているコラム */
.wrap-recommend-column{
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.wrap-recommend-column .e87-recommend-column{
  width:49%;
  border: 1px solid #eee;
  padding:2%;
position:relative;
margin-bottom: 2%;
}

.wrap-recommend-column .e87-recommend-column::after {
  content: "";
  position: absolute;
  bottom: 4px;
  right: 4px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 10px 16px;
  border-color: transparent transparent #ffa4b9 transparent;
  transition: 0.2s;
}

.e87-recommend-column-wrap h4{
  font-size: 13px;
  margin:0.5em 0;
}

.e87-recommend-column-wrap .e87-recommend-column__text{
  font-size: 13px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
margin:0.5em 0;
}


@media (min-width: 769px){

.wrap-recommend-column{
  justify-content: space-evenly;
}
  
.wrap-recommend-column .e87-recommend-column{
  width:31%;
  transition:0.2s;
  padding:1%;
}

.wrap-recommend-column .e87-recommend-column:hover{
  opacity:0.6;
}

.e87-recommend-column-wrap h4{
  font-size: 15px;
}

.e87-recommend-column-wrap .e87-recommend-column__text{
  font-size: 14px;
}

.wrap-recommend-column .e87-recommend-column::after {
  border-width: 0 0 15px 21px;
}

}

/* h3 */

h3.e87-lower-heading__text_h3{
  border-left: 8px double #116496;
  padding: 4px 0.5em;
		margin-top: 2em;
}
@media (min-width: 769px){
  h3.e87-lower-heading__text_h3{
    margin: 2em 0 1em;
    font-size: 1.1em;
  }
}

/* .e87-grid--gutter-large {
  margin-bottom: 0;
  margin-left: -36px;
} */

/* 父の日TOP遷移バナー */
p._to_father-top{
  width:100%
}
@media (min-width: 769px){
  p._to_father-top{
    width:65%;
				
  }
}
p._to_father-top a{
  transition:0.2s;
}
@media (min-width: 769px){
  p._to_father-top a:hover{
    opacity:0.6;
				
  }
}

/* スタイル・価格から選ぶ */

.search_style .search_style_list{
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
  }

  .search_style .search_style_list .search_style_contents{
    text-align: center;
    margin-top:4%;
    width:49%;
  }

  .search_style .search_style_list .search_style_contents .wrap_heading{
    display: block;
    font-weight: bold;
    margin: 0 auto;
    position:relative;
    font-size: min(3.6vw,14px);
    /* border-bottom:1px solid; */
    background: #F6F0EE;
  }

  .search_style .search_style_list .search_style_contents .wrap_heading::before{
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 2%;
    margin: auto;
    box-sizing: border-box;
    border: 3px solid transparent;
    border-left: 5px solid #e66784;
    z-index: 2;

  }

  .search_style .search_style_list .search_style_contents .wrap_heading::after{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 2%;
    margin: auto;
    content: "";
    width: 10px;
    height: 10px;
    border: 1px solid #e66784;
    border-radius: 9px;
    background: #FFF;
    z-index: 1;

  }

  .search_style .search_style_list .search_style_contents .wrap_heading a{
    color:#333;
    display:block;
      padding: 6px 0 6px 0;
      font-size: min(3.6vw,14px);
  }

  .search_style .search_style_list .search_style_contents .hide_child li a{
    color:#333;
    display:block;
    padding:8px 0;
    border-bottom: 1px dotted;
    position:relative;
  }

  .search_style .search_style_list .search_style_contents .hide_child li a::after{
    content:'';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    display: inline-block;
    width: 4px;
    height: 6px;
    content: '';
    background-image: url(/corp/img/icon/caret-right.png);
    background-size: 100%;
    background-repeat: no-repeat;
  }

  .search_style .search_style_list._multi3 .search_style_contents span{
   width:100%;
  }

  .search_style .search_style_list .search_style_contents .hide_child li{
    width:100%;
    font-size: 13px;
    text-align: left;
  }


  @media (min-width: 769px){

    .e87-list-index-unit .list-index-child a{
      font-size: smaller;
    }

    .search_style .search_style_list{
      display:flex;
      padding:0;
    }

    .search_style .search_style_list .search_style_contents{
      width: 50%;
      justify-content: space-between;
      padding: 1%;
      align-items: flex-start;
      margin:0;
    }

    .search_style .search_style_list .search_style_contents .wrap_heading:hover a{
      text-decoration: underline;
      
    }

    .search_style .search_style_list .search_style_contents .wrap_heading:hover{
     
      opacity:0.8;
    }

    .search_style .search_style_list .search_style_contents .hide_child li:hover a{
      text-decoration: underline;
      opacity:0.8;
    }

    .search_style .search_style_list .search_style_contents .hide_child li:hover{
     
      opacity:0.8;
    }

    .search_style .search_style_list .search_style_contents .hide_child li{
      font-size:14px;
      width: 49%;
    }

    .search_style .search_style_list._multi3{
      display: flex;
      flex-wrap:wrap;
    }

    .search_style .search_style_list._multi3 .search_style_contents{
      width: 33%;
    }

    .search_style .search_style_list._multi4{
      justify-content: unset;
    }

    .search_style .search_style_list._multi4 .search_style_contents{
      width: 25%;
    }

    .search_style .search_style_list .search_style_contents .wrap_heading a{
      padding: 8px 0 8px 9px;
      font-size: min(1.5vw,15px);
    }

    .search_style .search_style_list .search_style_contents .hide_child li a{
      border-bottom: none;
    }

    

    .search_style .search_style_list .search_style_contents .wrap_heading::before{
      right: 3%;
      box-sizing: border-box;
      border: 4px solid transparent;
      border-left: 6px solid #e66784;
  
    }
  
    .search_style .search_style_list .search_style_contents .wrap_heading::after{
      right: 3%;
      width: 14px;
      height: 14px;
  
    }

    .search_style .search_style_list .search_style_contents .hide_child{
      display:flex;
      flex-wrap: wrap;
      justify-content: center;
    }

    .search_style .search_style_list .search_style_contents .hide_child li a::after{
      content:unset;
    }
   
  }

  /*---------------------------------
.area_btn
-----------------------------------*/
.area_btn {text-align: center;margin-top: 3%;padding: 0 3%;}
.area_btn p.btn_text {width: 100%;position: relative;font-size: 16px;padding: 2% 0;display: inline-block;background: #6498b7;color: #fff;font-weight: bold;border-radius: 10px;line-height: 1.6;transition: .2s;box-sizing: border-box;text-align: center;}
.area_btn p.btn_text .btn_sub_text{font-size:smaller;}
.area_btn._recommend p.btn_text::before {background: url(https://img.e87.com/selection/father/2023images/submit_icon.png) no-repeat;background-size: contain;}
.area_btn p.btn_text::after {content: "";position: absolute;background: url(https://img.e87.com/selection/mother/2022images/index_arrow.png) no-repeat;width: 10px;height: 14px;right: 23px;top: 50%;transform: translate(0 , -50%);background-size: contain;transition: 0.2s;}
.area_btn._recommend p.btn_text {background: #fbc32a;}
.area_btn p.btn_text::before {content: "";position: absolute;background: url(https://img.e87.com/selection/father/2023images/submit_style_icon.png) no-repeat;width: 10%;height: 60%;left: 3%;top: 50%;transform: translate(0 , -50%);background-size: contain;}

@media (min-width: 769px){
.area_btn{text-align: center;}
.area_btn p.btn_text{width:65%;max-width:680px;position:relative;font-size: 20px;padding:1%;display: inline-block;background: #6498b7;color: #fff;font-weight: bold;border-radius: 10px;line-height: 1.4;transition: .2s;box-sizing: border-box;text-align: center;}
.area_btn._recommend p.btn_text::before{background: url(https://img.e87.com/selection/father/2023images/submit_icon.png) no-repeat;width: 58px;height: 64px;left: 23px;top: 50%;transform: translate(0 , -50%);background-size: contain;}
.area_btn p.btn_text::after{content: "";position: absolute;background: url(https://img.e87.com/selection/mother/2022images/index_arrow.png) no-repeat;width: 10px;height: 14px;right: 23px;top: 50%;transform: translate(0 , -50%);background-size: contain;transition:0.2s;}
.area_btn p.btn_text:hover{background:#6498b7;opacity:0.8;}
.area_btn p.btn_text:hover:after{right:12px;}
.area_btn._recommend p.btn_text{background: #fbc32a;}
.area_btn._recommend p.btn_text:hover{background:#e96c3a;}
.area_btn p.btn_text::before{content: "";position: absolute;background: url(https://img.e87.com/selection/father/2023images/submit_style_icon.png) no-repeat;width: 58px;height: 64px;left: 20px;top: 50%;transform: translate(0 , -50%);background-size: contain;}
}

._price._normal{text-decoration: line-through;}
._price._special{font-size:16px;color:red;}