@charset "UTF-8";
/* --------------------------------------------------
	
	Format Ver  : 4.2
	Last UpDate : 2024/03/13
	
	1 - 全ページ共有デザイン		（body,header,contents,footer）
	2 - 全ページ共有テキスト装飾
	3 - ボックス・ツールセット
	4 - テーブルセット
	5 - トップページ
	6 - イベント概要
	5 - 出展社・館内マップ
	6 - ご来場（事前予約）
	7 - 同時開催イベント
	8 - その他
	9 - English

/* --------------------------------------------------

	宣言

-------------------------------------------------- */
/* --------------------------------------------------

	全ページ共有

-------------------------------------------------- */
html,
body {
  color: #000;
  font-family: "メイリオ", Meiryo, Verdana, sans-serif;
  font-size: medium;
  line-height: 1.6;
  background: #fff;
  word-wrap: break-word;
  -webkit-text-size-adjust: 100%; }

a {
  color: #cc0000;
  font-weight: bold; }
  a:hover {
    text-decoration: none; }
    a:hover img {
      opacity: 0.6; }

.pc {
  display: block; }

.sp {
  display: none; }

.fa {
  margin-right: 0.5em; }

/* スマホ用 */
@media screen and (max-width: 480px) {
  img {
    max-width: 100%;
    height: auto; }

  .pc {
    display: none; }

  .sp {
    display: block; } }
#wrap,
#header,
#contents,
#footer,
#slider,
#title {
  width: 100%;
  min-width: 1060px;
  overflow: hidden; }
  @media screen and (max-width: 480px) {
    #wrap,
    #header,
    #contents,
    #footer,
    #slider,
    #title {
      min-width: 100%; } }

.inner {
  width: 1000px;
  margin: 0 auto; }
  @media screen and (max-width: 480px) {
    .inner {
      width: 95%;
      margin: 0 auto; } }

/* ヘッダー */
#header #sns {
  float: right;
  margin: 1em 0 0; }
#header .twitter {
  float: left;
  width: 100px; }
#header .facebook {
  float: right; }
@media screen and (max-width: 480px) {
  #header .twitter,
  #header .facebook {
    float: none; } }

/* グローバルナビ（flexnv.cssも必須） */
#gnav {
  background-color: #033473;
  min-height: 50px;
  position: relative;
  z-index: 99999; }
  #gnav > ul {
    width: 1000px;
    margin: 0 auto; }
  #gnav a {
    font-weight: normal; }
  @media screen and (max-width: 480px) {
    #gnav > ul {
      width: 100%; }
    #gnav .flexnav {
      text-align: left; } }

/* --------------------------------------------------

	全ページ共有デザイン

-------------------------------------------------- */
/* ページタイトル */
#title {
  background: #EEE url(../images/bg_gray.gif);
  margin-bottom: 2em;
  padding: 0 .2em;
  box-sizing: border-box; }

/* コンテンツ */
.section {
  margin-bottom: 2em;
  overflow: hidden; }
  .section p {
    margin-bottom: 1.5em; }
    .section p:last-child {
      margin-bottom: 0; }

/* フッター */
#footer {
  height: 100px;
  background-color: #033473; }
  #footer .pagetop a {
    float: right;
    width: 200px;
    height: 100px;
    padding: 1.5em 0;
    box-sizing: border-box;
    background: #002134;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    line-height: 1.5; }
    #footer .pagetop a:hover {
      background: #aa0622; }
  #footer .copyright {
    float: left;
    color: #FFF;
    font-size: 12px;
    line-height: 1.4em;
    margin-top: 25px; }

@media screen and (max-width: 480px) {
  #footer {
    height: auto; }
    #footer .inner {
      width: 100%; }
    #footer .pagetop a {
      width: 100%;
      height: auto; }
      #footer .pagetop a:hover {
        background: #002134; }
    #footer .copyright {
      background: #033473;
      color: #FFF;
      font-size: 0.8em;
      line-height: 1.4em;
      margin: 0;
      padding: 2em 1em; } }
/* --------------------------------------------------

	全ページ共有テキスト装飾

-------------------------------------------------- */
h1 {
  clear: both;
  text-align: center; }

h2,
h3 {
  color: #ab0b25;
  font-weight: bold;
  font-size: 2em;
  line-height: 1.2em;
  text-align: center;
  padding: 0.5em 0; }

.top h2 {
  color: #000;
  font-size: 3em;
  font-weight: bold;
  font-family: "Sawarabi Mincho";
  letter-spacing: 0.1em; }

.red {
  color: #cc0000; }

@media screen and (max-width: 480px) {
  h2,
  h3 {
    font-size: 1.5em; }

  .top h2 {
    color: #000;
    font-size: 2em; } }
/* --------------------------------------------------

	ボックス・ツールセット

-------------------------------------------------- */
.flt-L {
  float: left; }

.flt-R {
  float: right; }

.flt-Clear {
  clear: both; }

.text-L {
  text-align: left; }

.text-C {
  text-align: center; }

.text-R {
  text-align: right; }

.mt-72 {
  margin-top: 72px !important; }

.mb-00 {
  margin-bottom: 0px !important; }

/* --------------------------------------------------

	テーブルセット

-------------------------------------------------- */
table {
  background: #FFF;
  width: 100%;
  margin: 0 auto 2em; }
  table p {
    margin-bottom: 1em !important; }
  table ul {
    margin-left: 1.5em; }
  table li {
    margin-bottom: .5em; }

th,
td {
  padding: 0.5em 1em;
  border: 1px solid #333; }

th {
  background: #E1E1E1 url(../images/bg_gray.gif);
  font-weight: bold;
  text-align: center;
  vertical-align: middle; }
  th .over, th:hover {
    background: #F5F5F5; }

td p:last-child,
td li:last-child {
  margin-bottom: 0 !important; }

.aside {
  font-size: 0.8em;
  line-height: 1.4em;
  margin: -1.5em 0 2em 0; }

@media screen and (max-width: 480px) {
  th,
  td {
    padding: .5em; }

  table.block th,
  table.block td {
    border-bottom: none;
    display: block; }

  table.block tr:last-child {
    border-bottom: 1px solid #000; } }
/* --------------------------------------------------

	トップページ

-------------------------------------------------- */
/* スライド */
#slide {
  overflow: hidden;
  width: 100%;
  clear: both; }
  #slide .slide_pc {
    display: block;
    margin-bottom: 4em; }
  #slide .slide_sp {
    display: none; }
  #slide .slide_pc img {
    width: 100%;
    height: auto; }
  @media screen and (max-width: 480px) {
    #slide .slide_pc {
      display: none; }
    #slide .slide_sp {
      display: block; } }

/* コンテンツ */
#welcome,
#live,
#advance,
#newsTop,
#topics,
#bnr {
  width: 100%;
  clear: both; }

.top .btn a {
  background: #aa0622;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.2em;
  margin: 1em auto;
  padding: 1em;
  display: block;
  clear: both; }
  .top .btn a:hover {
    opacity: 0.6; }

#welcome {
  background: #FFF url(../../images/bg_welcome.jpg) no-repeat right 90px; }
  #welcome .text {
    width: 630px; }

#live {
  margin: 5em auto; }
  @media screen and (max-width: 480px) {
    #live {
      margin: 3em auto; } }
  #live h3 {
    color: #000;
    font-size: 2em;
    text-align: center;
    width: 18em;
    margin: 0 auto 1em;
    display: inline-block;
    position: relative;
    display: flex;
    justify-content: center; }
    @media screen and (max-width: 480px) {
      #live h3 {
        font-size: 1.3em;
        width: 90%; } }
    #live h3::before, #live h3::after {
      position: absolute;
      top: 0;
      height: 2em;
      content: ''; }
    #live h3::before {
      border-left: solid 2px;
      left: 0;
      transform: rotate(-20deg); }
    #live h3::after {
      border-right: solid 2px;
      right: 0;
      transform: rotate(20deg); }
  #live .player {
    width: 100%;
    aspect-ratio: 16 / 9; }
    @media screen and (min-width: 480px) {
      #live .player {
        width: 640px;
        margin: 0 auto; } }
    #live .player iframe {
      width: 100%;
      height: 100%; }

#advance {
  margin: 5em auto; }
  @media screen and (max-width: 480px) {
    #advance {
      margin: 3em auto; } }
  #advance h3 {
    background: #aa0622;
    color: #fff; }
  #advance ul,
  #advance li {
    list-style: none; }
  #advance ul {
    margin: 2em 0; }
    @media screen and (min-width: 480px) {
      #advance ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly; } }
    @media screen and (max-width: 480px) {
      #advance ul li:last-child {
        margin-top: 1em; } }

#newsTop {
  margin: 5em auto; }
  @media screen and (max-width: 480px) {
    #newsTop {
      margin: 3em auto; } }
  #newsTop h3 {
    line-height: 1; }
    #newsTop h3 span {
      font-size: 1rem;
      letter-spacing: 0.5em;
      display: block; }
  #newsTop ul {
    background: #FEFEFE url(../images/bg_gray.gif);
    margin-top: -3em;
    padding: 2.5em 2em 2em; }
    @media screen and (max-width: 480px) {
      #newsTop ul {
        margin-top: -1.5em;
        padding: 1.5em 1em 1em; } }
    #newsTop ul li {
      list-style: none; }
      @media screen and (max-width: 480px) {
        #newsTop ul li {
          border: 0;
          margin-bottom: 1em; } }
      #newsTop ul li a, #newsTop ul li.noLink {
        color: #000;
        font-weight: normal;
        text-decoration: none;
        display: block; }
      #newsTop ul li:first-child a {
        color: #aa0622;
        font-weight: bold; }
      #newsTop ul li a:hover {
        color: #aa0622;
        font-weight: bold; }
      #newsTop ul li span {
        color: #002134;
        font-weight: bold;
        margin-right: 1em; }
        @media screen and (max-width: 480px) {
          #newsTop ul li span {
            display: block; } }
  #newsTop p.more {
    text-align: center;
    margin-top: 1em;
    line-height: 1; }

#topics .section {
  background: #FEFEFE url(../images/bg_gray.gif);
  margin-bottom: 0;
  padding: 10px; }
#topics .inner {
  margin: 0 auto;
  text-align: left;
  overflow: hidden;
  background-color: #FFF;
  padding: 1.875em; }
  #topics .inner .btn,
  #topics .inner .btn a {
    margin-bottom: 0; }
  #topics .inner img {
    max-width: 100%;
    height: auto; }

/* 1column */
#topics.one-column .section {
  width: 940px; }

#topics.one-column .inner {
  width: 880px; }

#topics.one-column .left {
  width: 385px;
  float: left; }

#topics.one-column .right {
  width: 465px;
  float: right; }

#topics.one-column .left,
#topics.one-column .right {
  margin-bottom: 2em; }

/* 2column */
#topics.two-column {
  overflow: hidden; }

#topics.two-column .section {
  width: 445px; }

#topics.two-column .inner {
  width: 385px; }

#topics.two-column .column-L {
  float: left; }

#topics.two-column .column-R {
  float: right; }

#topics.two-column .column-L,
#topics.two-column .column-R {
  margin-top: 2em; }
  @media screen and (min-width: 480px) {
    #topics.two-column .column-L:nth-child(1), #topics.two-column .column-L:nth-child(2),
    #topics.two-column .column-R:nth-child(1),
    #topics.two-column .column-R:nth-child(2) {
      margin-top: 0; } }
  @media screen and (max-width: 480px) {
    #topics.two-column .column-L:nth-child(1),
    #topics.two-column .column-R:nth-child(1) {
      margin-top: 0; } }

#bnr {
  margin: 50px 0;
  text-align: center; }
  #bnr ul {
    list-style: none; }
    @media screen and (min-width: 480px) {
      #bnr ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; } }
    #bnr ul li {
      width: 30%; }
      @media screen and (min-width: 480px) {
        #bnr ul li {
          margin-top: 1em; }
          #bnr ul li:nth-child(1), #bnr ul li:nth-child(2), #bnr ul li:nth-child(3) {
            margin-top: 0; } }

@media screen and (max-width: 480px) {
  #welcome {
    background: #FFF url(../../images/bg_welcome_sp.jpg) no-repeat center center; }

  #welcome .text {
    width: 100%; }

  /* 1column */
  #topics.one-column .section {
    width: 100%;
    box-sizing: border-box; }

  #topics.one-column .inner {
    width: 100%;
    box-sizing: border-box;
    padding: 1em; }

  #topics.one-column .left {
    width: 100%;
    float: none; }

  #topics.one-column .right {
    width: 100%;
    float: none; }

  /* 2column */
  #topics.two-column .section {
    width: 100%;
    box-sizing: border-box; }

  #topics.two-column .inner {
    width: 100%;
    box-sizing: border-box;
    padding: 1em; }

  #topics.two-column .column-L {
    float: none; }

  #topics.two-column .column-R {
    float: none; }

  #bnr ul {
    font-size: 1em; }
    #bnr ul li {
      display: block;
      width: 100%;
      margin: 1em 0 0; }
      #bnr ul li:first-child {
        margin-top: 0; } }
/* --------------------------------------------------

	イベント概要

-------------------------------------------------- */
/* 開催概要 */
.gaiyo .media {
  text-align: center; }

/* info */
.info ul.newsList li {
  list-style: none; }
  @media screen and (max-width: 480px) {
    .info ul.newsList li {
      border: 0;
      margin-bottom: 1em; } }
  .info ul.newsList li:first-child {
    font-weight: bold !important; }
    @media screen and (max-width: 480px) {
      .info ul.newsList li:first-child {
        padding-top: 1em;
        border-top: 3px solid #00457e; } }
  .info ul.newsList li a, .info ul.newsList li.noLink {
    color: #000;
    font-weight: normal;
    text-decoration: none;
    padding: 0.5em 2em;
    display: block; }
    @media screen and (max-width: 480px) {
      .info ul.newsList li a, .info ul.newsList li.noLink {
        padding: 0; } }
  .info ul.newsList li:first-child a {
    color: #aa0622;
    font-weight: bold; }
  .info ul.newsList li a:hover {
    color: #aa0622;
    font-weight: bold; }
  .info ul.newsList li span {
    color: #002134;
    font-weight: bold;
    margin-right: 1em; }
    @media screen and (max-width: 480px) {
      .info ul.newsList li span {
        display: block; } }

.newsPage p.img {
  text-align: center; }

/* --------------------------------------------------

	出展社・館内マップ

-------------------------------------------------- */
.exhibitors ul,
.exhibitors li {
  list-style: none; }
.exhibitors ul {
  font-size: 80%;
  margin: 0 auto; }
  @media screen and (min-width: 480px) {
    .exhibitors ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; } }
  @media screen and (max-width: 480px) {
    .exhibitors ul {
      width: 90%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; } }
  .exhibitors ul li {
    margin-top: 3em; }
    @media screen and (min-width: 480px) {
      .exhibitors ul li {
        width: 220px;
        min-height: 230px; }
        .exhibitors ul li:nth-child(1), .exhibitors ul li:nth-child(2), .exhibitors ul li:nth-child(3), .exhibitors ul li:nth-child(4) {
          margin-top: 0; } }
    @media screen and (max-width: 480px) {
      .exhibitors ul li {
        width: 45%; }
        .exhibitors ul li:nth-child(1), .exhibitors ul li:nth-child(2) {
          margin-top: 0; }
        .exhibitors ul li img {
          width: 100%; } }
    .exhibitors ul li a {
      color: #000;
      font-weight: normal;
      text-decoration: none; }
    .exhibitors ul li p.exName {
      text-align: center;
      font-weight: bold;
      margin-bottom: 0.5em; }

/* --------------------------------------------------

	ご来場（事前予約）

-------------------------------------------------- */
/* 業者招待日 */
.trader ul.area {
  list-style: none; }
  @media screen and (min-width: 480px) {
    .trader ul.area {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-evenly; } }
  .trader ul.area li {
    margin-bottom: 1.5em; }
.trader .btn {
  text-align: center; }
  .trader .btn span {
    margin-top: .5em;
    display: block; }
  .trader .btn a {
    text-decoration: none; }

/* 小中高校生招待日 */
/* 一般公開日 */
.ordinary .btn {
  text-align: center; }
  .ordinary .btn span {
    margin-top: .5em;
    display: block; }
  .ordinary .btn a {
    text-decoration: none; }

/* お願い事項 */
.requests ul.attention,
.requests ul.attention li {
  list-style: disc; }
.requests ul.attention {
  margin-left: 1.5em; }

/* --------------------------------------------------

	同時開催イベント

-------------------------------------------------- */
/* モデラーズクラブ */
.modellersclub ul.sortNav {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 2em; }
  .modellersclub ul.sortNav li {
    width: 10%;
    box-sizing: border-box;
    border-left: 1px solid #00457e;
    border-right: 1px solid #002134; }
    .modellersclub ul.sortNav li:first-child {
      border-left: 0; }
    .modellersclub ul.sortNav li:last-child {
      border-right: 0; }
    .modellersclub ul.sortNav li a {
      background: #033473;
      color: #fff;
      text-align: center;
      text-decoration: none;
      padding: 1em 1.5em;
      display: block; }
      .modellersclub ul.sortNav li a:hover {
        background: #002134; }
      .modellersclub ul.sortNav li a.current {
        background: #aa0622; }
    @media screen and (max-width: 480px) {
      .modellersclub ul.sortNav li {
        width: 20%; }
        .modellersclub ul.sortNav li:nth-child(6) {
          clear: left; }
        .modellersclub ul.sortNav li a {
          padding: 0.5em; } }
.modellersclub ul.clubList {
  list-style: none; }
  @media screen and (min-width: 480px) {
    .modellersclub ul.clubList {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; } }
  @media screen and (max-width: 480px) {
    .modellersclub ul.clubList {
      width: 100%; } }
  .modellersclub ul.clubList li {
    float: left;
    background: #50738e url(../images/bg_blue.gif);
    width: 320px;
    min-height: 250px;
    margin-top: 20px;
    box-sizing: border-box;
    list-style: none; }
    @media screen and (min-width: 480px) {
      .modellersclub ul.clubList li:nth-child(1), .modellersclub ul.clubList li:nth-child(2), .modellersclub ul.clubList li:nth-child(3) {
        margin-top: 0; } }
    @media screen and (max-width: 480px) {
      .modellersclub ul.clubList li {
        float: none;
        width: 100%;
        min-height: auto;
        margin: 0 0 1em 0; } }
    .modellersclub ul.clubList li a {
      font-weight: normal;
      text-decoration: none; }
      .modellersclub ul.clubList li a:hover ul {
        opacity: 0.6 !important; }
    .modellersclub ul.clubList li li {
      color: #fff;
      padding: 1rem;
      margin: 0;
      min-height: auto; }
      .modellersclub ul.clubList li li.place, .modellersclub ul.clubList li li.row, .modellersclub ul.clubList li li.number {
        background: #033473;
        text-align: center;
        border-bottom: 1px solid #fff;
        width: 33.333%;
        margin: 0;
        padding: 0.5rem 0; }
        @media screen and (max-width: 480px) {
          .modellersclub ul.clubList li li.place, .modellersclub ul.clubList li li.row, .modellersclub ul.clubList li li.number {
            float: left; } }
      .modellersclub ul.clubList li li.name, .modellersclub ul.clubList li li.comment {
        float: none;
        clear: both;
        width: 100%; }
      .modellersclub ul.clubList li li.row {
        border: 1px solid #fff;
        border-top: 0; }
      .modellersclub ul.clubList li li.name {
        color: #aa0622;
        font-weight: bold; }
      .modellersclub ul.clubList li li.comment {
        font-size: 0.8em;
        padding-top: 0; }

/* 自衛隊広報コーナー */
/*  */
/* --------------------------------------------------

	アクセス

-------------------------------------------------- */
/* --------------------------------------------------

	その他

-------------------------------------------------- */
/* メディアの皆様 */
.media .btn {
  text-align: center; }

/* プライバシーポリシー */
.privacy h3 {
  text-align: left; }
.privacy ul {
  margin: 0 0 1.5em 1.5em; }

@media screen and (max-width: 480px) {
  .kumiai th,
  .kumiai td {
    border-bottom: none;
    display: block; }

  .kumiai tr:last-child {
    border-bottom: 1px solid #000; } }
/* --------------------------------------------------

	その他

-------------------------------------------------- */
.en .box {
  margin-top: 3em; }
  .en .box:first-child {
    margin-top: 0; }
  .en .box h3 {
    font-size: 1.5rem; }
  .en .box .photo {
    margin-bottom: 3em; }
    .en .box .photo:last-child {
      margin-right: 0; }
    @media screen and (min-width: 480px) {
      .en .box .photo img {
        width: 300px;
        margin-left: 50px; }
        .en .box .photo img:first-child {
          margin-left: 0; } }
    @media screen and (max-width: 480px) {
      .en .box .photo img {
        width: 100%; } }