div.menu nav ul li a.lazy-done {
	-webkit-animation: fadeIn 500ms;
	animation: fadeIn 500ms;
}


div.menu nav ul li a {
	position: relative;
	background-color: #fff7ed;
}
div.menu nav ul li.info a {
	border: 2px solid #fff;
}

div.menu nav ul li.intro a {
	border: 2px solid #9e0013;
}

div.menu nav ul li.story a {
	border: 2px solid #fff;
}

div.menu nav ul li.original a {
	border: 2px solid #fff;
}

div.menu nav ul li.cast a {
	border: 2px solid #f9e9b9;
}

div.menu nav ul li.staff a {
	border: 2px solid #9e0013;
}

div.menu nav ul li.interview a {
	border: 2px solid #fff;
}

div.menu nav ul li.chart a {
	border: 2px solid #fff;
}

div.menu nav ul li.report a {
	border: 2px solid #fff;
}

div.menu nav ul li.gallery a {
	border: 2px solid #9e0013;
}

div.menu nav ul li.message a {
	border: 2px solid #fff;
}

div.menu nav ul li.present a {
	border: 2px solid #fff;
}

div.menu nav ul li.tbsfree a {
	border: 2px solid #c0e3ff;
}

div.menu nav ul li.invite a {
	border: 2px solid #f9e9b9;
}

div.menu nav ul li.ishop a {
	border: 2px solid #9e0013;
}

div.menu nav ul li.stamp a {
	border: 2px solid #fff;
}

div.menu nav ul li.ondemand a {
	border: 2px solid #c9cac6;
}


div.menu nav ul li a {
	display: block;
	border-radius:10px 10px 10px 10px;
	box-sizing: border-box;
}

/*	pc
============================== */
@media all and (min-width: 768px) {
	div.menu {
		padding: 30px;
	}
	div.menu nav ul li a {
		overflow: hidden;
		text-indent: 110%;
		white-space: nowrap;
		float: left;
		margin-right: 16px;
		margin-bottom: 16px;
		box-shadow:0px 3px 16px 2px #a3a3a3;
		background-position: -2px -2px;
	}
	div.menu nav ul li.s_btn a {
		width: 228px;
		height: 140px;
	}
	div.menu nav ul li.l_btn a {
		width: 472px;
		height: 140px;
	}
	div.menu nav ul li:nth-child(3) a,
	div.menu nav ul li:nth-child(6) a,
	div.menu nav ul li:nth-child(9) a,
	div.menu nav ul li:nth-child(11) a,
	div.menu nav ul li:nth-child(14) a {
		margin-right: 0;
	}
	div.menu nav ul li:nth-child(15) a {
		margin-left: 244px;
	}
	/*div.menu nav ul li.invite {
		margin: 0 auto;
		width:  472px;
	}*/
}
/*	smp
============================== */
@media all and (max-width: 767px) {
	div.menu {
		padding: 15px;
	}
	div.menu nav ul li {
		float: left;
		margin-bottom: 2%;
	}
	div.menu nav ul li a {
		box-shadow:0px 1px 3px 1px #a3a3a3;
	}

	div.menu nav ul li a span {
		overflow: hidden;
		text-indent: 110%;
		white-space: nowrap;
	}
	div.menu nav ul li.s_btn {
		width: 49%
	}
	div.menu nav ul li.info,
	div.menu nav ul li.cast,
	div.menu nav ul li.interview,
	div.menu nav ul li.stamp,
	div.menu nav ul li.ondemand {
		margin-right: 2%;
	}
	div.menu nav ul li.l_btn {
		width: 100%
	}
	div.menu nav ul li.s_btn a {
		display: block;
		background-size:cover;
		height:0;
		/* 縦÷横 */
		padding-top: 59.6491228070175%;
		position: relative;
	}
	div.menu nav ul li.s_btn a span {
		display: block;
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height: 100%;
	}
	div.menu nav ul li.l_btn a {
		display: block;
		background-size:cover;
		height:0;
		/* 縦÷横 */
		padding-top: 29.6610169491525%;
		position: relative;
	}
	div.menu nav ul li.l_btn a span {
		display: block;
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height: 100%;
	}
}


/*	report up date
============================== */
/*	Web Fonts */
@font-face {
	font-family: 'Dosis-Bold';
	src: url('/um/library/fonts/Dosis/Dosis-Bold.ttf') format("truetype");
}
div.menu nav ul li.report a span.up,
div.ft_menu nav ul li.report a span.up {
	display: block;
	position: absolute;
	color: #765a44;
	text-shadow:0px 2px 5px #ffffff,0px -2px 5px #ffffff,2px 0px 5px #ffffff,-2px 0px 5px #ffffff;
	letter-spacing: 0.06em;
	font-family: 'Dosis-Bold', 'sans serif';
}
@media all and (min-width: 768px) {
	div.menu nav ul li.report a,
	div.ft_menu nav ul li.report a {
		overflow: unset;
		white-space: normal;
		text-indent: unset;
		position: relative;
	}
	div.menu nav ul li.report a span.repo,
	div.ft_menu nav ul li.report a span.repo {
		display: block;
		overflow: hidden;
		white-space: nowrap;
		text-indent: 110%;
	}
	div.menu nav ul li.report a span.up,
	div.ft_menu nav ul li.report a span.up {
		left: 20px;
		top: 100px;
		font-size: 20px;
	}
}
@media all and (max-width: 767px) {
	div.menu nav ul li.report a span.up,
	div.ft_menu nav ul li.report a span.up {
		overflow: unset;
		text-indent: unset;
		white-space: normal;
		width: unset;
		height: unset;
		left: 8.7719298245614%;
		top: 71.4285714285714%;
		font-size: 4.3vw;
	}
}



.menu2center {
	width: 472px;
	margin: 0 auto;
}