@charset "UTF-8";
/*------------------------------------------------------------
	#印刷用
------------------------------------------------------------*/
@media print
{
	.forPrint {
		font-size: 87.5%;
		display: block;
		padding-top: 15px;
		padding-left: 20px;
		text-align: left;
		border-top: 2px solid black;
	}
	.forPrint .copyright {
		font-weight: bold;
		margin-bottom: 5px;
	}
	.forPrint .address {
		font-size: 1.1em;
	}
	#footer,
  #pagePath,
  /* #sidebar, */
  #glossary,
  #navi,
  .grayBox,
  .print,
  .pageTop {
		display: none;
	}
	#header {
		min-width: 980px; /* width: 1100px; */
		background: none;
	}
	#header .inner {
		width: 100%;
	}
	#header .inner .controller,
  #header .inner .sp,
  #header .inner #gNav {
		display: none;
	}
	html {
		/* height: 0 \9 !important; */
	}
	html body {
		width: 100%;
		/* height: 0 \9 !important; */
		margin: 0;
		padding: 0;
	}
	html body #container {
		width: 100%;
		min-width: 0;
	}
	html body #container #main {
		width: 100%;
		margin: 0;
	}
	html body #container #main #sidebar {
		width: auto;
	}
	html body #container #main.columnLeft #conts,
	html body #container #main.columnRight #conts,
	html body #container #main.columnCenter #conts {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		/* width: 100%; */ /* for display aside */
		margin: 0;
		padding: 0 20px;
	}

body #main #topSide {
  float: right;
  width: 220px;
  padding: 20px 0 20px 0;
}

/* show date */
#container #main #sidebar {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 300px;
}

#container #main.columnLeft #sidebar {
	float: left;
}

#container #main.columnLeft #conts {
	float: right;
	width: 620px; /* 740px; */
}


#container #main.columnRight #sidebar {
	float: right;
}

#container #main.columnRight #sidebar .grayBox {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 300px;
	padding: 15px 20px 20px;
	border: 2px solid black;
	background: whitesmoke;
}

#container #main.columnRight #sidebar .grayBox p {
	margin-bottom: 20px;
}

#container #main.columnRight #conts {
	float: left;
	width: 620px; /* 740px; */
}


	#sidebar .header-date {
	  display: block !important;
	  margin-left: auto;
	  margin-bottom: 1em;
	  width: 300px;
	  line-height: 1.6;
	  font-size: 16px;
	  text-align: right;
	}
/* show date */

	html body #container #main p {
		page-break-inside: avoid;
	}
	html body #container #main ul.list01,
  html body #container #main ul.list02,
  html body #container #main ul.list03 {
		clear: both;
		list-style: square;
		page-break-inside: avoid;
	}
	html body #container #main ul.list01 > li:before,
  html body #container #main ul.list02 > li:before,
  html body #container #main ul.list03 > li:before {
		background: none;
	}
	html body #container #main .stripeBox,
  html body #container #main .thumbnail {
		overflow: visible;
		border-spacing: 0;
		page-break-inside: avoid;
	}
	html body #container #main .stripeBox dl dt,
  html body #container #main .stripeBox dl dd,
  html body #container #main .thumbnail dl dt,
  html body #container #main .thumbnail dl dd {
		border-collapse: collapse;
	}
	html body #container #main .stripeBox {
		overflow: hidden;
		border-top: 2px solid black;
	}
	html body #container #main .stripeBox > p {
		border-bottom: 1px solid black;
	}
	html body #container #main .stripeBox dl {
		display: table;
		width: 98%;
	}
	html body #container #main .stripeBox dl dt,
  html body #container #main .stripeBox dl dd {
		display: table-cell;
	}
	html body #container #main .stripeBox dl dt {
		width: 150px;
	}
	html body #container #main .stripeBox dl dd {
		width: auto;
	}
	html body #container #main .accBox {
		border-top: 2px solid black;
	}
	html body #container #main .autoHeight {
		width: 45%;
		page-break-inside: avoid;
	}
	html body #container #main .autoHeight img {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		height: auto;
	}
	html body #container #main .formBox .accTtl {
		background-color: #000;
		-webkit-print-color-adjust: exact;
	}
	html body #container #main .formBox .search button {
		background-color: #666;
		-webkit-print-color-adjust: exact;
	}
	html body #container #main .popularity h2 {
		padding-top: 500px;
		page-break-before: auto;
	}
	html body #container #main .viewsBox + .frame {
		height: 100% !important;
	}
	html body #container #main #image {
		page-break-after: always;
	}
	html body #container #main .pager ul li.current {
		-webkit-print-color-adjust: exact;
	}
	html body #container #main .resultList {
		margin-right: -10px;
	}
	html body #container #main .resultList li {
		position: static !important;
		display: inline-block;
		width: 23.68%  !important;
		margin: 0 10px 10px 0;
		vertical-align: top;
	}
	html body #container #main .resultList li .inner {
		height: 440px !important;
	}
	html body #container #main .resultList li .inner .img img {
		width: 100%;
		height: auto;
	}
}