/**************************************** ヘッダー ****************************************/
.headerarea {position:fixed;top:0px;left:0px;width:100%;height:100px;z-index:7000;background:rgba(255,255,255,0.95);}

.logoarea {position:absolute;top:10px;left:50px;}
.logoarea a {}
.logoarea img {height:80px;display:block;margin:0px auto;}

.barwrap {display:none;}


.menu {position:fixed;top:0px;right:0px;width:auto;height:100px;line-height:100px;padding:0px 50px 0px 50px;z-index:7100;}

.menu .menulist a {font-size:1.2rem;line-height:1.5em;font-weight:bold;color:#000;display:inline-block;padding:0px 15px;}
.menu .menulist a:hover {text-decoration:none;}

@media (min-width: 897px){
	@media (max-width: 1200px){ .menu .menulist a {font-size:1.0rem;padding:0px 15px;} }
	@media (max-width: 1100px){ .menu .menulist a {font-size:0.9rem;padding:0px 8px;} }
	@media (max-width: 1000px){ .menu .menulist a {font-size:0.8rem;padding:0px 5px;} }

}


/*SP*/
@media (max-width: 896px){
.headerarea {height:70px;}
.logoarea {left:10px;}
.logoarea img {height:50px;}
.barwrap {position:fixed;top:5px;right:5px;display:block;height:60px;width:60px;vertical-align:middle;z-index:8000;}
.barwrap.on {transition:1s;}
.barwrap.out {transition:0.3s;}
.barwrap .bar {position:absolute;background:#aaa;width:30px;height:1px;}
.barwrap .bar.bar01 {top:25px;left:10px;}
.barwrap .bar.bar02 {top:35px;left:20px;}
.barwrap.on .bar {transition:1s;}
.barwrap.on .bar.bar01 {transform:rotateZ(225deg);top:40px;left:20px;}
.barwrap.on .bar.bar02 {transform:rotateZ(-225deg);top:40px;left:20px;}
.barwrap.out .bar {transition:0.5s;}
.barwrap.out .bar.bar01 {transform:rotateZ(0deg);top:25px;left:10px;}
.barwrap.out .bar.bar02 {transform:rotateZ(0deg);top:35px;left:20px;}

	.menuarea {position:fixed;top:0px;right:0px;width:90px;}
	.menu {position:fixed;top:0px;right:0px;width:100%;height:100vh;line-height:3.5em;background:#fff;transform:translateX(150vw);padding:100px 50px 0px 50px;}
	.menu.on {transform:translateX(0px);transition:0.6s;}
	.menu.out {transform:translateX(150vw);transition:0.2s;}
	.menu .menulist {margin-bottom:35px;}
	.menu .menulist a {position:relative;width:100%;float:none;margin:0px;height:auto;padding:5px 0px 15px 0px;}
	.menu .menulist a:after {content:"";position:absolute;left:0px;bottom:0px;width:100%;height:1px;background:#ccc;transform:scaleX(0);}
	.menu.on .menulist a:after {transform:scaleX(1);transition:2s;}
	.menu .menulist a.cta {display:none;}
	.menu .snsarea {text-align:center;margin-bottom:35px;}
	.menu .snsarea p {color:#000;margin-bottom:3px;}
	.menu .snsarea img {width:35px;margin:0px 10px;}

	.menu .headercontact {}
/*
	.menu .headercontact .inner {width:50%;float:left;padding:10px;margin-bottom:5px;}
*/
	.menu .headercontact .inner img {width:100%;}
	.menu .headercontact p {color:#fff;text-align:center;}
}
/*パソコンメニュー*/
@media (min-width: 897px){
}