@charset "UTF-8";

#account {
	font-size: 12px;
	color: #000000;
}
#account, #account h1, #account h2, #account h3, #account h4, #account h5, #account h6, .pagetop a {
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3";
}

.sp { display: none; }
.pagetop {
	text-align: right;
	font-size: 77%;
	margin: 40px auto;
	width: 920px;
}
.pagetop a {
    font-size: 92%;
    line-height: 1.2;
	color: #444;
	text-decoration: none;
	position: relative;
	padding-left: 12px;
}
.pagetop a:hover { text-decoration: underline; }
.pagetop a:before {
	content: "";
	position: absolute;
	top: 2px;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 4px 6px 4px;
	border-color: transparent transparent #444 transparent;
}
#account { width: 920px; margin: 0 auto; }
#account .main {
	margin-top: 30px;
	margin-bottom: 30px;
	display: flex;
	justify-content: space-between;
}
#account .main .menu { width: 285px; }
#account h2 {
	color: #292929;
	font-size: 12px;
	line-height: 34px;
	background: #dcdcdc;
	padding: 5px 30px;
	font-weight: bold;
	display: flex;
	align-items: center;
	margin-bottom: 0;
}
#account .list li {
	color: #292929;
	font-size: 14px;
	border-bottom: 2px dotted #f5f5f5;
}
#account .list li a {
	position: relative;
	display: block;
	padding: 13.5px 13.5px 13.5px 56px;
	color: #292929;
	text-decoration: none;
	background: url(../images/icon.jpg) 95% 50% / 9px auto no-repeat;
}
#account .list li a:hover { color: #db7d8d; }
#account .list li img {	position: absolute;	top: 12px; left: 2px; }
#account .list li .kurashi img { left: 15px; }
#account .list li .fashion img { left: 10px; }
#account .list li .choco img { left: 13px; }
#account .list li .project img { left: 12px; }
#account .list li .grobal img { left: 11px; }
#account .list li .outlet img { left: 11px; }
#account .group h1,
#account .group h2 {
	font-size: 22px;
	line-height: 34px;
	background-color: #dcdcdc;
	padding: 20px;
	font-weight: bold;
}
#account .group h1 img,
#account .group h2 img {
	margin: 0 15px 0 0;
	width: auto;
	height: 35px;
}
#account .kurashi h1 img,
#account .kurashi h2 img { margin: 0 15px 0 10px; }
#account .group { background-color: #f3f3f3; overflow: hidden; }
#account .content {
	background: #fff;
	padding: 0 24px;
	margin: 20px;
	border: 1px solid #dcdcdc;
	display: flex;
	flex-wrap: wrap;
	height: auto;
	overflow: visible;
}
#account .inner {
	width: 380px;
	border-top: 1px dotted #c9c9c9;
	padding-top: 20px;
	display: flex;
}
#account .inner:nth-child(odd) { margin-right:70px; }
#account .inner:nth-child(1),
#account .inner:nth-child(2) { border: none; }
#account .image { min-width: 90px; width: 90px; margin-right: 20px; }
#account .image img { width: 100%; height: auto; }
#account .text { flex: 1; margin-bottom: 30px; word-break: break-all; }
#account .text a { font-size: .8rem; }
#account h3 {
	color: #292929;
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: bold;
}
#account p {
	color: #666;
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 10px;
	letter-spacing: 0.05em;
}
#account a { color: #5060a5; text-decoration: underline; }
#account .sns { display: flex; }
#account .sns li { width: 38px; height: 38px; margin: 20px 8px 0; }
#account .sns li:first-child { margin-left: 0; }
#account .sns li a { display: block; }
#account .sns li img { width: 100%; height: auto; }

@media screen and (max-width: 919px) {
	.sp { display: block; }
	.pc { display: none; }
	#account, #account .inner, .pagetop, #account .main .img, #account .main .img img { width: 100%; }
	#account .main .img { padding: 0 3.5px 5px; }
	.pagetop { padding: 0 10px; }
	#account .main { flex-direction: column; margin: 0; }
	#account .main .menu,
	#account .group:not(#anc01) .block { display: none; }
	#account .group h1 { font-size: .8rem; line-height: 1; padding: 6px 20px; margin-bottom: 0; }
	#account .content { margin: 0; padding: 7.5px 7.5px 0 7.5px; background: none; border: none; }
	#account .content > li {
		background: #fff;
		border: 1px solid #dcdcdc !important;
		margin: 0 0 7.5px 0 !important;
		padding: 7.5px 7.5px 10px 7.5px;
	}
	#account #anc01 .content li { margin-bottom: 7.5px !important; }
	#account .inner { padding-top: 0; }
	#account .group { margin-bottom: 1px; }
	#account .group h2 {
		padding: 16px;
		font-size: 120%;
		font-weight: 600;
		background: url(../images/icon_plus.png) 96% 50% / 15px auto no-repeat #dcdcdc;
		cursor: pointer;
	}
	#account .group h2.on { background-image: url(../images/icon_minus.png);	}
	#account .group h2 img { height: 30px; }
	#account .image { margin-right: 15px; }
	#account .text { width: auto; margin: 0; }
	#account .text a { font-size: .7rem; }
	#account h3 { font-size: 1rem; margin: 0 0 3.5px; line-height: 1.4; letter-spacing: 0.02em; }
	#account p { color: #292929; font-size: .75rem; line-height: 1.5; margin-bottom: 2px; }
	#account .sns { margin: 10px 0 0; }
	#account .sns li { width: 30px; height: 30px; margin: 0 15px 0 0; }
}