/**
 * Template: snow-monkey
 * Theme Name: Snow Monkey Child
 */
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap');
body {
font-family: 'Zen Kaku Gothic New', sans-serif;
}
header.l-header.l-header--center {
    display: none;
}
.c-copyright.c-copyright--inverse {
    display: none;
}

/* table用 */
.table-wrap {
    overflow-x: auto;
}
table.table-comparison {
    width: 100%;
    min-width: 600px;
}

table.table-comparison th,td {
   padding: 1em 1.5em;
}

.table-comparison th {
    color: #000 !important;
	border: unset !important;
}

.table-comparison thead {
    background: unset !important;
}
.table-comparison th {
    color: #000 !important;
    border-radius: 25px 25px 0 0;
}
.table-comparison th.table-001 {
    background: #E2DA8B !important;
}

.table-comparison th.table-002 {
    background: #3798D9 !important;
}

td.table-001 {
    background: #E2DA8B;
}
td.table-002 {
    background: #3798D9;
}

/* 追尾page-top なし */
div#page-top {
    display: none;
}
/* OPENINGモーダル用 */
.modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
}

.modal-content {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.close {
  color: #aaa;
  float: right;
  font-size: 4rem;
  font-weight: bold;
  cursor: pointer;
}

.modal-content--box {
  max-width: 600px;
  padding: 20px;
  background-color: #fff;
  border: 1px solid #888;
  text-align: center;
}
/* <!-- floating バナー	========= --> */
      .scroll-top {
        display: inline-block;
        position: fixed;
        right: .5%;
        bottom: 5%;
        z-index: 9999;
        text-align: center;
      }
      
      @media screen and (max-width: 783px) {
        .scroll-top {
          bottom: 0%;
        }
      }
      
      .scroll-top img {
        width: 8em;
        height: auto;
      }
      
      .scroll-top:hover {
        cursor: pointer;
        opacity: 0.7;
      }
      
      .scroll-top {
        opacity: 0;
        transition: opacity 350ms ease;
      }
      
      .is-hide {
        display: none;
      }
      
      .photo-container {
        position: fixed;
        width: 100%;
/*         height: 100%; */
		  height: 100vh;
        height: calc(var(--vh, 1vh) * 100);
        overflow-y: auto;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: rgba(0, 0, 0, 0.9);
        padding: 5%;
        color: #fff;
        transition: left 350ms ease;
        z-index: 9998;
      }
      
      .photo-container img {
        max-width: 100%;
        height: auto;
      }
      
/*       .photo-container-contents {
        display: grid;
        place-items: center;
		 height: 100%;
   		 width: 100%;
      } */
		.photo-container-contents {
			display: flex;
			place-items: center;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			width: 100%;
			height: 100%;
		}
      
      .close-button {
        position: absolute;
        top: 3%;
        right: 10%;
        background-color: transparent;
        border: none;
        color: #fff;
        padding: 10px;
        cursor: pointer;
      }
@media screen and (max-width 768px){
/* 	.close-button {
        top: 0%;
        right: 10%;
      } */
}
      
      .photo-container.is-hide {
        left: 50%;
      }
      .photo-container:not(.is-hide) {
        left: 50%;
      }
      
      .modal-open {
        overflow: hidden;
      }
	
	.shake-002{
      transform-origin: center bottom;
      animation: yurayura 2s linear infinite;
   }

	@keyframes yurayura {
	  0% , 100%{
		  transform: rotate(2deg);
	  }
	  50%{
		  transform: rotate(-2deg);
	  }
	}