@charset "utf-8";
a:link {
  color: #03c;
}
a:visited {
  color: #03c;
}
a:hover,
a:active {
  color: #2c5ef4;
  text-decoration: none;
}
img.blank,
img.pdf {
  margin-bottom: 0;
  margin: 0 5px;
  vertical-align: middle;
  display: inline;
}
.marker {
  background: linear-gradient(transparent 70%, #ffff00 0%);
}
div#wrapper {
  width: 100%;
  color: #333;
  background: #C7FFEC;
  background-image: url("/common/img-event/hirameki29/img29/bg.jpg");
  background-repeat: repeat;
  font-family: Arial, "ＭＳ Ｐゴシック", "MS P Gothic", 'メイリオ', Meiryo, Verdana, Helvetica, sans-serif;
  text-align: center;
  line-height: 1.6;
  /* PC */
  /* smartPhone */
  text-align: left;
  display: block;
}
@media screen and (min-device-width: 641px) {
  div#wrapper {
    font-size: 16px;
  }
}
@media only screen and (max-device-width: 640px) {
  div#wrapper {
    font-size: 4vw;
  }
}
div#wrapper div#content {
  width: 100%;
}
div#wrapper div#content h1.title {
  width: 98%;
  border: ridge 3px;
  margin: 0px 0px 0px 0px;
  text-align: center;
  box-shadow: 5px 5px 5px rgba(100, 100, 100, 0.8);
}
div#wrapper div#content h1.title img {
  width: 100%;
}
div#wrapper div#content table#programDetail {
  width: 100%;
  display: block;
  margin: 10px 0px 0px 0px;
  padding: 0;
  border-collapse: separate;
  border-spacing: 10px;
}
div#wrapper div#content table#programDetail tr th {
  vertical-align: middle;
  text-align: center;
  background-color: rgba(255, 186, 118, 0.8);
  padding: 5px;
  font-size: larger;
  box-shadow: 5px 5px 5px rgba(100, 100, 100, 0.8);
  box-sizing: border-box;
  font-weight: bold;
  /* PC */
  /* smartPhone */
}
@media screen and (min-device-width: 641px) {
  div#wrapper div#content table#programDetail tr th {
    width: 15%;
    margin-right: 5%;
    border-radius: 1vw 0px 0px 1vw;
  }
}
@media only screen and (max-device-width: 640px) {
  div#wrapper div#content table#programDetail tr th {
    width: 100%;
    display: block;
    border-radius: 1vw 1vw 0px 0px;
  }
}
div#wrapper div#content table#programDetail tr td {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 10px;
  box-sizing: border-box;
  box-shadow: 5px 5px 5px rgba(100, 100, 100, 0.8);
  /* PC */
  /* smartPhone */
}
div#wrapper div#content table#programDetail tr td div.content {
  display: table;
  width: 100%;
  vertical-align: top;
}
div#wrapper div#content table#programDetail tr td div.content div.description {
  vertical-align: top;
  width: 60%;
  display: table-cell;
}
div#wrapper div#content table#programDetail tr td div.content div.description div.paragraph {
  margin-bottom: 10px;
  width: 100%;
}
@media screen and (min-device-width: 641px) {
  div#wrapper div#content table#programDetail tr td div.content div.image {
    vertical-align: top;
    width: 40%;
    display: table-cell;
  }
  div#wrapper div#content table#programDetail tr td div.content div.image img {
    width: 100%;
  }
}
@media only screen and (max-device-width: 640px) {
  div#wrapper div#content table#programDetail tr td div.content div.image {
    vertical-align: top;
    width: 100%;
    display: block;
  }
  div#wrapper div#content table#programDetail tr td div.content div.image img {
    width: 100%;
  }
}
div#wrapper div#content table#programDetail tr td div.block {
  margin-bottom: 10px;
}
div#wrapper div#content table#programDetail tr td div.table {
  display: table;
}
div#wrapper div#content table#programDetail tr td div.cell {
  display: table-cell;
}
div#wrapper div#content table#programDetail tr td dt {
  font-size: larger;
  font-weight: bold;
}
div#wrapper div#content table#programDetail tr td dd li {
  list-style-type: circle;
}
div#wrapper div#content table#programDetail tr td img.text {
  max-width: 100%;
}
@media screen and (min-device-width: 641px) {
  div#wrapper div#content table#programDetail tr td {
    width: 80%;
    border-radius: 0px 1vw 1vw 0px;
  }
  div#wrapper div#content table#programDetail tr td img.content {
    float: right;
    width: 40%;
  }
}
@media only screen and (max-device-width: 640px) {
  div#wrapper div#content table#programDetail tr td {
    width: 100%;
    display: block;
    border-radius: 0px 0px 1vw 1vw;
  }
  div#wrapper div#content table#programDetail tr td img.content {
    width: 100%;
  }
}
div#wrapper div#content table#programDetail tr td img#text {
  max-width: 100%;
}
div#wrapper div#content table#programDetail tr td img#map {
  max-width: 100%;
}
div#wrapper div#content div.report {
  width: 98%;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 1vw;
  border: ridge 3px;
  box-shadow: 5px 5px 5px rgba(100, 100, 100, 0.8);
  margin: 10px 5px 0px 5px;
  padding: 10px;
  display: block;
}
div#wrapper div#content div.report h3 {
  padding: 5px;
  margin: 0px 0px 10px 0px;
  border-radius: 10px;
  font-weight: bold;
  font-size: larger;
  /*Other Browser*/
  background: #91bae4;
  /*For Old WebKit*/
  background: -webkit-linear-gradient(top, #b6e2fd 0%, #87c2fb 100%);
  /*For Modern Browser*/
  background: linear-gradient(to bottom, #b6e2fd 0%, #87c2fb 100%);
}
div#wrapper div#content div.report div.table {
  width: 100%;
  display: table;
  margin: 0px 0px 10px 0px;
  table-layout: fixed;
}
div#wrapper div#content div.report div.table div.cell {
  margin: 10px 10px 0px 0px;
  vertical-align: middle;
  /* PC */
  /* smartPhone */
}
@media screen and (min-device-width: 641px) {
  div#wrapper div#content div.report div.table div.cell {
    text-align: center;
    display: table-cell;
  }
}
@media only screen and (max-device-width: 640px) {
  div#wrapper div#content div.report div.table div.cell {
    text-align: left;
    display: block;
  }
}
div#wrapper div#content div.report div.table div.cell img {
  max-width: 100%;
}
div#wrapper div#content div.box_fiber {
  border: ridge 3px;
  margin: 10px;
  diaplay: block;
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 5px 5px 5px rgba(100, 100, 100, 0.8);
  padding: 5px;
}
div#wrapper div#content div#organize {
  margin: 10px 0px 0px 0px;
  diaplay: block;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 5px 5px 5px rgba(100, 100, 100, 0.8);
}
div#wrapper div#content div#organize img {
  max-width: 100%;
}