@charset "UTF-8";


/**
 * --------------------------------------------------
 * mypage-header
 * --------------------------------------------------
 */

.super-wrapper{
	 padding-top:50px;
}

.mypage-header{
	width:100%;
	background:#4D4D4D;
	position:fixed;
	top:0;
	left:0;
	z-index: 3000;
	text-align:center;
	box-shadow:0px 0px 3px -1px #000000;
	-moz-box-shadow:0px 0px 3px -1px #000000;
	-webkit-box-shadow:0px 0px 3px -1px #000000;
}
.mypage-header ul{
	display:inline-block;
	*display:inline;
	*zoom: 1;
	margin:10px 6px 10px 0;
}
.mypage-header ul.login{
	margin:17px 0;
}
.mypage-header li{
	display: inline;
    border-left: 2px groove #777;
    padding: 15px 0;
}
.mypage-header li.header-logout{
	display: none;
}
.mypage-header li:first-child img{
	vertical-align: middle;
	margin-right:2px;
	border-radius: 50%;
}
.mypage-header li:first-child{
	border-left:none;
}
.mypage-header li a{
	font-weight: bold;
    color: #fff;
    padding: 17px 1px 17px 6px;
}


.mypage-header li span{
	 width:12px;
	 height:12px;
	 background:#ED1C24;
	 margin-right:-6px;
	 display:inline-block;
	 vertical-align:top;
	 font-size:8px;
	 line-height:12px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.mypage-header a.btn{
	 padding:5px 10px;
	 font-size:12px;
	 font-weight:bold;
}
.mypage-header div{
	display:inline-block;
	*display:inline;
	*zoom: 1;
}
.mypage-header div.search{
	padding: 4px;
    background: #FFF;
    border-radius: 6px;
    margin: 5px;
    -webkit-box-shadow:2px 2px 2px 0 rgba(200,200,200,0.2) inset;
    -moz-box-shadow:2px 2px 2px 0 rgba(200,200,200,0.2) inset;
    box-shadow:2px 2px 2px 0 rgba(200,200,200,0.2) inset;
}
.mypage-header div.search input[type="text"]{
    border: medium none;
	width:110px;
}

@media screen and (max-width: 979px) {
	.mypage-header li.header-logout{
		display: inline;
	}
	.mypage-header div.search{
		display:none;
	}
	.mypage-header div.post{
		display:none;
	}
}

@media screen and (max-width: 693px) {
	.super-wrapper{
		padding-top:0;
	}
	.mypage-header{
		display:none;
	}
}

@media print {
	.super-wrapper{
		margin-top:0;
	}
	.mypage-header{
		display:none;
	}
}