@charset "UTF-8";

/* ************************************************ */
/*					  新要素						*/
/* ************************************************ */

header,footer,nav,section,articel,aside,hgroup,section {
	display: block;
}


/* ************************************************ */
/*					  クラス						*/
/* ************************************************ */

.clr {	clear: both;}
.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	content: "";
}
* html .clearfix { display: inline-block; }
/* no ie mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */
*:first-child+html .clearfix { min-height: 1px; }

.cssBtnA {
	display: inline-block;
	background: -moz-linear-gradient(top,#BFD9E5, #3D95B7 50%,#0080B3 50%,#0099CC);
	background: -webkit-gradient(linear, left top, left bottom, from(#BFD9E5), color-stop(0.5,#3D95B7), color-stop(0.5,#0080B3), to(#0099CC));
	color: #fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #0099CC;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	padding: 10px;
	text-decoration: none;
}
.cssBtnA:hover {
	background: -moz-linear-gradient(bottom,#BFD9E5, #3D95B7 50%,#0080B3 50%,#0099CC);
	background: -webkit-gradient(linear, left bottom, left top, from(#BFD9E5), color-stop(0.5,#3D95B7), color-stop(0.5,#0080B3), to(#0099CC));
	text-decoration: none;
}

/* ************************************************ */
/*					 common					   */
/* ************************************************ */

body {
	background: url(/common/img/bg_body.jpg) center top no-repeat;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}
p {
	color: #000;
	line-height: 1.616;
}
a:link,
a:visited {	text-decoration: none;}
a:hover {	text-decoration: underline;}

/*
	header
================================ */
header {	background: url(/common/img/bg_header.jpg) center bottom no-repeat;}
header .layout {
	margin: 0 auto;
	position: relative;
	width: 1000px;
	height: 515px;
	background: url(/common/img/bg_header_layout.jpg) left top no-repeat;
}
header .layout h1,
header .layout .logo {
	position: absolute;
	top: 109px;
	left: 26px;
}
header .layout .social {
	position: absolute;
	top: 293px;
	left: 55px;
}
header .layout .social li {
	margin-right: 5px;
	display: inline-block;
	vertical-align: top;
	font-size: 0;
}
header .layout .social li > div {	vertical-align: top;}
header .layout .social li.fb > div > span,
header .layout .social li.fb > div > span iframe {	width: 115px !important;} 
header .layout #globalNav {
	position: absolute;
	top: 405px;
	left: 0;
	background: url(/common/img/bg_g-nav.png) left bottom no-repeat;
}
header .layout #globalNav ul li {	float: left;}


/*
	footer
================================ */
footer {
	height: 382px;
	background: url(/common/img/bg_footer.png) center top repeat-x;
}
footer .layout {
	margin: 0 auto;
	padding-top: 50px;
	width: 1000px;
	font-size: 12px;
}
footer .layout .logo {
	margin: -8px 22px 0 0;
	float: left;
	width: 182px;
}
footer .layout nav,
footer .layout .about,
footer .layout .other {
	float: left;
	border: 1px solid #ffa0a0;
	min-height: 187px;
	height: auto !important;
	height: 187pox;
	background-color: #fff;
}

footer .layout .about {
	margin-right: 28px;
	padding: 25px 22px 15px 19px;
	width: 220px;
}
footer .layout .about p {	padding-left: 2px;}
footer .layout nav {
	margin-right: 25px;
	padding: 25px 17px 15px;
	width: 145px;
}
footer .layout nav ul li {	margin-bottom: 5px;}
footer .layout nav ul li a {
	color: #000;
	text-decoration: none;
}
footer .layout nav ul li a:hover {	text-decoration: underline;}
footer .layout .other {
	padding: 25px 22px 15px;
	width: 253px;
}
footer .layout .other ul li {	margin-bottom: 10px;}
footer .layout h4 {	margin-bottom: 16px;}
footer .layout small {
	padding-top: 54px;
	display: block;
	clear: both;
	font-size: 10px;
	text-align: right;
}
footer #forTop {
	display: none;
	position: fixed;
	right: 0;
	bottom: 0;
	width: 100px;
	height: 150px;
}
.adsense {
	margin-bottom: 50px;
}


/*
	#wrapper
================================ */

#wrapper {
	padding-bottom: 98px;
	background: url(/common/img/bg_wrapper.png) center top repeat;
}
#wrapper #outline {
	padding-bottom: 26px;
	background: url(/common/img/bg_outline.jpg) center bottom no-repeat;
}
#wrapper #outline #inner {	background: url(/common/img/bg_container.png) center top repeat-y;}
#wrapper #outline #container {
	margin: 0 auto;
	padding: 30px;
	width: 940px;
	background: url(/common/img/bg_container.png) -29px top repeat-y;
}
#wrapper #outline #container #contents {
	float: left;
	width: 620px;
}
#wrapper #outline #container aside {
	float: right;
	width: 270px;
}

/*
	parts
================================ */

#contents h2,
#contents h3 {
	margin-bottom: 20px;
	padding: 18px 25px 0;
	height: 42px;
	color: #fff;
	background: url(/common/img/bg_head.png) left top no-repeat;
	font-weight: bold;
	font-size: 24px;
}
#contents h2.blue,
#contents h3.blue {	background: url(/common/img/bg_head_blue.png) left top no-repeat;}
ul.mark li {
	margin-left: 17px;
	list-style-type: disc;
}

/*
	aside
================================ */
/* #userInfo */
aside #userInfo {
	margin-bottom: 48px;
	padding: 15px 0 11px;
	border: 5px solid #e9546b;
	background: #fff url(/common/img/bg_user.png) left top repeat-x;
}
aside #userInfo .icon {
	margin: 0 auto 8px;
	padding: 5px;
	width: 100px;
	background-color: #fff;
	box-shadow: 1px 1px 3px #888, 1px 1px 3px #888, 1px 1px 3px #888;
	font-size: 0;
}
aside #userInfo .icon img {
	max-width: 100px;
	max-height: 100px;
}
aside #userInfo .name {
	margin-bottom: 8px;
	padding: 0 5px 7px;
	border-bottom: 1px dashed #e9546b;
	color: #e9546b;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
}
aside #userInfo .name a {	color: #e9546b;}
aside #userInfo .status {
	margin-bottom: 8px;
	font-size: 10px;
	text-align: center;
}
aside #userInfo .status .twPost,
aside #userInfo .status .fbPost {
	padding: 10px 0 10px 15px;
	display: inline-block;
	line-height: 1;
	min-height: 9px;
	background: url(/about/img/icon_profile_link.png) 0 12px no-repeat;
	font-size: 14px;
}

aside #userInfo .btn {	padding-left: 33px;}
aside #userInfo .btn li {
	margin-right: 10px;
	float: left;
}
/* .ranking */
aside .ranking {
	margin-bottom: 40px;
	padding-bottom: 21px;
	background: url(/common/img/bg_aside_ranking_bot.png) left bottom no-repeat;
}
aside .ranking .layout {
	padding-bottom: 11px;
	background: url(../img/bg_aside_ranking.png) left top repeat-y;
}
aside .ranking .layout h3 {	margin-bottom: 14px;}
aside .ranking .layout dl {
	margin: 0 auto 20px;
	border-bottom: 1px solid #808080;
	position: relative;
	width: 250px;
	background-color: #fff;
}
aside .ranking .layout dl dt {
	position: absolute;
	top: -7px;
	left: -6px;
}
aside .ranking .layout dl dd {
	padding: 20px 8px 20px 83px;
	font-weight: bold;
	word-break: break-all;
}
aside .ranking .layout dl dd a {
	color: #000;
	font-size: 18px;
}
aside .ranking .layout a.more {
	margin: 0 auto;
	display: block;
	width: 250px;
}

aside .ad {	margin-bottom: 20px;}

/* .comment */
aside .comment {	margin-bottom: 50px;}
aside .comment h4 {	margin-bottom: 11px;}
aside .comment section {
	margin-bottom: 10px;
	padding: 10px;
	border-bottom: 1px solid #7db2c6;
	background-color: #def6ff;
}
aside .comment section:last-child {	margin-bottom: 0;}
aside .comment section .icon {
	float: left;
	width: 64px;
}
aside .comment section .icon img {	max-width: 100%;}
aside .comment section .data {
	float: right;
	width: 175px;
}
aside .comment section .data h5 {
	margin-bottom: 3px;
	font-weight: bold;
	font-size: 12px;
}
aside .comment section .data dl {
	margin-bottom: 3px;
	font-size: 10px;
}
aside .comment section .data dl:last-child {	margin-bottom: 0;}
aside .comment section .data dl dt {
	padding: 5px 4px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	float: left;
	width: 4em;
	color: #fff;
	background-color: #ffa0a0;
	font-weight: bold;
}
aside .comment section .data dl dd {
	padding: 5px 0;
	float: right;
	width: 120px;
}
aside .comment section .txt {
	padding-top: 10px;
	clear: both;
	background: url(../img/bg_aside_comment.png) 26px 0 no-repeat;
}
aside .comment section .txt p {
	padding: 7px 9px 10px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #fff;
}

/* .evaluation */
aside .evaluation {	margin-bottom: 50px;}
aside .evaluation h4 {	margin-bottom: 11px;}
aside .evaluation section {
	margin-bottom: 10px;
	padding: 10px;
	border-bottom: 1px solid #7db2c6;
	background-color: #def6ff;
}
aside .evaluation section:last-child {	margin-bottom: 0;}
aside .evaluation section .icon {
	float: left;
	width: 64px;
}
aside .evaluation section .icon img {	max-width: 100%;}
aside .evaluation section .data {
	float: right;
	width: 175px;
}
aside .evaluation section .data h5 {
	margin-bottom: 3px;
	font-weight: bold;
	font-size: 12px;
}
aside .evaluation section .data dl {
	margin-bottom: 3px;
	font-size: 10px;
}
aside .evaluation section .data dl:last-child {	margin-bottom: 0;}
aside .evaluation section .data dl dt {
	padding: 5px 4px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	float: left;
	width: 4em;
	color: #fff;
	background-color: #ffa0a0;
	font-weight: bold;
}
aside .evaluation section .data dl dd {
	padding: 5px 0;
	float: right;
	width: 120px;
}
aside .evaluation section .txt {
	padding-top: 10px;
	clear: both;
	background: url(../img/bg_aside_comment.png) 26px 0 no-repeat;
}
aside .evaluation section .txt p {
	padding: 7px 9px 10px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #fff;
}
aside .evaluation section .txt p i {	margin-right: 0.1em;}
aside .evaluation section .txt p .fas.fa-star {
	color: #feef00;
	-webkit-text-stroke: .5px #000;
}
aside .twitter {	margin-bottom: 50px;} 
aside .facebook {	margin-bottom: 50px;} 
aside .facebook > div {	background-color: #fff;}
aside .ad {	text-align: center;} 


/* ************************************************ */
/*					  #index					  */
/* ************************************************ */

#index #login {	margin-bottom: 50px;}
#index #login ul {
	padding: 30px 0 30px 42px;
	border: 5px solid #e9546b;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: #fff;
}
#index #login ul li {
	margin-right: 10px;
	float: left;
	width: 169px;
}
#index #login ul li.noUse a {
	opacity: 0.5;
	pointer-events: none;
}
#index #login ul li.terms {
	padding-top: 5px;
	clear: both;
	float: none;
	width: auto;
	font-size: 12px;
}
#index #login ul li.terms a {	text-decoration: underline;}
#index #login ul li.terms a:hover {	text-decoration: none;}
#index #what {
	margin-bottom: 50px;
	font-size: 14px;
}
#index #what p {	margin-bottom: 1em;}
#index #what p:last-child {	margin-bottom: 0;}
#index #howto {
	margin-bottom: 50px;
	font-size: 14px;
}
#index #howto p a { text-decoration: underline;}
#index #howto p a:hover { text-decoration: none;}
#index #news {	margin-bottom: 50px;}
#index #news .layout {
	padding-top: 13px;
	border-top: 1px solid #bdedff;
	height: 100px;
	background-color: #def6ff;
	overflow-y: scroll;
}
#index #news .layout dl {
	margin-bottom: 10px;
	font-size: 14px;
}
#index #news .layout dl.new {
	color: #FF4267;
	font-weight: bold;
}
#index #news .layout dl dt {
	float: left;
	width: 107px;
	font-weight: bold;
	text-align: right;
}
#index #news .layout dl dd {
	float: right;
	width: 480px;
}
#index #news .layout dl dd a:link,
#index #news .layout dl dd a:visited {	text-decoration: underline;}
#index #news .layout dl dd a:hover {	text-decoration: none;}
#index #news .layout dl.new dd a {	color: #FF4267;}
#index .amazon {	margin-bottom: 50px;}
#index .amazon .inner {
	display: flex;
	justify-content: space-between;
}
#index .amazon .inner section {	width: 32%;}
#index .amazon .inner section .image {	margin-bottom: 10px;}
#index .amazon .inner section .image img {	max-width: 100%;}
#index .amazon .inner .amazlink-box .amazlink-image {
	margin-bottom: 10px !important;
	float: none !important;
	text-align: center;
}
#index .amazon .inner .amazlink-box .amazlink-info {
	float: none !important;
}

#index #currentAnime h3 {	margin-top: 50px;}
#index #currentAnime h3:first-child {	margin-top: 0;}
#index #currentAnime h4 {
	margin-bottom: 10px;
	padding-top: 30px;
}
#index #currentAnime h4:first-of-type {	padding-top: 0;}
#index #currentAnime section {
	margin-bottom: 11px;
	padding: 15px 10px 9px 15px;
	border-bottom: 1px solid #ffc1ca;
}
#index #currentAnime section.current {	background: #fff1f1 url(/img/bg_list.png) left top no-repeat;}
#index #currentAnime section.stop {	background: #f1f1f1 url(/img/bg_list_stop.png) left top no-repeat;}
#index #currentAnime section.fin {	background: #f2fcff url(/img/bg_list_fin.png) left top no-repeat;}
#index #currentAnime section:after {
	display: block;
	clear: both;
	height: 0;
	content: "";
}
#index #currentAnime section .txt {
	float: right;
	width: 378px;
}
#index #currentAnime section .txt h4 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #e9546b;
}
#index #currentAnime section .txt h4 a {
	color: #e9546b;
	font-weight: bold;
	font-size: 20px;
	text-decoration: none;
}
#index #currentAnime section .txt .note {	margin-bottom: 10px;}
#index #currentAnime section .txt .note h5 {
	font-size: 16px;
	text-decoration: underline;
	cursor: pointer;
}
#index #currentAnime section .txt .note .txt {
	padding: 5px;
	border: 1px dotted #e9546b;
	float: none;
	display: none;
	width: auto;
	background-color: #fff;
}
#index #currentAnime section .txt .note .txt p {	margin-bottom: 1em;}
#index #currentAnime section .txt .note .txt p:last-child {	margin-bottom: 0;}
#index #currentAnime section .txt .note h5:hover {	text-decoration: none;}
#index #currentAnime section .txt .data {
	float: left;
	width: 280px;
}
#index #currentAnime section .txt .data dl {	margin-bottom: 5px;}
#index #currentAnime section .txt .data dl dt {
	padding: 2px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	float: left;
	width: 60px;
	color: #fff;
	background-color: #ffa0a0;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}
#index #currentAnime section .txt .data dl dd {
	padding: 3px 10px 0 0;
	float: right;
	width: 195px;
	font-size: 12px;
}
#index #currentAnime section .txt .data dl.num dd {	padding-top: 0;}
#index #currentAnime section .txt .data dl.num dd select {	height: 18px;}
#index #currentAnime section .txt .data dl.evaluation dd {	font-size: 14px;}
#index #currentAnime section .txt .data dl.evaluation dd i {	margin-right: 0.1em;}
#index #currentAnime section .txt .data dl.evaluation dd .fas.fa-star {
	color: #feef00;
	-webkit-text-stroke: .5px #000;
}
#index #currentAnime section .txt .data dl.evaluation dd .fa-star-half-alt {
	-webkit-text-stroke: 1px;
	-webkit-text-fill-color: #feef00;
}
#index #currentAnime section .txt .edit {
	float: right;
	width: 97px;
	font-size: 0;
}
#index #currentAnime section .txt .edit ul li {	margin-bottom: 5px;}
#index #currentAnime section .txt .edit ul li p {
	padding: .5em 0;
	border: 1px solid #b1b1b1;
	border-radius: 10px;
	line-height: 1;
	background: -moz-linear-gradient(top, #fefefe,
		#e6e6e6 50%,
		#cfcfcf);
	background: -webkit-gradient(linear, center top, center bottom, from(#fefefe),
		color-stop(0.5, #e6e6e6),
		to(#cfcfcf));
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
}
#index #currentAnime section .txt .edit ul li div {
	padding-top: 5px;
	display: none;
	font-size: 12px;
}
#index #currentAnime section .txt .edit ul li select {	width: 100%;}

#index #currentAnime section .txt .edit .freeTime {
	display: none;
	font-size: 12px;
}
#index #currentAnime section .txt .edit .freeTime .freeTimeDay {
	display: block;
}
#index #currentAnime section .txt .edit .freeTime .freeTimeDay select {
	display: inline-block;
	width: auto;
}
#index #currentAnime section .txt .edit .freeTime .freeTimeDate {
	display: block;
	font-size: 10px;
}
#index #currentAnime section .txt .edit .freeTime .freeTimeDate select {
	display: inline-block;
	width: auto;
}



#index #currentAnime section .image {
	float: left;
	width: 192px;
}
#index #currentAnime section .image img {
	max-width: 192px;
	max-height: 108px;
}
#index #currentAnime section .myComments {
	padding-top: 10px;
	display: none;
	clear: both;
}
#index #currentAnime section .myComments p {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #ccc;
}
#index #currentAnime section .myComments p:last-child {	margin: 0;}
#index #currentAnime section .myComments p .date {
	margin-right: 5px;
	color: #666;
	font-size: 10px;
}
#index #currentAnime section .commentInput {
	padding: 10px 0 0 0px;
	clear: both;
	display: none;
}
#index #currentAnime section .commentInput input.txt {
	margin-right: 6px;
	padding: 5px;
	display: inline-block;
	float: none;
	width: 240px;
	height: 17px;
	vertical-align: top;
	font-size: 12px;
}
#index #currentAnime section .commentInput .confirm {
	margin-right: 6px;
	display: inline-block;
	vertical-align: top;
	width: 160px;
	font-size: 12px;
}
#index #currentAnime section .commentInput .confirm label {	display: inline-block;}
#index #currentAnime section .commentInput .confirm label:first-child {	margin-bottom: 3px;}
#index #currentAnime section .commentInput .confirm label input {	vertical-align: -2px;}
#index #currentAnime section .commentInput .confirm .point select {	display: none;}
#index #currentAnime section .commentInput .submit {	cursor: pointer;}

#index #currentAnime section .editArea {	display: none;}



/* ************************************************ */
/*					  #post					 */
/* ************************************************ */

#post h1 {
	margin-bottom: 17px;
	position: relative;
	left: -45px;
}
#post .period {
	margin-bottom: 10px;
	padding: 16px 0;
	border-top: 1px solid #bdedff;
	background-color: #def6ff;
	font-size: 14px;
	text-align: center;
}
#post .campaign {
	margin: 20px 0;
	text-align: center;
}
#post .attention {
	margin-bottom: 10px;
	font-size: 14px;
}
#post .attention a {	text-decoration: underline;}
#post .attention a:hover{	text-decoration: none;}
#post .attention em {	color: #f00;}
#post #animeList section {
	margin-bottom: 11px;
	padding: 15px 10px 10px 10px;
	border-bottom: 1px solid #fff33f;
	background: #fffde3 url(/post/img/bg_list.png) left top no-repeat;
}
#post #animeList section:after {
	display: block;
	clear: both;
	height: 0;
	content: "";
}
#post #animeList section div.txt {
	float: right;
	width: 289px;
}
#post #animeList section .txt h4 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #000;
}
#post #animeList section .txt h4 a {
	color: #000;
	font-weight: bold;
	font-size: 20px;
	text-decoration: none;
}
#post #animeList section .txt h4 span {
	font-size: 12px;
}
#post #animeList section .txt .data {
	float: left;
	width: 290px;
}
#post #animeList section .txt .data dl {	margin-bottom: 5px;}
#post #animeList section .txt .data dl dt {
	padding: 2px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	float: left;
	width: 60px;
	color: #fff;
	background-color: #ffa0a0;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}
#post #animeList section .txt .data dl dd {
	padding: 3px 10px 0 0;
	float: right;
	width: 205px;
	font-size: 12px;
	word-break: break-all;
}
#post #animeList section .txt .data dl dd a {	color: #ffa0a0;}
#post #animeList section .check {
	margin-right: 15px;
	padding-top: 16px;
	float: left;
	width: 80px;
	height: 80px;
	background: url(/post/img/bg_checkmark.jpg) left 16px no-repeat;
}
#post #animeList section .check label {
	display: block;
	width: 70px;
	height: 70px;
	cursor: pointer;
}
#post #animeList section .check img {	display: none;}
#post #animeList section .check .checked img {	display: block;}
#post #animeList section .check .forBot {
	width: 80px;
	height: 80px;
	cursor: pointer;
}
#post #animeList section .image {
	float: left;
	width: 192px;
}
#post #animeList section .image img {
	max-width: 192px;
	max-height: 108px;
}
#post #animeList section .comment {
	padding: 10px 0 0 80px;
	clear: both;
	display: none;
}
#post #animeList section .comment input.txt {
	margin-right: 6px;
	padding: 5px;
	display: inline-block;
	width: 240px;
	height: 17px;
	vertical-align: top;
	font-size: 12px;
}
#post #animeList section .comment .confirm {
	margin-right: 6px;
	padding-top: 6px;
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
}
#post #animeList section .comment .confirm label {	display: inline-block;}
#post #animeList section .comment .confirm label:first-child {	margin-bottom: 3px;}
#post #animeList section .comment .confirm label input {	vertical-align: -2px;}
#post #animeList section .comment .submit {
	display: none;
	cursor: pointer;
}
#post #animeList #complete {
	padding-top: 20px;
	text-align: center;
}
#post #animeList #complete label {
	margin-bottom: 10px;
	display: block;
	font-size: 12px;
}
#post #animeList #complete label input {	vertical-align: -2px;}
#post #login {	margin-top: 50px;}
#post #login ul {	padding-left: 110px;}
#post #login ul li {
	float: left;
	width: 169px;
}
#post #login ul li:first-child {	margin-right: 50px;}

/* ************************************************ */
/*					 #ranking					 */
/* ************************************************ */

#ranking h1 {
	margin-bottom: 17px;
	position: relative;
	left: -45px;
}
#ranking .period {
	margin-bottom: 10px;
	padding: 16px 0;
	border-top: 1px solid #bdedff;
	background-color: #def6ff;
	font-size: 14px;
	text-align: center;
}
#ranking .period select:first-of-type {	margin-right: 10px;}
#ranking .attention {
	margin-bottom: 10px;
	font-size: 14px;
}
#ranking .attention a {	text-decoration: underline;}
#ranking .attention a:hover {	text-decoration: none;}
#ranking #animeList section {
	margin-bottom: 11px;
	padding: 15px 10px 10px 15px;
	border-bottom: 1px solid #c2dd82;
	background: #fffde3 url(/ranking/img/bg_list.png) left top no-repeat;
}
#ranking #animeList section:after {
	display: block;
	clear: both;
	height: 0;
	content: "";
}
#ranking #animeList section div.txt {
	float: right;
	width: 289px;
}
#ranking #animeList section .txt h4 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #000;
}
#ranking #animeList section .txt h4 a {
	color: #aacf52;
	font-weight: bold;
	font-size: 20px;
	text-decoration: none;
}
#ranking #animeList section .txt .data {
	float: left;
	width: 290px;
}
#ranking #animeList section .txt .data dl {	margin-bottom: 5px;}
#ranking #animeList section .txt .data dl dt {
	padding: 2px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	float: left;
	width: 60px;
	color: #fff;
	background-color: #ffa0a0;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}
#ranking #animeList section .txt .data dl dd {
	padding: 3px 10px 0 0;
	float: right;
	width: 205px;
	font-size: 12px;
}
#ranking #animeList section .txt .data dl.time dd {
	padding-top: 0;
	font-size: 16px;
}
#ranking #animeList section .txt .data dl.evaluation {	margin-bottom: 10px;}
#ranking #animeList section .txt .data dl.evaluation dt {	margin-top: 5px;}
#ranking #animeList section .txt .data dl.evaluation dd i {
	margin-right: 0.1em;
	font-size: 18px;
}
#ranking #animeList section .txt .data dl.evaluation dd .fas.fa-star {
	color: #feef00;
	-webkit-text-stroke: .5px #000;
}
#ranking #animeList section .txt .data dl.evaluation dd .fa-star-half-alt {
	-webkit-text-stroke: 1px;
	-webkit-text-fill-color: #feef00;
}
#ranking #animeList section .txt .data dl.evaluation dd .evaluationPoint {
	margin-left: 10px;
	font-size: 16px;
}
#ranking #animeList section:nth-of-type(1) .txt .data dl.time dd,
#ranking #animeList section:nth-of-type(2) .txt .data dl.time dd,
#ranking #animeList section:nth-of-type(3) .txt .data dl.time dd {	font-weight: bold;}

#ranking #animeList section .txt .data dl dd a {	color: #ffa0a0;}
#ranking #animeList section .rank {
	margin-right: 20px;
	padding-top: 32px;
	float: left;
	width: 70px;
	text-align: center;
	font-size: 16px;
}
#ranking #animeList section .rank span {
	padding-top: 13px;
	display: block;
}
#ranking #animeList section .rank em {
	font-weight: bold;
	font-size: 32px;
}
#ranking #animeList section .image {
	float: left;
	width: 192px;
}
#ranking #animeList section .image img {
	max-width: 192px;
	max-height: 108px;
}



/* ************************************************ */
/*						 #anime						*/
/* ************************************************ */

#anime #contents h2,
#anime #contents h3 {
	padding: 18px 30px;
	height: auto;
	color: #000;
	background: url(/anime/img/bg_title.png) left top no-repeat;
	font-weight: bold;
	font-size: 18px;
}
#anime #contents h2 button {	margin-left: 10px;}
#anime #status {
	margin-bottom: 0px;
	text-align: right;
}

#anime #title {
	margin-bottom: 20px;
	padding: 18px 25px 0;
	height: 42px;
	color: #000;
	background: url(/anime/img/bg_head.png) left top no-repeat;
	font-weight: bold;
	font-size: 24px;
}
#anime #detail {
	margin-bottom: 30px;
	padding: 20px 10px 23px 20px;
	border-bottom: 1px solid #fff33f;
	position: relative;
	background: #fffde3 url(/anime/img/bg_detail.png) left top no-repeat;
}
#anime #detail h1 {
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 24px;
}
#anime #detail .image {
	margin-bottom: 20px;
	padding: 5px;
	float: left;
	width: 320px;
	height: 180px;
	background: url(/anime/img/bg_detail_img.png) left top no-repeat;
}
#anime #detail .image img {
	max-width: 100%;
	max-height: 100%;
}
#anime #detail .data {
	margin-bottom: 20px;
	float: right;
	width: 240px;
}
#anime #detail .data dl {	margin-bottom: 20px;}
#anime #detail .data dl dt {
	margin-bottom: 8px;
	padding: 2px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width: 78px;
	color: #fff;
	background-color: #ffa0a0;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}
#anime #detail .data dl dd {	font-size: 14px;}
#anime #detail .data dl dd a {	color: #ffa0a0;}
#anime #detail .evaluation {
	margin-bottom: 30px;
	clear: both;
	font-size: 30px;
}
#anime #detail .evaluation p {
	margin-right: 20px;
	padding: 2px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	display: inline-block;
	width: 78px;
	color: #fff;
	background-color: #ffa0a0;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	vertical-align: 5px;
}
#anime #detail .evaluation i {	margin-right: 0.1em;}
#anime #detail .evaluation .fas.fa-star {
	color: #feef00;
	-webkit-text-stroke: .5px #000;
}
#anime #detail .evaluation .fa-star-half-alt {
	-webkit-text-stroke: 1px;
	-webkit-text-fill-color: #feef00;
}
#anime #detail .evaluation .evaluationPoint {
	margin: 0 5px 0 20px;
	font-size: 24px;
}
#anime #detail .evaluation .evaluationCount {	font-size: 12px;}
#anime #detail .broadCast {	clear: both;}
#anime #detail .broadCast p {
	margin-bottom: 10px;
	padding: 2px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width: 78px;
	color: #fff;
	background-color: #ffa0a0;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}
#anime #detail .broadCast dl {
	padding: 0 22px 10px;
	background-color: #fff;
}
#anime #detail .broadCast dl:first-of-type {	padding-top: 22px;}
#anime #detail .broadCast dl:last-of-type {	padding-bottom: 22px;}
#anime #detail .broadCast dl dt {
	float: left;
	width: 140px;
}
#anime #detail .broadCast dl dd {
	float: left;
	width: 300px;
}
#anime .amazon {	margin-bottom: 50px;}
#anime .amazon .inner {
	display: flex;
	justify-content: space-between;
}
#anime .amazon .inner section {	width: 32%;}
#anime .amazon .inner section .image {
	margin-bottom: 10px;
	text-align: center;
}
#anime .amazon .inner section .image img {	max-width: 100%;}
#anime #watchUser {	margin-bottom: 30px;}
#anime #watchUser ul li {
	margin: 0 10px 10px 0;
	float: left;
	overflow: hidden;
	width: 30px;
	height: 30px;
}
#anime #watchUser ul li img {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	max-width: 30px;
	max-height: 30px;
}

#anime #commentList {	margin-bottom: 30px;}
#anime #commentList h2 button {	display: none;}
#anime #commentList.off h2 button {	display: inline;}
#anime #commentList ul li {	margin-bottom: 6px;}
#anime #commentList.off ul li {	display: none;}
#anime #commentList ul li .user {
	padding-top: 3px;
	float: left;
	width: 20px;
}
#anime #commentList ul li .user img {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	max-width: 20px;
	max-height: 20px;
	vertical-align: top;
}
#anime #commentList ul li .comment {
	padding: 5px 8px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	float: right;
	width: 579px;
	border-bottom: 1px solid #7db2c6;
	background-color: #def6ff;
	font-size: 14px;
}
#anime #commentList ul li .comment .num {	color: #4405f8;}
#anime #commentList ul li .comment .date {
	color: #666;
	font-size: 10px;
}
#anime #commentInput form {
	padding: 20px;
	border-bottom: 1px solid #7db2c6;
	background-color: #def6ff;
}
#anime #commentInput input.txt {
	margin-bottom: 10px;
	padding: 5px;
	display: block;
	width: 568px;
	height: 17px;
	font-size: 14px;
}
#anime #commentInput .point {
	float: left;
	width: 200px;
}
#anime #commentInput .point select {	display: none;}
#anime #commentInput label {	display: block;}
#anime #commentInput label input {
	vertical-align: -2px;
	margin-right: 5px;
}
#anime #commentInput input.submit {
	float: right;
	width: 144px;
}
#anime #commentInput .error {
	margin-bottom: 10px;
	display: block;
	color: #f00;
	font-weight: bold;
}


/* ************************************************ */
/*					 #production					*/
/* ************************************************ */

#production h1 {
	margin-bottom: 20px;
	padding: 18px 25px 0;
	height: 42px;
	color: #000;
	background: url(/anime/img/bg_head.png) left top no-repeat;
	font-weight: bold;
	font-size: 24px;
}
#production #animeList section {
	margin-bottom: 11px;
	padding: 15px 10px 9px 15px;
	border-bottom: 1px solid #ffc1ca;
}
#production #animeList section {			background: #f1f1f1 url(/production/img/bg_list.png) left top no-repeat;}
#production #animeList section.current {	background: #fff1f1 url(/production/img/bg_list_current.png) left top no-repeat;}
#production #animeList section.fin {		background: #f2fcff url(/production/img/bg_list_fin.png) left top no-repeat;}
#production #animeList section:after {
	display: block;
	clear: both;
	height: 0;
	content: "";
}
#production #animeList section .txt {
	float: right;
	width: 418px;
}
#production #animeList section .txt h4 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #e9546b;
}
#production #animeList section .txt h4 a {
	color: #e9546b;
	font-weight: bold;
	font-size: 20px;
	text-decoration: none;
}
#production #animeList section .txt .note {	margin-bottom: 10px;}
#production #animeList section .txt .note h5 {
	font-size: 16px;
	text-decoration: underline;
	cursor: pointer;
}
#production #animeList section .txt .note .txt {
	padding: 5px;
	border: 1px dotted #e9546b;
	float: none;
	display: none;
	width: auto;
	background-color: #fff;
}
#production #animeList section .txt .note .txt p {	margin-bottom: 1em;}
#production #animeList section .txt .note .txt p:last-child {	margin-bottom: 0;}
#production #animeList section .txt .note h5:hover {	text-decoration: none;}
#production #animeList section .txt .data {
	margin-bottom: 0;
	float: left;
	width: 290px;
}
#production #animeList section .txt .data dl {	margin-bottom: 5px;}
#production #animeList section .txt .data dl dt {
	margin-bottom: 0;
	padding: 2px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	float: left;
	width: 60px;
	color: #fff;
	background-color: #ffa0a0;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}
#production #animeList section .txt .data dl dd {
	padding: 3px 10px 0 0;
	float: right;
	width: 205px;
	font-size: 12px;
}
#production #animeList section .txt .data dl.num dd {	padding-top: 0;}
#production #animeList section .txt .data dl.num dd select {	height: 18px;}
#production #animeList section .txt .edit {
	float: right;
	width: 87px;
	font-size: 0;
}
#production #animeList section .txt .edit ul li {	margin-bottom: 5px;}
#production #animeList section .txt .edit ul li p {		cursor: pointer;}
#production #animeList section .txt .edit ul li div {
	padding-top: 5px;
	display: none;
	font-size: 12px;
}
#production #animeList section .txt .edit ul li select {	width: 87px;}
#production #animeList section .image {
	float: left;
	width: 150px;
}
#production #animeList section .image img {
	max-width: 150px;
	height: auto;
}








/* ************************************************ */
/*					  #mail					   */
/* ************************************************ */

/*
	form共通
========================= */
#mail form dl dt {
	padding: 9px 0 0 34px;
	float: left;
	width: 120px;
	font-size: 14px;
}
#mail form dl dd {
	float: right;
	width: 263px;
	font-size: 14px;
}
#mail form dl dd input.txt {
	padding: 5px;
	width: 223px;
	height: 20px;
}
#mail form .submit {	text-align: center;}
#mail form .error {
	padding-top: 5px;
	display: block;
	color: #f00;
	font-size: 14px;
}
/*
	.login
========================= */
#mail .login {	margin-bottom: 50px;}
#mail .login form {
	padding: 50px 95px;
	border: 5px solid #e9546b;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: #fff;
}
#mail .login form dl.mail {	margin-bottom: 12px;}
#mail .login form dl.password {	margin-bottom: 20px;}

/*
	.register
========================= */
#mail .register form {
	padding: 30px 95px;
	border: 5px solid #e9546b;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: #fff;
}
#mail .register form dl {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #ffa0a0;
}
#mail .register form dl dd .note {
	padding-top: 5px;
	color: #898989;
	font-size: 12px;
}

/*
	.complete
========================= */
#mail .complete {	font-size: 16px;}





/* ************************************************ */
/*					  #about					 */
/* ************************************************ */

#about h1 {
	margin-bottom: 17px;
	position: relative;
	left: -45px;
}
#about h2 {
	color: #fff;
	background: url(/about/img/bg_head.png) left top no-repeat;
}
#about #what {
	margin-bottom: 50px;
	font-size: 14px;
}
#about #what p {	margin-bottom: 1em;}
#about #what p:last-child {	margin-bottom: 0;}
#about #howto {
	margin-bottom: 50px;
	font-size: 14px;
}
#about #howto p a { text-decoration: underline;}
#about #howto p a:hover { text-decoration: none;}
#about #staff .profile {
	margin-bottom: 10px;
	width: 305px;
	height: 351px;
}
#about #staff .profile .icon {
	margin-bottom: 20px;
	padding: 19px 0 0 20px;
	float: left;
	width: 100px;
}
#about #staff .profile .name {
	padding-top: 49px;
	float: left;
	width: 174px;
	color: #000;
	font-size: 14px;
	text-align: center;
}
#about #staff .profile .name em {
	margin-bottom: 6px;
	display: block;
	font-weight: bold;
	font-size: 24px;
}
#about #staff .profile .introduction {
	padding-left: 15px;
	clear: both;
	width: 275px;
	height: 130px;
	font-size: 12px;
}
#about #staff .profile .introduction a {	text-decoration: underline;}
#about #staff .profile .introduction a:hover {	text-decoration: none;}
#about #staff .profile .link {
	margin-left: 15px;
	padding: 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width: 255px;
	background-color: #fff;
}
#about #staff .profile .link h3 {
	margin-bottom: 6px;
	padding: 0;
	height: auto;
	background: none;
	font-size: 0;
}
#about #staff .profile .link ul li {
	margin-bottom: 5px;
	padding-left: 15px;
	line-height: 1;
	background: url(/about/img/icon_profile_link.png) 0 3px no-repeat;
}
#about #staff .profile .link ul li:last-child {	margin-bottom: 0;}
#about #staff .profile .link ul li a {
	color: #e9546b;
	font-size: 10px;
}
#about #staff .profile:nth-child(even) {	float: left;}
#about #staff .profile:nth-child(odd) {	float: right;}


#about #staff #miruto {	background: url(/about/img/bg_profile_miruto.jpg) left top no-repeat;}
#about #staff #gyari {	background: url(/about/img/bg_profile_gyari.jpg) left top no-repeat;}
#about #staff #takoyaki {	background: url(/about/img/bg_profile_takoyaki.jpg) left top no-repeat;}
#about #staff #aotori {	background: url(/about/img/bg_profile_aotori.jpg) left top no-repeat;}

#about #staff #miruto .name em {	color: #e9546b;}
#about #staff #gyari .name em {	color: #f6ad3c;}
#about #staff #takoyaki .name em {	color: #aacf52;}
#about #staff #aotori .name em {	color: #00afec;}
#about #staff #animemochan {
	clear: both;
	position: relative;
	height: 490px;
}
#about #staff #animemochan .layout {
	position: absolute;
	top: 0;
	left: -4px;
	padding: 138px 347px 131px 57px;
	width: 224px;
	height: 220px;
	background: url(/about/img/bg_animemo.png) left top no-repeat;
	text-align: center;
}
#about #staff #animemochan .layout .name {
	margin-bottom: 8px;
	color: #e9546b;
	font-weight: bold;
	font-size: 24px;
}
#about #staff #animemochan .layout em {
	margin-bottom: 20px;
	display: block;
	font-weight: normal;
	font-size: 14px;
}
#about #staff #animemochan .layout p {
	font-size: 14px;
	text-align: left;
}


/* ************************************************ */
/*					 #history					 */
/* ************************************************ */

#history h1 {
	margin-bottom: 17px;
	position: relative;
	left: -45px;
}
#history h2 {
	margin-bottom: 0;
	padding: 13px 17px 0;
	height: 37px;
	color: #000;
	background: url(/history/img/bg_head_close.png) left top no-repeat;
	font-weight: bold;
	font-size: 18px;
	cursor: pointer;
}
#history h2.active {	background: url(/history/img/bg_head_open.png) left top no-repeat;}
#history .entry {
	padding-top: 20px;
	display: none;
}
#history #currentAnime {	margin-bottom: 100px;}
#history #currentAnime .evaluationSec {
	margin-bottom: 30px;
	padding-bottom: 0;
	border-bottom: none;
	background: none;
}
#history #currentAnime h3 {	margin-top: 50px;}
#history #currentAnime h3:first-child {	margin-top: 0;}
#history #currentAnime section {
	margin-bottom: 11px;
	padding: 15px 10px 9px 15px;
	border-bottom: 1px solid #ffc1ca;
}
#history #currentAnime section.current {	background: #fff1f1 url(/img/bg_list.png) left top no-repeat;}
#history #currentAnime section.stop {	background: #f1f1f1 url(/img/bg_list_stop.png) left top no-repeat;}
#history #currentAnime section.fin {	background: #f2fcff url(/img/bg_list_fin.png) left top no-repeat;}
#history #currentAnime section:after {
	display: block;
	clear: both;
	height: 0;
	content: "";
}
#history #currentAnime section .txt {
	float: right;
	width: 378px;
}
#history #currentAnime section .txt h4 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #e9546b;
}
#history #currentAnime section .txt h4 a {
	color: #e9546b;
	font-weight: bold;
	font-size: 20px;
	text-decoration: none;
}
#history #currentAnime section .txt .data {
	float: left;
	width: 280px;
}
#history #currentAnime section .txt .data dl {	margin-bottom: 5px;}
#history #currentAnime section .txt .data dl dt {
	padding: 2px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	float: left;
	width: 60px;
	color: #fff;
	background-color: #ffa0a0;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}
#history #currentAnime section .txt .data dl dd {
	padding: 3px 10px 0 0;
	float: right;
	width: 195px;
	font-size: 12px;
}
#history #currentAnime section .txt .data dl.num dd {	padding-top: 0;}
#history #currentAnime section .txt .data dl.num dd select {	height: 18px;}
#history #currentAnime section .txt .data dl.evaluation dd {	font-size: 14px;}
#history #currentAnime section .txt .data dl.evaluation dd i {	margin-right: 0.1em;}
#history #currentAnime section .txt .data dl.evaluation dd .fas.fa-star {
	color: #feef00;
	-webkit-text-stroke: .5px #000;
}
#history #currentAnime section .txt .edit {
	float: right;
	width: 97px;
	font-size: 0;
}
#history #currentAnime section .txt .edit ul li {	margin-bottom: 5px;}
#history #currentAnime section .txt .edit ul li p {
	padding: .5em 0;
	border: 1px solid #b1b1b1;
	border-radius: 10px;
	line-height: 1;
	background: -moz-linear-gradient(top, #fefefe,
		#e6e6e6 50%,
		#cfcfcf);
	background: -webkit-gradient(linear, center top, center bottom, from(#fefefe),
		color-stop(0.5, #e6e6e6),
		to(#cfcfcf));
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
}
#history #currentAnime section .txt .edit ul li div {
	padding-top: 5px;
	display: none;
	font-size: 12px;
}
#history #currentAnime section .txt .edit ul li select {	width: 100%;}
#history #currentAnime section .image {
	float: left;
	width: 192px;
}
#history #currentAnime section .image img {
	max-width: 192px;
	max-height: 108px;
}
#history #currentAnime section .editArea {	display: none;}
#history #watchData {	margin-bottom: 100px;}
#history #watchData h2 {	margin-bottom: 30px;}
#history #watchData #watchDataChart {
	margin-bottom: 20px;
	width: 620px;
	background-color: #fff;
}
#history #watchData table {
	margin: 10px 0;
	border: solid #ccc 1px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 1px 1px #ccc; 
	-moz-box-shadow: 0 1px 1px #ccc; 
	box-shadow: 0 1px 1px #ccc;	
	background-color: #fff;
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;    
}

#history #watchData table tr:hover {
	background: #fbf8e9;
	-o-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;	 
}	
#history #watchData table td,
#history #watchData table th {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 10px;
	text-align: left;	
}
#history #watchData table th {
	background-color: #dce9f9;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
	background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
	background-image:	-moz-linear-gradient(top, #ebf3fc, #dce9f9);
	background-image:	 -ms-linear-gradient(top, #ebf3fc, #dce9f9);
	background-image:	  -o-linear-gradient(top, #ebf3fc, #dce9f9);
	background-image:		 linear-gradient(top, #ebf3fc, #dce9f9);
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
	-moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
	box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;		
	border-top: none;
	text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}
#history #watchData table th:nth-child(2) {	color: #5165ff;}
#history #watchData table th:nth-child(3) {	color: #ff6d3a;}
#history #watchData table th span {
	color: #333;
	font-size: 10px;
}
#history #watchData table td:first-child,
#history #watchData table th:first-child {	border-left: none;}
#history #watchData table th:first-child {
	-moz-border-radius: 6px 0 0 0;
	-webkit-border-radius: 6px 0 0 0;
	border-radius: 6px 0 0 0;
}
#history #watchData table th:last-child {
	-moz-border-radius: 0 6px 0 0;
	-webkit-border-radius: 0 6px 0 0;
	border-radius: 0 6px 0 0;
}
#history #watchData table th:only-child {
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
}
#history #watchData table tr:last-child td:first-child {
	-moz-border-radius: 0 0 0 6px;
	-webkit-border-radius: 0 0 0 6px;
	border-radius: 0 0 0 6px;
}
#history #watchData table tr:last-child td:last-child {
	-moz-border-radius: 0 0 6px 0;
	-webkit-border-radius: 0 0 6px 0;
	border-radius: 0 0 6px 0;
}
#history #watchData table td a {	text-decoration: underline;}
#history #watchData table td a:hover {	text-decoration: none;}
#history #watchData ul li {
	color: #333;
	font-size: 10px;
}

/* ************************************************ */
/*					 #contact					 */
/* ************************************************ */

#contact h1 {
	margin-bottom: 20px;
	padding: 18px 25px 0;
	height: 42px;
	color: #fff;
	background: url(/common/img/bg_head.png) left top no-repeat;
	font-weight: bold;
	font-size: 24px;
}
#contact #contents form .errMsg {
	color: #f00;
	font-size: 20px;
	text-align: center;
}
#contact #contents form dl {
	margin-bottom: 20px;
	display: flex;
	justify-content: space-between;
}
#contact #contents form dl dt {
	padding-top: 15px;
	width: 150px;
	font-size: 16px;
}
#contact #contents form dl dd {
	width: 450px;
}
#contact #contents form dl dd input {
	padding: 10px;
	border: 1px solid #ccc;
	width: 428px;
}
#contact #contents form dl dd textarea {
	padding: 10px;
	border: 1px solid #ccc;
	width: 428px;
}
#contact #contents form .btn button {
	margin: 0 auto;
	padding: 8px 16px;
	border: 2px solid #e9546b;
	border-radius: 4px;
	display: block;
	width: 100px;
	color: #e9546b;
	background-color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	transition: .4s;
	cursor: pointer;
}
#contact #contents form .btn input:hover {
	border-color: #e9040e;
	color: #fff;
	background-color: #e9546b;
}
#contact #contents .complete {
	padding-top: 50px;
	font-size: 20px;
	text-align: center;
}

/* ************************************************ */
/*					  #user					   */
/* ************************************************ */

#user #title {
	margin-bottom: 20px;
	padding: 18px 25px 0;
	height: 42px;
	color: #000;
	background: url(/anime/img/bg_head.png) left top no-repeat;
	font-weight: bold;
	font-size: 24px;
}
#user #detail {
	margin-bottom: 30px;
	padding: 20px 10px 23px 20px;
	border-bottom: 1px solid #fff33f;
	position: relative;
	background: #fffde3 url(/user/img/bg_detail.png) left top no-repeat;
}
#user #detail h1 {
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 24px;
}
#user #detail .userImage {
	margin-bottom: 20px;
	padding: 5px;
	float: left;
	width: 100px;
	background-color: #fff;
	box-shadow: 1px 1px 3px #888, 1px 1px 3px #888, 1px 1px 3px #888;
	font-size: 0;
}
#user #detail .userImage img {
	max-width: 100px;
	max-height: 100px;
}
#user #detail .data {
	margin-bottom: 20px;
	float: right;
	width: 440px;
}
#user #detail .data dl {	margin-bottom: 20px;}
#user #detail .data dl:last-child {	margin-bottom: 0;}
#user #detail .data dl dt {
	margin-bottom: 8px;
	padding: 2px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width: 100px;
	color: #fff;
	background-color: #ffa0a0;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}
#user #detail .data dl dd {	font-size: 14px;}
#user #detail .data dl dd a {	color: #ffa0a0;}
#user #detail .anime {	clear: both;}
#user #detail .anime:nth-last-child(2) {	margin-top: 20px;}
#user #detail .anime p {
	margin-bottom: 10px;
	padding: 2px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width: 133px;
	color: #fff;
	background-color: #ffa0a0;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}


#user #detail h3 {	margin-top: 50px;}
#user #detail h3:first-child {	margin-top: 0;}
#user #detail h4 {
	margin-bottom: 10px;
	padding-top: 30px;
}
#user #detail h4:first-of-type {	padding-top: 0;}
#user #detail section {
	margin-bottom: 11px;
	padding: 15px 10px 9px 15px;
	border-bottom: 1px solid #ffc1ca;
}
#user #detail section {	background: #fff1f1 url(/user/img/bg_list.png) left top no-repeat;}
#user #detail section.next {	background: #f2fcff url(/user/img/bg_list_next.png) left top no-repeat;}
#user #detail section:after {
	display: block;
	clear: both;
	height: 0;
	content: "";
}
#user #detail section .txt {
	float: right;
	width: 378px;
}
#user #detail section .txt h4 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #e9546b;
}
#user #detail section .txt h4 a {
	color: #e9546b;
	font-weight: bold;
	font-size: 20px;
	text-decoration: none;
}
#user #detail section .txt .note {	margin-bottom: 10px;}
#user #detail section .txt .note h5 {
	font-size: 16px;
	text-decoration: underline;
	cursor: pointer;
}
#user #detail section .txt .note .txt {
	padding: 5px;
	border: 1px dotted #e9546b;
	float: none;
	display: none;
	width: auto;
	background-color: #fff;
}
#user #detail section .txt .note .txt p {	margin-bottom: 1em;}
#user #detail section .txt .note .txt p:last-child {	margin-bottom: 0;}
#user #detail section .txt .note h5:hover {	text-decoration: none;}
#user #detail section .txt .data {
	margin-bottom: 0;
	float: left;
	width: 290px;
}
#user #detail section .txt .data dl {	margin-bottom: 5px;}
#user #detail section .txt .data dl dt {
	margin-bottom: 0;
	padding: 2px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	float: left;
	width: 60px;
	color: #fff;
	background-color: #ffa0a0;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}
#user #detail section .txt .data dl dd {
	padding: 3px 10px 0 0;
	float: right;
	width: 205px;
	font-size: 12px;
}
#user #detail section .txt .data dl.num dd {	padding-top: 0;}
#user #detail section .txt .data dl.num dd select {	height: 18px;}
#user #detail section .txt .edit {
	float: right;
	width: 87px;
	font-size: 0;
}
#user #detail section .txt .edit ul li {	margin-bottom: 5px;}
#user #detail section .txt .edit ul li p {		cursor: pointer;}
#user #detail section .txt .edit ul li div {
	padding-top: 5px;
	display: none;
	font-size: 12px;
}
#user #detail section .txt .edit ul li select {	width: 87px;}
#user #detail section .image {
	float: left;
	width: 150px;
}
#user #detail section .image img {
	max-width: 150px;
	height: auto;
}
#user #detail section .myComments {
	padding-top: 10px;
	display: none;
	clear: both;
}
#user #detail section .myComments p {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #ccc;
}
#user #detail section .myComments p:last-child {	margin: 0;}
#user #detail section .myComments p .date {
	margin-right: 5px;
	color: #666;
	font-size: 10px;
}
#user #detail section .commentInput {
	padding: 10px 0 0 0px;
	clear: both;
	display: none;
}
#user #detail section .commentInput input.txt {
	margin-right: 6px;
	padding: 5px;
	display: inline-block;
	float: none;
	width: 240px;
	height: 17px;
	vertical-align: top;
	font-size: 12px;
}
#user #detail section .commentInput .confirm {
	margin-right: 6px;
	display: inline-block;
	vertical-align: top;
	width: 160px;
	font-size: 12px;
}
#user #detail section .commentInput .confirm label {	display: inline-block;}
#user #detail section .commentInput .confirm label:first-child {	margin-bottom: 3px;}
#user #detail section .commentInput .confirm label input {	vertical-align: -2px;}
#user #detail section .commentInput .confirm .point select {	display: none;}
#user #detail section .commentInput .submit {	cursor: pointer;}
#user #detail section .editArea {	display: none;}
#user #detail .social {
	position: absolute;
	top: 16px;
	right: 0;
	width: 160px;
}
#user #detail .social li {
	float: left;
	width: 80px;
}

/* ************************************************ */
/*					  #admin					  */
/* ************************************************ */

#admin #animeList {	position: relative;}
#admin #animeList ul {	padding-left: 15px;}
#admin #animeList ul li {
	margin-bottom: 5px;
	list-style-type: disc;
}
#admin #animeList ul li span {
	text-decoration: underline;
	cursor: pointer;
}
#admin #animeEdit {
	position: absolute;
	top: 77px;
	right: -100px;
}
#admin #animeEdit p {	margin: 0;}
#admin #animeEdit dl {	margin-bottom: 10px;}
#admin #period {	padding-top: 10px;}
#admin #addTime dl {	margin-bottom: 5px;}
#admin #addTime dl dt,
#admin #addTime dl dd {
	margin-right: 10px;
	display: inline-block;
}
#admin #addTime dl dt .inputBc {	width: 150px;}
#admin #addTime dl dt select {	width: 150px;}
#admin section {	margin-bottom: 30px;}



/* ************************************************ */
/*					  #news					   */
/* ************************************************ */

#news #contents h1 {
	margin-bottom: 20px;
	padding: 18px 25px 0;
	height: 42px;
	color: #fff;
	background: url(/common/img/bg_head.png) left top no-repeat;
	font-weight: bold;
	font-size: 18px;
}
#news #contents p {
	margin-bottom: 1em;
	font-size: 14px;
}
#news #contents p a {	text-decoration: underline;}
#news #contents p a:hover {	text-decoration: none;}
#news #contents .social li {
	float: left;
	width: 111px;
}
#news #contents .method {	margin-bottom: 15px;}
#news #contents .method li {
	margin-left: 20px;
	list-style-type: decimal;
}
#news #contents .method li a {	text-decoration: underline;}
#news #contents .method li a:hover {	text-decoration: none;}
#news #contents .note {
	font-size: 10px;
}


/* ************************************************ */
/*					  #terms					  */
/* ************************************************ */

#terms #contents h1 {
	margin-bottom: 20px;
	padding: 18px 25px 0;
	height: 42px;
	color: #fff;
	background: url(/common/img/bg_head.png) left top no-repeat;
	font-weight: bold;
	font-size: 24px;
}
#terms #contents h2 {
	margin-bottom: 15px;
	padding-left: 5px;
	border-bottom: 1px solid #333;
	height: auto;
	color: #333;
	background: none;
	font-size: 16px;
}
#terms #contents section {	margin-bottom: 10px;}
#terms #contents section ul li {
	margin-left: 30px;
	line-height: 1.616;
	list-style-type: disc;
}

/* ************************************************ */
/*					  #remove					 */
/* ************************************************ */
#remove #contents h1 {
	margin-bottom: 20px;
	padding: 18px 25px 0;
	height: 42px;
	color: #fff;
	background: url(/common/img/bg_head.png) left top no-repeat;
	font-weight: bold;
	font-size: 24px;
}
#remove #contents form {
	text-align: center;
}
#remove #contents form input {
	font-size: 30px;
}








/* ************************************************ */
/*					 #config					  */
/* ************************************************ */

#config #contents h1 {
	margin-bottom: 20px;
	padding: 18px 25px 0;
	height: 42px;
	color: #fff;
	background: url(/common/img/bg_head.png) left top no-repeat;
	font-weight: bold;
	font-size: 24px;
}
#config #contents form {
	padding: 30px 20px;
	border: 5px solid #e9546b;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: #fff;
}
#config #contents form dl {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #ffa0a0;
}
#config #contents form dl dt {
	padding: 9px 0 0 34px;
	float: left;
	width: 150px;
	font-weight: bold;
	font-size: 14px;
}
#config #contents form dl dd {
	float: right;
	width: 380px;
	font-size: 14px;
}
#config #contents form dl dd .note {
	padding-top: 5px;
	color: #898989;
	font-size: 12px;
}
#config #contents form dl dd .note a {
	color: #0dcaf3;
	text-decoration: underline;
}
#config #contents form dl dd .note a:hover {	text-decoration: none;}
#config #contents form dl dd input.txt {
	padding: 5px;
	width: 223px;
	height: 20px;
}
#config #contents form .submit {	text-align: center;}
#config #contents form .error {
	padding-top: 5px;
	display: block;
	color: #f00;
	font-size: 14px;
}

#config #contents form .dispCmt dd ul li {
	margin-right: 50px;
	float: left;
	width: 80px;
}
#config #contents form .dispCmt dd ul li input {	margin-right: 5px;}
#config #contents form .dispPeriod dd ul li {	margin-bottom: 3px;}
#config #contents form .dispPeriod dd ul li input {	margin-right: 5px;}
#config #contents form .introduction dd textarea {
	padding: 10px;
	width: 358px;
	height: 50px;
}

#config #contents form .info ul li {	margin-bottom: 10px;}
#config #contents form .info ul li .type {
	float: left;
	width: 90px;
	text-align: right;
}
#config #contents form .info ul li .select {
	float: right;
	width: 285px;
}
#config #contents form .info ul li.mail .type {	padding-top: 8px;}







/* ************************************************ */
/*					 トップイラストのバージョン               */
/* ************************************************ */
body.version02 {	background: url(/common/img/bg_body_v2.jpg) center top no-repeat;}
body.version02 header {	background: url(/common/img/bg_header_v2.jpg) center bottom no-repeat;}
body.version02 header .layout {	background: url(/common/img/bg_header_layout_v2.jpg) left top no-repeat;}
body.version02 header .layout h1,
body.version02 header .layout .logo {
	top: 145px;
	left: -53px;
}
body.version02 header .layout h1 img,
body.version02 header .layout .logo img {	width: 80%;}
body.version02 header .layout .social {	left: -28px;}



/* ************************************************ */
/*					 #evaluation 					*/
/* ************************************************ */
#evaluationBox {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
}
#evaluationBox .mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	z-index: 4;
}
#evaluationBox .inner {
	margin: 300px auto 0;
	padding: 30px;
	position: relative;
	width: 500px;
	color: #000;
	background-color: #fff;
	z-index: 5;
}