@charset "UTF-8" ;


/* トピックス　*/
.topics{
	height: auto;
	width: 70%;
	margin: 10px auto;
	font-size: small;
	line-height: 180%;
}
.topics ul li:before{
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    margin: 0px 4px;
    border: transparent solid 5px;
    border-left-color: #000;
    vertical-align: middle;
}
.topics a:link{
	color: #000;
	text-decoration: none;
}
.topics a:visited{
	color: #000;
	text-decoration: none;
}
.topics a:hover{
	color: #666;
	text-decoration: underline;
}
.topics a:active{
	color: #000;
	text-decoration: none;
}
@media screen and (max-width:479px)
{
.topics{
	width: auto;
	margin: 0 auto;
	padding: 0 3%;
}
}


/*　INDEX プロフ　*/
.bord{
	width: 25%;
	height: 200px;
	float: left;
	background: url(../artist/img/chiri.jpg) no-repeat center top;
	background-size: contain;
	display: table;
	font-weight: bold;
}
.bord a:link{
	color: #666;
	font-size: large;
	text-decoration: none;
	display: table-cell;
	vertical-align: middle; 
}
.bord a:visited{
	color: #666;
}
@media screen and (max-width:479px)
{
.bord{
	width: 100%;
	padding: 0 0 0 50px;
	margin: auto;
}
}

/*　INDEX アイコン　*/
.icon_all{
	width: 70%;
	height: auto;
	float: left;
	margin: 0 0 10px 20px;
}
.icon li{
	width: 120px;
	height: 120px;
	float: left; 
	margin: 0 30px 20px 0;
}
.icon_all img{
	width: 100%;
	height: auto;
}
@media screen and (max-width:479px)
{
.icon_all{
	width: 100%;
	margin: 20px auto;
}
.icon li{
	width: 50%;
	height: auto;
	margin: 0;
}
}

.media{
	float: left;
	width: 45%;
	height: 350px;
	background: url(../media/jpg1/5.jpg) no-repeat center;
	background-size: cover;
	text-align: center;
	line-height: 2500%;
}
.media a:link {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-size: xx-large;
	display: block;
}
.media a:visited {
	color: #000;
	text-decoration: none;
}
.media a:hover {
	color: #fff;
	font-weight: normal;
}
@media screen and (max-width:479px)
{
.media{
	width: 100%;
	height: 100%;
	background-size: contain;
	border: none;
	line-height: 300px;
	margin: 0 0 20px 0;
}
}




.display{
	float: left;
	width: 45%;
	height: 600px;
	background: url(../display/img/suits.jpg) no-repeat center;
	background-size: cover;
	text-align: center;
	line-height: 4800%;
	margin: 0 0 0 50px;
	border: #CCC thin solid;
}
.display a:link {
	color: #666;
	text-decoration: none;
	font-weight: bold;
	font-size: xx-large;
	display: block;
}
.display a:visited {
	color: #666;
	text-decoration: none;
}
.display a:hover {
	color: #000;
	font-weight: normal;
}
@media screen and (max-width:479px)
{
.display{
	clear: both;
	width: 100%;
	height: auto;
	background-size: contain;
	line-height: 300px;
	margin: auto;
	border: none;
}
}