@charset "utf-8";

/**
 * 要素のヘッダー
 */
.content-header {
  text-align: center;
  font-family: "Arial", "MS UI Gothic", "MS PGothic";
  font-size: 24px;
	font-weight: bold;
}

/**
 * 作品リンク全体のボックス
 */
.content-container {
  text-align: center;
  max-width: 400px;
  width: 80%;
  margin: 0 auto;
  padding: 20px 0 20px;
}

/**
 * サムネイル
 */
.content-thumb {
  margin: 0 auto;
  max-width: 100%;
  padding: 4px 0;
}
.content-thumb.left {
  margin: 0 0 auto 0;
  max-width: 90%;
}
.content-thumb.right {
  margin: 0 0 0 auto;
  max-width: 90%;
}
.content-thumb.leftLong {
  margin: 0 0 auto 0;
  max-width: 90%;
}
.content-thumb.rightLong {
  margin: 0 0 0 auto;
  max-width: 90%;
}
.content-thumb img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

/**
 * タイトルのテキスト
 */
.content-title {
  text-align: center;
}
.content-title p {
  font-size: 18px;
}

/**
 * ボタンリスト
 */
.content-menu {
	display:flex;
  flex-wrap: wrap;
  justify-content: center;
}

/**
 * テキスト
 */
.content-text {
  text-align: center;
}
.content-text p {
  font-size: 16px;
}

/**
 * プロフィールアイコン
 */
.profile-icon {
  margin: 0 auto;
  max-width: 100%;
  padding: 4px 0;
}
.profile-icon img {
  max-width: 100px;
  height: auto;
  vertical-align: top;
}