/* Items */

/* common.cssに移動した

.items_pane {
	float: left;
	width: 22.75%;
}
.items_pane:not(:nth-of-type(4n)) {
	margin-right: 3%;
}
.items_pane:nth-of-type(4n + 1) {
	clear: both;
}
.items_pane:nth-last-of-type(n + 5) {
	margin-bottom: 2em;
}
.items_pane a {
	display: block;
	text-decoration: none;
}
.items_pane_image {
	margin-bottom: 0.8em;
	border: 1px solid #dcdcdc;
	border-radius: 5px;
	overflow: hidden;
	transition: all 250ms ease-in-out;
}
.items_pane a:hover .items_pane_image {
	transform: scale(0.96);
	transition: all 300ms ease-in-out;
}
.items_pane h4 {
	padding: 0 0.3em;
	font-size: 1.2em;
	font-size: 1.15em;
	font-weight: 500;
}
*/

/* Single */

#items_image_main {
	float: right;
	width: 30%;
	border: 1px solid #dcdcdc;
	border-radius: 5px;
	overflow: hidden;
}
#items_summary .summary {
	float: left;
	width: 65%;
	width: 62%;
}
#items_summary .summary {
	transform: translateX(-5px);
	opacity: 0;
}
.reveal #items_summary .summary {
	animation: slidein_right 500ms 200ms ease-in-out forwards;
}
#items_image_main {
	opacity: 0;
}
.reveal #items_image_main {
	animation: fadein 500ms 500ms ease-in-out forwards;
}
#items_makers table {
	width: 100%;
	border-collapse: collapse;
	border-radius: 5px;
	overflow: hidden;
}
#items_makers thead th {
	color: #fff;
	background: #009ea1;
	border: 1px solid #009ea1;
	font-weight: 500;
}
#items_makers thead th:first-of-type {
	border-right: 1px solid #fff !important;
}
#items_makers thead th:last-of-type {
	border-left: 1px solid #fff !important;
}
#items_makers th,
#items_makers td {
	padding: 0.5em 1em;
	border: 1px solid #eee;
	text-align: left;
}
#items_makers tbody tr:nth-of-type(even) {
	background: #f9f9f9;
}
#items_makers td li {
	float: left;
	font-size: 0.9em;
	line-height: 1.4em;
	list-style: none;
}
#items_makers td li:not(:last-of-type) {
	margin-bottom: 0.3em;
}
#items_makers td li:not(:last-of-type)::after {
	margin: 0 0.3em;
	content: '/';
	color: #bbb;
}
.items_maker {
	width: 25%;
}
.items_id {
	width: 75%;
}
#items_column {
	position: relative;
	padding: 5.8em 6em 5em 8em;
	padding: 6em 5em 5em 5em;
	/* color: #009ea1;
	background: #f1f4f3; */
	border: 1px solid #009ea1;
	border-radius: 20px;
	/* overflow: hidden; */
}
#items_column h3 {
	position: relative;
	margin-bottom: 3em;
	color: #fff;
	font-weight: 500;
	line-height: 1.2em;
}
#items_column h3 .title_en {
	position: absolute;
	top: -40px;
	right: 0;
	color: #e0f5ee;
	font-size: 6em;
	line-height: 1em;
	z-index: -1;
}
#items_column h3 .title_ja {
	color: #009ea1;
	font-size: 1.8em;
	letter-spacing: 0.1em;
}
#_items_column h3 {
	margin-bottom: 3em;
	color: #fff;
	font-weight: 500;
	line-height: 1.2em;
}
#_items_column h3 .title_en {
	display: inline-block;
	padding: 0.5em 1em;
	background: #454545;
	font-size: 0.8em;
}
#_items_column h3 .title_ja {
	display: block;
	padding: 1.2em;
	background: #009ea1;
	font-size: 1.85em;
	letter-spacing: 0.1em;
}
#_items_column h3 {
	margin-bottom: 2em;
	color: #009ea1;
	font-size: 1.8em;
	font-weight: 500;
	line-height: 1.2em;
	letter-spacing: 0.1em;
}
#_items_column h3 {
	position: absolute;
	top: -25px;
	left: 50%;
	transform: translateX(-50%);
	padding: 0.5em 0.8em;
	color: #009ea1;
	background: #fff;
	font-size: 1.8em;
	font-weight: 500;
	line-height: 1.2em;
	border: 1px solid #009ea1;
	border-radius: 50vh;
}
#items_column h5.heading {
	margin: 2em 0 1.5em 0;
	margin: 3em 0 1.5em 0;
	padding: 0.8em 1.3rem;
	background: #e0f5ee;
	font-size: 1.3em;
	font-weight: 500;
	line-height: 1.4em;
}
#items_column h6.heading {
	margin: 2em 0 1.5em 0;
	padding-left: 1.2rem;
	border-left: 4px solid #009ea1;
	font-size: 1.15em;
	font-weight: 500;
	line-height: 1.4em;
}
#items_column p {
	font-size: 1.1em;
	line-height: 2em;
}
#items_column .issue_image {
	margin-bottom: 1.1em;
}
#items_column ul {
	margin: 1em 0;
	font-size: 1.08em;
	list-style-type: disc;
	list-style-position: inside;
}
#items_column ol {
	margin: 1em 0;
	font-size: 1.08em;
	list-style-type: decimal;
	list-style-position: inside;
}
#items_column a {
	text-decoration: underline;
}
#items_others_panes .items_pane_image {
	margin-bottom: 0.5em;
}
#items_others_panes .items_pane h4 {
	font-size: 1em;
}