/* 全体の属性定義 */
* {
  box-sizing: border-box;
  color: #7f7f7f; /* 文字色の定義 */
}

A{text-decoration:none;}
a:link    {color: #4f007f} /* リンク色 */
a:visited {color: #7f004f} /* 訪れたことのあるリンク色 */
a:active  {color: #cf00af} /* クリックしている時のリンク色 */
a:hover   {color: #af009f} /* マウスが上にある時のリンク色 */
body, .multi-space, .multi-left, .multi-right {
background: #ffffff; /* 背景色の定義 */
}

/* タグ毎の属性定義 */
body {
  margin:5px;
  padding:0;
}

h1,h2,h3,h4 {
  width: 100%;
  font-style: italic;
  font-weight: bold;
  padding: 0.3em;
}

h1,h3,h4,h5 {
  color: #7f7f7f;

}

h1 {
  border-style: none;
  border-left-width: 0.1em;
  font-size: 100%;
  text-align: center;
}
h2 {
  border-style: none;
  border-left-width: 0.1em;
  font-size: 100%;
}

h3 {
  font-size: 150%;
}

.header{
  width:100vw;
  text-align: center;
}
.container{
  width:100%;
  display: flex;
}
.container_c{
  width:100%;
  display: flex;
  flex-wrap: wrap;
/*
  column-width: 320px;
  column-gap: 0;
*/
}
.container_c>.item{
/*
  break-inside: avoid;
  min-width: 320px;
  padding:5px;
*/
  flex: 1 1 320px;
  display: block;
}

.footer{
  width:100vw;
  text-align: center;
}



.menus, .info { /* メニュー用 */
  border: solid 1px;
  width:250px;
  flex:1;
}



/* コンテンツ用 */

.item{
  margin:5px;
	border:1px #777 solid;
}
.comm{
	background:#fee;
	border:1px #700 solid;
}
.comm .prod{
	background:#fcc;
	font-weight:bold;
}

.indie{
	background:#eef;
	border:1px #007 solid;
}
.indie .prod{
	background:#ccf;
	font-weight:bold;
}

.music_title{
	background:#ccc;
	font-weight:bold;
}