/* CSS Document */

#mypage .sec {padding-top: 60px;}


#mypage .mypageHead {
	background: #000;
	color:#fff;
	line-height: 1;
	padding:1em;
}
#mypage .mypageHead > * {
	float:left;
}
#mypage .mypageHead > *:last-child {
	float:right;
}
#mypage .mypageHead .nm {
	font-size: 16px;
}
#mypage .mypageHead .uid {
	font-size: 13px;
	margin-left: 1.3em;
}
#mypage .mypageHead .uid span {font-size: 15px;}
#mypage .mypageHead .pt {
	font-size: 13px;
}
#mypage .mypageHead .pt span {
	font-size: 15px;
}

#mypage .messageArea .tit {font-size: 18px;}
#mypage .messageArea .mes {
	margin-top: 30px;
}
#mypage .messageArea .mes.bold,
#mypage .messageArea .mes.bold * {font-weight:bold !important;}
#mypage .messageArea .mes strong {
	display:block;
	padding: 1em;
	border:1px solid #c56475;
	font-weight: normal;
}

#mypage .mypageMenu .tit {font-size: 20px;margin-bottom: 30px;}

#mypage .mypageMenu .tl .left {padding-right: 30px;}
#mypage .mypageMenu .tl .right {padding-left: 30px;}

#mypage .mypageMenu ul li {
	border-top:1px solid #e5e5e5;
	padding:1.2em 0;
	line-height: 1;
	font-size: 15px;
}
#mypage .mypageMenu ul li:last-child {
	border-bottom:1px solid #e5e5e5;
}
#mypage .mypageMenu ul li::before {
	content:"";
	display:inline-block;
	border:0.25em solid #000;
	border-left-color:transparent;
	border-bottom-color:transparent;
	transform:translateY(-0.1em) rotate(45deg);
	margin-right: 1.5em;
}
#mypage .mypageMenu ul li a {text-decoration: none;}

#mypage .sec.viewHistory {padding-top: 80px;}
.viewHistory .tit {text-align: center;margin-bottom: 40px;font-size: 18px;}
#mypage .viewHistory ul {display:block;}
#mypage .viewHistory ul li .name {font-size: 13px;}
#mypage .viewHistory .slick-prev {left:-70px;}
#mypage .viewHistory .slick-next {right:-70px;}