@charset "utf-8";
/* CSS Document */
/*　ーー　ローディング画面　ーー　*/
#loading {
    position: relative;
    width: 100%;
    height: 100vh;
    background: #d6edfb;
    z-index: 999999;
}
#loading .loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}
#loading p.logo {
    width: 40%;
    max-width: 200px;
    margin: 0 auto;
}
#loading p.logo_chiikawa{
    width: 80%;
    max-width: 330px;
    margin: 30px auto;
}
#loading figure {
    width: 90%;
    max-width: 400px;
    margin: 2% auto 0;
}
#chiikawa {
    display: none;      /* 初期状態で非表示 */
    opacity: 0;         /* フェードイン用 */
    transition: opacity 1s;
}
/*　ーー　ハンバーガーメニュー　ーー　*/
.openbtn {
	position: relative;
	cursor: pointer;
    width: 58px;
}
.openbtn span {
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 50%;
	transform: translateX(-50%);
    height: 2px;
    border-radius: 5px;
	background: #ec9bad;
  	width: 45%;
  }
.openbtn span:nth-of-type(1) {
	top:17px;	
}
.openbtn span:nth-of-type(2) {
	top:23px;
}
.openbtn span:nth-of-type(3) {
	top:29px;
}
.openbtn.active span:nth-of-type(1) {
    top: 18px;
    left: 50%;
    transform: translate(-50%,6px) rotate(-45deg);
    width: 30%;
}
.openbtn.active span:nth-of-type(2) {
	opacity: 0;
}
.openbtn.active span:nth-of-type(3){
    top: 30px;
    left: 50%;
    transform:  translate(-50%,-6px) rotate(45deg);
    width: 30%;
}
/*　ーー　/ハンバーガーメニュー　ーー　*/