/* 小石川スクラップス */
html {
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", Arial, Sans-Serif;
	width: 100%;
}
body {
	width: 100%;
	margin: 0 auto;
}
header {
	margin: 0;
	padding: 2px;
	color: #ffffff;
	background: #000000;
	background-image: url(photo/photo_20191123.jpg);
	background-repeat: repeat-x;
}
header a {
	color: #ffffff;
	text-decoration: none;
}
header a:link, header a:visited, header a:hover {
	color: inherit;
}
article {
	padding-bottom: 15px;
}
footer {
	padding-top: 20px;
	clear: both;
}
#home {
	color: black !important;
	font-weight: bold;
	white-space: nowrap;
	display: block;
}
#navi {
	padding-left: 10px;
}
#main {
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
}
#copyright {
	font-family: "Comic Sans MS","Vrdana","Arial";
	font-size: 9pt;
}
h1 {
	padding: 0;
	margin: 0;
}
h2 {
 	background-color: midnightblue;
	color: white;
	font-family: Arial;
	padding: 6px 0px 6px 4px; /* T R B L */
	margin: 0; /* T R B L */
}
h3 {
	padding: 4px 8px 4px 6px;
	margin: 8px 0px 0px 0px;
	background-color: lightsteelblue;
	clear: both;
}
h4 {
	background-color: lightsteelblue;
	margin: 0px 0px 8px 0px;
	padding-left: 8px;
	font-weight: normal;
}
.current {
	font-weight: bold;
}
dl {
	margin: 10px 0px 0px 0px; /* T R B L */
}
dt {
	background-color: lightsteelblue;
	font-family: "Comic Sans MS","Vrdana","Arial";
	font-weight: bold;
	line-height: 125%;
}
a:visited {
	color: midnightblue;
}
a:link {
	color: blue;
}
a:hover {
	color: red;
}
div.text p {
	font-size: normal;
	margin: 0px;
}
p.modest {
	font-size: small;
}
div.goto {
	margin: 0px 0px 0px 0px;
	text-align: right;
	clear: both;
}
dt.abc {
	background-color: midnightblue;
	color: white;
}
div.frame {
	border: solid 1px black;
	padding: 8px;
}
span.bold {
	font-weight: bold;
}
ul.rumour {
	margin: 10px 0px 0px 24px;
}
.rumour {
	line-height: 150%;
	padding: 0px 0px;
	margin: 0px 8px 10px 0px; /* T R B L */
}
.menu_date {
	font-size: 8pt;
	font-family: Arial;
}
.clear {
	clear: both;
}
.crlf {
	clear: both;
	height: 10px;
}
.small {
	font-size: small;
}
.xsmall { 
	font-size: x-small; 
}
.xxsmall { 
	font-size: xx-small; 
}
img.photo {
	margin: 10px 10px 10px 10px;
}
tr {
	vertical-align: top;
}
div.index, div.index2 {
	float: left;
	padding-right: 8px;
}
div.index dt, div.index2 dt {
	margin-top: 4px;
	line-height: 120%;
}
div.index dd, div.index2 dd {
	margin-left: 4px;
	line-height: 125%;
}
div.jacket {
	margin: 20px;
	border: 0;
}
div.jacket img {
	/* border: solid 0px #000000; */
}
div.border {
	border: solid 1px #aaaaaa;
 }
img.flag {
	border: solid 1px #000000;
}
div.cover {
	height: 75px;
}
div.cover span.feature {
	padding: 2px;
}
div.cover img, figure {
	display: block;
	float: left;
	position: relative;
	height: 100%;
	margin: 2px;
}
div.cover figcaption {
	position: absolute;
	color: #ffffff;
	background: rgba(0,0,0,.4);
	font-size: x-small;
	font-weight: bold;
	text-align: center;
	width: 95%;
	margin: 2px;
	padding: 0px;
}
div.cover div {
	float: left;
	width: 75px;
	height: 75px;
	background: #000;
	color: #fff;
	margin: 2px;
	padding: 0px;
}
div.cover span {
	display: block;
	padding: 5px;
	font-size: x-small;
	font-weight: bold;
}
span.new {
	color: red;
	background-color: white;
	font-weight: bold;
	font-family: "Arial";
	border: black 1px solid;
	padding: 0px 4px 0px 4px;
}
span.blur {
	color: #aaaaaa;
}
table.setlist {
	border: 1px solid black;
	background-color: #ffffff;
	margin: 10px 20px 10px 0px;
}
table.setlist td {
	padding: 10px 10px 0px 10px;
}
table.wcup {
	border: solid 1px black;
	margin-top: 20px;
	margin-bottom: 10px;
}
div.scroll {
	overflow: auto;
}
dl.menu a {
	white-space: nowrap;
}
dl.nowrap dd {
	white-space: nowrap;
}
img.intext {
	padding: 20px;
	width: 250px;
}
table.history td.d {
	white-space: nowrap;
	width: 75px;
}
table.history span.c0 { background-color: gold; color: black; }
table.history span.c1 { background-color: midnightblue; color: white; }
table.history span.c2 { background-color: orange; color: white; }
table.history span.c3 { background-color: firebrick; color: white; }
table.history span.c4 { background-color: green; color: white; }
table.info td.d {
	white-space: nowrap;
}
.del {
	text-decoration: line-through;
}
.norecord {
	color: #aaaaaa;
}
div.navi {
	clear: both;
}
/* デスクトップ用 */
@media only screen and (min-width : 768px) {
	h1 {
		width: 1024px;
		padding: 0px;
		margin: 0 auto;
	}
	#container {
		width: 1024px;
		padding: 8px;
		margin: 0 auto;
	}
	footer {
		width: 1024px;
		margin: 0 auto;
		text-aling: center;
	}
	#navi, #main, #aside {
		float: left;
	}
	#navi {
		width: 140px;
		font-size: 10pt;
		line-height: 120%;
		padding-top: 0px;
		padding-left: 10px;
		padding-right: 10px;
		/* border: solid 1px black; */
	}
	#main {
		float: left;
		font-size: 10pt;
		padding-top: 0px;
	}
	#aside {
		font-size: 9pt;
		line-height: 120%;
		max-width: 320px;
	}
	#home {
		text-decoration: none;
		font-size: 11pt;
	}
	#search_text {
		width: 300px;
	}
	h3 {
		font-size: 12pt;
	}
	div.text {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	div.text p {
		line-height: 180%;
	}
	li, dl {
		font-size: 10pt;
		line-height: 150%;
	}
	td {
		line-height: 125%;
		/* margin: 0px 0px 0px 0px;*/
	}
	dt {
		padding: 2px 2px;
	}
	img.pic4x3 {
		width: 520px;
		height: 390px;
	}
	.fix {
		width: 520px;
	}
	.wide {
		max-width: 800px;
	}
	.left {
		float: left !important;
	}
	.right {
		float: right !important;
	}
	li.rumour {
		font-size: 9pt;
	}
	div.menu {
		margin-bottom: 15px;
	}
	div.menu a {
		display: block;
	}
	div.menu a.mail {
		font-size: 7pt;
	}
	span.menu {
		display: block;
		font-weight: bold;
	}
	div.aside a {
		display: block;
	}
	table.menu {
		font-size: 10pt;
		line-height: 150%;
	}
	table.menu a {
		white-space: nowrap;
	}
	table.history {
		100%;
	}
	table.history td {
		font-size: 9pt;
		line-height: 120%;
	}
	table.history td.c { 
		padding-bottom: 2px;
	}
	table.history span { 
		padding-left: 2px;
		padding-right: 2px;
	}
	table.info {
		100%;
	}
	table.info td {
		font-size: 9pt;
		line-height: 120%;
	}
	table.info td.d {
		width: 40px;
	}
	table.setlist {
		float: left;
		table-layout: fixed;
		width: 240px;
	}
	table.setlist td {
		word-wrap: break-all;
	}
	table.setlist li {
		font-size: 9pt;
	}
	.setlist_title {
		font-size: 10pt;
	}
	div.index dl, div.index li {
		width: 210px;
	}
	div.index3 dl {
		width: 33%;
	}
	div.index a, div.index2 a {
		text-decoration: none;
		font-size: 9pt;
	}
	div.index span.blur, div.index2 span.blur,
	div.index span.norecord, div.index2 span.norecord {
		font-size: 9pt;
	}
	div.jacket {
		float: right;
	}
	table.wcup {
		padding: 2px;
		font-size: 9pt;
		width: 600px;
	}
	.narrow {
		width: 110px;
	}
	div.youtube iframe {
		width: 500px;
		height: 280px;
	}
	.mobile {
		display: none !important;
	}
}
/* スマートフォン用 */
@media only screen and (max-width : 767px) {
	h1 {
		font-size: x-large;
		padding-left: 10px;
	}
	dd {
		margin: 5px;
	}
	#home {
		font-size: x-large;
	}
	#aside {
		font-size: small;
		padding-left: 10px;
		padding-right: 10px;
	}
	div.text {
		padding-left: 10px;
		padding-right: 10px;
		line-height: 160%;
	}
	div.menu {
		word-break: keep-all;
	}
	a.goback {
		display: none;
	}
	img.pic4x3 {
		width: 100%;
	}
	#logo4696 {
		display: block !important;
	}
	div.pic img {
		width: 100%;
		object-fit: contain;
	}
	div.intro img {
		width: 100%;
	}
	div.youtube iframe {
		width: 300px;
		height: 200px;
	}
	table.history span { 
		padding: 2px;
	}
}
@media only screen and (max-device-width : 320px) {
	.not4iphone {
		display: none;
	}
} 
/* 日本語 */