/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 12 2024 | 02:43:23 */
/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 29 2022 | 05:03:54 */
.site-body {
  /* --- 全体のBOX定義 ---------------------------------------- */ }
  @media (max-width: 599px) {
  .site-body {
    padding : 0; } }

.box {
  position	: relative;
  width		: 100%;
  height		: 100%;
  margin		: auto;
  overflow	: hidden;
  /* --- 背景の指定 ------------------------------------------- */ }
  .box .bgImg {
    position: absolute;
    top		: 0;
    left	: 0;
    bottom	: 0;
    right	: 0;
    opacity	: 0;
    /* 4画像 × 各5s = 20s */
    animation: bgAnime 15s infinite;
    /* --- 段差で背景画像のアニメーションを実行 ----------------- */ }
  .box .src1 {
    background		: center / cover no-repeat url(https://nlinks.gosougi.co.jp/wp-content/uploads/2022/05/39th_funeral04.jpg); }
    @media (max-width: 599px) {
  .box .src1 {
    background	 : center / cover no-repeat url(https://nlinks.gosougi.co.jp/wp-content/uploads/2022/05/39th_funeral04.jpg); } }
  .box .src2 {
    background		: center / cover no-repeat url(https://nlinks.gosougi.co.jp/wp-content/uploads/2022/01/top02.jpg);
    animation-delay : 5s; }
    @media (max-width: 599px) {
  .box .src2 {
    background	 : center / cover no-repeat url(https://nlinks.gosougi.co.jp/wp-content/uploads/2022/01/top02_sp.jpg); } }
  .box .src3 {
    background		: center / cover no-repeat url(https://nlinks.gosougi.co.jp/wp-content/uploads/2022/01/top03.jpg);
    animation-delay	: 10s;
    /* --- 前面の文字定義（サンプルのため変更してください） ----- */ }
    @media (max-width: 599px) {
  .box .src3 {
    background	 : center / cover no-repeat url(https://nlinks.gosougi.co.jp/wp-content/uploads/2022/01/top03_sp.jpg); } }
  .box .boxString {
    position		: absolute;
    display			: flex;
    width			: 100%;
    height			: 100%;
    justify-content	: center;
    align-items		: center;
    background		: rgba(0, 0, 0, 0.5); }
    .box .boxString strong {
      font-size	: 2rem;
      color		: white; }

@keyframes bgAnime {
  0% {
    opacity: 0; }

  5% {
    opacity: 1; }

  25% {
    opacity: 1; }

  30% {
    opacity: 0; }

  100% {
    opacity: 0; } }

.site-body-container.container {
  max-width	: initial;
  height		: 100%; }

.calendar_box {
  position		: absolute;
  width			: 25vw;
  height			: 400px;
  left			: 5vw;
  bottom			: 5vh; }
  .calendar_box iframe {
    width		: 100%;
    height		: 100%; }
  @media (max-width: 1024px) {
  .calendar_box {
    width			: 90vw;
    height			: 30vh;
    top				: 5vh;
    right			: 0;
    left			: 0;
    margin			: 0 auto; } }

.info_mes {
  position		: absolute;
  width			: 25vw;
  height			: 400px;
  right			: 5vw;
  bottom			: 5vh;
  background-color: rgba(134, 193, 102, 0.5); }
  @media (max-width: 1024px) {
  .info_mes {
    width			: 90vw;
    height			: 30vh;
    right			: 0;
    left			: 0;
    margin			: 0 auto; } }
  .info_mes #infp_mes_inner {
    position		: relative;
    width			: 100%;
    height			: 100%;
    margin			: 1rem;
    background-color: rgba(255, 255, 255, 0.75); }
    .info_mes #infp_mes_inner #mes_box {
      width		: 100%;
      height		: 65%;
      box-sizing	: border-box;
      padding		: 1rem; }
      .info_mes #infp_mes_inner #mes_box p {
        height		: 100%;
        overflow	: auto; }
    .info_mes #infp_mes_inner #box_footer {
      position		: absolute;
      display			: flex;
      width			: 100%;
      height			: auto;
      bottom			: 0;
      background-color: rgba(134, 193, 102, 0.5);
      align-items		: center; }
      .info_mes #infp_mes_inner #box_footer span {
        margin-left	: 1rem; }
        .info_mes #infp_mes_inner #box_footer span .wpulike {
          display	: flex;
          padding	: 5px 0; }