* {
	margin: 0;
	padding: 0;
}
.vertical-align input,
.vertical-align select{
	vertical-align:middle;
}
.poscenter div{
	margin: 0 auto;
	text-align: center;
}

body{
	-webkit-text-size-adjust:100%;
}
img{
	vertical-align:top;
}

.active {
	animation: fadein-keyframes 0.5s ease-in 0s 1 forwards;
}

.acd-check{
	display: none;
}
.acd-content{
	border: 1px solid #200020;
	color: #000000;
	height: 0;
	opacity: 0;
	padding: 0 0.1vw;
	transition: .5s;
	visibility: hidden;
}

.content{
	color:#000000; font-size: 3vw;
	margin: 0;
	padding: 0;
}
.acd-label{
	background: #DDDDFF;
	display: block;
	margin-bottom: 1px;
	padding: 0.1vw;
	color:#000000; font-size: 5vw;
	margin: 0;
	padding: 0;
}
.contentbigger{
	color:#000000; font-size: 5vw;
	margin: 0;
	padding: 0;
}
.contentsemibiggest{
	color:#000000; font-size: 6vw;
	margin: 0;
	padding: 0;
}
.contentbiggest{
	color:#000000; font-size: 7vw;
	margin: 0;
	padding: 0;
}
.acd-check:checked + .acd-label + .acd-content{
    opacity: 1;
    padding: 0.1vw;
    visibility: visible;
}

.active {
	animation: fadein-keyframes 0.5s ease-in 0s 1 forwards;
}

.popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: .6s;
}
.popup.is-show {
  opacity: 1;
  visibility: visible;
}
.popup-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 80%;
  max-width: 700px;
  padding: 50px;
  background-color: #fff;
  z-index: 2;
}
.popup-inner img {
  width: 50%;
}
.black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.8);
  z-index: 1;
  cursor: pointer;
}