#contribution-btn #btnDeleteIcon,
#contribution-btn #btnBan,
#contribution-btn #btnUnban {
	height: 24px;
	width: 150px;
	margin: 0 0 10px 0;
}

.artistInfoArea {
	width: 640px;
	height: auto;
	/*padding: 12px;*/
	/*border-top: 1px solid #D9E0E6;
	border-bottom: 1px solid #D9E0E6;*/
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: nowrap;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.artistInfoArea>p {
	width: 48px;
	height: auto;
	margin-right: 8px;
	float: left;
}

.artistIcon img {
	width: 48px;
	height: 48px;
	border: 1px solid #000000;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

.artistNameArea {
	margin-left: 10px;
    float: left;
	width: 100%;
    word-wrap: break-word;
}

.artistInfoArea>ul {
	width: 556px;
	height: auto;
	float: right;
}

.artistInfoArea>ul li {
	text-align: left;
	line-height: 1.5;
	height: auto;
}

.artistInfoArea>ul li:first-child {
	line-height: 1;
	display: inline-block;
}

#artistProfile {
	max-width: 580px;
}
.selectArtworkTabAreaOuter {
	position: relative;
}

.selectArtworkTabArea {
	width: calc(100% - (8px + 4px + 4px + 8px));
	height: auto;
	margin: 0 0 20px 0;
	display: flex;
	display: -webkit-flex;
	display: -webkit-box;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.tabSpaceLeft, .tabSpaceRight {
	width: 8px;
	height: 44px;
	border-bottom: 1px solid #D9E0E6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.tabSpaceCenter {
	width: 4px;
	height: 44px;
	border-bottom: 1px solid #D9E0E6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.tabItem>span {
	width: 100%;
	height: 100%;
	line-height: 44px;
	vertical-align: center;
}

.tabItem {
	width: calc(100%/3);
	height: 44px;
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	flex-direction: column;
	justify-content: space-around;
	-webkit-justify-content: space-around;
	align-items: center;
	text-align: center;
	font-size: 16px;
	border-top: 1px solid #D9E0E6;
	border-left: 1px solid #D9E0E6;
	border-right: 1px solid #D9E0E6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-ms-border-radius-topleft: 6px;
	-o-border-radius-topleft: 6px;
	border-radius-topleft: 6px;
	border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	-ms-border-radius-topright: 6px;
	-o-border-radius-topright: 6px;
	border-radius-topright: 6px;
	border-top-right-radius: 6px;
}

.visibleTabStyle {
	color: #262729;
	background-color: #FFFFFF;
}

.clickableTabStyle {
	color: #A3ABB3;
	background-color: #EDEFF2;
	border-bottom: 1px solid #D9E0E6;
	cursor: pointer;
}

.badge {
	min-width: 28px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	top: -8px;
	right: -4px;
	background-color: #c62828;
	color: white;
	padding: 0 1px;
	font-size: 12px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
}
.showBadgeStyle {
	display: block;
}
.hiddenBadgeStyle {
	display: none;
}

@font-face {
	font-family: 'icomoon';
	src: url('/fonts/icomoon.ttf?-u3xo4y') format('truetype');
	font-weight: normal;
	font-style: normal;
}

.tableArea {
	text-align: center;
	width: 640px;
	height: 64px;
	border-top: 1px solid #DAE0E5;
	border-bottom: 1px solid #DAE0E5;
	margin-bottom: 20px;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-pack: center;
	position: relative;
}

.tableItem {
	display: table;
	width: 213px;
	height: 61px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	bottom: 0;
}

.tableItem span {
	display: table-cell;
	vertical-align: middle;
	color: #9CA2A6;
	font-size: 20px;
	font-weight: bold;
	width: 100%;
	height: 100%;
	line-height: 100%;
}

.tableSpacer {
	width: 0;
	height: 100%;
	border-left: 1px solid #DAE0E5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
}

.tableItem.rank {
	left: 426px;
}

.tableItem.rank span:before {
	font-family: 'icomoon';
	vertical-align: bottom;
	font-size: 26px;
	font-weight: normal;
	color: #BDC3C7;
	content: "\e608";
}

.tableItem.likePoint {
	left: 213px;
}

.tableItem.likePoint span:before {
	font-family: 'icomoon';
	vertical-align: bottom;
	font-size: 26px;
	font-weight: normal;
    color: #BDC3C7;
	content: "\e602";
	text-decoration: none;
}

#illustTable .tableItem.likePoint > span:before,
#animationTable .tableItem.likePoint > span:before {
    color: #5d8fb2;
}

#illustLikeCount span,
#animationLikeCount span {
    color: #5d8fb2;
}

#illustLikeCount:hover,
#animationLikeCount:hover {
	border-top: 3px solid white;
    border-bottom: 3px solid #5d8fb2;
}

#illustLikeCount,
#animationLikeCount {
    cursor: pointer;
}

.tableItem.artCount span:before {
	font-family: 'icomoon';
	vertical-align: bottom;
	font-size: 26px;
	font-weight: normal;
	color: #BDC3C7;
	content: "\e609";
}

#illustTable .tableItem.artCount,
#animationTable .tableItem.artCount {
    border-top: 3px solid white;
    border-bottom: 3px solid #5d8fb2;
}

#illustTable .tableItem.artCount > span,
#animationTable .tableItem.artCount > span {
    color: #5d8fb2;
}

#illustTable .tableItem.artCount > span:before,
#animationTable .tableItem.artCount > span:before {
    color: #5d8fb2;
}

.tableArea div:nth-child(2) {
	left: 212px;
}

.tableArea div:nth-child(4) {
	left: 425px;
}

.showTableStyle {
	display: flex;
	display: -webkit-flex;
	display: -webkit-box;
}

.hiddenTableStyle {
	display: none;
}

.segmentArea {
	display: flex;
	display: -webkit-flex;
	display: -webkit-box;
	text-align: center;
	width: 640px;
	height: 36px;
	margin-bottom: 20px;
	display: flex;
	display: -webkit-flex;
	display: -webkit-box;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-pack: center;
}

.segmentItem {
	display: table;
	width: calc(100%/ 3);
	height: 36px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.segmentItem span {
	display: table-cell;
	vertical-align: middle;
	font-size: 14px;
	width: 100%;
	height: 100%;
}

.segmentItem:first-child {
	border-left: 1px solid #00629D;
	border-top: 1px solid #00629D;
	border-bottom: 1px solid #00629D;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-ms-border-radius-topleft: 6px;
	-o-border-radius-topleft: 6px;
	border-radius-topleft: 6px;
	border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-ms-border-radius-bottomleft: 6px;
	-o-border-radius-bottomleft: 6px;
	border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
}

.segmentItem:last-child {
	border-right: 1px solid #00629D;
	border-top: 1px solid #00629D;
	border-bottom: 1px solid #00629D;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	-ms-border-radius-topright: 6px;
	-o-border-radius-topright: 6px;
	border-radius-topright: 6px;
	border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-ms-border-radius-bottomright: 6px;
	-o-border-radius-bottomright: 6px;
	border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
}

.segmentItem:not(:first-child):not(:last-child) {
	border-top: 1px solid #00629D;
	border-bottom: 1px solid #00629D;
}

.segmentSpacer {
	width: 0;
	height: 36px;
	border-left: 1px solid #00629D;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.selectedSegmentItem {
	color: #FFFFFF;
	background-color: #00629D;
}

.unselectedSegmentItem {
	color: #00629D;
	background-color: #FFFFFF;
	cursor: pointer;
}

.storyListArea > div:nth-child(1) {
	border-top: 1px dotted #D9E0E6;
}

.comicItemArea {
	height: 160px;
	padding: 0 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	border-top: 1px dotted #D9E0E6;
}
.comicItemLastArea {
	border-bottom: 1px dotted #D9E0E6;
}

.comicIconImgArea {
	height: 150px;
}

.comicIconImg {
	width: 200px;
	height: 150px;
	border: 1px solid #C0C0C0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.comicInfoArea {
	margin-left: 10px;
	height: 150px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: flex-start;
}

.comicTitle {
	width: 430px;
	height: 40px;
	line-height: 40px;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	/*border-bottom: 1px dotted #D9E0E6;*/
}

.comicCategory {
    margin-bottom:5px;
}

.comicCategoryName {
    /*padding-left: 22px;
    background-image: url(/img/icon/icon_category.png);
    background-position: 0 0;
    background-repeat: no-repeat;*/
    font-size: 14px;
	color: #BDC3C7;
}

.comicCategoryName:before {
	font-family: 'icomoon';
    vertical-align: bottom;
    text-align:left;
    font-size: 24px;
    font-weight: normal;
    color: #BDC3C7;
    content: "\e60b";
    /*

    top: 6px;
    left: 0px;
    content: "\e60b";
    font-size: 20px;
    color: #BDC3C7;
    position: absolute;
    */
}

.padLock {
	width: 20px;
    height: 20px;
    background-image: url(/img/icon/padlock.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 16px 16px;
	color: #BDC3C7;
    vertical-align: middle;
    line-height: 20px;
    display: inline-block;
}

.comicLike {
    margin-bottom:5px;
}

.comicLike span {
	color: #BDC3C7;
    font-size: 14px;
	/*
    padding-left: 22px;
    background-image: url(/img/icon/info_like.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    */
}

.comicLike span:before {
    font-family: 'icomoon';
    vertical-align: bottom;
    font-size: 24px;
    font-weight: normal;
    color: red;
    content: "\e602";
}

.comicPublishDate {
	color: #BDC3C7;
    font-size: 14px;
}

.csspinner {
	display: none;
}

.rankingSpinner {
	top: 80px;
	position: relative;
	display: block;
	z-index: 20;
}

div#loadartistDetailDataArea {
	position: relative;
	width: 100%;
	height: auto;
}

/*-----�ｿｽu�ｿｽ�ｿｽ�ｿｽb�ｿｽNUI�ｿｽpCSS-----*/
.blockMenu {
	float: right;
	width: 32px;
	height: 32px;
	margin-left: 4px;
	margin-right: 4px;
	position: relative;
	cursor: pointer;
}

.blockMenu p {
	color: #848486;
	width: 32px;
	height: 32px;
	padding: 0px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;

	-webkit-transition: 0.8s;
	   -moz-transition: 0.8s;
	    -ms-transition: 0.8s;
			transition: 0.8s;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
}

.blockMenu img {
	width: 32px;
	height: 32px;
	vertical-align: middle;

    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
        -ms-border-radius: 4px;
         -o-border-radius: 4px;
            border-radius: 4px;
}

#blockMenuBtn {
	background-color: #EDEFF2;
	display: none;
	position: absolute;
	top: 32px;
	right: 0px;
	z-index: 2147483648;

    -webkit-border-radius: 6px 6px 6px 6px;
       -moz-border-radius: 6px 6px 6px 6px;
        -ms-border-radius: 6px 6px 6px 6px;
         -o-border-radius: 6px 6px 6px 6px;
            border-radius: 6px 6px 6px 6px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(30, 30, 30, 0.5);
	   -moz-box-shadow: 0 1px 2px 0 rgba(30, 30, 30, 0.5);
	    -ms-box-shadow: 0 1px 2px 0 rgba(30, 30, 30, 0.5);
			box-shadow: 0 1px 2px 0 rgba(30, 30, 30, 0.5);
}

#blockMenuBtn li {
	height: 48px;
    white-space: nowrap;

	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
}

#blockMenuBtn li.blockMenuSeparatorStyle {
	width: 100%;
	height: 1px;
	background-color: #DDDDDD;
}

#blockMenuBtn a {
	color: #3B3D40;
	text-align: center;
	text-decoration: none;
	line-height: 1;
	width: 100%;
	height: 47px;
	padding: 16px;
	background-color: #EDEFF2;
	display: inline-block;

	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
}

#blockMenuBtn li:first-child a {
    -webkit-border-radius: 6px 6px 0 0;
       -moz-border-radius: 6px 6px 0 0;
        -ms-border-radius: 6px 6px 0 0;
         -o-border-radius: 6px 6px 0 0;
            border-radius: 6px 6px 0 0;
}

#blockMenuBtn li:last-child a {
    -webkit-border-radius: 0 0 6px 6px;
       -moz-border-radius: 0 0 6px 6px;
        -ms-border-radius: 0 0 6px 6px;
         -o-border-radius: 0 0 6px 6px;
            border-radius: 0 0 6px 6px;
}