@charset "utf-8";



/*くるくる*/

.ani_btn01 {

    /* ここで動く速度とか設定 */

    transition: all 1s ease;

    -webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

}

.ani_btn01:hover {

    transform: rotateX(360deg);

    -webkit-transform: rotateX(360deg);

	-moz-transform: rotateX(360deg);

}





/*SPアコーディオンのくるくる*/

span .fa_ani {

    /* ここで動く速度とか設定 */

    transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

}

span.open .fa_ani {

    /*transform: rotate(625deg);

    -webkit-transform: rotate(625deg);*/

    transform: rotate(270deg);

    -webkit-transform: rotate(270deg);

	-moz-transform: rotate(270deg);

}



/*SP言語ボタン*/

.btn02 .earth {

    /* ここで動く速度とか設定 */

    transition: all 3s ease;

    -webkit-transition: all 3s ease;

	-moz-transition: all 3s ease;

}

.btn02 .active {

    /*transform: rotate(625deg);

    -webkit-transform: rotate(625deg);*/

    transform: rotate(360deg);

    -webkit-transform: rotate(360deg);

	-moz-transform: rotate(360deg);

}





/*SPメニューボタン*/

.menu-trigger,

.menu-trigger span {

	display: inline-block;

	transition: all .4s;

	box-sizing: border-box;

}

.menu-trigger {

	position: relative;

	width: 100%;

	height: 45px;

	margin: 17% 0 20% 0;

    display: block;

}

.menu-trigger:hover {

	opacity:1;

}

.menu-trigger span {

	position: absolute;

	left: 0;

	width: 100%;

	height: 18%;

	background-color: #ada19a;

}

.menu-trigger span:nth-of-type(1) {

	top: 0;

}

.menu-trigger span:nth-of-type(2) {

	top: 40%;

}

.menu-trigger span:nth-of-type(3) {

	top: 82%;

}

.menu-trigger::after {

	position: absolute;

    top: 50%;

    left: 50%;

    display: block;

    content: '';

    width: 50px;

    height: 50px;

    margin: -30px 0 0 -30px;

	border-radius: 50%;       /* CSS3草案 */  

    -webkit-border-radius: 50%;    /* Safari,Google Chrome用 */  

    -moz-border-radius: 50%;   /* Firefox用 */ 

    border: 4px solid rgba(173, 161, 154, 0);

    transition: all .75s;

}

.menu-trigger.active span:nth-of-type(1) {

	-webkit-transform: translateY(18px) rotate(-45deg);

	transform: translateY(18px) rotate(-45deg);

}

.menu-trigger.active span:nth-of-type(2) {

	left: 60%;

	opacity: 0;

	-webkit-animation: active-menu-bar02 .8s forwards;

	animation: active-menu-bar02 .8s forwards;

}

@-webkit-keyframes active-menu-bar02 {

	100% {

		height: 0;

	}

}

@keyframes active-menu-bar02 {

	100% {

		height: 0;

	}

}

.menu-trigger.active span:nth-of-type(3) {

	-webkit-transform: translateY(-20px) rotate(45deg);

	transform: translateY(-20px) rotate(45deg);

}

.menu-trigger.active::after {

	-webkit-animation: circle .4s .25s forwards;

	animation: circle .4s .25s forwards;

}

@-webkit-keyframes circle {

	0% {

		border-color: transparent;

		-webkit-transform: rotate(0);

	}

	25% {

		border-color: transparent #fff transparent transparent;

	}

	50% {

		border-color: transparent #fff #fff transparent;

	}

	75% {

		border-color: transparent #fff #fff #fff;

	}

	100% {

		border-color: #fff;

		-webkit-transform: rotate(-680deg);

	}

}

@keyframes circle {

	0% {

		border-color: transparent;

		transform: rotate(0);

	}

	25% {

		border-color: transparent #fff transparent transparent;

	}

	50% {

		border-color: transparent #fff #fff transparent;

	}

	75% {

		border-color: transparent #fff #fff #fff;

	}

	100% {

		border-color: #fff;

		transform: rotate(-680deg);

	}

}




/*mapレスポンシブ*/

.google-map {
    position: relative;
    width: 100%;    /* 左右に余白が必要なら値を変更してもOK */
    height: 0;
    padding-bottom: 56.25%;    /* padding-topでもOK */
    overflow: hidden;
}
.google-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;    /* 必要であれば!importantを付けてください */
    height: 100%;    /* 必要であれば!importantを付けてください */
}