/* 左サイドメニュー */

.slide-menu {
  	width          : 100%;
  	max-width      :420px;
  	height         : 1000px;
	margin-top     : -35px;
  	padding-top    : 0;
  	background     : #fffaf6;
  	box-shadow     : 2px 0 6px rgba(0,0,0,0.1);
  	transition     : left 0.3s ease;
}

.menu-banner {
  	display        : block;
	width          : 100%;
  	height         : auto;
}

.user-section {
  	border-bottom  : 1px solid #ccc;
  	padding-top    : 5px;
  	padding-bottom : 10px;
  	margin-bottom  : 10px;
  	cursor         : pointer;
}

.user-name {
  	display        : flex;
  	align-items    : center;
  	gap            : 8px;
  	font-weight    : bold;
  	font-size      : 1rem;
}

.user-name .highlight {
  	color          : #0b6093; 
}

.user-menu-list,
.register-menu-list {
  	margin         : 0;
  	padding        : 0;
  	list-style     : none;
}

.arrow {
  	display        : inline-block;
  	transition     : transform 0.2s ease;
}

.arrow.open {
  	transform      : rotate(180deg);
}

.user-menu-list li {
  	display        : flex;
  	padding        : 12px 0;  	
  	align-items    : center;
  	gap            : 10px;
  	border-bottom  : 1px dotted #ccc;
  	font-size      : 0.95rem;
  	cursor         : pointer;
}

.user-menu-list li .icon {
  	min-width      : 24px;
  	padding-left   : 20px;
  	text-align     : center;
}

.menu-list.image-menu {
  	margin          : 40px;
  	padding         : 0;
  	list-style      : none;
}

.menu-list.image-menu li {
  	border-bottom   : 1px solid #f0e6e6;
  	padding         : 6px 0;
  	text-align      : center;
}

.menu-list.image-menu li img {
  	width           : 85%;
  	max-width       : 220px;
  	height          : auto;
  	transition      : transform 0.2s ease;
}

.menu-list.image-menu li img:hover {
  	transform       : scale(1.04);
}


.register-menu-list-wrapper {
  	display         : flex;
  	justify-content : center; /* 横方向中央寄せ */
  	align-items     : center; /* 縦方向中央寄せ（必要なら） */
  	margin-top      : 20px;
}

.register-menu-list {
  	display         : flex;
  	gap             : 12px; /* ボタン同士の間隔 */
}

.auth-button {
  	padding         : 10px 20px;
	background-color: #134450;
  	color           : #fff;
  	border          : 1px solid #666;
  	font-size       : 14px;
  	cursor          : pointer;
  	border-radius   : 4px;
}

.auth-button:hover {
  	background-color: #333;
}