/*-----
* default-style.css ver1.0.0
* テーマのデフォルト設定
-----*/
/***** common *****/

/***** site-header *****/
.site-header{
	width: 100%;
	position: fixed;
	z-index: 10;
}
.site-header>.inner{
	width: 100%;
	max-width: 1200px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	margin: auto;
}
.site-header>.inner>p{
	color: #fff;
}
.site-header .gmenu>.head-menu>.default-menu{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.site-header .gmenu>.head-menu>.default-menu>li:not(:last-child){
	margin-right: 1rem;
}
.site-header .gmenu>.head-menu>.default-menu>li>a{
	color: #fff;
}
.site-header .gmenu>.head-menu>.default-menu>li>a:hover{
	opacity:0.5;
}
.site-header .gmenu>.sp-gmenu-close{
	display: none;
}
@media screen and (max-width:768px){
	.site-header>.inner{
		height: calc(30px + 2rem);
		padding: 1rem 5%;
	}
	.site-header .gmenu{
		display: none;
		justify-content: flex-start;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgb(0 0 0 / 50%);
		z-index: 1;
		opacity: 0;
		transition: all 300ms 0s ease;
	}
	.site-header .gmenu.sp-active{
		opacity: 1;
	}
	.site-header .gmenu>.head-menu{
		width: 80%;
		background-color: var(--key-color);
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		transform: translateX(-100%);
		transition: all 300ms 0s ease;
	}
	.site-header .gmenu.sp-active>.head-menu{
		transform: translateX(0%);
	}
	.site-header .gmenu>.head-menu>.default-menu{
		width: 100%;
		flex-wrap: nowrap;
		flex-direction: column;
		align-items: flex-end;
		padding: calc(30px + 2rem) 2rem 0 0;
	}
	.site-header .gmenu>.head-menu>.default-menu>li:not(:last-child){
		margin-right: 0rem;
		margin-bottom: 1rem;
	}
	.site-header .gmenu>.sp-gmenu-close{
		display: inline-block;
		position: absolute;
		top: 1rem;
		right: 0.6rem;
		height: 2.3rem;
		font-weight: normal;
		font-family: monospace;
	}
	.site-header .gmenu>.sp-gmenu-close>div{
		height: inherit;
	}
	.site-header .gmenu>.sp-gmenu-close>div>span{
		display: inline-block;
		font-size: 3rem;
		color: #fff;
		line-height: 0.6em;
		height: 100%;
	}
}
/***** site-footer *****/
.site-footer{
	background-color: var(--key-color);
}
.site-footer>.inner{
	width: 100%;
	max-width: 1200px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin: auto;
	padding: 1rem 2%;
}
.site-footer>.inner>p{
	color: #fff;
}
.site-footer .foot-menu{
	
}
.site-footer .foot-menu>.default-menu{
	
}
.site-footer .foot-menu>.default-menu>li:not(:last-child){
	margin-right: 1rem;
}
.site-footer .foot-menu>.default-menu>li>a{
	color: #fff;
}
.site-footer .foot-menu>.default-menu>li>a:hover{
	opacity:0.5;
}
.site-footer .copyright{
	text-align: center;
}
.site-footer .copyright>p{
	font-size: 0.9rem;
	color: #fff;
}
@media screen and (max-width:768px){
	.site-footer>.inner{
		padding: 1rem 5%;
	}
	
}
/***** basic-box *****/
.basic-box>.inner{
	width: 100%;
	max-width: 1200px;
	margin: auto;
	padding: 2rem 2%;
}