@charset "UTF-8";

/*  全体  */
html { width: 100%; height: 100%;}
body { width: 960px; height: 100%; margin: 0 auto; }

/*  ヘッダー  */
h1{
	width: 960px;  height: 300px;
	margin: 0; padding: 0;
	}
h1#top {
	color: #fff;
	background-color: #999;
	background-image: url('img/index.jpg');
	background-size: cover;
	background-position: center bottom;
	font-family: kobenhavn, serif;
	font-style: italic;
	font-weight: 400;
	font-size: 72px;
	text-align: center;
	line-height: 275px;
	}
h1#nanotuneup{
	color: #fff;
	background-color: #999;
	background-image: url('img/synth.jpg');
	background-size: cover;
	background-position: center top;
	font-family: kobenhavn, serif;
	font-style: italic;
	font-weight: 400;
	font-size: 72px;
	text-align: center;
	line-height: 250px;
}
.shadow { text-shadow: 0px 0px 10px #000;}
/*h1#nanotuneup{
	width: 960px;  height: 300px;
	object-fit: cover;
	object-position: 0 100%;
}*/

/*  ナビゲーション  */
nav {
	width:100%;
	margin: 0; padding: 0;
	text-align: center;
	display: block;
}
nav ul {
	font-weight: 400;
	font-size: 16px;
	list-style-type: none;
	}
nav ul li {
	display: inline-block;
	margin: 0 2.5em 0 0;
	vertical-align: middle;
	}
nav a { text-decoration: none; color: #333; }
.xlogo { width: 20px; }

/*  本文  */
main {
	width: 960px; height: auto;
	margin: 50px auto;
	padding-bottom: 50px;
	background-color: #fff;
	color: #333;
	font-family: source-han-sans-japanese, ヒラギノ角ゴシック,'Hiragino Kaku Gothic', Meiryo, sans-serif;
	font-style: normal;
	font-weight: 200;
	line-height: 1.5;
	text-align: center;
	}

h2 {
	width: 100%; height: 2.5rem;
	margin: 50px 0 auto;
	background-color: #aaa;
	display: table;
	}

.none {
	list-style-type: none;
	}

.h2 {
	color: #fff;
	display: table-cell;
	text-align: center;
	vertical-align: middle;	
	font-size: 1.2rem;
	font-weight: 400;
}
.event{
	width: 480px; height: 150px;
	margin: auto;
	color: #fff;
	background-color: #999;
	background-image: url('img/synth.jpg');
	background-size: cover;
	background-position: center top;
	font-family: kobenhavn, serif;
	font-style: italic;
	font-weight: 400;
	font-size: 48px;
	line-height: 130px;
}
img.event { width: 640px; height: auto; }
.sns{margin-top: 50px;}

.content {
	margin: 0;
	padding: 35px 0; 
	text-align: center;
}
.content ul { margin: 0; padding: 0; list-style-type: none; }
.content img { width: 480px; height: auto; }

.disc {margin-bottom: 2.0rem;}
.disc img {width: 400px; height: 400px;}
.disc dl {text-align: left; margin-left: 1em;}
.disc dt {margin-left: 1em; margin-bottom: 1.0rem;}
.disc dd {margin-left: 1.6em;}
.disc ol {margin-left: -1.6em; margin-top: 1.0rem;}


/*.profile {
	width: 480px;
	margin: auto; 
}*/

/*  フッター  */
footer {
	border-top: 1px solid #555;
	font-size: 9px; font-size: 0.9rem;
	text-align: center;
	}

/*  flexbox  */
.flex {
	display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	width: 100%;
}
.flexrow {
	display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
	width: 100%;
}

/*  汎用  */
a { text-decoration: none; color: #c00; }
a:hover { color: #c00; }

.border { border-bottom: 1px solid #aaa; }
.border_bottom { border-bottom: 1px solid #aaa; margin-bottom: 50px; }
.bold { font-weight: bold; }
.small { font-size: 9px; font-size: 0.9rem; }
.middle { font-size: 16px; font-size: 1.6rem; }
.large { font-size: 14px; font-size: 1.4rem; }
.italic { font-style: italic; }
.red { color: #c00; }