body {
  margin: 0;
  overflow-x: hidden;
}

/* 固定ヘッダー */
.site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
background: linear-gradient(to bottom,  #ffffff 46%,#e8f1f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
z-index: 1000;
}

.header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
	margin:auto;
	align-content:space-between;
	width:1200px;
}
@media (max-width:640px){
	.header-inner {
		width:auto;
		padding: 0 10px;
	}
}

.logo {
  font-weight: bold;
  font-size: 14px;
	color:#543d44;
  display:flex;
  align-items: center;
  height:40px;
	position:relative;
}
#logimg{
    width: 70px;
    height: auto;
    position: absolute;
    bottom: -20px;
    left: -10px;
}
#logname{
  width:230px;
  display:block;
  padding-top:10px;
	padding-right:25px;
}
@media (max-width:640px){
	#logname{
  width:170px;
padding-right:0px;
	}
}
#logname2{
  font-size:15px;
  padding-left:10px;
}

/* ハンバーガーアイコン */
.menu-toggle {
  width: 40px;
  height: 40px;
  position: relative;
  cursor: pointer;
}

.menu-toggle span {
  position: absolute;
  height: 4px;
  background: #543d44;
  border-radius: 2px;
  transition: 0.4s ease;
}
@media (min-width:641px){
	.menu-toggle{
		display:none;
	}
}
/* 三本線：右端揃え */
.menu-toggle span:nth-child(1) {
  width: 100%;
  top: 0;
  left: 0;
}
.menu-toggle span:nth-child(2) {
  width: 70%;
  top: 10px;
  left: 30%;
}
.menu-toggle span:nth-child(3) {
  width: 40%;
  top: 20px;
  left: 60%;
}


/* ✕アニメーション */
.menu-toggle.active span:nth-child(1),
.menu-toggle.active span:nth-child(3) {
  transform: rotate(45deg);
  top: 12px;
  left: 0;
  width: 100%;
}
.menu-toggle.active span:nth-child(3) {
  transform: rotate(-45deg);
}
.menu-toggle.active span:nth-child(2) {
  opacity: 0;
}

.menu-label {
  position: absolute;
  top: 25px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 11px;
  font-weight: bold;
	width:50px;
	text-align:center;
	color:#543d44;
}

/* 上からスライドするメニュー */
.slide-menu {
  position: fixed;
  top: 80px;
  left: 0;
  width: 100%;
  background: #E8F1F7;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease;
  z-index: 999;
}

.slide-menu.open {
  max-height: 100vh;
}

.slide-menu ul {
  list-style: none;
  margin: 0;
  padding: 10px 20px 20px;
}

.slide-menu li {
line-height:50px;
border-bottom: 1px dotted #CCC;
	padding-left:15px;
}

.slide-menu li a {
  color: #333;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
	display:block;
}
.slide-menu li i{
	margin-right:15px;
}


.SPnavLine{
	display:flex;
	position:relative;
}
.SPnavLine p{
	width:50%;
	text-align:center;
	line-height:50px;
	color:#49a7b7;
}
.SPnavLine p:first-child{
	border-right:1px solid #CCC;
}
.SPnavLine p a{
	color:#49a7b7;
}
.SPmypage i{
	font-size:1.5rem;
	padding-right:7px;
	display:inline-block;
	vertical-align:middle;
}

.SPlogin{
	font-size:1rem;
	text-align:center;
	background-color:#FFF;
	border-radius:50px;
	width:80%;
	margin:auto;
	line-height:50px;
}
.SPlogin a{
	display:block;
}
.SPlogin I{
	font-size:30px;
	display:inline-block;
	vertical-align:middle;
	padding-right:10px;
}