@charset "UTF-8";
/*------------------------------------------
共通
-------------------------------------------*/
/*PC
-----------------------------------------------------------------------------*/
#mainv .inner {
  background-image: linear-gradient(90deg, #f0f2f1, #f0f2f1 48%, rgba(240, 242, 241, 0) 55%, rgba(240, 242, 241, 0) 95%, #f0f2f1 99%, #f0f2f1), url(../images/couple/mainv_bg.jpg);
  background-size: auto auto, auto 100%;
  background-position: left top, right top;
}

@media only screen and (max-width: 750px) {
  #mainv .inner {
    display: flex;
    align-items: center;
    background-image: linear-gradient(90deg, #f0f2f1, #f0f2f1 20%, rgba(240, 242, 241, 0) 40%, rgba(240, 242, 241, 0)), url(../images/couple/mainv_bg.jpg);
    background-size: auto auto, auto 100%;
    background-position: left top, right 50% bottom;
    height: 36.2vw;
  }
}
#mainColmun.archive {
  margin: 50px 0 0;
}
#mainColmun.archive .lead {
  font-size: 22px;
  margin: 0 0 60px;
}
#mainColmun.archive ul {
  column-gap: 30px;
  row-gap: 30px;
}
#mainColmun.archive ul li {
  width: calc((100% - 60px) / 3);
  background: #FAF7EE;
  border: solid 1px #DDD;
  box-sizing: border-box;
}
#mainColmun.archive ul li:nth-child(3n) {
  margin-right: 0;
}
#mainColmun.archive ul li figure {
  width: 100%;
  height: 250.5px;
}
#mainColmun.archive ul li figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#mainColmun.archive ul li .textArea {
  padding: 20px 20px 30px;
}
#mainColmun.archive ul li .textArea .title {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 20px;
}
#mainColmun.archive ul li .textArea .name {
  margin: 0 0 5px;
}
#mainColmun.archive ul li .textArea .name span {
  font-weight: bold;
  margin: 0 1em 0 0;
  display: inline-block;
}
#mainColmun.archive ul li .textArea .name span.man {
  color: #4967E7;
}
#mainColmun.archive ul li .textArea .name span.woman {
  color: #EA2588;
}
#mainColmun.archive ul li .textArea .date {
  font-size: 12px;
}
#mainColmun.archive ul li .textArea .text {
  font-size: 13px;
  margin: 10px 0 0;
  white-space: pre-wrap;
}

/*SP
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 750px) {
  #mainColmun.archive {
    margin: 8vw 0 0;
  }
  #mainColmun.archive .lead {
    font-size: 18px;
    margin: 0 0 30px;
  }
  #mainColmun.archive ul {
    margin: 0 5vw;
    column-gap: 5vw;
    row-gap: 0;
  }
  #mainColmun.archive ul li {
    width: 100%;
    margin: 0 0 10vw;
  }
  #mainColmun.archive ul li figure {
    width: 100%;
    height: 62vw;
  }
  #mainColmun.archive ul li figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #mainColmun.archive ul li .textArea {
    padding: 5vw 5vw 10vw;
  }
  #mainColmun.archive ul li .textArea .title {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px;
  }
  #mainColmun.archive ul li .textArea .name {
    margin: 0 0 5px;
  }
  #mainColmun.archive ul li .textArea .date {
    font-size: 12px;
  }
  #mainColmun.archive ul li .textArea .text {
    font-size: 13px;
    margin: 10px 0 0;
    white-space: pre-wrap;
  }
  /*--------------------------endSP--------------------------------*/
}

/*# sourceMappingURL=couple.css.map */