/* ==========================================
   TOP｜諫早市・大村市 新設墓石バナー
========================================== */

.top-newgrave-banner{
  width:100%;
  padding:22px 15px;
  background:#f3f7fa;
}

.top-newgrave-link{
  position:relative;
  display:block;

  max-width:1100px;
  margin:0 auto;

  overflow:hidden;

  text-decoration:none !important;

  background:
    linear-gradient(
      135deg,
      #082f55 0%,
      #123f6d 48%,
      #1e5c91 100%
    );

  border-bottom:4px solid #c7a85a;

  box-shadow:
    0 7px 25px rgba(18,63,109,.20);
}


/* 和柄 */

.top-newgrave-link:before{
  content:"";

  position:absolute;
  inset:0;

  background-image:
    radial-gradient(
      circle at 50% 100%,
      transparent 27%,
      rgba(255,255,255,.07) 28%,
      rgba(255,255,255,.07) 31%,
      transparent 32%
    );

  background-size:58px 29px;

  pointer-events:none;
}


.top-newgrave-inner{
  position:relative;
  z-index:2;

  padding:35px 30px;

  text-align:center;

  color:#ffffff;
}


/* 上部 */

.top-newgrave-sub{
  display:inline-block;

  padding:4px 20px 7px;

  border-bottom:
    1px solid rgba(255,255,255,.55);

  color:#ffffff;

  font-size:15px;

  letter-spacing:2px;
}


/* メイン */

.top-newgrave-title{
  margin:12px 0 8px;

  color:#ffffff;

  line-height:1.4;
}

.top-newgrave-price{
  color:#f2d77e;

  font-size:34px;

  font-weight:bold;
}

.top-newgrave-text{
  color:#ffffff;

  font-size:27px;

  font-weight:bold;
}


/* 説明 */

.top-newgrave-desc{
  margin:8px 0 20px;

  color:#ffffff;

  font-size:14px;

  letter-spacing:.5px;
}


/* ボタン */

.top-newgrave-btn{
  display:inline-block;

  min-width:310px;

  padding:12px 25px;

  background:#ffffff;

  color:#123f6d;

  font-size:15px;

  font-weight:bold;

  box-shadow:
    0 4px 12px rgba(0,0,0,.12);
}

.top-newgrave-btn span{
  display:inline-block;

  margin-left:13px;

  color:#c29e42;

  font-size:18px;
}


/* ホバー */

.top-newgrave-link{
  transition:
    transform .2s,
    box-shadow .2s;
}

.top-newgrave-link:hover{
  transform:translateY(-2px);

  box-shadow:
    0 10px 30px rgba(18,63,109,.28);
}


/* ==========================================
   スマホ
========================================== */

@media screen and (max-width:700px){

  .top-newgrave-banner{
    padding:12px 10px;
  }

  .top-newgrave-inner{
    padding:27px 12px;
  }

  .top-newgrave-sub{
    padding:3px 7px 6px;

    font-size:12px;

    letter-spacing:1px;
  }

  .top-newgrave-title{
    margin-top:12px;
  }

  .top-newgrave-price{
    display:block;

    font-size:27px;
  }

  .top-newgrave-text{
    display:block;

    margin-top:2px;

    font-size:21px;
  }

  .top-newgrave-desc{
    max-width:290px;

    margin:10px auto 17px;

    font-size:12px;

    line-height:1.7;
  }

  .top-newgrave-btn{
    width:100%;

    min-width:0;
    max-width:300px;

    padding:12px 10px;

    font-size:14px;
  }

}