/*----------------------------------------*\
 * TOP PAGE
\*----------------------------------------*/

.toppage-head {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.toppage-head .in {
    /* top画像をいれるコンテナ */
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    box-sizing: border-box;
}



/* トップのサイン */
.sign
{

    position: absolute;
    z-index: 2;
    top: 35%;
    height: 100px;
    width:380px;
    left: calc(50% - 380px/2);
	background: url(../../img/logo2.png) center no-repeat;
    background-size: contain;
}


@media (min-width: 400px) {
.sign
{
    top: 30%;
	height: 200px;
    width:400px;
    left: calc(50% - 400px/2);
}

}

@media (min-width: 550px) {
.sign
{
    top: 30%;
	height: 200px;
    width:550px;
    left: calc(50% - 550px/2);
}


}
@media (min-width: 700px) {

.sign
{
    top: 30%;
	height: 200px;
    width:700px;
    left: calc(50% - 700px/2);
}
}



/*********************************************************************\
 * トップページ(名刺)
\*********************************************************************/
.toppage-head .in .sign-info
{
    position: absolute;
	top: 55%;
    width: 300px;
	left: calc(50% - 150px);
    z-index: 2;

}
@media (min-width: 400px) {
    .toppage-head .in .sign-info {
        left: calc(50% - 150px);
		width: 300px;

    }
}

@media (min-width: 550px) {
    .toppage-head .in .sign-info {

        left: calc(50% - 150px);
        width: 300px;
    }
}

/*リスト要素スタイル*/
.sign-info li{
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:100%;
	text-align: left;
	/*リスト要素の・を非表示*/
	list-style-type: none;
	margin: 0 0;
	color: #555;
}

/*アーティストネームのスタイル*/
.sign-info .art-name{
	font-size: 180%;
	letter-spacing: 0.1em;
	line-height: 1.5em;
	border-bottom: dashed 1px #000;
	margin-bottom: 25px;
	font-weight: 500;
	color: #222;
}

.sign-info li a{
	text-decoration: none;
	text-decoration-line: none;
}

/*リンク要素の色*/
div.sign-info li a,
div.sign-info li a:link,
div.sign-info li a:visited,
div.sign-info li a:active,
div.sign-info li a:hover { color: #555; }