/*----------------------- ナビゲーション -----------------------*/
.fix_head,
.fix_foot{
	 position: fixed;
	 width: 100%;
	z-index: 1000;
}
.fix_head > ul.mainmenu,
.fix_foot > ul{
	display: flex;
	justify-content: space-around;
}
.fix_head li a,
.fix_foot > ul li,
.fix_foot > ul li a,
.share{
	font-family: 'Oswald', sans-serif;
}
/*----------------------- ナビゲーション -----------------------*/

/*----------------------- ナビゲーション 上 -----------------------*/
.fix_head{
	 background-color: #fff;
	 top: 0;
	 padding: 20px 0;
	 transition: .5s all;
}
.scroll_head{
	padding: 0;
}
.fix_head > ul.mainmenu{
	width: 100%;
	padding: 0 5%;
	height: 60px;
}
.fix_head > ul > li{
	transition: .3s all;
}
.fix_head li a{
	color: #000;
	width: 100px;
	height: 55px;
	text-align: center;
	line-height: 45px;
	font-size: 20px;
	font-weight: bold;
	display: block;
}
.fix_head > ul.mainmenu > li::after{
	color: #777;
	display: block;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	margin-top: -20px;
}
.fix_head > ul.mainmenu > li:nth-child(1)::after{
	/* content: '制作実績'; */
	content: '\5236\4F5C\5B9F\7E3E';
}
.fix_head > ul.mainmenu > li:nth-child(2)::after{
	/* content: 'サービス'; */
	content: '\30B5\30FC\30D3\30B9';
}
.fix_head > ul.mainmenu > li:nth-child(3)::after{
	/* content: '理念'; */
	content: '\7406\5FF5';
}
.fix_head > ul.mainmenu > li:nth-child(5)::after{
	/* content: '会社概要'; */
	content: '\4F1A\793E\6982\8981';
}
.fix_head > ul.mainmenu > li:nth-child(6)::after{
	/* content: 'コンテンツ'; */
	content: '\30B3\30F3\30C6\30F3\30C4';
}
.fix_head > ul.mainmenu > li:nth-child(7)::after{
	/* content: 'お問合せ'; */
	content: '\304A\554F\5408\305B';
}
li.head_logo > a{
	width: 230px;
	text-align: center;
}
.head_logo img{
	width: 90%;
	margin-top: 10px;
	vertical-align: bottom;
	position: relative;
}
/*----------------------- ナビゲーション 上 -----------------------*/

/*----------------------- ナビゲーション 下-----------------------*/
.fix_foot{
	bottom: -180px;
	height: 50px;
	background-color: #efefef;
	transition: .5s all;
}
.scroll_foot{
	bottom: 0px;
}
.fix_foot > ul{
	align-items: center;
	height: 50px;
	text-align: center;
}
.fix_foot > ul > li:first-child{
	font-size: 26px;
	flex-basis: 200px;
	margin-left: 5%;
}
.fix_foot > ul > li:nth-child(2){
	text-align: left;
	flex-basis: 150px;
	margin-left: 3%;
	line-height: 16px;
}
.fix_foot > ul > li:first-child,
.fix_foot > ul > li:nth-child(2){
	font-weight: bold;
	/* font-family:"Cotillion Regular"; */
	/* font-family: "Allura"; */
	/* font-family: 'Londrina Shadow', cursive; */
}
li.share,
li.to_map,
li.to_contact,
li.to_top{
	flex-basis: 55px;
}
li.to_top{
	background: #e0e0e0;
	z-index: 10;
}
.fix_foot > ul > li > a{
	display: block;
	text-align: center;
	color: #000;
	height: 50px;
	line-height: 45px;
	position: relative;
}
.to_map a{
	font-size:  20px;
}
.to_top a{
	font-size:  30px;
}
/*------------------ FOLLOWボタン ------------------*/
.follow{
	margin: 0 10px;
}
.follow_icon{
	flex-basis: 55px;
	font-size: 20px;
	transition: .3s all;
}
.follow_icon i,
.follow_icon span{
	padding-top: 15px;
}
/*------------------ FOLLOWボタン ------------------*/
/*------------------ SHAREボタン ------------------*/
li.share{
	margin-left: auto;
	margin-right: 180px;
	margin-right: 18px;
	position: relative;
	height: 50px;
	line-height: 50px;
	transition: .3s;
}
.sns_icon{
	position: absolute;
	top: 14%;
	left: 72px;
	display: inline-block;
	width: 160px;
	height: 35px;
	clear: both;
	z-index: 1;
}
.sns_icon li{
	float: left;
	width: 33%;
	height: 100%;
	line-height: 200%;
	opacity: 0;
}
.sns_icon li a{
	font-size: 20px;
	display:block;
	color: #000;
	width: 100%;
	height: 100%;
}
.icon-line{
	display: inline-block;
	padding-top: 8px;
}
/*------------------ SHAREボタン ------------------*/
/*----------------------- ナビゲーション 下-----------------------*/