@charset "utf-8";

/* 一括設定 */
*{
  margin: 0;
  padding: 0;
}
a{
  color: #fff;
  text-decoration: none;
}

/* ヘッダー */
#logo{
  margin: 30px 0 0 0;
  text-align: center;
}

#artistphoto_snslink-side{
  margin: 30px auto 0 auto;
}

.header-table-left{
  width: 80px;
  height: 436px;
}
.header-table-artistphoto{
  width: 1040px;
  height: 436px;
}
.header-table-right{
  width: 80px;
  height: 436px;
  writing-mode: vertical-rl;
  margin: 30px;
  text-align: center;
  font-weight: 500;
}

#artistphoto{
  width: 1040px;
  height: 436px;
  text-align: center;
  object-fit: cover;
}
#artistphoto img{
  border-radius: 10px;
}

#snslink-side{
  width: 80px;
  height: 175px;
  padding: 0 5px 0 5px;
  text-align: center;
  font-size: 1.5rem;
  text-align: center;
}
#snslink-side a{
  color: #000;
}


/* メイン */
  /* 一括設定 */
  .items{
    margin: 50px auto 0 auto;
    width: 1040px;
    height: 500px;
  }
  .item-title{
    width: 300px;
    height: 300px;
    text-align: center;
    font-size: 3rem;
    font-family: "Archivo", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-variation-settings:
      "wdth" 100;
  }
  .viewall{
    width: 300px;
    height: 200px;
    color: #fff;
    text-align: center;
    font-size: 1.5rem;
  }
  .viewall a{
    font-weight: 400;
  }
  .item-content{
    width: 740px;
    height: 500px;
  }

  /* 星街すいせいSNS */
  #Suisei-Name{
    width: 400px;
    height: 300px;
    text-align: center;
    font-size: 2rem;
    font-family: "Archivo", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-variation-settings:
      "wdth" 100;
  }
  #twitter-timeline{
    width: 600px;
    height: 500px;
  }
  #snslink-aline{
    margin: 0 auto 0 auto;
    padding: 0 5px 0 5px;
    text-align: center;
    font-size: 3rem;
  }
  #snslink-aline a{
    margin: 20px;
  }

/* News一覧 */
  /* 一括設定 */
  .article-common{
    width: 740px;
    margin: 50px auto 0 auto;
    border:2px solid #fff;
    border-radius: 20px;
  }
  .article-contents{
    padding: 20px 20px 10px 20px;
  }
  .article-date{
    padding: 10px 20px 20px 20px;
    text-align: left;
  }
  .article-category{
    padding: 10px 20px 20px 20px;
    text-align: right;
  }

/* MV一覧 */
  /* 一括設定 */
  .video-frame-big{
    width: 740px;
    margin: 0px auto 50px auto;
/*    border:2px solid #000;*/

  }
  .video-frame-small{

/*    width: 520px;*/
/*    border:2px solid #000;*/
  }
  .video-frame-small a{
/*    width: 480px;*/
    font-size: 1.2rem;
  }

  .video-common{
    margin: 5px;
/*    width: 480px;*/
  }
  .right{
    margin: 0 0 0 20px;
  }
  .video-common td{
    font-weight: 400;
  }
  .video-common img{
    border-radius: 20px;
  }
  .video-title{
/*    width: 480px;*/
    padding: 10px 10px 5px 20px;
  }
  .video-date{
/*    width: 240px;*/
    padding: 5px 10px 10px 20px;
  }
  .video-category{
/*    width: 240px;*/
    padding: 5px 20px 10px 10px;
    text-align: right;
  }




/* アー写・ロゴ */
/*header{
  background-size: cover;
  background-position: 0 90%;
}
header div#logo{
  margin: 30px 0 0 0;
  text-align: center;
}
#artistphoto{
  width: 700px;
  height: 200px;
  margin: 30px 5% 0 5%;
  text-align: center;
  object-fit: cover;
}
header div#artistphoto img{
  width:90vw;
  height: 32vw;
  border-radius: 10px;
}*/



/* SNSリンク */




/* main 項目 */
/* 一括 */
/*main table.items{
  margin: 50px auto 0 auto;
  width: 1000px;
  height: 500px;
}*/

/* SNS */
/*main table#SNS td#Name{
  width: 400px;
  height: 350px;
  text-align: center;
}
main table#SNS table#snslink-aline{
  margin: 0 auto;
}
main table#SNS table#snslink-aline td{
  padding: 0 5px 0 5px;
  text-align: center;
  font-size: 1.3rem;
  text-align: center;
}
main table#SNS table#snslink-aline td a{
  color: #000;
}
main table#SNS td
*/
/* SNS以外で一括設定するもの */
/*main table.items-part td.item-title{
  width: 300px;
  height: 300px;
  text-align: center;
}
main table.items-part td.viewall{
  width: 300px;
  height: 200px;
  text-align: center;
}
main table.items-part id.item-content{
  width: 700px;
  height: 500px;
}
*/