@charset "utf-8";

/* ****************************************************************************************************
   * ロボット展　終了後のコンテンツ
**************************************************************************************************** */

#finished {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:540px) {

#finished {
  width: 100%;
}

}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * メッセージ
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#finished .message {
  padding: 1em;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  background: #ffffcc;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 開催結果
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* ----------------------------------------------------------------------------------------------------
   * 開催結果 テーブル
/* ------------------------------------------------------------------------------------------------- */
.result #subtitle_2015robot{ font-size: 150%}

#finished div.result table.result {
  border-collapse: collapse;
}

#finished div.result table.result th {
  border: 1px solid #ddd;
}

#finished div.result table.result th[scope=col] {
  color: #fff;
  background: #002d70;
}

#finished div.result table.result td {
  border: 1px solid #ddd;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:800px) {

#finished div.result table.result th[scope=col] {
  display: none;
}

#finished div.result table.result td {
  border: none;
}

}

/* ****************************************************************************************************
   * 会場風景
**************************************************************************************************** */

#photo {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:540px) {

#photo {
  width: 100%;
}

}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 会場風景写真はこちら
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#photo .link {
  padding: 0.5em 1em;
  color: #ffffff;
  line-height: 1.3;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  background: #c9151e;
}

#photo .link a {
  color: inherit;
  text-decoration: none;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * タイトル
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#photo .section-title {
  margin-bottom: 20px;
  font-weight: bold;
  text-align: center;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 写真
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#photo div.list {
  letter-spacing: -5.5px;
  text-align: center;
}

#photo div.list > * {
  letter-spacing: normal;
}

#photo div.list div.item {
  width: 47.68%;
  max-width: 310px;
  margin: 1.16%;
  vertical-align: top;
  display: inline-block;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:540px) {

#photo div.list div.item {
  width: auto;
  max-width: 100%;
  margin: 0 0 5px;
}

}

/* ****************************************************************************************************
   * 新着情報
**************************************************************************************************** */

#news {
  margin-top: 40px !important;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:540px) {

#news {
  margin-top: 20px !important;
}

}
