@charset "UTF-8";
/* 各ページごとの設定 */
/*
@mixin pc_top_gradient{
	background-image: -webkit-linear-gradient( 0deg, rgba($top_bgcolor, 0.3),rgba($top_bgcolor, 0.3)), url(../images/top/mainv_bg.jpg);
	background-image: -ms-linear-gradient( 0deg, rgba($top_bgcolor, 0.3),rgba($top_bgcolor, 0.3)), url(../images/top/mainv_bg.jpg);
	background-size: auto auto, cover;
	background-position: left top, center, center;
}
@mixin sp_top_gradient{
	background-image: -webkit-linear-gradient( 0deg, rgba($top_bgcolor, 0.3),rgba($top_bgcolor, 0.3)), url(../images/top/mainv_bg.jpg);
	background-image: -ms-linear-gradient( 0deg, rgba($top_bgcolor, 0.3),rgba($top_bgcolor, 0.3)), url(../images/top/mainv_bg.jpg);
	background-size: auto auto, auto 100%;
	background-position: left top, center, center;
}
*/
/*------------------------------------------
共通
-------------------------------------------*/
/*PC
-----------------------------------------------------------------------------*/
@media print, screen and (min-width: 751px) {
  .inner {
    width: 1000px;
  }
  #mainv {
    background: #F9F9F9;
  }
  #mainv .inner {
    background-image: linear-gradient(90deg, #F9F9F9, #F9F9F9 28%, rgba(249, 249, 249, 0) 35%, rgba(249, 249, 249, 0) 95%, #F9F9F9 99%, #F9F9F9), url(../images/couple/mainv_bg.jpg);
    background-size: auto auto, auto 100%;
    background-position: left top, right top;
  }
  #mainv .inner h1 {
    color: #333;
    padding: 110px 0 130px;
  }
  #mainv .inner h1 span {
    font-size: 36px;
  }
  #mainColmun.archive .lead {
    font-size: 22px;
    margin: 0 0 60px;
  }
  #mainColmun.archive ul li {
    width: calc((100% - 60px) / 3);
    margin: 0 30px 50px 0;
  }
  #mainColmun.archive ul li:nth-child(3n) {
    margin-right: 0;
  }
  #mainColmun.archive ul li figure img {
    width: 100%;
  }
  #mainColmun.archive ul li .textArea {
    background: #FAF7EE;
    padding: 20px 20px 30px;
  }
  #mainColmun.archive ul li .textArea .title {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 20px;
  }
  #mainColmun.archive ul li .textArea .name {
    margin: 0 0 5px;
  }
  #mainColmun.archive ul li .textArea .name span {
    font-weight: bold;
  }
  #mainColmun.archive ul li .textArea .name span:first-child {
    color: #4967E7;
  }
  #mainColmun.archive ul li .textArea .name span:last-child {
    color: #EA2588;
  }
  #mainColmun.archive ul li .textArea .date {
    font-size: 12px;
  }
  /*--------------------------endPC--------------------------------*/
}
/*SP
-----------------------------------------------------------------------------*/
@media screen and (max-width: 750px) {
  .inner {
    width: 94vw;
    margin: 0 auto;
  }
  #mainv {
    background: #F9F9F9;
  }
  #mainv .inner {
    background-image: linear-gradient(90deg, #F9F9F9, #F9F9F9 20%, rgba(249, 249, 249, 0) 40%, rgba(249, 249, 249, 0)), url(../images/couple/mainv_bg.jpg);
    background-size: auto auto, auto 100%;
    background-position: left top, right 50% bottom;
  }
  #mainColmun.archive .lead {
    font-size: 18px;
    margin: 0 0 30px;
  }
  #mainColmun.archive ul {
    margin: 0 5vw;
  }
  #mainColmun.archive ul li {
    display: block;
    margin: 0 0 10vw;
  }
  #mainColmun.archive ul li figure img {
    width: 100%;
  }
  #mainColmun.archive ul li .textArea {
    background: #FAF7EE;
    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 .name span {
    font-weight: bold;
  }
  #mainColmun.archive ul li .textArea .name span:first-child {
    color: #4967E7;
  }
  #mainColmun.archive ul li .textArea .name span:last-child {
    color: #EA2588;
  }
  #mainColmun.archive ul li .textArea .date {
    font-size: 12px;
  }
  /*--------------------------endSP--------------------------------*/
}

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