@charset "UTF-8";
body {
  margin: 0;
  padding: 0;
  background-color: #fff;
  color: #555;
  text-align: center;
  font: normal 14px Sans-serif;
  line-height: 150%;
}

th, td {
  color: #555;
  vertical-align: top;
  font-weight: normal;
  font: normal 14px Sans-serif;
  line-height: 150%;
}

img {
  border: none;
}

form {
  margin: 0;
}

a {
  cursor: pointer;
}
a:link {
  color: #486B97;
  text-decoration: none;
}
a:visited, a:active {
  color: #5B8190;
  text-decoration: none;
}
a:hover {
  color: #946349;
  text-decoration: underline;
}

.overrun {
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .wrap {
    width: 320px;
    margin: auto;
  }
  .wrap h1 {
    margin: 0 0 10px 0;
    border-bottom: 2px dotted #999;
    padding: 20px 10px 6px 10px;
    font-size: 16px;
    line-height: 150%;
    text-align: left;
  }
  .wrap h2 {
    margin: 0 0 10px 0;
    background-color: #333;
    color: #fff;
    padding: 8px 10px 6px 10px;
    font-size: 14px;
    line-height: 150%;
  }
}
@media only screen and (min-width: 768px) {
  .wrap {
    width: 960px;
    margin: auto;
  }
  .wrap h1 {
    margin: 0 0 10px 0;
    border-bottom: 2px dotted #999;
    padding: 20px 10px 6px 10px;
    font-size: 16px;
    line-height: 150%;
    text-align: left;
  }
  .wrap h2 {
    margin: 0 0 10px 0;
    background-color: #333;
    color: #fff;
    padding: 8px 10px 6px 10px;
    font-size: 14px;
    line-height: 150%;
  }
}

.row12grid .center {
  text-align: center;
}
.row12grid .inner {
  margin: 0 0 20px 10px;
}
.row12grid .margin-bottom {
  margin: 0 0 30px 0;
}
.row12grid p {
  margin: 15px 0 0 0;
}
.row12grid p:first-child {
  margin: 0 0 0 0;
}
@media only screen and (max-width: 767px) {
  .row12grid .grid1,
  .row12grid .grid2,
  .row12grid .grid3,
  .row12grid .grid4,
  .row12grid .grid5,
  .row12grid .grid6,
  .row12grid .grid7,
  .row12grid .grid8,
  .row12grid .grid9,
  .row12grid .grid10,
  .row12grid .grid11,
  .row12grid .grid12 {
    display: block;
    margin: 0 0 20px 0;
  }
  .row12grid .grid1 img,
  .row12grid .grid2 img,
  .row12grid .grid3 img,
  .row12grid .grid4 img,
  .row12grid .grid5 img,
  .row12grid .grid6 img,
  .row12grid .grid7 img,
  .row12grid .grid8 img,
  .row12grid .grid9 img,
  .row12grid .grid10 img,
  .row12grid .grid11 img,
  .row12grid .grid12 img {
    max-width: 300px;
  }
}
@media only screen and (min-width: 768px) {
  .row12grid {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .row12grid .grid1 {
    width: 8.333%;
  }
  .row12grid .grid1 img {
    max-width: 80px;
  }
  .row12grid .grid2 {
    width: 16.666%;
  }
  .row12grid .grid2 img {
    max-width: 160px;
  }
  .row12grid .grid3 {
    width: 24.999%;
  }
  .row12grid .grid3 img {
    max-width: 240px;
  }
  .row12grid .grid4 {
    width: 33.332%;
  }
  .row12grid .grid4 img {
    max-width: 320px;
  }
  .row12grid .grid5 {
    width: 41.665%;
  }
  .row12grid .grid5 img {
    max-width: 400px;
  }
  .row12grid .grid6 {
    width: 49.998%;
  }
  .row12grid .grid6 img {
    max-width: 480px;
  }
  .row12grid .grid7 {
    width: 58.331%;
  }
  .row12grid .grid7 img {
    max-width: 560px;
  }
  .row12grid .grid8 {
    width: 66.664%;
  }
  .row12grid .grid8 img {
    max-width: 640px;
  }
  .row12grid .grid9 {
    width: 74.997%;
  }
  .row12grid .grid9 img {
    max-width: 720px;
  }
  .row12grid .grid10 {
    width: 83.33%;
  }
  .row12grid .grid10 img {
    max-width: 800px;
  }
  .row12grid .grid11 {
    width: 91.663%;
  }
  .row12grid .grid11 img {
    max-width: 880px;
  }
  .row12grid .grid12 {
    width: 99.996%;
  }
  .row12grid .grid12 img {
    max-width: 960px;
  }
}

.row12space .center {
  text-align: center;
}
.row12space .inner {
  margin: 0 0 20px 10px;
}
.row12space .margin-bottom {
  margin: 0 0 30px 0;
}
.row12space p {
  margin: 15px 0 0 0;
}
.row12space p:first-child {
  margin: 0 0 0 0;
}
@media only screen and (max-width: 767px) {
  .row12space .grid1,
  .row12space .grid2,
  .row12space .grid3,
  .row12space .grid4,
  .row12space .grid5,
  .row12space .grid6,
  .row12space .grid7,
  .row12space .grid8,
  .row12space .grid9,
  .row12space .grid10,
  .row12space .grid11,
  .row12space .grid12 {
    display: block;
    margin: 0 0 20px 0;
  }
  .row12space .grid1 img,
  .row12space .grid2 img,
  .row12space .grid3 img,
  .row12space .grid4 img,
  .row12space .grid5 img,
  .row12space .grid6 img,
  .row12space .grid7 img,
  .row12space .grid8 img,
  .row12space .grid9 img,
  .row12space .grid10 img,
  .row12space .grid11 img,
  .row12space .grid12 img {
    max-width: 300px;
  }
}
@media only screen and (min-width: 768px) {
  .row12space {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .row12space img {
    width: 100%;
  }
  .row12space .grid1 {
    width: 8%;
  }
  .row12space .grid1 img {
    max-width: 80px;
  }
  .row12space .grid2 {
    width: 16%;
  }
  .row12space .grid2 img {
    max-width: 160px;
  }
  .row12space .grid3 {
    width: 24%;
  }
  .row12space .grid3 img {
    max-width: 240px;
  }
  .row12space .grid4 {
    width: 32%;
  }
  .row12space .grid4 img {
    max-width: 320px;
  }
  .row12space .grid5 {
    width: 40%;
  }
  .row12space .grid5 img {
    max-width: 400px;
  }
  .row12space .grid6 {
    width: 48%;
  }
  .row12space .grid6 img {
    max-width: 480px;
  }
  .row12space .grid7 {
    width: 56%;
  }
  .row12space .grid7 img {
    max-width: 560px;
  }
  .row12space .grid8 {
    width: 64%;
  }
  .row12space .grid8 img {
    max-width: 640px;
  }
  .row12space .grid9 {
    width: 72%;
  }
  .row12space .grid9 img {
    max-width: 720px;
  }
  .row12space .grid10 {
    width: 80%;
  }
  .row12space .grid10 img {
    max-width: 800px;
  }
  .row12space .grid11 {
    width: 88%;
  }
  .row12space .grid11 img {
    max-width: 880px;
  }
  .row12space .grid12 {
    width: 96%;
  }
  .row12space .grid12 img {
    max-width: 960px;
  }
}

@media only screen and (max-width: 767px) {
  .local_nav {
    margin: 0 0 10px 0;
  }
  .local_nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: flex-start;
    align-content: flex-start;
  }
  .local_nav li {
    width: 100%;
    text-align: center;
    margin: 0 0 3px 0;
  }
  .local_nav a {
    display: block;
    line-height: 100%;
    padding: 7px 0 7px 0;
    background-color: #faf6e0;
    border: 1px solid #999;
  }
}
@media only screen and (min-width: 768px) {
  .local_nav {
    margin: 0 0 10px 0;
  }
  .local_nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: flex-start;
    align-content: flex-start;
  }
  .local_nav li {
    display: block;
    text-align: center;
    width: 16%;
  }
  .local_nav a {
    display: block;
    line-height: 100%;
    font-size: 16px;
    padding: 15px 0 15px 0;
    background-color: #891a00;
    border: 1px solid #000;
    color: #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
  }
  .local_nav a:hover {
    background-color: #946c6c;
  }
}

.open {
  margin: 0 0 10px 0;
  padding: 25px 15px 20px;
  background-color: #333;
  color: #fff;
}
.open ul {
  margin: 15px 10px 0 15px;
  padding: 0;
  list-style: none;
  text-align: left;
}
.open li {
  margin: 3px 0 0 5px;
  padding: 0 0 0 5px;
  position: relative;
}
.open li:first-child {
  margin: 0 0 0 5px;
}
.open li:before {
  content: "";
  display: inline-block;
  border: 3px solid transparent;
  border-left-color: #a3b7b6;
  position: absolute;
  top: 4px;
  left: -3px;
}
@media only screen and (max-width: 767px) {
  .open table {
    width: 100%;
    border-collapse: collapse;
  }
  .open th {
    display: block;
    color: #fff;
    text-align: left;
    padding: 0;
  }
  .open td {
    display: block;
    color: #fff;
    text-align: left;
    padding: 0 0 0 40px;
  }
}
@media only screen and (min-width: 768px) {
  .open table {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
  }
  .open th {
    text-align: right;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 0 10px 0 0;
    width: 40%;
  }
  .open td {
    text-align: left;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 0 0;
    width: 60%;
  }
  .open p {
    font-size: 13px;
    line-height: 140%;
    margin: 5px 0 0 0;
  }
}

.schedule_title h3 {
  background-color: #e70012;
  color: #fff;
  font-weight: 900;
  line-height: 100%;
  margin: 0;
}
.schedule_title a {
  display: block;
  background-color: #891a00;
  border: 1px solid #000;
  color: #fff;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  line-height: 100%;
}
@media only screen and (max-width: 767px) {
  .schedule_title {
    margin: 20px 5px 0;
  }
  .schedule_title h3 {
    font-size: 1.7em;
    padding: 8px 0 6px 0;
  }
  .schedule_title a {
    padding: 14px 0 12px;
    margin: 10px 0 0 0;
  }
}
@media only screen and (min-width: 768px) {
  .schedule_title h3 {
    font-size: 2.5em;
    padding: 12px 0 10px 0;
  }
  .schedule_title a {
    padding: 10px 0 8px;
    margin: 5px 0 0 0;
  }
  .schedule_title a:hover {
    opacity: 0.7;
  }
}

.live_schedule table {
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
  border-spacing: show;
}
.live_schedule th {
  border: 1px solid #ccc;
  background-color: #eee;
  padding: 6px 0 5px 0;
  text-align: center;
}
.live_schedule td {
  border-bottom: 1px solid #ccc;
  padding: 6px 0 5px 0;
  text-align: center;
}
.live_schedule th:nth-of-type(1) {
  width: 40%;
}
.live_schedule th:nth-of-type(2) {
  width: 20%;
}
.live_schedule th:nth-of-type(3) {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .live_schedule {
    width: 100%;
    margin: 10px auto 20px;
  }
  .live_schedule h4 {
    margin: 0 0 10px 0;
    padding: 10px 0 8px 10px;
    background-color: #666;
    color: #fff;
  }
  .live_schedule .block {
    display: block;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .live_schedule {
    width: 100%;
    margin: 5px auto 20px auto;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: flex-start;
    align-content: flex-start;
  }
  .live_schedule h4 {
    margin: 0 0 10px 0;
    padding: 10px 0 8px 10px;
    background-color: #666;
    color: #fff;
  }
  .live_schedule .block {
    width: 32%;
    display: inline-block;
  }
}

.entry {
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .entry {
    padding: 0 5px;
  }
}
@media only screen and (min-width: 768px) {
  .entry {
    margin: 0 0 20px 0;
  }
}

@media only screen and (max-width: 767px) {
  .hero {
    margin: 0 0 10px 0;
  }
  .hero img {
    max-width: 100%;
  }
}

.index {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: flex-start;
  align-content: flex-start;
}
@media only screen and (max-width: 767px) {
  .index .basic {
    width: 100%;
    text-align: center;
  }
  .index .news {
    width: 100%;
  }
  .index .news ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .index .news li {
    margin: 3px 0 0 10px;
    padding: 0 0 0 5px;
    position: relative;
  }
  .index .news li:first-child {
    margin: 0 0 0 10px;
  }
  .index .news li:before {
    content: "";
    display: inline-block;
    border: 3px solid transparent;
    border-left-color: #b11a1a;
    position: absolute;
    top: 4px;
    left: -3px;
  }
}
@media only screen and (min-width: 768px) {
  .index .basic {
    width: 300px;
  }
  .index .news {
    width: 640px;
  }
  .index .news ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .index .news li {
    margin: 3px 0 0 10px;
    padding: 0 0 0 5px;
    position: relative;
  }
  .index .news li:first-child {
    margin: 0 0 0 10px;
  }
  .index .news li:before {
    content: "";
    display: inline-block;
    border: 3px solid transparent;
    border-left-color: #b11a1a;
    position: absolute;
    top: 4px;
    left: -3px;
  }
}

.auc_item_pickup {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: flex-start;
  align-content: flex-start;
}
.auc_item_pickup .caption h4 {
  text-align: left;
  color: #ff0;
  text-shadow: 1px 0px 0px #000, 0px 1px 0px #000, -1px 0px 0px #000, 0px -1px 0px #000;
  margin: 0;
}
.auc_item_pickup .caption p {
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .auc_item_pickup .caption {
    padding: 0px;
  }
  .auc_item_pickup .caption h4 {
    font-size: 1.0em;
    line-height: 140%;
  }
  .auc_item_pickup .caption p {
    margin: 10px 0 0 0;
    font-size: 0.9em;
  }
  .auc_item_pickup .block {
    width: 125px;
    margin: 0 10px 25px 15px;
  }
  .auc_item_pickup .block h3 {
    font-size: 12px;
    font-weight: normal;
    line-height: 100%;
    margin: 0;
    width: 125px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
  }
  .auc_item_pickup .thum, .auc_item_pickup .empty_img {
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    width: 125px;
    height: 125px;
    background-size: cover;
    border: 1px solid #ccc;
    box-sizing: border-box;
  }
  .auc_item_pickup .thum img, .auc_item_pickup .empty_img img {
    width: 100%;
    height: 100%;
  }
  .auc_item_pickup .empty_img {
    border: none;
  }
  .auc_item_pickup .inner_pic {
    display: none;
  }
  .auc_item_pickup .inner_coment {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .auc_item_pickup .hero {
    text-align: center;
    margin: 0 0 20px 0;
  }
  .auc_item_pickup .hero h3 {
    margin: 5px 0 0 0;
    font-size: 14px;
  }
  .auc_item_pickup .hero p {
    margin: 0;
  }
  .auc_item_pickup .hero .caption {
    padding: 0px 20px;
  }
  .auc_item_pickup .hero .caption h4 {
    font-size: 2.2em;
    line-height: 120%;
  }
  .auc_item_pickup .hero .caption p {
    margin: 0;
  }
  .auc_item_pickup .block {
    width: 236px;
    margin: 0 0 25px 0;
  }
  .auc_item_pickup .block h3 {
    font-size: 12px;
    font-weight: normal;
    line-height: 100%;
    margin: 0;
    width: 236px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
  }
  .auc_item_pickup .block .btn {
    margin: 6px auto 0 auto;
    padding: 0 25%;
    text-align: center;
    font-size: 0.85em;
  }
  .auc_item_pickup .block .btn a {
    background-color: #891a00;
    color: #fff;
    border: 1px solid #000;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: block;
    padding: 3px 0 3px 0;
    line-height: 120%;
  }
  .auc_item_pickup .block .btn a:hover {
    opacity: 0.8;
  }
  .auc_item_pickup .thum, .auc_item_pickup .empty_img {
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    width: 236px;
    height: 236px;
    background-size: cover;
    border: 1px solid #edeeef;
    box-sizing: border-box;
  }
  .auc_item_pickup .thum img, .auc_item_pickup .empty_img img {
    width: 100%;
    height: 100%;
  }
  .auc_item_pickup .empty_img {
    border: none;
  }
  .auc_item_pickup .inner_pic {
    display: none;
  }
  .auc_item_pickup .inner_coment {
    display: none;
  }
}

.auc_itemlist {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: flex-start;
  align-content: flex-start;
}
@media only screen and (max-width: 767px) {
  .auc_itemlist .block {
    width: 125px;
    margin: 0 10px 25px 15px;
  }
  .auc_itemlist .block h3 {
    font-size: 12px;
    font-weight: normal;
    line-height: 100%;
    margin: 0;
    width: 125px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
  }
  .auc_itemlist .thum, .auc_itemlist .empty_img {
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    width: 125px;
    height: 125px;
    background-size: cover;
    border: 1px solid #ccc;
    box-sizing: border-box;
  }
  .auc_itemlist .thum img, .auc_itemlist .empty_img img {
    width: 100%;
    height: 100%;
  }
  .auc_itemlist .empty_img {
    border: none;
  }
  .auc_itemlist .inner_pic {
    display: none;
  }
  .auc_itemlist .inner_coment {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .auc_itemlist .block {
    width: 130px;
    margin: 0 0 25px 0;
  }
  .auc_itemlist .block h3 {
    font-size: 12px;
    font-weight: normal;
    line-height: 100%;
    margin: 0;
    width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
  }
  .auc_itemlist .thum, .auc_itemlist .empty_img {
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    width: 130px;
    height: 130px;
    background-size: cover;
    border: 1px solid #edeeef;
    box-sizing: border-box;
  }
  .auc_itemlist .thum img, .auc_itemlist .empty_img img {
    width: 100%;
    height: 100%;
  }
  .auc_itemlist .empty_img {
    border: none;
  }
  .auc_itemlist .inner_pic {
    display: none;
  }
  .auc_itemlist .inner_coment {
    display: none;
  }
}

.limited_itemlist {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: flex-start;
  align-content: flex-start;
}
@media only screen and (max-width: 767px) {
  .limited_itemlist .block {
    width: 150px;
    margin: 0 5px 5px;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
  }
  .limited_itemlist .block img {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .limited_itemlist .block {
    margin: 0 4px 25px;
    width: 232px;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    text-align: center;
  }
  .limited_itemlist .block img {
    width: 100%;
  }
  .limited_itemlist .block p {
    margin: 5px 0 0 0;
  }
}

.slide_pop .block {
  margin: 0 5px;
}
.slide_pop img {
  height: 500px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.topics h3 {
  background-color: #fcedc1;
  padding: 12px 5px 9px 10px;
  margin: 0 0 15px 0;
  font-size: 14px;
  line-height: 100%;
}
.topics dl {
  margin: 0;
  padding: 0;
}
.topics dt {
  margin: 0 0 10px 0;
  padding: 7px 0 5px 10px;
  background-color: #eee;
}
.topics dd {
  margin: 0 0 20px 10px;
}
.topics ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.topics li {
  margin: 3px 0 0 10px;
  padding: 0 0 0 5px;
  position: relative;
}
.topics li:first-child {
  margin: 0 0 0 10px;
}
.topics li:before {
  content: "";
  display: inline-block;
  border: 3px solid transparent;
  border-left-color: #b11a1a;
  position: absolute;
  top: 4px;
  left: -3px;
}

@media only screen and (max-width: 767px) {
  .event .block .blockimg {
    border: 1px solid #333;
    box-sizing: border-box;
  }
  .event .block strong {
    font-size: 16px;
    display: block;
    background-color: #333;
    color: #fff;
    margin: 10px 0 10px 0;
    padding: 10px;
  }
  .event .block .btn {
    margin: 15px auto 0;
    text-align: center;
  }
  .event .block .btn a {
    display: inline-block;
    background-color: #365e8d;
    color: #fff;
    padding: 10px 20px;
  }
}
@media only screen and (min-width: 768px) {
  .event .block .blockimg {
    border: 1px solid #333;
    box-sizing: border-box;
  }
  .event .block strong {
    font-size: 16px;
    display: block;
    background-color: #333;
    color: #fff;
    margin: 10px 0 10px 0;
    padding: 10px;
  }
  .event .block .btn {
    margin: 15px auto 0;
    text-align: center;
  }
  .event .block .btn a {
    display: inline-block;
    background-color: #365e8d;
    color: #fff;
    padding: 10px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .galvion .bg {
    display: none;
  }
  .galvion .logo {
    text-align: center;
  }
  .galvion .logo img {
    max-width: 300px;
  }
  .galvion .itemimg {
    text-align: center;
  }
  .galvion .itemimg p {
    margin: 5px 0 20px 0;
  }
}
@media only screen and (min-width: 768px) {
  .galvion {
    position: relative;
    width: 960px;
    height: 1213px;
  }
  .galvion .bg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
  }
  .galvion .logo {
    position: absolute;
    z-index: 2;
    top: 40px;
    left: 20px;
  }
  .galvion .caption {
    position: absolute;
    z-index: 2;
    top: 390px;
    left: 70px;
    color: #fff;
    width: 540px;
    -moz-text-shadow: 3px 1px 5px #000;
    -webkit-text-shadow: 3px 1px 5px #000;
    text-shadow: 3px 1px 5px #000;
  }
  .galvion .caption strong {
    display: block;
    font-size: 16px;
    line-height: 140%;
    margin: 0 0 20px 0;
  }
  .galvion .caption p {
    margin: 0 0 10px 0;
  }
  .galvion .itemimg {
    position: absolute;
    z-index: 3;
    bottom: 20px;
    left: 10px;
    text-align: center;
  }
  .galvion .itemimg .box {
    margin: 0 0 12px 15px;
  }
  .galvion .itemimg p {
    margin: 3px 0 0 0;
    background-color: #800000;
    display: inline-block;
    color: #fff;
    border: 1px solid #999;
    padding: 7px 20px;
    line-height: 100%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
  }
  .galvion .itemimg img {
    width: 100%;
    border: 2px solid #999;
  }
  .galvion .attention {
    font-weight: bold;
    font-size: 28px;
    letter-spacing: 2px;
  }
  .galvion .info {
    width: calc(100% - 90px);
    position: absolute;
    z-index: 3;
    top: 500px;
    left: 70px;
    color: #fff;
  }
  .galvion .info h3 {
    font-size: 2em;
    font-weight: 900;
    background-color: none;
    margin: 0 0 10px 0;
    padding: 0;
  }
  .galvion .info dd {
    margin-left: 1em;
  }
  .galvion .info a {
    position: absolute;
    top: 100px;
    left: 560px;
    background: #ff0000;
    background: -webkit-linear-gradient(top, #ff4f6f, #ff0000);
    background: -moz-linear-gradient(top, #ff4f6f, #ff0000);
    background: -o-linear-gradient(top, #ff4f6f, #ff0000);
    background: linear-gradient(to bottom, #ff4f6f, #ff0000);
    color: #fff;
    padding: 20px 25px 19px;
    border-radius: 5px;
    border-radius: 5px;
    font-size: 1.5em;
    font-weight: 900;
  }
  .galvion .info a:hover {
    text-decoration: none;
    background: #ff2f2f;
    background: -webkit-linear-gradient(top, #ff6f7f, #ff2f2f);
    background: -moz-linear-gradient(top, #ff6f7f, #ff2f2f);
    background: -o-linear-gradient(top, #ff6f7f, #ff2f2f);
    background: linear-gradient(to bottom, #ff6f7f, #ff2f2f);
  }
}

@media only screen and (max-width: 767px) {
  .cerberus .bg {
    display: none;
  }
  .cerberus .logo {
    text-align: center;
  }
  .cerberus .logo img {
    max-width: 300px;
  }
  .cerberus .itemimg {
    text-align: center;
  }
  .cerberus .itemimg p {
    margin: 5px 0 20px 0;
  }
  .cerberus .itemimg strong {
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  .cerberus {
    position: relative;
    width: 960px;
    height: 1400px;
    background: #120811;
  }
  .cerberus .bg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
  }
  .cerberus .logo {
    position: absolute;
    z-index: 2;
    top: 430px;
    left: 260px;
    width: 640px;
  }
  .cerberus .logo img {
    width: 100%;
    opacity: 0.9;
    filter: alpha(opacity=90);
    -ms-filter: "alpha(opacity=90)";
  }
  .cerberus .caption {
    position: absolute;
    z-index: 2;
    top: 645px;
    left: 230px;
    color: #fff;
    width: 700px;
    -moz-text-shadow: 0 0 3px #000, 1px 1px 2px #000;
    -webkit-text-shadow: 0 0 3px #000, 1px 1px 2px #000;
    text-shadow: 0 0 3px #000, 1px 1px 2px #000;
  }
  .cerberus .caption p {
    margin: 0 0 10px 0;
  }
  .cerberus .caption-en {
    position: absolute;
    z-index: 2;
    top: 590px;
    left: 230px;
    color: #fff;
    width: 710px;
    -moz-text-shadow: 0 0 3px #000, 1px 1px 2px #000;
    -webkit-text-shadow: 0 0 3px #000, 1px 1px 2px #000;
    text-shadow: 0 0 3px #000, 1px 1px 2px #000;
  }
  .cerberus .caption-en p {
    margin: 0 0 10px 0;
  }
  .cerberus .attention {
    margin: 10px 0;
    padding: 8px;
    background: #333;
    opacity: 0.7;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    line-height: 1.6;
    border-radius: 6px;
  }
  .cerberus .itemimg {
    position: absolute;
    z-index: 3;
    top: 835px;
    left: 220px;
    text-align: center;
    width: 720px;
    color: #fff;
    text-align: center;
  }
  .cerberus .itemimg img {
    width: 99%;
  }
  .cerberus .itemimg strong {
    font-size: 25px;
    line-height: 140%;
    display: block;
    margin: 5px 0 5px 0;
  }
  .cerberus .itemimg em {
    font-style: normal;
  }
  .cerberus .info {
    position: absolute;
    z-index: 2;
    top: 1170px;
    bottom: 30px;
    left: 230px;
    color: #fff;
    width: 720px;
    -moz-text-shadow: 3px 1px 5px #000;
    -webkit-text-shadow: 3px 1px 5px #000;
    text-shadow: 3px 1px 5px #000;
  }
  .cerberus .info p {
    margin: 0 0 10px 0;
  }
  .cerberus .info dl {
    margin: 0;
    padding: 0;
  }
  .cerberus .info dt {
    margin: 0 0 2px 0;
  }
  .cerberus .info dd {
    margin: 0 0 10px 15px;
  }
}

@media only screen and (max-width: 767px) {
  .dakimakura h3 {
    margin: 0 0 15px 0;
    font-size: 14px;
    background-color: #ffdff6;
    padding: 8px 0 6px 10px;
  }
  .dakimakura h4 {
    margin: 0 0 7px 0;
    padding: 0 0 7px 3px;
    border-bottom: 1px dotted #ccc;
    font-size: 14px;
  }
  .dakimakura h5 {
    margin: 20px 0 7px 0;
    font-size: 14px;
  }
  .dakimakura .hero img {
    width: 200px;
  }
  .dakimakura table {
    width: 100%;
  }
  .dakimakura th {
    display: block;
  }
  .dakimakura td {
    display: block;
    padding: 0 0 0 20px;
  }
}
@media only screen and (min-width: 768px) {
  .dakimakura h3 {
    margin: 0 0 15px 0;
    font-size: 14px;
    background-color: #ffdff6;
    padding: 8px 0 6px 10px;
  }
  .dakimakura h4 {
    margin: 0 0 7px 0;
    padding: 0 0 7px 3px;
    border-bottom: 1px dotted #ccc;
    font-size: 14px;
  }
  .dakimakura h5 {
    margin: 20px 0 7px 0;
    font-size: 14px;
  }
  .dakimakura .hero {
    margin: 0 0 30px 0;
  }
  .dakimakura .hero img {
    width: 100%;
  }
  .dakimakura .hero audio {
    width: 80%;
  }
  .dakimakura strong {
    display: block;
    font-size: 16px;
    line-height: 150%;
    margin: 0 0 10px 0;
  }
  .dakimakura .spacer {
    border-left: 15px solid #fff;
    box-sizing: border-box;
  }
  .dakimakura table {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
    border-spacing: show;
  }
  .dakimakura th {
    width: 30%;
  }
  .dakimakura td {
    width: 70%;
  }
  .dakimakura dl {
    margin: 0;
    padding: 0;
  }
  .dakimakura dt {
    margin: 0 0 3px 0;
  }
  .dakimakura dd {
    margin: 0 0 10px 0;
    text-align: right;
  }
  .dakimakura .box {
    margin: 0 0 20px 0;
  }
}

.dohatsuten {
  @import "https://fonts.googleapis.com/css?family=Ubuntu:500,700";
  @import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
}
@media only screen and (max-width: 767px) {
  .dohatsuten {
    /*mob*/
  }
  .dohatsuten .newbottom {
    margin-top: 5px;
    text-align: center;
    width: 100%;
  }
  .dohatsuten .newbottom p {
    margin: 0;
  }
  .dohatsuten .newbottom .smallerthannorm {
    font-size: 0.9em;
    display: block;
  }
  .dohatsuten .newbottom .biggerthannorm {
    font-weight: bolder;
    word-break: break-all;
    display: block;
  }
  .dohatsuten .newbottom .bottominfoholder {
    text-align: left;
  }
  .dohatsuten .topsection img {
    width: 100%;
  }
  .dohatsuten .locationbar {
    text-align: center;
  }
  .dohatsuten .centersection {
    text-align: center;
  }
  .dohatsuten .dohatsutenpicsolo, .dohatsuten .eventdate, .dohatsuten .flyoverpicsolo {
    height: 100px;
  }
  .dohatsuten .eventintro {
    margin-bottom: 10px;
  }
  .dohatsuten .dohatsutenintro span, .dohatsuten .flyoverintro span {
    font-weight: bold;
  }
  .dohatsuten .flyoverpicset img {
    height: 100px;
    margin: 0 10px;
  }
  .dohatsuten .dohatsutenpicset img {
    height: 100px;
    margin: 0 10px;
  }
  .dohatsuten .bottomsection {
    text-align: center;
  }
  .dohatsuten .bottomsection img {
    height: 100px;
    background-color: #FF0000;
    margin: 0 10px 0 10px;
  }
  .dohatsuten .bottomsection .eventcontact {
    padding-top: 10px;
  }
}
@media only screen and (min-width: 768px) {
  .dohatsuten {
    /*pc*/
  }
  .dohatsuten .newbottom {
    background-color: #ED1C24;
    color: #FFFFFF;
    padding: 0 0 10px 0;
  }
  .dohatsuten .newbottom p {
    text-align: right;
    border-bottom: 2px white solid;
    margin: 0;
    font-size: 2em;
    line-height: 1.1;
  }
  .dohatsuten .newbottom .smallerthannorm {
    font-size: 0.9em;
    display: block;
  }
  .dohatsuten .newbottom .biggerthannorm {
    font-weight: bolder;
    font-size: 1.2em;
    display: block;
  }
  .dohatsuten .newbottom .bottominfoholder {
    width: 70%;
    float: left;
    padding-left: 10px;
    padding-right: 20px;
  }
  .dohatsuten .newbottom .bottominfoholder p {
    padding-right: 20px;
    margin-bottom: 5px;
  }
  .dohatsuten hr {
    display: none;
  }
  .dohatsuten .topsection {
    width: 100%;
    background-color: #ED1C24;
    position: relative;
  }
  .dohatsuten .topsection img {
    float: right;
    height: 250px;
  }
  .dohatsuten .locationbar {
    color: #000000;
    font-size: 3em;
    font-family: 'Ubuntu', sans-serif;
    line-height: 1.5;
    text-align: center;
    margin-left: 300px;
  }
  .dohatsuten .locationbar.japanese {
    font-weight: 900;
  }
  .dohatsuten .centersection {
    width: 100%;
    background-color: #ED1C24;
    position: relative;
    color: #FFFFFF;
    font-family: 'Ubuntu', sans-serif;
  }
  .dohatsuten .dohatsutenpicsolo {
    height: 517px;
    position: absolute;
    top: -160px;
    left: 10px;
  }
  .dohatsuten .eventdate {
    position: absolute;
    top: -310px;
    left: 0px;
    height: 240px;
  }
  .dohatsuten .flyoverpicsolo {
    height: 385px;
    position: absolute;
    top: 65px;
    right: 10px;
  }
  .dohatsuten .flyoverpicsolo.japanese {
    top: 85px;
    height: 370px;
  }
  .dohatsuten .eventintro {
    margin-left: 320px;
    font-size: 2.35em;
    line-height: 1.1;
    margin-bottom: 20px;
  }
  .dohatsuten .eventintro.japanese {
    font-size: 3em;
    font-weight: 900;
    margin-left: 350px;
  }
  .dohatsuten .dohatsutenintro {
    position: absolute;
    top: 250px;
    width: 420px;
    margin-left: 10px;
    font-size: 0.8em;
  }
  .dohatsuten .dohatsutenintro span {
    font-size: 1.2em;
    font-weight: bold;
  }
  .dohatsuten .dohatsutenintro.japanese {
    font-size: 1em;
    top: 280px;
  }
  .dohatsuten .flyoverintro, .dohatsuten .flyoverintro2 {
    font-size: 0.8em;
  }
  .dohatsuten .flyoverintro span, .dohatsuten .flyoverintro2 span {
    font-size: 1.2em;
    font-weight: bold;
  }
  .dohatsuten .flyoverintro.japanese {
    font-size: 0.9em;
    margin-right: 215px;
  }
  .dohatsuten .flyoverintro2.japanese {
    font-size: 0.9em;
  }
  .dohatsuten .dohatsutenpicset {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
  }
  .dohatsuten .dohatsutenpicset img {
    height: 171px;
  }
  .dohatsuten .flyoverpicset {
    margin-left: 430px;
    margin-bottom: 10px;
  }
  .dohatsuten .flyoverpicset img {
    height: 210px;
  }
  .dohatsuten .bottomsection {
    width: 100%;
    background-color: #ED1C24;
    position: relative;
    color: #FFFFFF;
    font-family: 'Ubuntu', sans-serif;
  }
  .dohatsuten .bottomsection img {
    height: 500px;
    padding-left: 10px;
  }
  .dohatsuten .bottomsection .mountainlogo {
    width: 250px;
    height: auto;
    height: initial;
  }
  .dohatsuten .bottomsection .bannertext {
    position: absolute;
    top: 30px;
    right: 0px;
    font-size: 3em;
    line-height: 1;
    width: 650px;
    -ms-transform: skewY(-15deg);
    /* IE 9 */
    -webkit-transform: skewY(-15deg);
    /* Safari */
    transform: skewY(-15deg);
    /* Standard syntax */
    color: #FFFFFF;
    text-shadow: 1px 1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, -1px -1px 0 #000, 2px 2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, -2px -2px 0 #000;
  }
  .dohatsuten .bottomsection .bannertext span {
    color: #FFF200;
    font-size: 0.3em;
  }
  .dohatsuten .bottomsection .bannertext.japanese {
    top: 40px;
    font-weight: 900;
  }
  .dohatsuten .bottomsection .eventcontact {
    text-align: center;
    font-size: 1.2em;
    padding-bottom: 5px;
  }
  .dohatsuten .bottomsection .eventcontact.japanese {
    font-weight: 900;
  }
}
.dohatsuten .japanese {
  font-family: 'Hiragino Sans','Meiryo UI','HGP$B9T=qBN(B','Noto Sans Japanese', sans-serif;
}

@media only screen and (max-width: 767px) {
  .ouroboros h2 {
    margin: 0;
  }
  .ouroboros h3 {
    background-color: #403030;
    color: #fff;
    padding: 5px 0 3px 7px;
    margin: 15px 0 0 0;
  }
  .ouroboros .head {
    margin: 0;
    padding: 0;
    max-width: 767px;
    min-width: 310px;
  }
  .ouroboros .head img {
    width: 100%;
  }
  .ouroboros .event .caption {
    width: 100%;
  }
  .ouroboros .event .caption p {
    padding: 0 10px;
  }
  .ouroboros .event .description {
    width: 100%;
  }
  .ouroboros .event .description h4 {
    padding: 0 10px;
    margin: 12px 0;
  }
  .ouroboros .event .description p {
    padding: 0 10px;
  }
  .ouroboros .itemorg dl {
    margin: 10px 0 0 0;
  }
  .ouroboros .itemorg dl dd {
    width: 100%;
    margin: 15px 0 0 0;
    padding: 0 0 0 0;
  }
  .ouroboros .itemorg dl dd:first-child {
    margin: 0 0 0 0;
  }
  .ouroboros .itemorg dl dd img {
    width: calc(100% - 2px);
    border: 1px solid #403030;
  }
  .ouroboros .itemorg dl dd h4 {
    background-color: #403030;
    color: #fff;
    text-align: center;
    padding: 5px 0 3px 0;
    margin: 0 0 0 0;
    font-weight: normal;
  }
  .ouroboros .itemmake {
    margin-bottom: 40px;
  }
  .ouroboros .itemmake .slider {
    margin: 15px auto 0 auto;
    padding: 0;
    width: 100%;
  }
  .ouroboros .itemmake .slider figure {
    margin: 0 0 0 0;
    padding: 0 5px;
    width: 360px;
  }
  .ouroboros .itemmake .slider figure img {
    width: 100%;
  }
  .ouroboros .info ul {
    padding: 0 10px 0 25px;
  }
  .ouroboros .info ul li:last-child {
    list-style: none;
    padding-top: 15px;
  }
}
@media only screen and (min-width: 768px) {
  .ouroboros h2 {
    margin: 0;
  }
  .ouroboros h3 {
    background-color: #403030;
    color: #fff;
    padding: 5px 0 3px 7px;
    margin: 15px 0 0 0;
  }
  .ouroboros .head {
    max-width: 960px;
    min-width: 768px;
  }
  .ouroboros .head img {
    width: 100%;
  }
  .ouroboros .event::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
  }
  .ouroboros .event .caption {
    float: left;
    width: 32%;
  }
  .ouroboros .event .caption p {
    padding: 0 10px;
  }
  .ouroboros .event .description {
    float: right;
    width: 66%;
  }
  .ouroboros .event .description h4 {
    padding: 0 10px;
    margin: 12px 0;
  }
  .ouroboros .event .description p {
    padding: 0 10px;
  }
  .ouroboros .itemorg::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
  }
  .ouroboros .itemorg dl {
    margin: 10px 0 0 -5px;
  }
  .ouroboros .itemorg dl dd {
    float: left;
    width: calc(33.3% - 5px);
    margin: 0 0 0 5px;
    padding: 0 0 0 0;
  }
  .ouroboros .itemorg dl dd img {
    width: calc(100% - 2px);
    border: 1px solid #403030;
  }
  .ouroboros .itemorg dl dd h4 {
    background-color: #403030;
    color: #fff;
    text-align: center;
    padding: 5px 0 3px 0;
    margin: 0 0 0 0;
    font-weight: normal;
  }
  .ouroboros .itemmake {
    margin-bottom: 40px;
  }
  .ouroboros .itemmake .slider {
    margin: 15px auto 0 auto;
    padding: 0;
    width: 100%;
  }
  .ouroboros .itemmake .slider figure {
    margin: 0 0 0 0;
    padding: 0 5px;
    width: 360px;
  }
  .ouroboros .itemmake .slider figure img {
    width: 100%;
  }
  .ouroboros .info ul li:last-child {
    list-style: none;
    padding-top: 15px;
  }
}

/*** jm ***/
.jm .top {
  margin: 0;
}
.jm .top strong {
  color: #000;
  display: block;
}
.jm .top p {
  color: #333;
}
.jm h3 {
  background-color: #f00;
  color: #fff;
  text-align: center;
}
.jm .lineup {
  margin: 0 0 10px 0;
}
.jm .lineup dd figure {
  text-align: center;
  padding: 0;
  margin: 0;
}
.jm .lineup dd figure img {
  border: 5px solid #ccc;
  vertical-align: bottom;
}
.jm .lineup dd p {
  text-align: center;
  margin: 12px 0 0 0;
}
.jm .lineup dd .price {
  color: #f00;
  font-size: 1.7em;
  font-weight: 900;
  line-height: 100%;
  margin: 5px 0 0 0;
}
@media only screen and (max-width: 767px) {
  .jm {
    position: relative;
  }
  .jm .bg-l {
    width: 310px;
  }
  .jm .logo {
    position: absolute;
    top: 5px;
    left: 28px;
    width: 260px;
  }
  .jm .top {
    width: 300px;
    padding: 5px;
  }
  .jm .top strong {
    font-size: 1.3em;
    font-weight: 600;
    line-height: 150%;
  }
  .jm .top p {
    font-size: 1.1em;
    line-height: 120%;
    margin: 8px 0 0 0;
  }
  .jm h3 {
    font-size: 1em;
    font-weight: 600;
    margin: 10px 0 0 0;
    padding: 10px 0 8px 0;
  }
  .jm .lineup {
    width: 300px;
  }
  .jm .lineup dd {
    width: 300px;
    padding: 0;
    margin: 15px 0 0 0;
  }
  .jm .lineup dd figure {
    width: 100%;
  }
  .jm .lineup dd figure img {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .jm {
    position: relative;
  }
  .jm .bg-l {
    width: 960px;
    height: 764px;
    vertical-align: bottom;
  }
  .jm .logo {
    position: absolute;
    top: 10px;
    left: 650px;
  }
  .jm .top {
    position: absolute;
    padding: 30px;
    top: 0;
    width: 900px;
  }
  .jm .top strong {
    font-size: 3em;
    font-weight: 900;
    line-height: 130%;
    margin-bottom: 20px;
  }
  .jm .top p {
    font-size: 1.2em;
    line-height: 150%;
    margin: 0 0 15px 0;
  }
  .jm .top p.en {
    font-size: 1.4em;
    line-height: 160%;
  }
  .jm h3 {
    font-size: 2em;
    font-weight: 900;
    margin: 0;
    padding: 15px 0 13px 0;
  }
  .jm .lineup {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    width: 800px;
    margin: 0 auto;
  }
  .jm .lineup dd {
    width: 360px;
    padding: 0 20px;
    margin: 25px 0 0 0;
  }
  .jm .lineup dd figure {
    width: 300px;
    margin: 0 auto;
  }
  .jm .lineup dd figure img {
    box-shadow: 2px 2px 10px #999, -2px -2px 10px #999;
    width: 100%;
  }
}

.maeteleyes {
  overflow: hidden;
  position: relative;
  background-image: url("../img/limited/999_bg.jpg");
  background-repeat: repeat;
  background-position: left center;
}
.maeteleyes .img-main {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.maeteleyes .img-main img {
  width: 100%;
}
.maeteleyes .img-logo {
  position: absolute;
  z-index: 10;
}
.maeteleyes .caption {
  color: #fff;
  text-shadow: 0px 0px 5px #000;
}
.maeteleyes .caption span {
  text-shadow: 2px 2px 15px #0097dc, -2px -2px 15px #0097dc;
}
.maeteleyes .description {
  padding: 10px 15px;
}
.maeteleyes .description h4 {
  margin: 0;
  line-height: 150%;
  font-size: 1.3em;
}
.maeteleyes .description p {
  margin: 10px 0 0 0;
}
.maeteleyes h3 {
  color: #fff;
  text-shadow: 2px 2px 15px #0097dc, -2px -2px 15px #0097dc;
  font-weight: 900;
  line-height: 100%;
}
.maeteleyes .itemimg .box figure {
  width: 100%;
  box-shadow: 0px 0px 30px #fff;
  text-align: center;
  background-color: #fff;
}
.maeteleyes .itemimg .box figure img {
  width: 50%;
}
.maeteleyes .itemimg .box h4 {
  text-align: center;
  font-size: 1.5em;
  margin: 20px 40px 10px;
  padding: 12px 0 10px 0;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  color: #000;
  font-weight: 400;
}
.maeteleyes .itemimg .box p {
  text-align: center;
  color: #fff;
  padding: 0;
}
.maeteleyes .itemimg .p1 h4 {
  background-color: #a29380;
}
.maeteleyes .itemimg .p2 h4 {
  background-color: #8b7782;
}
.maeteleyes .itemimg .p3 h4 {
  background-color: #767386;
}
.maeteleyes .itemimg .p4 h4 {
  background-color: #89938a;
}
.maeteleyes .copy {
  text-align: center;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .maeteleyes {
    width: 320px;
    padding: 0;
  }
  .maeteleyes .img-main {
    margin: 0;
  }
  .maeteleyes .img-logo {
    width: 100%;
    top: 180px;
    left: 25px;
    margin: 0;
  }
  .maeteleyes .img-logo img {
    width: 85%;
  }
  .maeteleyes .caption {
    text-align: center;
    font-size: 1.5em;
    margin: 30px 0 0 0;
  }
  .maeteleyes .caption span {
    font-size: 3em;
  }
  .maeteleyes .description {
    position: relative;
    color: #fff;
    width: 290px;
    margin-top: 300px;
    top: 0;
    left: 0;
  }
  .maeteleyes h3 {
    margin: 30px 0 0 0;
    font-size: 1.6em;
    background-color: rgba(0, 0, 0, 0.6);
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 20px 0 18px 0;
    text-align: center;
  }
  .maeteleyes .itemimg {
    margin: 0 auto;
    width: 290px;
  }
  .maeteleyes .itemimg .box {
    width: 100%;
  }
  .maeteleyes .itemimg .box figure {
    margin: 40px 0 0 0;
    height: 270px;
    padding: 20px 0 0 0;
    -webkit-border-radius: 145px;
    border-radius: 145px;
  }
  .maeteleyes .itemimg .box p {
    margin: 0 auto;
  }
  .maeteleyes .copy {
    font-size: 1em;
    margin: 30px 0;
  }
}
@media only screen and (min-width: 768px) {
  .maeteleyes .img-main {
    margin: 0 0 0 10px;
  }
  .maeteleyes .img-logo {
    width: 550px;
    top: 20px;
    left: 350px;
  }
  .maeteleyes .img-logo img {
    width: 100%;
  }
  .maeteleyes .caption {
    position: absolute;
    top: 280px;
    left: 550px;
    font-size: 2em;
  }
  .maeteleyes .caption span {
    font-size: 3.2em;
  }
  .maeteleyes .caption-en {
    left: 510px;
  }
  .maeteleyes .description {
    position: absolute;
    z-index: 333;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0px 0px 15px #fff;
    width: 400px;
    top: 390px;
    left: 490px;
  }
  .maeteleyes h3 {
    position: relative;
    z-index: 500;
    top: 610px;
    left: 0;
    margin: 0;
    font-size: 3em;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px 0 18px 240px;
  }
  .maeteleyes .itemimg {
    position: relative;
    z-index: 999;
    margin: 660px auto 0 auto;
    width: 840px;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -moz-box-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .maeteleyes .itemimg .box {
    width: 390px;
  }
  .maeteleyes .itemimg .box figure {
    margin: 0;
    height: 360px;
    padding: 30px 0 0 0;
    -webkit-border-radius: 195px;
    border-radius: 195px;
  }
  .maeteleyes .itemimg .box p {
    margin: 0 auto 60px auto;
  }
  .maeteleyes .copy {
    font-size: 1.2em;
    margin: 0 0 30px 0;
  }
}

.stgb section figure {
  margin: 0;
  padding: 0;
}
.stgb section figure img {
  width: 100%;
}
.stgb section p {
  padding: 0 10px;
}
.stgb section dl dt {
  margin: 0 0 0 10px;
}
.stgb section dl dt:first-child {
  margin: 0 0 0 5px;
}
.stgb section dl dd {
  margin: 0 0 0 1.5em;
  line-height: 170%;
}
.stgb section .cap {
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  margin: 0 10px;
  padding: 3px 0 0 0;
}
@media only screen and (max-width: 767px) {
  .stgb section {
    width: 310px;
  }
  .stgb section .cap {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 768px) {
  .stgb {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -moz-box-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .stgb section {
    width: 49%;
  }
  .stgb section dl {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
  }
}

/* 追加 */
/*----------------------------*/
div#path {
  display: block;
  background-color: #eeeeee;
  padding: 10px 10px 30px;
  margin: 0 0 10px 0;
}

div#path ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

div#path li {
  float: left;
  margin: 0px;
  padding: 0px 10px 0px 13px;
  background-image: url(../image/list_path.gif);
  background-repeat: no-repeat;
  background-position: left top;
}

/*----------------------------------*/
/* 恐竜の */
.imgKyoryu {
  margin: 0 auto;
}
.imgKyoryu img {
  max-width: 100%;
  height: auto;
}

/* 怒髪天の */
.imgDohatsuten {
  margin: 0 auto;
}
.imgDohatsuten img {
  max-width: 100%;
  height: auto;
}

/*# sourceMappingURL=style.css.map */