@charset "utf-8";

.AutoLink {
	color: #3498db !important;
	text-decoration: underline;
}

.AutoLinkMyTag {
	color: #f09090 !important;
	text-decoration: underline;
}

.IllustItem .IllustItemTag .AutoLink,
.IllustItem .IllustItemTag .AutoLinkMyTag {
	position: relative;
	display: inline-block;
	height: 35px;
	line-height: 24px;
	padding: 0 5px 0 10px;
	background-color: #3498db;
	border-radius: 3px;
	color: #fff !important;
	font-size: 13px;
	text-decoration: none;
	margin: 5px 0 0 14px;
}

.IllustItem .IllustItemTag .AutoLink::before,
.IllustItem .IllustItemTag .AutoLinkMyTag::before {
	position: absolute;
	top: 0;
	left: -9px;
	content: '';
	width: 0;
	height: 0;
	border-color: transparent #3498db transparent transparent;
	border-style: solid;
	border-width: 17px 10px 17px 0;
}

.IllustItem .IllustItemTag .AutoLink::after,
.IllustItem .IllustItemTag .AutoLinkMyTag::after {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 2;
	display: block;
	content: '';
	width: 6px;
	height: 6px;
	margin-top: -3px;
	background-color: #fff;
	border-radius: 100%;
}

.IllustItem .IllustItemTag .AutoLinkMyTag {
	background-color: #f09090;
}

.IllustItem .IllustItemTag .AutoLinkMyTag::before {
	border-color: transparent #f09090 transparent transparent;
}

.IllustItemTag .TagLabel {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.IllustItemTag .TagName {
	line-height: 16px;
}

.IllustItemTag .TagTrans {
	font-size: 10px;
	line-height: 11px;
}

.Waiting {
	display: block;
	float: left;
	width: 100%;
	height: 32px;
	text-align: center;
	background-image: url('https://cdn.poipiku.com/assets/img/loading.gif');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	margin: 20px 0;
}

.Wrapper {
	clear: both;
	display: block;
	width: 360px;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-touch-callout: none;
}

.Wrapper.ViewPc .RightPane {
	display: none;
}

.Wrapper.ThumbList {
	width: 360px;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-touch-callout: none;
}

.Wrapper.GridList {
	width: 360px;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-touch-callout: none;
}

.Wrapper.ItemList {
	width: 360px;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-touch-callout: none;
}

.IllustDetail {
	width: 100%;
	height: 100%;
	text-align: center;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-touch-callout: none;
}

.UpdateInfo {
	float: left;
	width: 100%;
	text-align: center;
	background-color: #3498db;
	padding: 5px 0;
	font-size: 0;
}

.UpdateInfo .UpdateInfoMsg {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}

.SideBarTop {
	display: block;
	float: left;
	width: 100%;
	height: 50px;
	text-align: center;
	margin: 3px 0 0 0;
	overflow: hidden;
}

.SideBarMid {
	float: none;
	display: flex;
	flex-flow: column;
	align-items: center;
	margin: 3px 0 0 0;
	overflow: hidden;
	width: 100%;
	text-align: center;
}

.SideBarMidInfScroll {
	overflow: hidden;
	width: 100%;
	text-align: center;
	float: none;
	display: flex;
	flex-flow: column;
	justify-content: space-evenly;
	align-content: center;
	flex-direction: column;
	align-items: stretch;
}

.FooterAd .SideBarMid {
	display: flex;
	width: 336px;
	height: 280px;
	flex: 0 0 336px;
	text-align: center;
	justify-content: center;
	align-items: center;
}

.SideBarBottom {
	display: block;
	float: left;
	width: 100%;
	height: 50px;
	text-align: center;
	margin: 3px 0 0 0;
	overflow: hidden;
}

.SearchResultTitle {
	text-decoration: none;
	color: #3498db;
	margin: 10px 0 7px 0;
	font-size: 18px;
	line-height: 30px;
	display: block;
	float: left;
	width: 100%;
	height: 32px;
	overflow: hidden;
	font-weight: bold;
	position: relative;
	box-sizing: border-box;
	padding: 0 5px;
}

.SearchResultTitle .Keyword {
	display: block;
	float: left;
	background-color: #fff;
	color: #3498db;
	font-size: 15px;
	padding: 0 18px;
	margin: 0;
	border-radius: 6px;
	font-weight: 500;
}

.SearchResultTitle .TitleCmdFollow,
.SearchResultTitle .TitleCmdEdit {
	float: right;
	height: 22px;
	line-height: 23px;
	cursor: pointer;
	font-size: 12px;
	margin: 0 0 0 15px;
	position: absolute;
	top: 0;
	right: 10px;
	font-weight: normal;
}


/********** genre contents **********/
.SearchGenreFrame {
	background-position: 0 50%;
	background-size: cover;
}

.SearchGenre {
	display: flex;
	flex-flow: column;
	width: 100%;
	box-sizing: border-box;
	padding: 5px 5px 3px 5px;
	background-color: rgba(255, 255, 255, 0.80);
	color: #6d6965;
}

.SearchGenre .SearchEdit {
	display: flex;
	flex-flow: row;
	flex: 0 0 100%;
	width: 100%;
	justify-content: flex-end;
	align-items: center;
}

.SearchEditCmd {
	display: block;
	flex: 0 0;
	height: 20px;
	margin: 0 0 0 15px;
	font-size: 11px;
	white-space: nowrap;
	color: #6d6965;
}

.SearchGenre .SearchGenreMeta {
	display: flex;
	flex-flow: column;
	flex: 1 1;
}

.SearchGenre .SearchGenreCmd {
	display: flex;
	justify-content: center;
	flex-flow: row nowrap;
	flex: 0 0;
	margin: 5px 0 0 0;
}

.SearchGenre .SearchGenreCmd .CmdBtn {
	display: block;
	flex: 0 0;
	margin: 0 5px;
	font-size: 11px;
	padding: 5px 10px;
}

.SearchGenre .SearchGenreMeta .SearchGenreTitle {
	display: flex;
	flex-flow: row nowrap;
	overflow: hidden;
	justify-content: flex-start;
}

.SearchGenre .SearchGenreMeta .SearchGenreTitle .GenreImage {
	display: block;
	flex: 0 0 60px;
	width: 60px;
	height: 60px;
	border: solid 1px #ccc;
	background: #fff 50% 50% no-repeat;
	background-size: cover;
}

.SearchGenre .SearchGenreMeta .SearchGenreTitle .GenreName {
	display: flex;
	flex-direction: column;
	margin: 0 0 0 5px;
}

.SearchGenre .SearchGenreMeta .SearchGenreTitle .GenreName .GenreNameOrg {
	font-size: 20px;
	font-weight: bold;
	margin: 3px 0 7px 0;
}

.SearchGenre .SearchGenreMeta .SearchGenreTitle .GenreName .GenreNameTranslate {
	color: #6d6965;
}

.SearchGenre .SearchGenreMeta .SearchGenreTitle .GenreName .GenreNameTranslate>i {
	font-size: 14px;
	line-height: 12px;
	margin-right: -3px;
}

.SearchGenre .SearchGenreMeta .SearchGenreTitle .GenreName .GenreNameTranslate>span {
	font-size: 11px;
	margin-right: 7px;
}

.SearchGenre .SearchGenreMeta .SearchGenreDesc {
	display: block;
	width: 100%;
	margin-top: 7px;
	font-size: 16px;
}

.SearchGenreDetail {
	width: 100%;
	font-size: 12px;
	box-sizing: border-box;
	background-color: rgba(255, 255, 255, 0.80);
	color: #6d6965;
	padding: 0 5px;
	max-height: 100px;
	border: 4px solid rgba(255, 255, 255, 0.40);
	border-radius: 4px;
	overflow: scroll;
}

.SearchGenreDetail a {
	color: #6d6965;
}

/********** genre list **********/

.GenreItem {
	display: flex;
	flex-flow: row nowrap;
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
}

.GenreItem .GenreImage {
	display: block;
	flex: 0 0 60px;
	width: 60px;
	height: 60px;
	border: solid 1px #ccc;
	background: #fff 50% 50% no-repeat;
	background-size: cover;
}

.GenreItem .GenreInfo {
	display: flex;
	flex-flow: column;
	flex: 1 1;
	height: 62px;
	margin: 0 0 0 5px;
	overflow: hidden;
}

.GenreItem .GenreInfo .GenreNameOrg {
	display: block;
	flex: 1 1;
	font-size: 18px;
	height: 23px;
	min-height: 23px;
	line-height: 23px;
	white-space: nowrap;
	font-weight: bold;
	overflow: hidden;
}

.GenreItem .GenreInfo .GenreDesc {
	display: block;
	flex: 1 1;
	font-size: 13px;
	height: 21px;
	min-height: 21px;
	line-height: 21px;
	white-space: nowrap;
	overflow: hidden;
}

.GenreItem .GenreInfo .GenreData {
	display: flex;
	flex-flow: row nowrap;
	flex: 1 1;
	height: 18px;
	min-height: 18px;
	overflow: hidden;
	justify-content: flex-start;
}

.GenreItem .GenreInfo .GenreData .DataItem {
	display: block;
	height: 18px;
	line-height: 18px;
	white-space: nowrap;
	margin: 0 10px 0 0;
	overflow: hidden;
	font-size: 12px;
}


/********** sub menu **********/
.CategoryMenu {
	display: block;
	float: none;
	width: 100%;
	box-sizing: border-box;
	padding: 18px 10px 12px 10px;
	font-size: 0;
	white-space: nowrap;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	text-align: center;
	position: relative;
	z-index: 0;
}

.CategoryMenu .CategoryBtn {
	display: inline-block;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	box-sizing: border-box;
	border-radius: 0;
	font-size: 13px;
	height: 22px;
	line-height: 20px;
	padding: 0 10px;
	margin: 0;
	border: solid 1px #fff;
	border-left: none;
	background-color: #3498db;
	color: #fff;
	min-width: 60px;
}

.CategoryMenu .CategoryBtn:first-child {
	border-left: solid 1px #fff;
	border-radius: 20px 0 0 20px;
}

.CategoryMenu .CategoryBtn:last-child {
	border-radius: 0 20px 20px 0;
}

.CategoryMenu .CategoryBtn.Selected {
	background-color: #fff;
	color: #3498db;
}

.CategoryMenu .CategoryBtn.Disabled {
	color: #61ade2;
}


.CategoryInfo {
	display: block;
	padding: 5px;
	box-sizing: border-box;
}

.TagMenu {
	display: block;
	float: none;
	width: 100%;
	box-sizing: border-box;
	padding: 10px 10px 12px 10px;
	font-size: 0;
	white-space: nowrap;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	text-align: center;
	position: relative;
	z-index: 0;
}

.TagMenu:before {
	position: absolute;
	top: 0;
	left: -8px;
	content: '';
	width: 0;
	height: 0;
	border-color: transparent #3498db transparent transparent;
	border-style: solid;
	border-width: 12px 8px 12px 0;
}

.TagMenu .TagBtn {
	display: inline-block;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	box-sizing: border-box;
	border-radius: 0;
	font-size: 13px;
	height: 22px;
	line-height: 20px;
	padding: 0 10px;
	margin: 0;
	border: solid 1px #fff;
	border-left: none;
	background-color: #3498db;
	color: #fff;
	min-width: 60px;
}

.TabMenu .TagIcon {
	font-size: 10px;
	vertical-align: center;
}

.TagMenu .TagBtn:first-child {
	border-left: solid 1px #fff;
	border-radius: 20px 0 0 20px;
}

.TagMenu .TagBtn:last-child {
	border-radius: 0 20px 20px 0;
}

.TagMenu .TagBtn.Selected {
	background-color: #fff;
	color: #3498db;
}

.TagMenu .TagBtn.Disabled {
	color: #61ade2;
}


.TagInfo {
	display: block;
	padding: 5px;
	box-sizing: border-box;
}


.IllustThumbList {
	display: block;
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding-bottom: 0;
}

.IllustThumbList .IllustThumb .IllustThumbText.Vertical {
	writing-mode: vertical-rl;
	overflow-x: scroll;
	word-break: break-all;
	overflow-wrap: break-word;
}

.IllustThumbList .IllustThumbMyBoxSp {
	height: 156px;
}

.IllustThumbList .IllustThumbMyBoxPc {
	height: 236px;
	margin-bottom: 56px;
}

.IllustThumbList .ShowTimestampSp {
	height: 200px;
}

.IllustThumbList .ShowTimestampPc {
	height: 267px;
	margin-bottom: 0;
}

/********** ILLUST LIST **********/
.IllustThumb {
	float: left;
	width: 112px;
	height: 182px;
	margin: 6px 0 0 6px;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	align-items: center;
	justify-content: center;
	background: #fff;
	color: #6d6965;
	display: flex;
	flex-flow: column;
	border-radius: 4px;
	border: solid 1px #eee;
}

.IllustThumb.Pined {
	border-radius: 2px;
}

.IllustThumb>.PrivateNote {
	position: absolute;
	background: rgba(255, 255, 255, 0.9);
	height: 125px;
	width: 100%;
	font-size: 12px;
	border-top: 1px solid #d9d9d9;
	overflow: scroll;
}

.IllustThumb>.PrivateNote.slide-up {
	bottom: 0 !important;
}

.IllustThumb>.PrivateNote.slide-down {
	bottom: -475px !important;
}

.IllustThumb .IllustUser {
	display: flex;
	flex-flow: row nowrap;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	text-align: center;
	padding: 2px 2px 2px 2px;
	border-bottom: solid 1px #eee;
	align-items: center;
	color: #6d6965;
}

.IllustThumb .IllustUser .IllustUserThumb {
	display: block;
	flex: 0 0 20px;
	height: 20px;
	overflow: hidden;
	border-radius: 20px;
	background-size: cover;
	background-position: 50% 50%;
}

.IllustThumb .IllustUser .IllustUserName {
	display: block;
	flex: 1 1 80px;
	padding: 0;
	margin: 0 0 0 3px;
	text-align: left;
	font-weight: bold;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
}

.IllustThumb .IllustUser .IllustUserPin {
	display: block;
	flex: 0 0 15px;
	color: #3498db;
}

.IllustThumb .IllustUser.DateTime {
	color: #7a7a7a;
	background-color: #fff;
	font-size: 10px;
	justify-content: right;
	display: block;
	padding: 0;
	overflow: hidden;
}

.IllustThumb .IllustInfo.IllustMeta {
	flex-flow: row nowrap;
	justify-content: space-between;
	height: 26px;
	max-height: 26px;
	min-height: 26px;
	align-items: center;
}

.IllustThumb .IllustInfo .IllustInfoPin {
	color: #3498db;
}

.IllustThumb .CategoryInfo {
	display: flex;
	flex-flow: row nowrap;
	overflow: hidden;
	white-space: nowrap;
	box-sizing: border-box;
	padding: 0;
}

.IllustInfo .SubThumbnail {
	display: block;
	width: 60px;
	height: 45px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 190%;
	border-radius: 5px;
	position: relative;
}

.IllustThumb .Category {
	display: block;
	float: left;
	background: #3498db;
	font-size: 10px;
	color: #fff;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	box-sizing: border-box;
	border-radius: 22px;
	min-width: 50px;
	max-width: 100%;
	height: 20px;
	line-height: 20px;
}

.IllustThumb .GenreInfo {
	display: flex;
	flex-flow: row nowrap;
	flex: 0 0 22px;
	overflow: hidden;
	white-space: nowrap;
	box-sizing: border-box;
	height: 22px;
	line-height: 18px;
	padding: 0;
	margin: 0 0 0 5px;
}

.IllustThumb .GenreInfo .GenreImage {
	display: block;
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
	border: solid 1px #eee;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.IllustThumb .GenreInfo .GenreName {
	display: none;
	flex: 0 0 82px;
	width: 82px;
	height: 20px;
	margin: 0 0 0 2px;
	color: #6d6965;
	font-size: 11px;
	text-align: left;
	text-overflow: ellipsis;
}


.IllustThumb .IllustThumbImg {
	display: block;
	width: 100%;
	height: 110px;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}

.IllustThumb .IllustThumbText {
	display: block;
	width: 100%;
	height: 108px;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	font-size: 13px;
	line-height: 18px;
	padding: 1px 0 0 0;
	border-top: solid 1px #eee;
	color: #333;
}

.NovelSection {
	letter-spacing: 0.02em;
	line-height: 1.6;
	font-size: 15px;
	overflow-wrap: break-word;
	font-family: 'GenEiKoburiMin6-R', 'Noto Serif JP', 'YuMincho', '游明朝', '游明朝体', 'Yu Mincho', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'HiraMinProN-W3', 'HiraMinProN-W6', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'HiraMinPro-W3', 'HiraMinPro-W6', 'HG明朝E', 'HGP明朝E', 'HGS明朝E', 'HGMinchoE', 'HGPMinchoE', 'HGSMinchoE', 'HG明朝B', 'HGP明朝B', 'HGS明朝B', 'HGMinchoB', 'HGPMinchoB', 'HGSMinchoB', '平成明朝', '平成明朝 Std', '平成明朝 Pro', 'Heisei Mincho', 'Heisei Mincho Std', 'Heisei Mincho Pro', 'IPA明朝', 'IPAMincho', Georgia, 'georgia ref', 'times new roman', SerifJP, serif;
	word-break: normal;
	word-wrap: break-word;
}

.IllustThumb .IllustThumbText .NovelSection {
	display: block;
	width: 100%;
	font-size: 12px;
	word-break: break-all;
	overflow-wrap: break-word;
}

.IllustItemList2Column .NovelSection {
	letter-spacing: 0.01em;
	line-height: 1.0;
	font-size: 0.8em;
}

.NovelSection .NovelTitle {
	display: block;
	margin: 5px 0;
	font-weight: bold;
	font-size: 1.1em;
}

.IllustItemList2Column .NovelSection .NovelTitle {
	font-size: 1em;
	margin: 0 0 5px 0;
}

.NovelSection .NovelMenu {
	display: none;
}

.NovelSection .NovelSectionTitle {
	display: block;
	margin: 5px 0;
	font-weight: bold;
}

.NovelSection .TextEmphasis {
	-webkit-text-emphasis: dot;
	text-emphasis: dot;
}

.IllustItemList .IllustItem .IllustItemText .IllustItemThumbText.Vertical {
	writing-mode: vertical-rl;
	overflow-x: scroll;
	word-break: break-all;
	overflow-wrap: break-word;
	height: 440px;
}

.IllustThumb .IllustThumbText.Vertical .NovelTitle {
	margin: 0 0 0 5px;
}

.IllustThumb .IllustThumbText.Vertical .NovelSectionTitle {
	margin: 0 5px;
}

.IllustItemThumbText.Vertical .NovelTitle {
	margin: 0 5px 0 50px;
}

.IllustItemThumbText.Vertical .NovelSectionTitle {
	margin: 0 50px;
}



/**********
Decoration
**********/
.IllustTimeLineNovel .TextEmphasis {
	-webkit-text-emphasis: dot;
	text-emphasis: dot;
}


.IllustThumb .IllustInfo {
	display: flex;
	flex-flow: column;
	flex: 1 1;
	width: 100%;
	box-sizing: border-box;
	padding: 2px 2px 0 2px;
	top: 0;
	overflow: hidden;
}

.IllustThumb .IllustInfo .IllustInfoDesc {
	display: block;
	width: 100%;
	font-size: 11px;
	height: 30px;
	line-height: 15px;
	overflow: hidden;
	color: #6d6965;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.IllustThumb .IllustInfoCenter {
	display: block;
	box-sizing: border-box;
	padding: 0;
	position: absolute;
	top: 3px;
	left: 6px;
}

.IllustThumb .IllustInfoBottom,
.IllustItemThumb .IllustInfoBottom {
	display: block;
	box-sizing: border-box;
	position: absolute;
}

.IllustThumb .IllustInfoBottom {
	bottom: 3px;
	left: 4px;
	writing-mode: horizontal-tb;
}

.IllustItemThumb .IllustInfoBottom {
	bottom: 4px;
	left: 8px;
}

.IllustItemThumb .Num {
	margin: 0 3px;
	background-repeat: no-repeat;
	min-width: 40px;
	display: block;
	float: left;
	color: white;
	font-size: 15px;
	background: #3498db;
	box-sizing: border-box;
	border-radius: 11px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	z-index: 2;
}

.IllustThumb .Num {
	background-repeat: no-repeat;
	min-width: 32px;
	display: block;
	float: left;
	color: white;
	font-size: 11px;
	background: #3498db;
	box-sizing: border-box;
	border-radius: 11px;
	height: 20px;
	padding: 0 5px;
	line-height: 20px;
	text-align: center;
	z-index: 2;
}

.IllustThumb .Num.Text>i {
	font-size: 12px;
}

.IllustThumb .Publish {
	background-repeat: no-repeat;
	min-width: 35px;
	display: block;
	float: left;
	background-color: #3498db;
	box-sizing: border-box;
	border-radius: 11px;
	height: 20px;
	padding: 0 7px;
	z-index: 2;
}

.IllustItemThumb .Publish {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	min-width: 40px;
	display: block;
	float: left;
	background-color: #3498db;
	box-sizing: border-box;
	border-radius: 11px;
	height: 25px;
	padding: 0 7px;
	z-index: 2;
}

.PublishIco01 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url(https://cdn.poipiku.com/assets/img/ico_warning.png);
}

.PublishIco02 {
	background-repeat: no-repeat;
	ackground-position: center;
	background-size: contain;
	background-image: url(https://cdn.poipiku.com/assets/img/ico_r18.png);
}

.PublishIco03 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url(https://cdn.poipiku.com/assets/img/ico_r18.png);
}

.PublishIco04 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url(https://cdn.poipiku.com/assets/img/ico_pass.png);
}

.PublishIco05 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url(https://cdn.poipiku.com/assets/img/ico_signin.png);
}

.PublishIco06 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: 70%;
	background-image: url(https://cdn.poipiku.com/assets/img/ico_favorite.png);
}

.PublishIco07 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url(https://cdn.poipiku.com/assets/img/ico_follower.png);
}

.PublishIco08 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url(https://cdn.poipiku.com/assets/img/ico_follow.png);
}

.PublishIco09 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url(https://cdn.poipiku.com/assets/img/ico_ff.png);
}

.PublishIco10 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url(https://cdn.poipiku.com/assets/img/ico_list.png);
}

.PublishIco12 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url(https://cdn.poipiku.com/assets/img/ico_rt.png);
}

.PublishIco99 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url(https://cdn.poipiku.com/assets/img/ico_visible.png);
	background-color: #a0a0a0;
}

.PublishIcoBlue01 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url(https://cdn.poipiku.com/assets/img/ico_warning_blue.png);
}

.PublishIcoBlue02 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url(https://cdn.poipiku.com/assets/img/ico_r18_blue.png);
}

.PublishIcoBlue03 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url(https://cdn.poipiku.com/assets/img/ico_r18_blue.png);
}

.PublishIcoBlue04 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url(https://cdn.poipiku.com/assets/img/ico_pass_blue.png);
}

.PublishIcoBlue05 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url(https://cdn.poipiku.com/assets/img/ico_signin_blue.png);
}

.PublishIcoBlue06 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url(https://cdn.poipiku.com/assets/img/ico_favorite_blue.png);
}

.PublishIcoBlue07 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url(https://cdn.poipiku.com/assets/img/ico_follower_blue.png);
}

.PublishIcoBlue08 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url(https://cdn.poipiku.com/assets/img/ico_follow_blue.png);
}

.PublishIcoBlue09 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url(https://cdn.poipiku.com/assets/img/ico_ff_blue.png);
}

.PublishIcoBlue10 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url(https://cdn.poipiku.com/assets/img/ico_list_blue.png);
}

.PublishIcoBlue12 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url(https://cdn.poipiku.com/assets/img/ico_rt_blue.png);
}

.SafeFilterIco02 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: 70%;
	background-image: url(https://cdn.poipiku.com/assets/img/ico_warning.png);
}

.SafeFilterIco04 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url(https://cdn.poipiku.com/assets/img/ico_r18.png);
}

.SafeFilterIco06 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url(https://cdn.poipiku.com/assets/img/ico_r18.png);
}

.SafeFilterIco08 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url(https://cdn.poipiku.com/assets/img/ico_r18_plus.png);
}

.SafeFilterIcoBlue02 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url(https://cdn.poipiku.com/assets/img/ico_warning_blue.png);
}

.SafeFilterIcoBlue04 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: 128%;
	background-image: url(https://cdn.poipiku.com/assets/img/ico_r18_blue.png);
}

.SafeFilterIcoBlue06 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url(https://cdn.poipiku.com/assets/img/ico_r18_blue.png);
}

.SafeFilterIcoBlue08 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url(https://cdn.poipiku.com/assets/img/ico_r18_plus_blue.png);
}

.PasswordIco {
	background-repeat: no-repeat;
	background-position: center;
	background-size: 70%;
	background-image: url(https://cdn.poipiku.com/assets/img/ico_pass.png);
}

.PasswordIcoBlue {
	background-repeat: no-repeat;
	background-position: center;
	background-size: 80%;
	background-image: url(https://cdn.poipiku.com/assets/img/ico_pass_blue.png);
}



.IllustItemExpandBtn>.Publish {
	padding: 0 13px;
	margin-right: 3px;
	/*border: 1px solid #b9ddf5;*/
	/*border-radius: 6px;*/
	opacity: 0.90;
}

.IllustItemExpandBtn>.Publish.Mini {
	margin-right: -1px;
}

.IllustItemExpandBtn>.Publish.Mini.ImageNum {
	padding: 0 6px;
	font-size: 13px;
}

.IllustItemExpandBtn>.Publish.Mini.ImageNum>i {
	margin-right: 1px;
}

.IllustItemExpandBtn:hover>.Publish {
	filter: brightness(400);
}

.IllustThumb .PublishLimitedPublished {
	background-size: contain;
	background-image: url(https://cdn.poipiku.com/assets/img/ico_clock.png);
	background-color: #3498db;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	opacity: 0.75;
}

.IllustThumb .PublishLimitedNotPublished {
	border-radius: 20px;
	background-size: contain;
	background-image: url(https://cdn.poipiku.com/assets/img/ico_clock.png);
	background-color: #a0a0a0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	opacity: 0.75;
}

.IllustThumb .Private {
	background-size: contain;
	background-image: url(https://cdn.poipiku.com/assets/img/ico_visible.png);
	background-color: #a0a0a0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	opacity: 0.75;
}

/********** USER LIST **********/
.UserThumb {
	display: flex;
	width: 100%;
	flex-flow: row nowrap;
	box-sizing: border-box;
	overflow: hidden;
	padding: 10px;
	border-bottom: solid 1px #eee;
	background-color: #fff;
	color: #6d6965;
}

.UserThumb:hover {
	color: #a39c98;
}

.UserThumb .UserThumbImg {
	display: block;
	flex: 0 0 30px;
	width: 30px;
	height: 30px;
	overflow: hidden;
	border: solid 1px #ccc;
	border-radius: 30px;
	margin: 0 5px 0 0;
	box-sizing: border-box;
	background-size: cover;
	background-position: 50% 50%;
}

.UserThumb .UserThumbName {
	display: block;
	flex: 1 1;
	height: 30px;
	font-weight: bold;
	font-size: 13px;
	line-height: 30px;
}

.UserThumb .UserThumbName .UserThumbNameAdditional {
	font-weight: normal;
}

/********** TAG LIST **********/
.TagItem {
	display: block;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
	border-bottom: solid 1px #eee;
	background-color: #fff;
}

.TagItem .TagName {
	display: block;
	height: 50px;
	line-height: 30px;
	padding: 10px;
	box-sizing: border-box;
	color: #3498db;
}

.TagThumb {
	float: left;
	width: 112px;
	height: 112px;
	margin: 3px 0 3px 6px;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	align-items: center;
	justify-content: center;
	background: #fff;
	color: #6d6965;
	display: flex;
	flex-flow: column;
	border-radius: 4px;
	border: solid 1px #eee;
}

.TagThumbPc {
	float: left;
	width: 165px;
	height: 165px;
	margin: 3px 0 3px 14px;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	align-items: center;
	justify-content: center;
	background: #fff;
	color: #6d6965;
	display: flex;
	flex-flow: column;
	border-radius: 4px;
	border: solid 1px #eee;
}

.TagThumbImg {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}

.TagThumbImgMask {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15));
}

.TagInfoTagName {
	position: absolute;
	bottom: 2px;
	left: 1px;
	color: #fff;
	background: rgba(0, 0, 0, .5);
	padding: 2px 3px 2px 1px;
	border-radius: 4px;
	overflow: hidden;
	font-size: 12px;
	white-space: nowrap;
}

.TagInfoTagTransName {
	font-size: 10px;
	margin-left: 10px;
}

.TagThumbBookmarkButton {
	color: #3498db;
	position: absolute;
	top: 0;
	right: 2px;
	font-size: 20px;
	padding: 6px;
}


/********** UPLOAD **********/
.PasteZone {
	display: block;
	float: left;
	width: 100%;
	font-size: 0;
	min-height: 113px;
	background: #fff;
	border-radius: 4px;
	border: solid
}

.CategoryDesc>.PrivateNote {
	font-size: 14px;
	margin-right: 3px;
}

.UploadFile {
	display: block;
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 10px 10px 50px 10px;
	max-width: 600px;
	margin: 0 auto;
}

.UploadFile .TimeLineIllustCmd {
	display: block;
	float: left;
	width: 100%;
	margin: 15px 0 0 0;
}

.UploadFile .InputFile {
	display: inline-block;
	position: relative;
	padding: 0;
	box-shadow: none;
	background-color: #f3f3f3;
	border-radius: 4px;
	margin: 6px;
	height: 101px;
	width: 101px;
}

.UploadFile .InputFile .imgView {
	border: none;
	border-radius: 2px 2px 0 0;
	bottom: 0;
	margin: auto;
	display: block;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	max-height: 100%;
	max-width: 100%;
}

.InputFile .DeletePaste {
	display: block;
	position: absolute;
	right: -8px;
	top: -8px;
	box-sizing: border-box;
	white-space: nowrap;
	text-align: center;
	width: 26px;
	height: 26px;
	line-height: 20px;
	font-size: 12px;
	padding: 0;
	border: solid 3px #fafafa;
	border-radius: 30px;
	background-color: #525252;
	color: #F7F7F7;
	font-weight: bold;
	cursor: pointer;
	z-index: 1;
}

.UploadFile .InputFile.Done {
	background-color: #EDEDF5;
	box-shadow: 0 0 1px 0 #3498db;
	border: 0;
}


.UploadFile .TotalSize {
	display: block;
	float: left;
	width: 100%;
	text-align: right;
	font-size: 10px;
	padding: 0;
	line-height: 20px;
}

.UploadFile .SelectImageBtn {
	display: block;
	float: left;
	height: 37px;
	line-height: 37px;
	margin: 0;
	text-decoration: none;
	overflow: hidden;
	box-sizing: border-box;
	padding: 0 15px;
	width: 100%;
	border-radius: 40px;
	-webkit-user-select: text;
	user-select: text;
}

.UploadFile .CategoryDesc {
	display: flex;
	justify-content: space-between;
	align-items: center;
	float: left;
	width: 100%;
	box-sizing: border-box;
	margin: 16px 0 0 0;
}

.UploadFile .Description {
	display: block;
	float: left;
	width: 100%;
	box-sizing: border-box;
	margin: 16px 0 5px 0;
	position: relative;
}

.UploadFile .Description .EditDescription {
	display: block;
	float: left;
	width: 100%;
	height: 100px;
	box-sizing: border-box;
}

.UploadFile .Description .DescriptionCharNum {
	display: block;
	float: left;
	width: 100%;
	text-align: right;
	font-size: 10px;
	height: 10px;
	line-height: 10px;
}

.UploadFile .TextBody {
	display: block;
	float: left;
	width: 100%;
	box-sizing: border-box;
	margin: 5px 0 0 0;
	position: relative;
}

.UploadFile .TextBody .EditTextTitle {
	display: block;
	float: left;
	width: 100%;
	box-sizing: border-box;
}

.UploadFile .TextBody .EditTextBody {
	display: block;
	float: left;
	width: 100%;
	height: 300px;
	box-sizing: border-box;
	margin: 5px 0 0 0;
}

.UploadFile .TextBody .TextBodyCharNum {
	display: block;
	float: left;
	width: 100%;
	text-align: right;
	font-size: 10px;
	height: 10px;
	line-height: 10px;
}

.UploadFile .TagList .EditTagList {
	display: block;
	float: left;
	width: 100%;
	box-sizing: border-box;
}

.UploadFile .TagList {
	display: block;
	float: left;
	width: 100%;
	box-sizing: border-box;
	margin: 13px 0 10px 0;
	position: relative;
}

.UploadFile .TagList .TagListCharNum {
	display: flex;
	width: 100%;
	font-size: 10px;
	height: 10px;
	line-height: 10px;
	justify-content: space-between;
}

.UploadFile .UoloadCmdOption {
	display: flex;
	float: left;
	flex-flow: column;
	width: 100%;
	margin: 3px 0 10px 0;
	align-items: flex-end;
}

.UploadFile .UoloadCmdOption .OptionItem {
	flex: 0 0 100%;
	width: 100%;
	display: flex;
	flex-flow: row;
	padding: 9px 0;
	align-items: center;
	border-radius: 2px;
	justify-content: center;
}

.UploadFile .UoloadCmdOption .OptionNotify {
	font-size: 12px;
	opacity: 0.8;
	margin-bottom: 20px;
}

.UploadFile .UoloadCmdOption .OptionInfo {
	font-size: 11px;
	text-align: left;
	margin: 0 15px;
	display: none;
}

.UploadFile .UoloadCmdOption .OptionItem .OptionLabel {
	display: block;
	margin: 0;
	font-size: 14px;
	height: 15px;
	line-height: 15px;
	text-align: left;
	white-space: nowrap;
	flex: 0 0 40%;
}

.UploadFile .UoloadCmdOption .OptionItem .OptionLabelSub {
	display: block;
	font-size: 14px;
	height: 15px;
	line-height: 15px;
	text-align: left;
	white-space: nowrap;
	flex: 0 0 40%;
	margin: 0 0 0 1em;
}

.UploadFile .UoloadCmdOption .OptionItem .OptionLabel.disabled {
	color: #ccc;
}

.UploadFile .UoloadCmdOption .OptionItem .OptionPublish {
	margin: 0 0 0 auto;
	text-align: right;
}

.OptionPublish>.OptionPublishInfo {
	width: 100%;
	text-align: right;
}


.UploadFile .UoloadCmdOption .OptionItem .OptionPublish .EditPublish,
.UploadFile .UoloadCmdOption .OptionItem .OptionPublish .EditPassword {
	width: 180px;
}

.UploadFile .UoloadCmdOption .OptionItem .OptionPublish .EditTimeLimited {
	width: 180px;
}

.UploadFile .UoloadCmdOption .OptionItem .OptionPublish .EditTimeLimitedPc {
	width: 150px;
	text-align: right;
}

.UploadFile .UoloadCmdOption .OptionItem .OptionPublish .EditTimeLimitedPcTo {
	line-height: 2em;
}

.UploadFile .UoloadCmdOption .OptionItem .onoffswitch {
	margin: 0 0 0 auto;
}

.UploadFile .UoloadCmd {
	display: flex;
	width: 100%;
	text-align: center;
	justify-content: center;
}

.UploadFile .UoloadCmd .UoloadCmdBtn {
	display: inline-block;
}

/********** Illust List **********/
.IllustItemList {
	display: block;
	float: left;
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
}

.IllustItemList2Column {
	width: 100%;
}

.IllustItem {
	display: block;
	float: left;
	width: 344px;
	min-height: 200px;
	padding: 0;
	box-sizing: border-box;
	overflow: hidden;
	background: #fff;
	color: #6d6965;
	margin: 15px 8px;
	border-radius: 6px;
	border: solid 1px #eee;
}

.IllustItemList2Column .IllustItem {
	min-height: 100px;
	width: 176px;
	margin: 3px 2px;
}

.IllustItem .BtnBase {
	border: 1px solid #3498db;
	background: #fff;
	color: #3498db;
}

.IllustItem .NonFrameBtnBase {
	background: #fff;
	color: #3498db;
}

.IllustItem .BtnBase.Selected,
.IllustItem .BtnBase:hover {
	border: 1px solid #fff;
	background: #3498db;
	color: #fff;
}

.IllustItem .IllustItemUser {
	display: flex;
	flex-flow: row nowrap;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	text-align: center;
	padding: 8px;
	border-bottom: solid 1px #eee;
	align-items: center;
}

.IllustItemList2Column .IllustItem .IllustItemUser {
	padding: 4px;
}

.IllustItem .IllustItemUser .IllustItemUserThumb {
	display: block;
	flex: 0 0 30px;
	height: 30px;
	overflow: hidden;
	border: solid 1px #ccc;
	border-radius: 60px;
	background-size: cover;
	background-position: 50% 50%;
}

.IllustItem .IllustItemUser .IllustItemUserName {
	display: block;
	flex: 1 1 204px;
	padding: 0;
	margin: 0 0 0 10px;
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	height: 32px;
	line-height: 32px;
	white-space: nowrap;
	overflow: hidden;
}

.IllustItemList2Column .IllustItemUser .IllustItemUserName {
	display: flex;
	flex: none;
	font-weight: normal;
	font-size: 12px;
}

.IllustItem .IllustItemUser .IllustItemUserName a {
	color: #6d6965;
}

.IllustItem .IllustItemUser .UserInfoCmdGift {
	font-size: 19px;
	margin-right: 16px;
	color: #3498da;
}

.IllustItem .IllustItemUser .UserInfoCmdFollow {
	display: block;
	flex: 0 0 90px;
	cursor: pointer;
	font-size: 12px;
	padding: 0 3px;
	height: 24px;
	line-height: 24px;
	font-weight: 400;
}

.IllustItem .IllustItemUser .UserInfoCmdFollow.NoLabel {
	flex: 0 0 25px;
	font-size: 18px;
}

.IllustItem .IllustItemCommand {
	display: block;
	float: left;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	position: relative;
	padding: 8px 8px 4px 8px;
}

.IllustItem .IllustItemCommand .GenreInfo {
	display: flex;
	flex-flow: row nowrap;
	float: left;
	width: 100%;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	box-sizing: border-box;
	padding: 0;
	margin: 2px 3px 0 2px;
}

.IllustItem .IllustItemCommand .GenreInfo .GenreImage {
	display: block;
	flex: 0 0 36px;
	width: 36px;
	height: 36px;
	border: solid 1px #eee;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.IllustItem .IllustItemCommand .GenreInfo .GenreName {
	display: none;
	flex: 1 1;
	height: 42px;
	line-height: 42px;
	margin: 3px 0;
	color: #6d6965;
	font-size: 16px;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}


.IllustItem .IllustItemCommand .IllustItemCategory {
	display: block;
	float: left;
}

.IllustItem .IllustItemCommand .IllustItemCommandSub {
	font-size: 18px;
	float: right;
}

.IllustItem .IllustItemCommand .IllustItemCommandSub .IllustItemCommandDelete,
.IllustItem .IllustItemCommand .IllustItemCommandSub .IllustItemCommandEdit {
	display: inline-block;
	color: #aaa;
	margin: 4px 10px;
}

.IllustItem .IllustItemCommand .IllustItemCommandSub .IllustItemCommandTweet {
	display: inline-block;
	color: #aaa;
	margin: 4px 10px;
}

.IllustItem .IllustItemCommand .IllustItemCommandSub .IllustItemCommandShareTweet,
.IllustItem .IllustItemCommand .IllustItemCommandSub .IllustItemCommandShareCopyUrl {
	display: inline-block;
	color: #aaa;
	margin: 4px 7px;
}


#UserShareCmd {
	margin-left: 5px;
}

#UserShareCmd .UserShareButton {
	display: inline-block;
	position: relative;
	top: 4px;
	width: 18px;
	height: 18px;
}

#UserShareCmd .UserShareTweet {
	display: inline-block;
	color: #aaa;
	margin: 4px 7px;
	font-size: 17px;
}

.IllustItem .IllustItemCommand .IllustItemCommandSub .IllustItemCommandInfo {
	float: right;
	display: inline-block;
	color: #aaa;
	margin: 4px 0 4px 20px;
}

.IllustItem .IllustItemCommand .IllustItemCategoryEdit {
	display: none;
	float: left;
	margin: 0 0 8px 0;
}

.IllustItemTProhibit {
	display: block;
	text-align: center;
	font-size: 10px;
	padding: 10px;
}

.IllustItem .IllustItemTProhibit {
	float: left;
	width: 100%;
	box-sizing: border-box;
	text-align: right;
	height: 16px;
	line-height: 10px;
	padding: 3px;
	font-size: 9px;
	color: #fff;
	margin-top: -16px;
	text-shadow: 0 0 10px #000;
}

.IllustItem .IllustItemTProhibit .TapToFull {
	display: block;
	float: left;
}

.IllustItem .IllustItemExpand {
	display: block;
	float: left;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	margin-top: -45px;
}

.IllustItem .IllustItemExpand .SwitchContentsViewModeBtn {
	color: #3498db;
	text-decoration: underline;
	padding: 1px 2px;
	font-size: 11px
}

.IllustItem.Password .IllustItemExpand {
	margin-top: -85px;
}

.IllustItem .IllustItemExpand .IllustItemExpandPassFrame {
	float: left;
	width: 100%;
	box-sizing: border-box;
	margin: 0 0 18px 0;
}

.IllustItem.Password .IllustItemExpand .IllustItemExpandPassFrame {
	display: block;
}

.IllustItemExpandPassFrame>.PasswordIcon {
	width: 24px;
	height: 16px;
	margin: 8px -2px 0 0;
}

.IllustItem .IllustItemExpand .IllustItemExpandPassFrame .IllustItemExpandPass {
	width: 100px;
	height: 30px;
	opacity: 0.8;
}

.IllustItemList2Column .IllustItem .IllustItemExpand .IllustItemExpandPassFrame .IllustItemExpandPass {
	width: 75px;
	height: 27px;
}

.IllustItem .IllustItemExpand .IllustItemExpandPassFrame .IllustItemExpandPassVisible {
	color: #77c8e3;
	font-size: 12px;
	position: relative;
	margin-left: 4px;
	vertical-align: bottom;
}

.IllustItemList2Column .IllustItem .IllustItemExpand .IllustItemExpandPassFrame .IllustItemExpandPassVisible {
	font-size: 11px;
	margin-left: 1px;
}

.IllustItem .IllustItemExpand .IllustItemExpandPassFrame .IllustItemExpandPass::placeholder {
	color: #bbb;
	font-style: italic;
	font-size: 12px;
}

.IllustItem .IllustItemExpand .IllustItemExpandBtn {
	display: inline-block;
	margin: 0;
	font-size: 13px;
	line-height: 25px;
	height: 25px;
	padding: 3px 6px;
	border-radius: 12px;
	opacity: 0.87;
}

.IllustItemList2Column .IllustItem .IllustItemExpand .IllustItemExpandBtn {
	font-size: 14px;
	line-height: 20px;
	height: 20px;
	padding: 1px 3px;
	border-radius: 6px;
}

.IllustItem .IllustItemCmd {
	display: block;
	float: right;
	padding: 0 0 0 7px;
	box-sizing: border-box;
	text-align: right;
	margin: 0;
}

.IllustItem .IllustItemCmd .IllustItemBookmarkBtn {
	padding: 0;
	font-size: 19px;
	border: none;
}

.IllustItem .IllustItemCmd .IllustItemShareButton {
	display: inline-block;
	padding: 0;
	margin: 3px 0 0 13px;
	width: 18px;
	height: 18px;
	border: none;
	background-image: url("https://cdn.poipiku.com/assets/img/share_sp.svg");
}

.IllustItem .IllustItemCmd .IllustItemPinButton {
	color: #aaa;
}

.IllustItem .IllustItemCmd .IllustItemPinButton.Selected {
	color: #3498db;
}

.IllustItem .Request {
	display: block;
	float: left;
	background: #fcac5e;
	font-size: 13px;
	color: #fff;
	text-align: center;
	box-sizing: border-box;
	overflow: hidden;
	white-space: nowrap;
	border-radius: 9px;
	height: 24px;
	line-height: 24px;
	margin: 0 2px 0 2px;
	padding: 0 10px;
	min-width: 70px;
}

.IllustItem .Category {
	display: block;
	float: left;
	background: #3498db;
	font-size: 13px;
	color: #fff;
	text-align: center;
	box-sizing: border-box;
	overflow: hidden;
	white-space: nowrap;
	border-radius: 22px;
	height: 24px;
	line-height: 24px;
	margin: 0 0 5px 0;
	padding: 0 10px;
	min-width: 70px;
}

.Category.C-1 {
	background-color: #3498da;
	color: #ffffff;
}

.CategoryBtn.C-1 {
	border-color: #3498da;
	color: #ffffff;
}

.Category.C0 {
	background-color: #ecec01;
	color: #555;
}

.CategoryBtn.C0 {
	border-color: #ecec01;
	color: #ecec01;
}

.Category.C1 {
	background-color: #eb7f10;
}

.CategoryBtn.C1 {
	border-color: #eb7f10;
	color: #eb7f10;
}

.Category.C2 {
	background-color: #ea541a;
}

.CategoryBtn.C2 {
	border-color: #ea541a;
	color: #ea541a;
}

.Category.C3 {
	background-color: #d20000;
}

.CategoryBtn.C3 {
	border-color: #d20000;
	color: #d20000;
}

.Category.C4 {
	background-color: #bfda80;
	color: #555;
}

.CategoryBtn.C4 {
	border-color: #bfda80;
	color: #bfda80;
}

.Category.C5 {
	background-color: #34cca4;
}

.CategoryBtn.C5 {
	border-color: #34cca4;
	color: #34cca4;
}

.Category.C6 {
	background-color: #55bbdd;
}

.CategoryBtn.C6 {
	border-color: #55bbdd;
	color: #55bbdd;
}

.Category.C7 {
	background-color: #017ff0;
}

.CategoryBtn.C7 {
	border-color: #017ff0;
	color: #017ff0;
}

.Category.C8 {
	background-color: #333333;
}

.CategoryBtn.C8 {
	border-color: #333333;
	color: #333333;
}

.Category.C9 {
	background-color: #003399;
}

.CategoryBtn.C9 {
	border-color: #003399;
	color: #003399;
}

.Category.C10,
.CategoryBtn.Selected.C10 {
	background-color: #eebb00;
	color: #555;
}

.CategoryBtn.C10 {
	border-color: #eebb00;
	color: #eebb00;
}

.Category.C11 {
	background-color: #336699;
}

.CategoryBtn.C11 {
	border-color: #336699;
	color: #336699;
}

.Category.C12 {
	background-color: #ea541a;
}

.CategoryBtn.C12 {
	border-color: #ea541a;
	color: #ea541a;
}

.Category.C13 {
	background-color: #ff9900;
	color: #000;
}

.CategoryBtn.C13 {
	border-color: #ff9900;
	color: #ff9900;
}

.Category.C13 {
	background-color: #ff9900;
	color: #000;
}

.CategoryBtn.C13 {
	border-color: #ff9900;
	color: #ff9900;
}

.IllustThumb .Category.C13 {
	font-size: 10px;
	height: auto;
	line-height: 10px;
	white-space: normal;
	padding: 5px 5px;
}

.Category.C14 {
	background-color: #55bbdd;
}

.CategoryBtn.C14 {
	border-color: #55bbdd;
	color: #55bbdd;
}

.Category.C15 {
	background-color: #8eb8ea;
}

.CategoryBtn.C15 {
	border-color: #8eb8ea;
	color: #8eb8ea;
}

.Category.C16 {
	background-color: #dd4400;
}

.CategoryBtn.C16 {
	border-color: #dd4400;
	color: #dd4400;
}

.Category.C17 {
	background-color: #eee;
	color: #000;

}

.CategoryBtn.C17 {
	border-color: #eee;
	color: #000;
}

.Category.C18 {
	background-color: #999999;
}

.CategoryBtn.C18 {
	background-color: #999999;
	color: #999999;
}

.Category.C19 {
	background-color: #dd0000;
	color: #fff;
}

.CategoryBtn.C19 {
	background-color: #dd0000;
	color: #fff;
}

.Category.C20 {
	background-color: #3498da;
	color: #ffffff;
}

.CategoryBtn.C20 {
	border-color: #3498da;
	color: #ffffff;
}

.Category.C22 {
	background-color: #3377ff;
	color: #fff;
}

.CategoryBtn.C22 {
	background-color: #3377ff;
	color: #fff;
}

.Category.C23 {
	background-color: #000;
	color: #ffff00;
}

.CategoryBtn.C23 {
	background-color: #000;
	color: #ffff00;
}

.Category.C24 {
	background-color: #dd0000;
	color: #fff;
}

.CategoryBtn.C24 {
	background-color: #dd0000;
	color: #fff;
}

.Category.C25 {
	background-color: #FF99CC;
	color: #fff;
}

.CategoryBtn.C25 {
	background-color: #FF99CC;
	color: #fff;
}

.Category.C26 {
	background-color: #fdca7f;
	color: #ff3333;
}

.CategoryBtn.C26 {
	background-color: #fdca7f;
	color: #ff3333;
}

.Category.C27 {
	background-color: #000;
	color: #aaa;
}

.CategoryBtn.C27 {
	background-color: #000;
	color: #aaa;
}

.Category.C28 {
	background-color: #ff0000;
	color: #fff;
}

.CategoryBtn.C28 {
	background-color: #ff0000;
	color: #fff;
}

.Category.C29 {
	background-color: #e4027f;
	color: #fff;
}

.CategoryBtn.C29 {
	background-color: #e4027f;
	color: #fff;
}

.Category.C30 {
	background-color: #eb7f10;
}

.CategoryBtn.C30 {
	border-color: #eb7f10;
	color: #eb7f10;
}

.Category.C31 {
	background-color: #7F460A;
	color: #fff;
}

.CategoryBtn.C31 {
	border-color: #7F460A;
	color: #fff;
}

.Category.C32 {
	background-color: #ff66aa;
	color: #fff;
}

.CategoryBtn.C32 {
	border-color: #ff66aa;
	color: #fff;
}


.IllustItemList .CategoryMore {
	display: block;
	float: left;
	width: 100%;
	text-align: right;
	font-size: 13px;
	font-weight: normal;
	padding: 0 7px;
	box-sizing: border-box;
}


.IllustItem .IllustItemDesc {
	display: block;
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 0 8px;
	text-align: left;
	margin: 2px 0 5px 0;
	font-size: 16px;
	color: #6d6965;
}

.IllustItemList2Column .IllustItem .IllustItemDesc {
	padding: 0 4px;
	font-size: 12px;
	min-height: 1.5em;
	max-height: 4.5em;
	overflow: hidden;
}

.IllustItem .IllustItemDescTranslation {
	margin: 5px 0 0 10px;
	font-size: 17px;
}

.IllustItem .IllustItemDescMoreLink {
	text-decoration: underline;
	color: #49a1ff;
}

.IllustItem .IllustItemTag {
	display: flex;
	width: 100%;
	box-sizing: border-box;
	padding: 0 8px;
	text-align: left;
	margin: 0 0 5px 0;
	font-size: 14px;
	overflow-x: scroll;
	white-space: nowrap;
	height: 50px;
}

.IllustItem .IllustItemDesc .IllustItemDescCmd {
	display: inline-block;
}

.IllustItem .IllustItemDescEdit {
	display: none;
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 0 8px;
	text-align: left;
	margin: 0 0 10px 0;
}

.IllustItem .IllustItemDescEdit .IllustItemDescEditTxt {
	display: block;
	float: left;
	width: 100%;
	height: 100px;
	box-sizing: border-box;
	margin: 0 0 8px 0;
}

.IllustItem .IllustItemDescEdit .IllustItemTagEditTxt {
	display: block;
	float: left;
	width: 100%;
	margin: 0 0 8px 0;
}

.IllustItem .IllustItemDescEdit .IllustItemDescEditCmdList {
	display: block;
	float: left;
	width: 100%;
	text-align: center;
	margin: 0 0 0 0;
}

.IllustItem .IllustItemDescEdit .IllustItemDescEditCmdList .IllustItemDescEditCmd {
	min-width: 80px;
}

.IllustItem .IllustItemThumb {
	display: block;
	float: left;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	min-height: 140px;
	text-align: center;
	font-size: 0;
}

.IllustItemList2Column .IllustItem .IllustItemThumb {
	min-height: 100px;
}


.IllustItem>.IllustInfo {
	display: block;
	float: left;
	margin-bottom: -50px;
	margin-left: 5px;
}

.IllustItem>.IllustInfo>.PrivateIcon {
	margin-top: 10px;
	margin-left: 5px;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	background-size: contain;
	background-image: url(https://cdn.poipiku.com/assets/img/ico_visible.png);
	background-color: #a0a0a0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	opacity: .75;
}

.IllustItem>.IllustInfo>.OutOfPeriodIcon {
	margin-top: 10px;
	margin-left: 5px;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	background-size: contain;
	background-image: url(https://cdn.poipiku.com/assets/img/ico_clock.png);
	background-color: #a0a0a0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	opacity: .75;
}


.IllustItem .IllustItemThumb .IllustInfoPublic {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.IllustItem .IllustItemThumb .IllustInfoPrivate {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	position: absolute;
	top: 0;
	left: 0;
}

.IllustInfoPrivate .Private {
	display: block;
	margin: 5px 8px;
	border-radius: 11px;
	background-size: contain;
	background-image: url(https://cdn.poipiku.com/assets/img/ico_visible.png);
	background-color: #a0a0a0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	opacity: 0.75;
}

.IllustInfoPublic .PublishLimitedPublished {
	display: block;
	margin: 5px 8px;
	border-radius: 11px;
	background-size: contain;
	background-image: url(https://cdn.poipiku.com/assets/img/ico_clock.png);
	background-color: #3498db;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	opacity: 0.75;
}

.IllustInfoPrivate .PublishLimitedNotPublished {
	display: block;
	margin: 5px 8px;
	border-radius: 11px;
	background-size: contain;
	background-image: url(https://cdn.poipiku.com/assets/img/ico_clock.png);
	background-color: #a0a0a0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	opacity: 0.75;
}

.IllustItem.Password .IllustItemThumb {
	min-height: 180px;
}


.IllustItem .IllustItemThubExpand {
	display: block;
	float: left;
	width: 100%;
}

.IllustItem .IllustItemThubExpand .ThubExpandMsg {
	display: block;
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 20px 10px 60px 10px;
	text-align: center;
}

.IllustItem .IllustItemThubExpand .IllustItemThumb {
	margin: 5px 0 0 0;
}

.IllustItem .IllustItemThumb .IllustItemThumbImg {
	display: inline-block;
	max-width: 100%;
}

.IllustItem.Text .IllustItemText {
	display: block;
	float: left;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	min-height: 140px;
	max-height: 300px;
	text-align: left;
	padding: 0 8px;
	margin: 15px 0 0 0;
	color: #333;
}

.IllustItem.Text .IllustItemText:hover {
	color: #333;
}

.IllustItem.Text .IllustItemText .IllustItemThumbText {
	display: block;
	float: left;
	width: 100%;
	box-sizing: border-box;
	font-size: 16px;
}

.IllustItem.Text .IllustItemExpand {
	margin-top: 0;
}

.IllustItem.Text .IllustItemTProhibit {
	margin-top: 0;
}

.IllustItem .IllustItemResList {
	display: block;
	float: left;
	width: 100%;
	margin: 0;
	box-sizing: border-box;
	padding: 6px 3px 6px 3px;
	border-bottom: solid 1px #eee;
	text-align: left;
	font-size: 0;
}

.IllustItem .IllustItemResList .IllustItemResListTitle {
	display: block;
	float: left;
	font-size: 12px;
	width: 100%;
	overflow: hidden;
	text-align: center;
}

.IllustItem .IllustItemResList .ResEmoji {
	display: block;
	float: left;
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	margin: 0;
	font-family: EmojiFontFamily, 'Apple Color Emoji', sans-serif;
	font-size: 18px;
}

.IllustItem .IllustItemResList .ResEmojiAdd {
	display: block;
	float: left;
	width: 28px;
	height: 30px;
	line-height: 26px;
	text-align: center;
	margin: 0;
	position: relative;
	font-size: 22px;
	color: #ddd;
}

.IllustItem .IllustItemResList .ResEmojiAdd:after,
.ResEmojiAdd:before {
	bottom: -7px;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.IllustItem .IllustItemResList .ResEmojiAdd:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}

.IllustItem .IllustItemResList .ResEmojiAdd:before {
	border-color: rgba(221, 221, 221, 0);
	border-bottom-color: #ddd;
	border-width: 11px;
	margin-left: -11px;
}

.IllustItem .IllustItemResBtnList {
	display: block;
	float: left;
	width: 100%;
	box-sizing: border-box;
	text-align: left;
	font-size: 0;
}


.IllustItem .IllustItemResBtnList .IllustItemResListTitle {
	display: flex;
	float: left;
	width: 100%;
	font-size: 10px;
	padding: 2px 6px;
	box-sizing: border-box;
	justify-content: space-between;
}


.IllustItem .IllustItemResBtnList .ResBtnSetList {
	display: block;
	float: left;
	width: 100%;
	box-sizing: border-box;
	text-align: left;
	padding: 0;
}

.IllustItemList2Column .IllustItemResBtnList .ResBtnSetList {
	margin-top: 6px;
}

.IllustItem .IllustItemResBtnList .ResBtnSetList .ResBtnSetItem {
	margin: 0 3px;
	min-width: 55px;
	text-align: center;
	padding: 1px 0;
	font-size: 11px;
}

.IllustItemList2Column .IllustItem .IllustItemResBtnList .ResBtnSetList .ResBtnSetItem {
	min-width: 50px;
}

.IllustItem .IllustItemResBtnList .ResBtnSetList .ResBtnSetItem.Selected {}

.IllustItem .IllustItemResBtnList .ResBtnSetList .ResBtnSetItem.Food {
	border-color: orange;
	background-color: #fff;
	color: orange;
}

.IllustItem .IllustItemResBtnList .ResBtnSetList .ResBtnSetItem.Food.Selected {
	border-color: orange;
	background-color: orange;
	color: #fff;
}

.IllustItem .IllustItemResBtnList .ResBtnSetList .ResBtnSetItem.Pocky {
	border-color: #dd2e43;
	background-color: #fff;
	color: #dd2e43;
}

.IllustItem .IllustItemResBtnList .ResBtnSetList .ResBtnSetItem.Pocky.Selected {
	border-color: #dd2e43;
	background-color: #dd2e43;
	color: #fff;
}

.IllustItem .IllustItemResBtnList .ResBtnSetList .ResBtnSetItem.Xmas {
	border-color: #dd2e43;
	background-color: #fff;
	color: #ff0000;
}

.IllustItem .IllustItemResBtnList .ResBtnSetList .ResBtnSetItem.Xmas.Selected {
	border-color: #ff0000;
	background-color: #ff0000;
	color: #fff;
}

.IllustItem .IllustItemResBtnList .ResEmojiCheer {
	display: block;
	float: left;
	box-sizing: border-box;
	text-align: left;
	padding: 0;
	font-size: 16px;
	margin: 7px;
}

.IllustItem .IllustItemResBtnList .ResEmojiCheerNowPayment {
	display: block;
	float: left;
	box-sizing: border-box;
	text-align: left;
	padding: 0;
	font-size: 16px;
	margin: 7px;
}

.IllustItem .IllustItemResBtnList .ResEmojiCheerNowPayment .CheerLoading {
	width: 20px;
	height: 20px;
	display: inline-block;
	background: no-repeat url(https://cdn.poipiku.com/assets/img/loading.gif);
	background-size: cover;
	position: relative;
	top: 4px;
	margin: 0 2px 0 4px;
}

.IllustItem .IllustItemResBtnList .ResEmojiCheer .CheerAmount {
	display: inline-block;
}

.IllustItem .IllustItemResBtnList .ResEmojiCheer .CheerMsg {
	display: inline-block;
	line-height: 30px;
	padding-left: 2px;
}

.IllustItem .IllustItemResBtnList .ResEmojiCheer .CheerInfo {
	display: inline-block;
	line-height: 30px;
	padding-left: 10px;
}

.IllustItem .IllustItemResBtnList .ResEmojiBtnList {
	display: block;
	float: left;
	width: 100%;
	max-height: 117px;
	overflow: hidden;
}

.IllustItem .IllustItemResBtnList .ResEmojiBtnList.Food,
.IllustItem .IllustItemResBtnList .ResEmojiBtnList.All,
.IllustItem .IllustItemResBtnList .ResEmojiBtnList.Cheer {
	max-height: 400px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

/*********** リプライ *************/
.ReplyBtn {
	color: rgba(52, 152, 219, 0.60);
	display: block;
	font-size: 19px;
	padding: 1px 3px;
	cursor: pointer;
}

.ReplyBtn:hover {
	color: rgba(52, 152, 219, 1);
}

.ReplyInfoBtn {
	color: #b5b5b5;
}

.ReplyInfoBtn:hover {
	color: #a6a5a5;
}

.IllustItemReplyInfo .ReplyBtn,
.IllustItemReplyList .ReplyBtn {
	color: #3498db;
	position: relative;
	float: right;
	right: 6px;
	top: -6px;
}

.IllustItemReplyInfo,
.IllustItemReplyList {
	display: none;
	float: left;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	margin: 10px auto;
}

.IllustItemReplyInfo>.IllustItemReplyInfoTitle {
	margin: 10px 0 19px 0;
}

.IllustItemReplyInfoTitle>.MyReplyEmoji {
	vertical-align: bottom;
}

.IllustItemReplyInfoTitle>.MyReplyEmoji img {
	width: 18px;
	height: 18px;
}

.IllustItemReplyInfo i {
	font-size: 16px;
	line-height: 21px;
	margin-right: 2px;
}

.IllustItem .IllustItemResList .ResEmoji.Replied {
	margin-top: 3px;
	margin-bottom: -3px;
	opacity: 0.6;
}

.IllustItem .IllustItemResList .ResEmoji.Already {
	opacity: 0.6;
}

.ReplyEmojiInfoDlgTitle>i {
	color: #3498db;
	margin-right: 10px;
}

.ReplyEmojiInfoDlgBody {
	text-align: left;
	font-size: 14px;
}

.IllustItemResList .ReplyListMsg {
	display: block;
	text-align: center;
	font-size: 12px;
}

/*********** リプライ *************/

.IllustItem .IllustItemResBtnList .ResEmojiBtnList .NeedLogin {
	display: block;
	float: left;
	width: 100%;
	text-align: center;
	font-size: 13px;
	padding: 10px 0;
}

.IllustItem .IllustItemResBtnList .ResEmojiBtnList .ResEmojiBtn {
	display: inline-block;
	overflow: hidden;
	text-align: center;
	font-size: 20px;
	background: #fff;
	width: 35px;
	height: 35px;
	line-height: 35px;
	margin: 4px 2px 0 5px;
	border-radius: 100px;
	user-select: none;
	font-family: EmojiFontFamily, 'Apple Color Emoji', sans-serif;
	cursor: pointer;
	/*
	box-shadow: 2px 4px 6px #bbb;
	*/
}

.IllustItem .IllustItemResBtnList .ResEmojiBtnList .ResEmojiBtn:hover {
	background-color: #cef;
}

.IllustItem .IllustItemResList .ResEmoji .Twemoji,
.IllustItem .IllustItemResBtnList .ResEmojiBtnList .ResEmojiBtn .Twemoji {
	width: 18px;
	height: auto;
}

/*
.IllustItem .IllustItemResBtnList .ResEmojiBtnList .ResEmojiBtn:active {
	box-shadow: 1px 2px 3px #bbb;
	transform: translate3d(1px, 2px, 0);

}
*/


.IllustItem .IllustItemResList .IllustItemResListTitle .TitleShowAll {
	display: inline-block;
	margin: 0;
	text-decoration: underline;
	cursor: pointer;
}


/********** IllustItem Hiden **********/

/*.IllustItem.Hidden {opacity: 0.7 !important;}*/

.IllustItem.Hidden .IllustItemResList {
	display: none;
}

.IllustItem.Hidden .IllustItemResBtnList {
	display: none;
}

/********** COMMENT **********/
.IllustItemList .ActivityList {
	display: block;
	width: 100%;
	float: left;
	box-sizing: border-box;
	margin: 0 auto;
}

.IllustItemList .ActivityList .ActivityListItem {
	display: flex;
	flex-flow: row nowrap;
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 5px;
	border-bottom: solid 1px #eee;
	background-color: #fff;
	color: #6d6965;
	position: relative;
}

.IllustItemList .ActivityList .ActivityListItem.HadRead {
	background-color: #ddd;
}

.IllustItemList .ActivityList .ActivityListItem .ActivityListThumb {
	display: block;
	flex: 0 0 60px;
	height: 60px;
	margin: 0 5px 0 0;
	background-color: #ffffff;
}

.IllustItemList .ActivityList .ActivityListItem .ActivityListRequestThumb {
	display: block;
	margin: 0 5px 0 0;
	width: 50px;
	height: 50px;
	box-sizing: border-box;
	border: solid 1px #eee;
	background: url(https://cdn.poipiku.com/assets/img/menu_pc-12.png) no-repeat;
	background-size: 847%;
	position: relative;
	background-position: -303px -39px;
}

.IllustItemList .ActivityList .ActivityListItem .ActivityListThumb .ActivityListThumbImg {
	display: block;
	width: 60px;
	height: 60px;
	box-sizing: border-box;
	border: solid 1px #eee;
	background-position: 50% 50%;
	background-size: cover;
}

.IllustItemList .ActivityList .ActivityListItem .ActivityListThumb .ActivityListThumbIcon .WaveMessageReplyIcon {
	position: relative;
	font-size: 44px;
	top: 7px;
	left: 8px;
	color: #3498DB;
}

.IllustItemList .ActivityList .ActivityListItem .ActivityListThumb .ActivityListThumbIcon .GiftIcon {
	position: relative;
	font-size: 44px;
	top: 7px;
	left: 8px;
	color: #3498DB;
}

.IllustItemList .ActivityList .ActivityListItem .ActivityListThumb .ActivityListThumbTxt {
	display: block;
	width: 60px;
	height: 60px;
	box-sizing: border-box;
	border: solid 1px #eee;
	font-size: 10px;
	overflow: hidden;
}


.IllustItemList .ActivityList .ActivityListItem .ActivityListBody {
	display: block;
	flex: 1 1;
	height: 60px;
}

.IllustItemList .ActivityList .ActivityListItem .ActivityListBody .ActivityListTitle {
	display: block;
	width: 100%;
	height: 30px;
	line-height: 30px;
}

.IllustItemList .ActivityList .ActivityListItem .ActivityListBody .ActivityListTitle .Date {
	display: block;
	width: 100%;
	font-size: 10px;
	height: 15px;
	line-height: 15px;
}

.IllustItemList .ActivityList .ActivityListItem .ActivityListBody .ActivityListTitle .Title {
	display: block;
	width: 100%;
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
}

.IllustItemList .ActivityList .ActivityListItem .ActivityListBody .ActivityListDesc {
	display: block;
	width: 100%;
	height: 18px;
	overflow: hidden;
	padding: 7px 0 0 0;
}

.IllustItemList .ActivityList .ActivityListItem .ActivityListBody .ActivityListDesc .Twemoji {
	width: 18px;
	height: 18px;
	margin: 0 5px 0 0;
}

.IllustItemList .ActivityList .ActivityListItem .ActivityListBadge,
.TabMenu .ActivityListBadge {
	display: block;
	position: absolute;
	min-width: 9px;
	height: 15px;
	line-height: 15px;
	text-align: center;
	top: 5px;
	right: 5px;
	border-radius: 10px;
	font-size: 9px;
	background: rgba(255, 0, 0, 0.5);
	color: #fff;
	padding: 0 3px;
}

.TabMenu .ActivityListBadge {
	display: inline-block;
	position: relative;
	top: 0;
	right: 2px;
	min-width: 2px;
	height: 8px;
	margin-left: 2px;
}

.IllustItemList .ActivityList .ActivityListItem.HadRead .ActivityListBadge {
	display: none;
	background: #aaa;
}

.IllustItemListRecommended {
	margin-bottom: 32px;
	float: left;
}

.IllustItemListRelatedTitle,
.IllustItemListRecommendedTitle {
	display: block;
	float: left;
	width: 100%;
	background: rgba(255, 255, 255, 0.95);
	color: #3498da;
	box-sizing: border-box;
	padding: 8px;
	font-size: 15px;
	font-weight: 500;
}

.IllustItemListRelatedTitle {
	margin-top: 24px;
}

.IllustItemListRecommendedTitle {
	margin-top: 6px;
}

#IllustViewGoLatestBtn {
	width: 240px;
	height: 22px;
	display: block;
	position: fixed;
	top: 0;
	left: calc(50% - 240px/2);
	background: rgba(52, 152, 218, 0.9);
	padding: 4px;
	text-align: center;
	border: solid 1px #fff;
	border-radius: 20px;
	z-index: 100;
}

hr.IllustItemListSeparator {
	display: block;
	float: left;
	border: 0;
	height: 2px;
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(236, 245, 251, 0.9), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(236, 245, 251, 0.9), rgba(0, 0, 0, 0));
	background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(236, 245, 251, 0.9), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(236, 245, 251, 0.9), rgba(0, 0, 0, 0));
}

/*********** IllustView UserInfo **********/
.UserInfo {
	display: block;
	float: left;
	width: 100%;
	margin: 0;
	box-sizing: border-box;
	overflow: hidden;
	background: #3498db;
	background-size: cover;
	background-repeat: no-repeat;
	border-bottom: solid 1px #eee;
	background-position: 50% 50%;
	color: #6d6965;
}

.UserInfo a {
	color: #6d6965;
}

.UserInfo .BtnBase {
	border: 1px solid #3498db;
	background: #fff;
	color: #3498db;
}

.UserInfo .BtnBase.Selected,
.UserInfo .BtnBase:hover {
	border: 1px solid #fff;
	background: #3498db;
	color: #fff;
}


.UserInfo .UserInfoBg {
	display: block;
	float: left;
	width: 100%;
	height: 100px;
	box-sizing: border-box;
	overflow: hidden;
}

.UserInfo .UserInfoUser {
	display: block;
	float: left;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	text-align: center;
	background: rgba(255, 255, 255, 0.80);
}

.UserInfoUser .UserInfoUserName .SettingBody .RegistMessage {
	display: block;
	flex: 1 1;
	font-size: 13px;
}

.UserInfo .UserInfoUser .UserInfoUserThumb {
	display: block;
	width: 80px;
	height: 80px;
	overflow: hidden;
	border: solid 2px #ccc;
	border-radius: 80px;
	margin: -42px auto 0 auto;
	background-size: cover;
	background-position: 50% 50%;
	background-color: #fff;
}

.UserInfo .UserInfoUser .UserInfoUserName {
	display: block;
	float: left;
	width: 100%;
	padding: 15px 0 0 0;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
}

.UserInfo .UserInfoUser .UserInfoProfile {
	display: block;
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 5px 20px;
	margin: 0;
	text-align: center;
	font-size: 13px;
}

.UserInfo .UserInfoCmd {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
	padding: 5px 0 15px 0;
}

.UserInfo .UserInfoCmd .AddWaveMessage {
	cursor: pointer;
}

.UserInfo .UserInfoCmd .WaveButton {
	width: 32px;
	height: 32px;
	padding: 5px 5px 3px 6px;
	background: #fff;
	margin: 5px 10px;
	box-shadow: 0 0.25rem 0.25rem rgb(24 24 24 / 8%);
	border-radius: 23px;
	display: inline-flex;
	cursor: pointer;
	position: relative;
}

.UserInfo .UserInfoCmd .WaveButton>img {
	width: 30px;
	height: 30px;
}

.UserInfo .UserInfoCmd .UserInfoCmdFollow {
	display: inline-block;
	height: 22px;
	line-height: 23px;
	cursor: pointer;
	font-size: 14px;
}

.UserInfo .UserInfoCmd .IllustItemCommandSub {
	display: block;
	position: absolute;
	right: 5px;
	bottom: 15px;
	font-size: 22px;
}

.UserInfo .UserInfoCmd .IllustItemCommandSub .IllustItemCommandTweet {
	color: #aaa;
}

.UserInfo .UserInfoCmdBlock {
	height: 22px;
	line-height: 17px;
	vertical-align: bottom;
	font-size: 24px;
	position: relative;
	right: 4px;
	top: 7px;
	float: right;
	opacity: 0.9;
	color: #ffffff;
	text-shadow: 1px 0 5px grey;
}

.UserInfo .UserInfoCmdBlocked {
	height: 22px;
	vertical-align: bottom;
	position: relative;
	right: 10px;
	top: 8px;
	float: right;
	opacity: 0.9;
	color: #ffffff;
	text-shadow: 1px 0 5px grey;
}

#UserInfoCmdBlockLabel {
	font-size: 14px;
	position: relative;
	top: -2px;
}

.UserInfo .UserInfoState {
	display: block;
	float: left;
	width: 100%;
	height: 32px;
	overflow: hidden;
	text-align: center;
	padding: 3px 0;
	background: rgba(255, 255, 255, 0.9);
	border-top: solid 1px #eee;
}


.UserInfo .WaveList {
	display: flex;
	width: 100%;
	padding: 3px 0;
	background: rgba(255, 255, 255, 0.85);
	flex-direction: column;
	flex-wrap: wrap;
	align-items: center;
}

.UserInfo .WaveList.Pc {
	padding: 5px 15px 15px 15px;
}

.UserInfo .WaveList .WaveListTitle {
	font-size: 11px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.UserInfo .WaveList .WaveListTitle .ToWaveSetting {
	text-decoration: underline;
	position: absolute;
	right: 9px;
}

.UserInfo .WaveList .MyWaves {
	margin: 0 7px;
}

.UserInfo .WaveList.Pc .MyWaves {
	width: 520px;
}

.UserInfo .WaveList .MyWaves>img {
	width: 22px;
	height: 22px;
	padding: 4px;
}

.UserInfo .WaveList .MyWaves .ShowMoreWaves {
	text-align: center;
	padding: 4px 0 3px 0;
	font-size: 11px;
}

.UserInfo .WaveList .MyWaves .WaveEmoji {
	width: 30px;
	height: 30px;
	display: inline-block;
	overflow: hidden;
}

.UserInfo .WaveList .MyWaves .WaveEmoji.WithMessage {
	cursor: pointer;
}

.UserInfo .WaveList .MyWaves .WaveEmoji>img {
	width: 22px;
	height: 22px;
	padding: 4px;
}

.UserInfo .WaveList .MyWaves .WaveEmoji>i {
	position: relative;
	top: -34px;
	right: -15px;
	font-size: 15px;
	color: #ffffff;
	text-shadow: 0 0 1px #4f4f4f;
}

.UserInfo .UserInfoState .UserInfoStateItem {
	display: inline-block;
	min-width: 50px;
	margin: 0 6px;
}

.UserInfo .UserInfoState .UserInfoStateItem .UserInfoStateItemTitle {
	display: block;
	width: 100%;
	font-size: 9px;
	height: 14px;
	line-height: 14px;
}

.UserInfo .UserInfoState .UserInfoStateItem .UserInfoStateItemNum {
	display: block;
	width: 100%;
	height: 18px;
	line-height: 18px;
	font-size: 14px;
}

.UserInfo>.UserInfoCmd>.RequestBtn .RequestEnabled {
	font-size: 14px;
}

.UserInfo>.UserInfoCmd>.RequestBtn {
	display: inline-block;
	height: 22px;
	line-height: 23px;
	cursor: pointer;
}

.UserInfo>.GiftBtn {
	margin: 5px 0 0 4px;
	padding: 1px 6px 2px 6px;
}

/* for user list */
.UserInfo.Thumb {
	color: #6d6965;
	border-radius: 4px;
	border: solid 1px #eee;
	margin: 9px 0 0 9px;
	width: 166px;
	height: 274px;
	background-color: #eee;
}

.UserInfo.Thumb .UserInfoBg {
	height: 157px;
}

.UserInfo.Thumb .UserInfoUser {
	height: 117px;
}

.UserInfo.Thumb .UserInfoUser .UserInfoUserName {
	padding: 5px 0 0 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	height: 26px;
	line-height: 26px;
}

.UserInfo.Thumb .UserInfoUser .UserInfoProfile {
	padding: 0;
	height: 36px;
	line-height: 18px;
	overflow: hidden;
}

.UserInfo.ThumbSmall {
	border-radius: 4px;
	border: solid 1px #eee;
	margin: 9px 0 0 8px;
	width: 110px;
	height: 182px;
	color: #6d6965;
	background-color: #eee;
}

.UserInfo.ThumbSmall .UserInfoBg {
	height: 104px;
}

.UserInfo.ThumbSmall .UserInfoUser {
	height: 78px;
}

.UserInfo.ThumbSmall .UserInfoUser .UserInfoUserName {
	padding: 2px 0 0 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	height: 17px;
	line-height: 17px;
	font-size: 11px;
}

.UserInfo.ThumbSmall .UserInfoUser .UserInfoProfile {
	padding: 0;
	height: 24px;
	line-height: 12px;
	overflow: hidden;
}

.UserInfo.ThumbSmall .UserInfoUser .UserInfoUserThumb {
	display: block;
	width: 55px;
	height: 55px;
	overflow: hidden;
	border: solid 2px #ccc;
	border-radius: 55px;
	margin: -42px auto 0 auto;
	background-size: cover;
	background-position: 50% 50%;
	background-color: #fff;
}

/* for user list */

.UserInfo>.UserInfoCmd>.RequestBtn .RequestEnabled {
	font-size: 14px;
}

.UserInfo>.UserInfoCmd>.RequestBtn {
	display: inline-block;
	height: 22px;
	line-height: 23px;
	cursor: pointer;
}

.UserInfo>.RequestBtn {
	margin: 5px 0 0 4px;
	padding: 1px 6px 2px 6px;
	font-size: 13px;
}

.RequestBtn .SendRequestIcon {
	display: inline-block;
	width: 17px;
	height: 17px;
	background: url(https://cdn.poipiku.com/assets/img/menu_pc-12.png) no-repeat;
	background-size: 925%;
	position: relative;
	background-position: -119px -14px;
}

.RequestBtn:hover .SendRequestIcon {
	background-position: -119px 3px;
}

/**********IllustView InfoForm **********/
.InfoForm {
	display: block;
	float: left;
	width: 100%;
	box-sizing: border-box;
	margin: 30px 0 0 0;
	font-size: 11px;
	text-align: right;
}

/********** MyEditSettingPcV.jsp **********/
.SettingList {
	display: block;
	float: left;
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	box-sizing: border-box;
}

.SettingList .BtnBase {
	border: 1px solid #3498db;
	background: #fff;
	color: #3498db;
}

.SettingList .BtnBase.Selected,
.SettingList .BtnBase:hover {
	border: 1px solid #fff;
	background: #3498db;
	color: #fff;
}

.SettingList .BtnBase.Disabled,
.SettingList .BtnBase.Disabled:hover {
	border: 1px solid #a1cce8;
	background: #fff;
	color: #a1cce8;
}

.SettingList .BtnBase.DeleteBtn {
	color: #ea541a;
	border-color: #ea541a;
	margin-top: 20px;
}

.SettingList .BtnBase.DeleteBtn:hover {
	background: #ea541a;
	border-color: #fff;
	color: #fff;
}

.SettingList .SettingListItem {
	display: block;
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 0 10px 40px 10px;
	color: #6d6965;
}

.SettingList .BtnBase.Rev {
	border-color: #fff;
	background-color: #3498db;
	color: #fff;
}

.SettingList .BtnBase.Rev.Selected {
	border-color: #3498db;
	background-color: #fff;
	color: #3498db;
}

.SettingList .SettingListItem .SettingListTitle {
	display: block;
	float: left;
	width: 100%;
	box-sizing: border-box;
	margin: 10px 0;
	font-size: 18px;
}

.SettingList .SettingListItem .SettingListTitle .SettingListTitlePoipikuPass {
	height: 30px;
	vertical-align: middle;
	margin: 0 3px 2px 0
}

.SettingList .SettingListItem .SettingBody {
	display: block;
	float: left;
	width: 100%;
	box-sizing: border-box;
}

.SettingList .SettingListItem .SettingBody .SettingBodyTxt {
	box-sizing: border-box;
	width: 100%;
	overflow: hidden;
	padding: 5px;
}

.SettingList .SettingListItem .SettingBody #ReportDesc {
	height: 200px;
}

.SettingList .SettingListItem .SettingBody .RegistMessage {
	display: block;
	width: 100%;
	float: left;
	text-align: left;
	margin: 5px 0 0 0;
	font-size: 12px;
}

.SettingList .SettingListItem .SettingBody .SettingBodyCmd {
	display: flex;
	flex-flow: row nowrap;
	width: 100%;
	float: left;
	box-sizing: border-box;
	margin: 10px 0 0 0;
	justify-content: flex-end;
}

.SettingList .SettingListItem .SettingBody .SettingBodyCmd .RegistMessage {
	display: block;
	flex: 1 1;
	font-size: 14px;
}


.SettingList .SettingListItem .SettingBody .SettingBodyCmd .SettingBodyCmdRegist {
	display: block;
	flex: 0 0;
	align-self: flex-start;
	margin-left: 10px;
	position: relative;
}

.SettingList .SettingListItem .SettingBody .SettingBodyCmd .SettingBodyCmdRegist .CmdRegistSelectFile {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 99;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}

.SettingList .SettingListItem .SettingBody .PreviewImgFrame {
	display: block;
	float: left;
	max-width: 100%;
	height: 120px;
	position: relative;
	overflow: hidden;
	line-height: 120px;
	text-align: center;
	border: solid 1px #ccc;
	box-sizing: border-box;
}

.SettingList .SettingListItem .SettingBody .PreviewImgFrame .PreviewImg {
	height: 100%;
}

.SettingList .SettingListItem .SettingBody .PreviewImgFrame .PreviewMessage {
	padding: 0 5px;
}

.SettingList .SettingListItem .SettingBody .FileSelectFrame {
	display: block;
	float: left;
	width: 100%;
	height: 120px;
	position: relative;
	overflow: hidden;
	line-height: 115px;
	text-align: center;
	cursor: pointer;
	background: #eee;
	color: #ccc;
	text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
	box-sizing: border-box;
}

.SettingList .SettingListItem .SettingBody .FileSelectFrame .typcn {
	font-size: 60px;
}

.SettingList .SettingListItem .SettingBody .FileSelectFrame .SelectFile {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 99;
	width: 100%;
	height: 100%;
	font-size: 315px;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	cursor: pointer;
}

.SettingListItem .LoginFormInfoMsg {
	font-size: 12px;
	margin-bottom: 30px;
	border: solid 1px;
	padding: 0 9px 0 9px;
	border-radius: 11px;
}

.SettingListItem .LoginFormInfoMsg>p {
	margin: 5px 0;
}

.LoginFormSeparator {
	display: flex;
	line-height: 15px;
	margin: 20px 0;
}

.LoginFormSeparator>.SeparatorLine {
	flex: 1 0;
	height: 1px;
	background-color: #fff;
	margin: 7px 0;
}

.LoginFormSeparator>.SeparatorLabel {
	flex: 0 0;
	padding: 0 12px;
}

/********** SEARCH ALL **********/
.SearchKeyword {
	display: block;
	float: left;
	width: 100%;
	padding: 6px 10px;
	box-sizing: border-box;
	background: #ccc;
}

.SearchKeyword .SearchKeywordInput {
	display: block;
	float: left;
	width: 100%;
	padding: 2px 2px 2px 20px;
	box-sizing: border-box;
	background: #fff url('https://cdn.poipiku.com/assets/img/search.png') 1% 50% no-repeat;
	font-size: 16px;
	font-family: sans-serif;
	border-radius: 5px;
}

/********** SEARCH ALL **********/

/********** EVENT LIST **********/
.EventItemList {
	display: block;
	float: left;
	width: 360px;
	height: 94px;
	list-style: none;
	padding: 0;
	margin: 10px 0 15px 0;
	opacity: 0;
}

.EventItemList .EventItem {
	display: block;
	margin: 0 5px;
}

.EventItemList .EventItem a {
	display: block;
}

.EventItemList .EventItem .EventBanner {
	display: block;
	width: 300px;
	height: 93.75px;
	background-color: #cccccc;
	box-sizing: border-box;
}

.EventItemList .EventItem .EventBanner.NoBgRed {
	background-image: linear-gradient(135deg, #F97794 10%, #623AA2 100%);
}

.EventItemList .EventItem .EventBanner.NoBgBlue {
	background-image: linear-gradient(135deg, #5EFCE8 10%, #736EFE 100%);
}

.EventItemList .EventItem .EventBanner.NoBgGold {
	background-image: linear-gradient(135deg, #FFA8A8 10%, #FCFF00 100%);
	color: #ff3333;
}

.EventItemList .EventItem.Updated {
	position: relative;
}

.EventItemList .EventItem.Updated:after {
	display: block;
	content: '';
	position: absolute;
	width: 50px;
	height: 46px;
	background-image: url('https://cdn.poipiku.com/assets/img/upodate_jp.png');
	background-size: contain;
	top: 5px;
	left: 0;
}

.EventItemList .EventItem.Pre {
	position: relative;
}

.EventItemList .EventItem.Pre:after {
	display: block;
	content: '予告';
	position: absolute;
	width: 80px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	background: #3498db;
	color: #fff;
	top: 5px;
	left: 5px;
	border-radius: 20px;
}

.EventItemList .EventItem.Start {
	position: relative;
}

.EventItemList .EventItem.Start:after {
	display: block;
	content: '開催中';
	position: absolute;
	width: 80px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	background: #ff0000;
	color: #fff;
	top: 5px;
	left: 5px;
	border-radius: 20px;
}

.EventItemList .EventItem.End {
	position: relative;
}

.EventItemList .EventItem.End:after {
	display: block;
	content: '終了';
	position: absolute;
	width: 80px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	background: #333;
	color: #fff;
	top: 5px;
	left: 5px;
	border-radius: 20px;
}

/********** EVENT LIST **********/

/********** SYSTEM INFO **********/
.SystemInfo {
	display: flex;
	width: 100%;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	background: #fdf2c2;
	box-sizing: border-box;
	padding: 2px;
}

.SystemInfo.AdminNotice {
	background: #f09090;
}

.SystemInfo.AdminNotice>span {
	cursor: pointer;
}

.SystemInfo a {
	color: #6d6965;
}

.SystemInfo:hover a {
	color: #333;
}

.SystemInfo .SystemInfoTitle {
	display: block;
	flex: 0 0 30px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 14px;
}

.SystemInfo .SystemInfoDate {
	display: block;
	flex: 0 0 48px;
	height: 36px;
	line-height: 18px;
	text-align: center;
	font-size: 12px;
}

.SystemInfo .SystemInfoDesc {
	display: block;
	flex: 1 1;
	height: 36px;
	line-height: 18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-decoration: underline;
	font-size: 12px;
	max-height: 36px;
}

.SystemInfo .SystemInfoClose {
	display: block;
	flex: 0 0 30px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 12px;
}

/********** SYSTEM INFO **********/

/*********** Loading Spinner ************/
.loadingSpinner {
	display: block;
	float: left;
	margin: 50px auto;
	width: 100%;
	height: 40px;
	text-align: center;
	font-size: 10px;
}

.loadingSpinner>div {
	background-color: #cafaff96;
	height: 100%;
	width: 7px;
	display: inline-block;
	margin: 0 1px;
	-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
	animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.loadingSpinner .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.loadingSpinner .rect3 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

.loadingSpinner .rect4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.loadingSpinner .rect5 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

/** for ShowDetail **/
.loadingSpinner2 {
	display: block;
	float: left;
	margin: 100px auto;
	width: 100%;
	height: 40px;
	text-align: center;
	font-size: 10px;
}

.loadingSpinner2>div {
	background-color: #cafaff96;
	height: 100%;
	width: 7px;
	display: inline-block;
	margin: 0 1px;
	-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
	animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.loadingSpinner2 .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.loadingSpinner2 .rect3 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

.loadingSpinner2 .rect4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.loadingSpinner2 .rect5 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}


@-webkit-keyframes sk-stretchdelay {

	0%,
	40%,
	100% {
		-webkit-transform: scaleY(0.4)
	}

	20% {
		-webkit-transform: scaleY(1.0)
	}
}

@keyframes sk-stretchdelay {

	0%,
	40%,
	100% {
		transform: scaleY(0.4);
		-webkit-transform: scaleY(0.4);
	}

	20% {
		transform: scaleY(1.0);
		-webkit-transform: scaleY(1.0);
	}
}

.ImageLoadingSpinner {
	background-image: url("https://cdn.poipiku.com/assets/img/loading.gif");
}

/*********** Loading Spinner ************/

/*********** DetailV ********************/
.IllustItemImage {
	max-width: 100%;
	height: auto;
}

.IllustItemTextDetail {
	color: #333333;
	display: block;
	float: left;
	box-sizing: border-box;
	text-align: left;
	font-size: 1.3em;
	line-height: 1.8;
	margin: 0 4px;
}

.IllustItemTextDetail.Vertical {
	writing-mode: vertical-rl;
	overflow-x: scroll;
	height: 500px;
	width: 100%;
}

.IllustItemTProhibit {
	height: 30px;
	display: block;
	text-align: center;
	font-size: 10px;
	padding: 10px;
}

#DetailOverlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	width: 100%;
	height: 100vh;
	overflow: scroll;
	visibility: hidden;
	opacity: 0;
	background: rgba(0, 0, 0, 0.90);
	transition: all 0.3s ease-out;
}

/* Avoid Chrome to see Safari hack */
@supports (-webkit-touch-callout: none) {
	#DetailOverlay {
		/* The hack for Safari */
		height: -webkit-fill-available;
	}
}

#DetailOverlay.overlay-on {
	visibility: visible;
	opacity: 1;
}

#DetailOverlay>.DetailOverlayHeader {
	position: fixed;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 50px;
	background: black;
	opacity: 0.8;
	z-index: 20;
}

.DetailOverlayHeader>.DetailOverlayClose {
	padding: 12px 0 0 22px;
	font-size: 2em;
	color: #d3d3d3;
}

.DetailIllustItemLink {
	text-align: center;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	vertical-align: middle;
	padding-top: 150px;
	padding-bottom: 200px;
}

.DetailIllustItemImage {
	max-width: 100%;
	padding-bottom: 8px;
}

.DetailIllustItemDownload {
	width: 100%;
	height: 30px;
	display: block;
	text-align: center;
	font-size: 10px;
	padding: 10px;
	background: black;
	opacity: 0.8;
}

.DetailIllustItemProhibit {
	width: 100%;
	height: 30px;
	display: block;
	text-align: center;
	font-size: 10px;
	padding: 10px;
	background: black;
	opacity: 0.8;
}

.DetailIllustItemAd {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 30px;
	display: block;
	text-align: center;
	font-size: 10px;
	padding: 10px;
	background: black;
}

#DetailOverlayInner {
	overflow-y: scroll;
	overflow-x: hidden;
}

/*********** DetailV ********************/





/*********** フォロー促し *************/
.EncourageFollowUp {
	border-top: solid 1px #eee;
	float: left;
	width: 100%;
	box-sizing: border-box;
	height: 43px;
	line-height: 27px;
	padding: 10px 9px 0 9px;
	font-size: 10px;
}

.EncourageFollowUp>.UserInfoCmdFollow {
	font-size: 11px;
	float: right;
}

/*********** フォロー促し *************/

/*********** Sort, Filter ***********/
.SortFilterMenu {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	padding: 20px 5px 7px 5px;
	font-size: 18px;
}

.SortFilterMenu .SortMenuIcon {
	color: #ffffff;
	text-shadow: 0 0 5px #787878;
}

.SortFilterMenu .SortDirection {
	margin-right: -4px;
	font-size: 13px;
}

.SortFilterMenu i.WithDirection {
	margin-right: -13px;
}

.SortFilterMenu .CategoryFilter,
.CategoryFilterMenu>.Category {
	font-size: 10px;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	box-sizing: border-box;
	border-radius: 10px;
	min-width: 50px;
	max-width: 100%;
	height: 22px;
	line-height: 20px;
	border: 1px solid;
}

.CategoryFilterMenu>.Category {
	margin: 7px 11px;
	border: 1px solid #f5f5f5;
	font-size: 11px;
	min-width: 58px;
}

.SortFilterSubMenu>.SortMenu {
	text-shadow: 0 0 5px #787878;
}

.SortFilterSubMenu>div {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	padding: 10px 5px 7px 5px;
	font-size: 18px;
	flex-wrap: wrap;
	align-content: space-around;
}

/*********** Sort, Filter ***********/

/*********** Switch user ************/
#SwitchUserList {
	float: left;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	position: fixed;
	align-items: center;
	justify-content: center;
	background: #fff;
	color: #6d6965;
	flex-flow: column;
	z-index: 999;
}

.SwitchUserItem {
	display: flex;
	flex-flow: row nowrap;
	width: 100%;
	height: 55px;
	box-sizing: border-box;
	position: relative;
	text-align: center;
	padding: 2px 2px 2px 2px;
	border-bottom: solid 1px #eee;
	align-items: center;
	color: #6d6965;
}

.SwitchUserThumb {
	display: block;
	flex: 0 0 40px;
	height: 40px;
	overflow: hidden;
	border-radius: 40px;
	background-size: cover;
	background-position: 50% 50%;
}

.SwitchUserNickname {
	display: block;
	flex: 1 1 80px;
	padding: 0;
	margin: 0 0 0 3px;
	text-align: left;
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
}

.SwitchUserStatus {
	width: 19px;
	border-left: solid 1px #eee;
	padding: 10px 13px;
	font-size: 16px;
}

.SwitchUserStatus>.Selected {
	color: #3498da;
}

/*********** Switch user ************/

/********** クリップボードにURLをコピー ************/
#tempCopyText {
	width: 308px;
	text-align: center;
	margin-top: 10px;
	background-color: rgba(0, 0, 0, 0.8);
}

#tempCopyText::selection {
	color: #b9b9b9;
	background-color: rgba(0, 0, 0, 0.8);
}

/********** クリップボードにURLをコピー ************/

/********** HOTタグ ************/
.CategoryListItem .SearchGenreTitle {
	display: flex;
	flex-flow: row nowrap;
	overflow: hidden;
	justify-content: flex-start;
	margin: 10px 0 0 12px;
}

.CategoryListItem .SearchGenreTitle .GenreImage {
	display: block;
	flex: 0 0 60px;
	width: 60px;
	height: 60px;
	border: solid 1px #ccc;
	background: #fff 50% 50% no-repeat;
	background-size: cover;
}

.CategoryListItem .SearchGenreTitle .GenreName {
	display: flex;
	flex-direction: column;
	margin: 0 0 0 5px;
}

.CategoryListItem .SearchGenreTitle .GenreName .GenreNameOrg {
	font-size: 20px;
	font-weight: bold;
	margin: 3px 0 7px 0;
}

.CategoryListItem .SearchGenreTitle .GenreName .GenreNameTranslate>i {
	font-size: 14px;
	line-height: 12px;
	margin-right: -3px;
}

.CategoryListItem .SearchGenreTitle .GenreName .GenreNameTranslate>span {
	font-size: 11px;
	margin-right: 7px;
}

/********** HOTタグ ************/

/********** ログイン・ポイパス促し  ************/
.HeaderPoiPassAd .CreateAccountInfo {
	padding: 11px 0;
	width: 100%;
	background-color: #f8f8f8;
	color: #6d6965;
}

.HeaderPoiPassAd .CreateAccountInfo .CreateAccountBenefit {
	font-size: 11px;
	margin: 0 10px;
	text-align: center;
}

.HeaderPoiPassAd .CreateAccountInfo .CreateAccountButtons {
	text-align: center;
	margin-top: 8px;
	background-color: #fff;
	padding: 4px 0;
}

.HeaderPoiPassAd .CreateAccountInfo .CreateAccountButtons .CreateAccountButtonsLabel {
	font-size: 11px;
	font-weight: 500;
	margin-bottom: 1px;
}

.HeaderPoiPassAd .CreateAccountInfo .CreateAccountButtons .LoginButton {
	opacity: 0.9;
	font-size: 12px;
	border-radius: 7px;
	margin: 0 4px;
}

.HeaderPoiPassAd .CreateAccountInfo .CreateAccountButtons .LoginButton .typcn-mail {
	position: relative;
	top: -2px;
}

.HeaderPoiPassAd .HeaderPoiPassAdBanner {
	display: flex;
	flex-flow: row;
	padding: 3px 0;
	justify-content: center;
	background-image: linear-gradient(135deg, #5EFCE8 10%, #736EFE 100%);
}

.HeaderPoiPassAd .HeaderPoiPassAdBanner>img {
	height: 25px;
	margin: 0 10px 0 0;
}

.HeaderPoiPassAd .HeaderPoiPassAdBanner>span {
	font-weight: bold;
	font-size: 13px;
	line-height: 25px;
	text-decoration: underline;
}

/********** ログイン・ポイパス促し  ************/


/********** wave *********/
.AddWaveMessage>.fa-comment-dots {
	font-size: 22px;
	color: #3498db;
}

.UserInfoCmd .WaveMessageText {
	width: 21em;
	height: 8.5em;
	font-size: 14px;
}

.UserInfoCmd .WaveMessageInfo {
	font-size: 12px;
}

/********** wave *********/


/********** メッセージ付きwave表示ダイアログ ************/
.WaveMessageDlg {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.WaveMessageDlg .WaveEmoji {
	width: 60px;
	height: 60px;
	border: solid 1px #dbdbdb;
	border-radius: 36px;
	background: #fff;
	z-index: 1;
}

.WaveMessageDlg .WaveEmoji img {
	padding: 9px 0 0 0;
	width: 44px;
	height: 44px;
}

.WaveMessageDlg .WaveMessage {
	position: relative;
	margin-top: -7px;
	width: 20em;
	text-align: left;
	font-size: 15px;
	border: solid 1px #dbdbdb;
	padding: 13px 11px;
	border-radius: 3px;
	background: #fffefb;
}

/********** メッセージ付きwave表示ダイアログ ************/