@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: -webkit-linear-gradient(0deg, #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-image: -ms-linear-gradient(0deg, #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(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: -webkit-linear-gradient(0deg, #F9F9F9, #F9F9F9 20%, rgba(249, 249, 249, 0) 40%, rgba(249, 249, 249, 0)), url(../images/couple/mainv_bg.jpg);
      background-image: -ms-linear-gradient(0deg, #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 */