* {
	  box-sizing: border-box;
	}

	/* モーダル */
	.modal__overlay {
	  align-items: center;
	  background: rgba(0,0,0,.6);
	  bottom: 0;
	  display: flex;
	  justify-content: center;
	  left: 0;
	  position: fixed;
	  right: 0;
	  top: 0;
	  z-index: 100;
	}

	.modal__container {
	  background-color: #fff;
	  max-height: 85vh;
	  max-width: 1024px;
	  overflow-y: auto;
	  padding: 10px;
	  width: 98%;
	}

	.modal__header {
	  align-items: center;
	  display: flex;
	  justify-content: space-between;
	}

	.modal__close {
	  background: transparent;
	  border: 0;
	}

	.modal__header .modal__close::before {
	  content: "\2715";
	}

	.modal__content {
	  line-height: 1.5;
	  margin-bottom: 1rem;
	  margin-top: 1rem;
	}

	.modal__open {
	  display: block;
	  margin: 100px auto;
	}

	/* モーダルアニメーション */
	@keyframes mmfadeIn {
	  from {
	    opacity: 0;
	  }
	  to {
	    opacity: 1;
	  }
	}

	@keyframes mmfadeOut {
	  from {
	    opacity: 1;
	  }
	  to {
	    opacity: 0;
	  }
	}

	@keyframes mmslideIn {
	  from {
	    transform: translateY(15%);
	  }
	  to {
	    transform: translateY(0);
	  }
	}

	@keyframes mmslideOut {
	  from {
	    transform: translateY(0);
	  }
	  to {
	    transform: translateY(-10%);
	  }
	}

	.micromodal-slide {
	  display: none;
	}

	.micromodal-slide.is-open {
	  display: block;
	}

	.micromodal-slide[aria-hidden="false"] .modal__overlay {
	  animation: mmfadeIn .3s cubic-bezier(.0, .0, .2, 1);
	}

	.micromodal-slide[aria-hidden="false"] .modal__container {
	  animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
	}

	.micromodal-slide[aria-hidden="true"] .modal__overlay {
	  animation: mmfadeOut .3s cubic-bezier(.0, .0, .2, 1);
	}

	.micromodal-slide[aria-hidden="true"] .modal__container {
	  animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
	}

	.micromodal-slide .modal__container,
	.micromodal-slide .modal__overlay {
	  will-change: transform;
	}