@charset "UTF-8";

/*---------------------------------------------

Lower (with Sidebar) Page CSS

for cameojapan.co.jp
coded by d-spica at 2016-01-25

---------------------------------------------*/


@import url(default.css);
@import url(base.css);
nav.topicpath {
	margin: 0.7em auto;
	max-width: 1024px;
}
nav.topicpath p {
	padding: 0 2.2em;
	font-size: 84%;
}
nav.topicpath a, nav.topicpath em {
	white-space: nowrap;
}
article.contents {
	position: relative;
}
article.contents:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}
article > h1 {
	margin: 0 0 2em;
	background: #000;
	padding: 0.95em 1.5em;
	font-size: 124%;
	font-weight: normal;
	color: #fff;
}
section.main {
	margin-left: 18.5em;
	padding-right: 2em;
}
aside.sub {
	position: absolute;
	top: 6.5em;
	left: 0;
	padding-left: 2em;
	width: 14em;
}
section h1 {
	margin-bottom: 1em;
	border-bottom: solid 1px #000;
	padding-bottom: 0.75em;
	font-size: 108%;
	font-weight: normal;
}
section .user-post {
	margin-bottom: 1.5em;
}
section .user-post h1, section .user-post h2, section .user-post h3 {
	margin: 1.5em 0 1em;
	border: solid 1px #ccc;
	padding: 0.45em 1.2em;
	font-size: 116%;
}
section .user-post p, section .user-post ul, section .user-post ol {
	margin-bottom: 1em;
}
section .user-post ul, section .user-post ol {
	padding-left: 2em;
}
section .user-post ul {
	list-style: disc;
}
section .user-post ol {
	list-style: decimal;
}
section .user-post .alignleft {
	float: left;
	margin: 0 2em 0.5em 0;
}
section .user-post .alignright {
	float: right;
	margin: 0 0 0.5em 2em;
}
section .user-post .aligncenter {
	display: block;
	margin: 0 auto 0.5em;
	text-align: center;
}
aside dl {
	margin-bottom: 2em;
}
aside dt {
	margin-bottom: 1em;
	border-bottom: solid 1px #000;
	padding-bottom: 0.75em;
	line-height: 1.4;
	font-size: 108%;
	font-weight: normal;
}
section.informations ul {
	margin-top: -0.8em;
}
section.informations li {
	border-bottom: solid 1px #ccc;
}
section.informations li a {
	display: block;
	padding: 0.8em 0;
	font-weight: bold;
}
section.informations li .date {
	display: block;
	font-weight: normal;
}
section.informations ul.pager {
	overflow: hidden;
	padding: 0.8em;
}
section.informations ul.pager .next {
	float: left;
}
section.informations ul.pager .prev {
	float: right;
}
section.information h2 {
	margin-bottom: 1em;
	border-bottom: solid 1px #ccc;
	padding-bottom: 0.8em;
	font-size: 124%;
}
section.information .meta {
	margin-bottom: 0.8em;
	text-align: right;
}
section.information ul.pager {
	overflow: hidden;
	border: solid #ccc;
	border-width: 1px 0;
	padding: 0.4em;
	height: 1.7em;
}
section.information ul.pager .next {
	float: left;
}
section.information ul.pager .prev {
	float: right;
}
section.information .nav-index {
	padding: 0.5em 0;
}
section.information .nav-index a:before {
	content: '<';
	margin-right: 0.3em;
}
section.categories {
	margin-bottom: 20em;
	padding: 0 2em;
}
section.categories ul {
	overflow: hidden;
	margin: 0 -0.51%;
}
section.categories li {
	float: left;
	margin: 0 0.5%;
	width: 24%;
	text-align: center;
	font-size: 108%;
}
section.categories li img {
	box-sizing: border-box;
	margin-bottom: 0.5em;
	border: solid 1px #ddd;
}
section.items ul.items {
	overflow: hidden;
	margin: 0 -0.51%;
}
section.items .items li {
	float: left;
	margin: 0 0.5% 2em;
	width: 19%;
	font-size: 84%;
}
section.items .items li:nth-child(5n+1) {
	clear: left;
}
section.items .items li img {
	margin-bottom: 0.6em;
	width: 100%;
}
section.items .items li em {
	display: block;
/* 	height: 2.6em; */
	line-height: 1.3;
}
section.items ul.pager {
	margin-bottom: 2em;
	text-align: center;
}
section.items .pager li {
	display: inline-block;
	margin: 0 0.3em;
	border: solid 1px #000;
	padding: 0.2em;
	width: 1.7em;
	text-align: center;
}
section.items .pager li.current {
	background: #000;
	color: #fff;
}
/* section.item {
	overflow: hidden;
} */
section.item .eyecatch {
	margin-bottom: 2em;
}
section.item .eyecatch img {
	width: 100%;
}
section.item section.photos {
	float: left;
	width: 52%;
}
section.item section.photos ul {
	overflow: hidden;
	margin: 0 -0.41%;
}
section.item section.photos li {
	float: left;
	margin: 0 0.5% 0.4em;
	width: 23.4%;
	cursor: pointer;
}
section.item section.photos li img {
	margin-left: 2px;
}
section.item section.photos li:first-child {
	margin-bottom: 1.5em;
}
section.item section.photos li:first-child {
	width: 97%;
}
section.item section.detail {
	float: right;
	width: 45%;
}
section.item section.detail h1 {
	border: none;
	background: #000;
	padding: 0.55em 1em;
	font-size: 124%;
	color: #fff;
}
section.item section.detail dl {
	margin-bottom: 1em;
}
section.item section.detail dt {
	background: url(../img/mk-list2.png) no-repeat 0 0.2em;
	background-size: 1.1em 1.1em;
	padding-left: 1.4em;
	font-weight: bold;
}
section.item section.detail dd {
	margin-bottom: 1.5em;
	line-height: 1.5;
}
section.item section.detail dd.gameH {
	height: 200px;
	overflow: auto;
	border-top: #fff solid 5px;
}
section.item section.detail .also {
	margin-bottom: 1.8em;
}
section.item section.detail .banner {
	margin-bottom: 1.8em;
	text-align: center;
}
section.item section.detail .banner img {
	margin-bottom: 0.3em;
	border: solid 1px #000;
}
section.item section.detail .icons {
	margin-bottom: 0.8em;
}
section.item section.detail .icons li {
	display: inline-block;
	margin: 0 0.4em 0.8em 0;
	width: 3.8em;
}
section.item section.detail .relations {
	border-top: solid 1px #000;
	padding-top: 1.6em;
}
section.item section.detail .relations li {
	margin-bottom: 0.8em;
}
section.item section.detail .relations li img {
	border: solid 1px #000;
	width: 15em;
}
section.shops dl {
	overflow: hidden;
	border-bottom: solid 1px #ccc;
	padding: 0.8em 0;
}
section.shops dt {
	float: left;
	background: url(../img/mk-list.png) no-repeat 0 0.2em;
	background-size: 1.1em 1.1em;
	padding-left: 1.4em;
	width: 23%;
}
section.shops dd.address {
	float: left;
	width: 57%;
}
section.shops .tags, section.shop .tags {
	float: right;
	font-size: 85%;
}
section.shops .tags em, section.shop .tags em {
	display: block;
	margin-bottom: 0.3em;
	background: #000;
	padding: 0.1em 0.2em;
	width: 9em;
	text-align: center;
	color: #fff;
}
section.shop ul {
	float: left;
	width: 68%;
}
section.players {
	margin-bottom: 20em;
	padding: 0 2em;
}
section.players p.banner {
	margin-bottom: 2.5em;
}
section.players ul {
	overflow: hidden;
	margin: 0 -0.51%;
}
section.players li {
	float: left;
	margin: 0 0.5% 1em;
	width: 24%;
	text-align: center;
	font-size: 108%;
	font-weight: bold;
}
section.players li img {
	box-sizing: border-box;
	margin-bottom: 0.8em;
	border: solid 1px #ddd;
}
section.players li em {
	display: block;
	height: 2.6em;
	line-height: 1.3;
}
section.gallery ul {
	overflow: hidden;
	margin: 0 -0.51%;
}
section.gallery li {
	float: left;
	margin: 0 0.5% 1em;
	width: 19%;
	text-align: center;
}
section.gallery li img {
	width: 100%;
}
aside dl.recents li {
	margin-bottom: 0.5em;
}
aside dl.categories li {
	margin-bottom: 0.5em;
	font-weight: bold;
}
aside dl.categories li ul {
	margin-top: 0.5em;
}
aside dl.categories li li {
	font-weight: normal;
}
aside dl.categories li li a {
	padding-left: 1em;
}
aside dl.categories li li a:before {
	content: '-';
	margin-right: 0.3em;
}
aside.information dl.categories li {
	margin-bottom: 0.2em;
	font-weight: normal;
}
aside dl.archives li {
	margin-bottom: 0.2em;
}
aside dl.tags li {
	display: inline-block;
	margin-bottom: 0.4em;
}
aside dl.tags li a {
	display: block;
	border: solid 1px #000;
	padding: 0 0.3em;
	white-space: nowrap;
}
aside dl.goods li {
	margin-bottom: 0.5em;
}
aside dl.goods li.current-cat {
	font-weight: bold;
}
aside dl.area select {
	width: 100%;
	font-size: 100% !important;
}
aside dl.players li {
	margin-bottom: 0.5em;
	font-weight: bold;
}

@media screen and (max-width:1024px) {
section.items .items li {
	width: 24%;
}
section.items .items li:nth-child(5n+1) {
	clear: none;
}
section.items .items li:nth-child(4n+1) {
	clear: left;
}
section.shops dt {
	float: none;
	width: auto;
}
section.shops dd.address {
	width: 68%;
}
}

@media screen and (max-width:800px) {
section.items .items li {
	width: 32.33%;
}
section.items .items li:nth-child(4n+1) {
	clear: none;
}
section.items .items li:nth-child(3n+1) {
	clear: left;
}
section.item section.photos {
	overflow: hidden;
	float: none;
	margin-bottom: 2em;
	width: auto;
}
section.item section.detail {
	float: none;
	margin-bottom: 2em;
	width: auto;
}
section.gallery li {
	width: 24%;
}
}

@media screen and (max-width:640px) {
nav.topicpath p {
	padding: 0 1.5em;
	font-size: 75%;
}
article > h1 {
	margin: 0 0 1.5em;
	font-size: 117%;
}
section.main {
	margin-left: 0;
	padding: 0 1.5em;
	width: auto;
}
aside.sub {
	margin-bottom: 1.5em;
	position: static;
	padding: 0 1em;
	width: auto;
}
aside.sub dd {
	margin: 0 1em;
}
section.categories {
	margin: 0;
	padding: 0;
}
section.categories li {
	float: none;
	margin-bottom: 2em;
	margin: 0 0 2em;
	width: auto;
	font-size: 100%;
}
section.categories li img {
	border: none;
	width: 100%;
}
section.items {
	margin-top: -1.75em;
	background: #ddd;
	padding: 0;
}
section.items h1 {
	margin-bottom: 0;
	border-bottom: none;
	padding: 0.8em 1em;
}
section.items ul.items {
	margin: 0;
}
section.items .items li {
	margin: 0 0 0.5em;
	width: 49.5%;
	font-size: 79%;
}
section.items .items li:nth-child(3n+1) {
	clear: none;
}
section.items .items li:nth-child(2n+1) {
	clear: left;
	margin-right: 1%;
}
section.items .items li em {
	padding: 0 1em;
}
section.items ul.pager {
	padding-bottom: 1.5em;
}
section.item {
	margin-top: -1.75em;
	padding: 0;
}
section.item > h1 {
	padding: 0.8em 1em;
}
section.item section.photos ul {
	margin: 0;
}
section.item section.photos li {
	width: 32.33%;
}
section.item section.photos li img {
	margin-left: 0;
	width: 100%;
}
section.item section.photos li:first-child {
	margin: 0 0 1.5em;
	width: 100%;
}
section.item section.detail {
	padding: 0 1em;
}
section.item section.detail h1 {
	margin: 0 -0.806em 1em;
}
section.item section.detail dd {
	margin-bottom: 0.7em;
}
section.item section.detail .also a {
	font-weight: bold;
}
section.item section.detail .relations {
	border-top: none;
	padding-top: 1em;
}
section.item section.detail .relations li img {
	width: auto;
}
section.shops dd.address {
	float: none;
	margin: 0.3em 0;
	width: auto;
}
section.shops .tags, section.shop .tags {
	float: none;
	width: auto;
	font-size: 77%;
}
section.shops .tags em, section.shop .tags em {
	display: inline-block;
}
section.shop ul {
	float: none;
	margin-bottom: 0.5em;
	width: auto;
}
section.players {
	margin: 0;
	padding: 0;
}
section.players li {
	float: none;
	margin-bottom: 2em;
	margin: 0 0 2em;
	width: auto;
	font-size: 100%;
}
section.players li img {
	border: none;
	width: 100%;
}
aside dl.search form input.word {
	width: 86%;
}
}
/*選手ギャラリー*/
.bn-player {
	display: block;
	overflow: hidden;
	padding: 0 0 30px 0;
}
.bn-player p.inner {
	display: block;
	float: left;
	width:49.5%;
}
.bn-player p.inner:nth-child(1) {
	margin: 0 1% 0 0;
}

@media screen and (max-width:640px) {
.bn-player p.inner {
	float: none;
	width:100%;
}
.bn-player p.inner:nth-child(1) {
	margin: 0 0 10px 0;
}
}
/* 2021.9.24追加 */
section.item section.detail .relations {
    margin-top: 1.6em;
}

@media screen and (max-width:640px) {
	section.item {
		overflow: hidden;
	}
}