@charset "utf-8";
/* CSS Document */
/*　ハンバーガーメニューボタン　*/
.hamburger {
	display : block;
	position: fixed;
	z-index : 20;
	right : 20px;
	top	 : 5px;
	width : 42px;
	height: 42px;
	cursor: pointer;
	text-align: center;
	background-color:#f88;
}
.active{
	background-color:#fff;
}

.hamburger span {
	display : block;
	position: absolute;
	width	 : 30px;
	height	: 2px ;
	left		: 6px;
	background : #fff;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition	 : 0.3s ease-in-out;
	transition				: 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
	top: 10px;
}
.hamburger span:nth-child(2) {
	top: 20px;
}
.hamburger span:nth-child(3) {
	top: 30px;
}

/* スマホメニューを開いてる時のボタン */
.hamburger.active span:nth-child(1) {
	top : 16px;
	left: 6px;
	background :#ff8080;
	-webkit-transform: rotate(-45deg);
	-moz-transform	 : rotate(-45deg);
	transform				: rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
	top: 16px;
	background :#ff8080;
	-webkit-transform: rotate(45deg);
	-moz-transform	 : rotate(45deg);
	transform				: rotate(45deg);
}

/* メニュー背景　*/
nav.globalMenuSp {
	position: fixed;
	z-index : 19;
	top	: 0;
	left : 0;
	color: #ff8080;
	background: #fff;
	text-align: center;
	width: 100%;
	height:100%;
	transform: translateX(-100%);
	transition: all 0.6s;
	font-family: "fot-tsukuardgothic-std", sans-serif;
	padding:100px;
}

nav.globalMenuSp ul {
	margin: 0 auto 0;
	padding: 0;
	width: 100%;
	max-width: 700px;
	display:flex;
	flex-wrap: wrap;
}

nav.globalMenuSp ul li {
	list-style-type: none;
	padding: 0;
	width: 46%;
	transition: .4s all;
	margin:5px 2%;
}
nav.globalMenuSp ul li:last-child {
	padding-bottom: 0;
}
nav.globalMenuSp ul li:hover{
	background :#fff;
}

nav.globalMenuSp ul li a {
	display: block;
	color: #ff8080;
	padding: 0.5em 0;
	text-decoration :none;
	border:solid 1px #f88;
	border-radius: 25px;
}
nav.globalMenuSp ul li a:hover {
	display: block;
	color: #fff;
	background-color:#f88;
	padding: 0.5em 0;
	text-decoration :none;
	border:solid 1px #f88;
	border-radius: 25px;
}

/* クリックでjQueryで追加・削除 */
nav.globalMenuSp.active {
	opacity: 100;
	display: block;
	 transform: translateX(0%);
}

nav.globalMenuSp .contact_box li{
	width:100%;

}
nav.globalMenuSp .contact_box li a {
	display: block;
	color: #fff;
	background-color:#f88;
	padding: 0.5em 0;
	text-decoration :none;
	border:solid 1px #f88;
	border-radius: 25px;
}
nav.globalMenuSp .contact_box li a:hover {
	display: block;
	color: #f88;
	background-color:#fff;
	padding: 0.5em 0;
	text-decoration :none;
	border:solid 1px #f88;
	border-radius: 25px;
}
.contact_title{
	margin:40px 0 20px;
	text-align: center;
}