/* === 全体 === */

/* === 共通（ヘッダとフッタ） === */

    .test_box02 {
      background-image: url("images/hito01.png"), url("images/hito01.png"), url("images/hito01.png"), url("images/hito02.png"), url("images/hito02.png"), url("images/hito04.png"), url("images/hito03.png"), url("images/hito03.png"), url("images/hito02.png"), url("images/hito03.png"), url("images/hito04.png"), url("images/hito04.png"), url("images/black_kabe02.svg"), url("images/yuka_bg.svg"), radial-gradient(at 50% 0, #f1f1f1, #a1bcc1 50%);
      background-repeat: no-repeat,no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
      background-position: 25% 30px, 20% 460px, 78% 120px, 10% 600px, 55% 260px, 65% 10px, 5% 300px, 50% 700px, 80% 580px, 85% 240px, 95% 530px, 10% 0, left top, left top, 0 0;
      background-size: 46px, 46px, 46px, 46px, 46px, 62px, 46px, 46px, 46px, 46px, 62px, 62px, auto, cover, auto;
		padding-top: 0px;
		margin: -2px;
    }
    .test_box01 {
      height: 20% !important;
		padding-bottom: 0% !important;
    }
    
/*IE11用*/
/*
@media all and (-ms-high-contrast:none) {
	
    .test_box02 {
      background-image: url("images/hito01.png"), url("images/hito01.png"), url("images/hito01.png"), url("images/hito02.png"), url("images/hito02.png"), url("images/hito04.png"), url("images/hito03.png"), url("images/hito03.png"), url("images/hito02.png"), url("images/hito03.png"), url("images/hito04.png"), url("images/hito04.png"), url("images/black_kabe02.png"), url("images/yuka_bg.png"), radial-gradient(at 50% 0, #f1f1f1, #a1bcc1 50%);
      background-repeat: no-repeat,no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
      background-position: 25% 110px, 45% 460px, 78% 120px, 10% 600px, 55% 260px, 45% 100px, 15% 300px, 50% 700px, 80% 400px, 85% 240px, 95% 530px, 5% 0, left top, left top, 0 0;
      background-size: 46px, 46px, 46px, 46px, 46px, 62px, 46px, 46px, 46px, 46px, 62px, 62px, 100%, auto, auto;
		padding-top: 80px;
		margin: -2px;
    }
}*/
/* タイトル周り */

@media (min-width: 768px) {

  .top-logo {
    padding-top: 30px;  
  }
  .top-logo img{
    width: 200px;
  }

.site_tit {
  padding-top: 20px;
  text-align: center;
  color: #fff;
  font-size: 2.8rem;
  font-family: 'Orbitron', sans-serif;
  letter-spacing: 0.2rem;
  line-height: 1;
}

.site_tit_jp {
  padding-top: 20px;
  margin-bottom: 20px;
  text-align: center;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.5;
}

}

@media (min-width: 768px) {

.footer_sp {
  height: 80px;
}

}



/* === トップページ用 === */

.lead {
  text-align: center;
  color: #693;
  font-size: 1.3rem;
  margin: 2rem 0 5rem 0;
}


.card {
  border:none;
}


/* 囲み */

.top_kakomi {
  background-color: #222;
  /*
  margin: 200px 0 30px 0;*/
  padding: 2rem;
  color: #fff;
  font-size: 1.2rem;
  border-radius: 10px;
  border: 5px solid #ccc;
}

.top_kakomi a {
  padding: 0.2rem 0.5rem;
  border-radius: 5px;
}

.top_kakomi p:last-child {
  margin-bottom: 0;
}

@media (min-width: 768px) {

.top_kakomi {
  background-color: #222;
  /*
  margin: 200px 0 100px 0;*/
  padding: 2rem;
  color: #fff;
  font-size: 1.2rem;
  border-radius: 10px;
  border: 5px solid #ccc;
}

}

.setumei {
	background: transparent !important;
}

/* 展示品ボタン */

.no_link_btn {
  color: #fff;
  background-color: #999;
  width: 100%;
  margin-top: 1rem;
  padding: 0.5rem 0;
  border-radius: 100vh;
}

.seihin_btn a {
  display: block;
  background: linear-gradient(#09c, #3cf);
  width: 100%;
  margin-top: 1rem;
  padding: 0.5rem 0;
  border-radius: 100vh;
}

/* === リンク色 === */

/* 通常 */

a:link {
  color: #36f;
  text-decoration: none;
}

a:visited {
  color: #69f;
}

a:hover {
  color: #f30;
}

a:active {
  color: #fc0;
}

/* リンク色（shiro_link） */

.shiro_link a:link {
  color: #fff;
  text-decoration: none;
}

.shiro_link a:visited {
  color: #fff;
}

.shiro_link a:hover {
  color: #fff;
  background: initial;
  background-color: #09c;
}

.shiro_link a:active {
  color: #fff;
  background: initial;
  background-color: #f30;
}

/* リンク色（kuro_link） */

.kuro_link a:link {
  color: #333;
  text-decoration: none;
}

.kuro_link a:visited {
  color: #333;
}

.kuro_link a:hover {
  color: #fff;
  background: initial;
  background-color: #09c;
}

.kuro_link a:active {
  color: #fff;
  background: initial;
  background-color: #f30;
}

/* リンク色（top_kakomi） */

.top_kakomi a:link {
  color: #cf6;
  text-decoration: underline;
}

.top_kakomi a:visited {
  color: #cf6;
}

.top_kakomi a:hover {
  color: #fff;
  background: initial;
  background-color: #36f;
  text-decoration: none;
}

.top_kakomi a:active {
  color: #fff;
  background: initial;
  background-color: #f30;
  text-decoration: none;
}

/* === メディアクエリ === */

/* 最大幅の制限 */

@media (min-width:1000px) {
  .container-fluid {
    width: 1000px;
  }
}

/* Balloon. */
.balloon {
  position: relative;
  padding: 0 20px;
  border-radius: 10px;
  color: #000;
  background-color: #dce8f6;
}

.balloon p {
  padding-top: 20px;
  padding-bottom: 20px;
}

.balloon .icon {
  color: #000;
  position: absolute;
  top: 0;
}

.balloon-right::before, .balloon-left::before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 0;
  right: 0;
  bottom: -15px;
  margin: 0 auto;
  border-top: 15px solid #dce8f6;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
}

@media (min-width: 768px) {

.balloon-right::before, .balloon-left::before {
  content: none;
}

.balloon-md-right::before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -15px;
  top: 20px;
  border-right: 15px solid #dce8f6;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

.balloon-md-left::before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -15px;
  top: 20px;
  border-left: 15px solid #dce8f6;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

}

/* アイコンサイズ */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons.md-60 { font-size: 60px; }


.test_box02 .card:hover {
  background-color: rgb(235, 235, 235);
}

.test_box02 .category-btn a img:hover {
  transform: scale(1.1);
  transition: all 100ms 0s ease;
}

/* タイトル周り */

@media (min-width: 768px) {

.top-logo {
  padding-top: 30px;  
}
.top-logo img{
  width: 200px;
}

.site_tit {
  padding-top: 20px;
  text-align: center;
  color: #fff;
  font-size: 2.8rem;
  font-family: 'Orbitron', sans-serif;
  letter-spacing: 0.2rem;
  line-height: 1;
}

.site_tit_jp {
  padding-top: 20px;
  margin-bottom: 20px;
  text-align: center;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.5;
}

}

@media (min-width: 768px) {

.footer_sp {
  height: 80px;
}

}


/* === トップページ用 === */

.lead {
  text-align: center;
  color: #693;
  font-size: 1.3rem;
  margin: 2rem 0 5rem 0;
}

/* フロア */

.floor {
  background: linear-gradient( rgba(255, 255, 255, 1) , rgba(255, 255, 255, 0.1) 10%, rgba(0, 0, 0, 0.1) ),url("images/yuka_bg.jpg");
}

/* 会場01 */

.kaijyou01 {
  background-image: url("../../../../error/404.html"), url("../../../../error/404.html"), url("../../../../error/404.html"), url("../../../../error/404.html"), url("../../../../error/404.html"), url("../../../../error/404.html");
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-position: 3% 0, 10% 120px, 30% 50px, 60% 140px, 80% 80px, 95% 100px;
}

/* 会場02 */

.kaijyou02 {
  background-image: url("../../../../error/404.html"), url("../../../../error/404.html"), url("../../../../error/404.html"), url("../../../../error/404.html"), url("../../../../error/404.html"), url("../../../../error/404.html");
  background-repeat: repeat-x, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-position: left bottom, 5% 0, 20% 50px, 40% 100px, 65% 10px, 95% 80px;
}

/* 囲み */

.top_kakomi {
  background-color: #222;
  /*
  margin: 200px 0 30px 0;*/
  padding: 2rem;
  color: #fff;
  font-size: 1.2rem;
  border-radius: 10px;
  border: 5px solid #ccc;
}

.top_kakomi a {
  padding: 0.2rem 0.5rem;
  border-radius: 5px;
}

.top_kakomi p:last-child {
  margin-bottom: 0;
}

@media (min-width: 768px) {

.top_kakomi {
  background-color: #222;
  /*
  margin: 200px 0 100px 0;*/
  padding: 2rem;
  color: #fff;
  font-size: 1.2rem;
  border-radius: 10px;
  border: 5px solid #ccc;
}

}

/* 展示品ボタン */

.no_link_btn {
  color: #fff;
  background-color: #999;
  width: 100%;
  margin-top: 1rem;
  padding: 0.5rem 0;
  border-radius: 100vh;
}

.seihin_btn a {
  display: block;
  background: linear-gradient(#09c, #3cf);
  width: 100%;
  margin-top: 1rem;
  padding: 0.5rem 0;
  border-radius: 100vh;
}

/* === リンク色 === */

/* 通常 */

a:link {
  color: #36f;
  text-decoration: none;
}

a:visited {
  color: #69f;
}

a:hover {
  color: #f30;
}

a:active {
  color: #fc0;
}

/* リンク色（shiro_link） */

.shiro_link a:link {
  color: #fff;
  text-decoration: none;
}

.shiro_link a:visited {
  color: #fff;
}

.shiro_link a:hover {
  color: #fff;
  background: initial;
  background-color: #09c;
}

.shiro_link a:active {
  color: #fff;
  background: initial;
  background-color: #f30;
}

/* リンク色（kuro_link） */

.kuro_link a:link {
  color: #333;
  text-decoration: none;
}

.kuro_link a:visited {
  color: #333;
}

.kuro_link a:hover {
  color: #fff;
  background: initial;
  background-color: #09c;
}

.kuro_link a:active {
  color: #fff;
  background: initial;
  background-color: #f30;
}

/* リンク色（top_kakomi） */

.top_kakomi a:link {
  color: #cf6;
  text-decoration: underline;
}

.top_kakomi a:visited {
  color: #cf6;
}

.top_kakomi a:hover {
  color: #fff;
  background: initial;
  background-color: #36f;
  text-decoration: none;
}

.top_kakomi a:active {
  color: #fff;
  background: initial;
  background-color: #f30;
  text-decoration: none;
}

/* === メディアクエリ === */

/* 最大幅の制限 */

@media (min-width:1000px) {
  .top-container-fluid {
    max-width: 1000px;
	  margin: 0 auto;
  }
}

@media (max-width:1200px) {
	
	
    .test_box02 {
      background-image: url("images/hito01.png"), url("images/hito01.png"), url("images/hito01.png"), url("images/hito02.png"), url("images/hito02.png"), url("images/hito04.png"), url("images/hito03.png"), url("images/hito03.png"), url("images/hito02.png"), url("images/hito03.png"), url("images/hito04.png"), url("images/hito04.png"), url("images/black_kabe02.svg"), url("images/yuka_bg.svg"), radial-gradient(at 50% 0, #f1f1f1, #a1bcc1 50%);
      background-repeat: no-repeat,no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
      background-position: 25% 110px, 45% 460px, 78% 120px, 3% 540px, 55% 260px, 45% 100px, 15% 300px, 50% 300px, 90% 160px, 85% 240px, 95% 530px, 2% 100px, left top, left top, 0 0;
      background-size: 46px, 46px, 46px, 46px, 46px, 62px, 46px, 46px, 46px, 46px, 62px, 62px, auto, cover, auto;
    }

  .top-container-fluid {
	  padding: 0 1rem;
  }
  }

@media (max-width:992px) {

}
@media (max-width:768px) {
	.setumei img {
		max-width: 160px;
		margin-top: 1rem;
	}
    .test_box02 {
      background-image: url("images/hito01.png"), url("images/hito01.png"), url("images/hito01.png"), url("images/hito02.png"), url("images/hito02.png"), url("images/hito04.png"), url("images/hito03.png"), url("images/hito03.png"), url("images/hito02.png"), url("images/hito03.png"), url("images/hito04.png"), url("images/hito04.png"), url("images/black_kabe02.svg"), url("images/yuka_bg.svg"), radial-gradient(at 50% 0, #f1f1f1, #a1bcc1 50%);
      background-repeat: no-repeat,no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
      background-position: 3% 2%, 55% 2%, 48% 8%, 3% 10%, 1% 16%, 50% 22%, 20% 2%, 98% 12%, 66% 2%, 85% 4%, 95% 5%, 32% 4%, center top, center top, 0 0;
      background-size: 26px, 26px, 26px, 26px, 26px, 42px, 26px, 26px, 26px, 26px, 42px, 42px, auto, cover, auto;
		padding-top: 0% !important;
    }
    .test_box01 {
      height: 35% !important;
		padding-bottom: 5% !important;
    }
}

@media (max-width:576px) {
    .test_box02 {
      background-image: url("images/hito01.png"), url("images/hito01.png"), url("images/hito01.png"), url("images/hito02.png"), url("images/hito02.png"), url("images/hito04.png"), url("images/hito03.png"), url("images/hito03.png"), url("images/hito02.png"), url("images/hito03.png"), url("images/hito04.png"), url("images/hito04.png"), url("images/black_kabe02.svg"), url("images/yuka_bg.svg"), radial-gradient(at 50% 0, #f1f1f1, #a1bcc1 50%);
      background-repeat: no-repeat,no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
      background-position: 3% 0, 55% 1%, 48% 8%, 6% 13%, 55% 16%, 50% 22%, 11% 1%, 98% 12%, 66% 2%, 85% 0%, 95% 3%, 32% 0%, center top, center top, 0 0;
      background-size: 26px, 26px, 26px, 26px, 26px, 42px, 26px, 26px, 26px, 26px, 42px, 42px, auto, cover, auto;
		padding-top: 0% !important;
    }
    .test_box01 {
      height: 30% !important;
		padding-bottom: 5% !important;
    }
}
/* アイコンサイズ */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons.md-60 { font-size: 60px; }

/* card */

.top-card iframe {
  padding : 1rem 2rem;
  background-color: #000;
  border-radius: 3px 0 0 3px;
} 

@media (max-width: 768px) {

.top-card iframe {
  padding : 0.5rem;
  background-color: #000;
  border-radius: 0;
  }

}

  @media (max-width: 576px) {

.top-card iframe {
  padding : 0;
  border-radius:2px 0px 0px 2px;
}

}