@import 'https://fonts.googleapis.com/css?family=Ubuntu:500,700';
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
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;
}

@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.2%;
  }
  .row12space .grid1 img {
    max-width: 80px;
  }
  .row12space .grid2 {
    width: 16.4%;
  }
  .row12space .grid2 img {
    max-width: 160px;
  }
  .row12space .grid3 {
    width: 24.6%;
  }
  .row12space .grid3 img {
    max-width: 240px;
  }
  .row12space .grid4 {
    width: 32.8%;
  }
  .row12space .grid4 img {
    max-width: 320px;
  }
  .row12space .grid5 {
    width: 41%;
  }
  .row12space .grid5 img {
    max-width: 400px;
  }
  .row12space .grid6 {
    width: 49.2%;
  }
  .row12space .grid6 img {
    max-width: 480px;
  }
  .row12space .grid7 {
    width: 57.4%;
  }
  .row12space .grid7 img {
    max-width: 560px;
  }
  .row12space .grid8 {
    width: 65.6%;
  }
  .row12space .grid8 img {
    max-width: 640px;
  }
  .row12space .grid9 {
    width: 73.8%;
  }
  .row12space .grid9 img {
    max-width: 720px;
  }
  .row12space .grid10 {
    width: 82%;
  }
  .row12space .grid10 img {
    max-width: 800px;
  }
  .row12space .grid11 {
    width: 90.2%;
  }
  .row12space .grid11 img {
    max-width: 880px;
  }
  .row12space .grid12 {
    width: 98.4%;
  }
  .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: 1343px;
  }
  .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 .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: 1430px;
    background-color: #000;
  }
  .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 .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 {
}

@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 .centersection .dohatsuki_btn {
    margin: 30px auto 0 auto;
  }
  .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 .centersection .dohatsuki_btn, .dohatsuten .centersection .flyover_btn {
    position: absolute;
    z-index: 100;
    background-color: #fff;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 0;
    margin: 0;
  }
  .dohatsuten .centersection .dohatsuki_btn img, .dohatsuten .centersection .flyover_btn img {
    vertical-align: bottom;
  }
  .dohatsuten .centersection .dohatsuki_btn img:hover, .dohatsuten .centersection .flyover_btn img:hover {
    opacity: 0.7;
  }
  .dohatsuten .centersection .dohatsuki_btn {
    top: 190px;
    left: 80px;
  }
  .dohatsuten .centersection .flyover_btn {
    bottom: 95px;
    right: 10px;
  }
  .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: 260px;
  }
  .dohatsuten .flyoverintro2.japanese {
    font-size: 0.9em;
  }
  .dohatsuten .dohatsutenpicset {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 220px;
  }
  .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行書体','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 .sale section {
    margin: 15px 10px 0;
  }
  .ouroboros .sale section ul {
    background-color: #f1f1f1;
    list-style: none;
    margin: 0;
    padding: 1em;
  }
  .ouroboros .sale section ul li {
    margin: 8px 0 0 0;
    padding: 0;
    font-weight: 600;
  }
  .ouroboros .sale section ul li:first-child {
    margin-top: 0;
  }
  .ouroboros .sale section ul .sub p {
    margin: 6px 0 0 1.3em;
    font-weight: 100;
  }
  .ouroboros .sale section ul .sub p:first-child {
    margin-top: 0;
  }
  .ouroboros .sale .btn {
    margin: 25px 0 0;
    text-align: center;
  }
  .ouroboros .sale .btn a {
    background-color: #fff;
  }
  .ouroboros .sale .btn a img {
    width: 100%;
  }
  .ouroboros .sale .btn a img:hover {
    opacity: 0.7;
  }
  .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 .set_b {
    margin-bottom: 20px;
  }
  .ouroboros .set_b .caphead {
    font-size: 3em;
    line-height: 100%;
    margin: 10px auto 0 auto;
    font-weight: bolder;
    text-align: center;
  }
  .ouroboros .set_b .caphead:first-child {
    margin-top: 10px;
  }
  .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 .webshop h4 {
    padding: 0 1em;
  }
  .ouroboros .webshop p {
    padding: 0 1em;
  }
  .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 .sale {
    display: -webkit-flex;
    display: flex;
  }
  .ouroboros .sale section {
    margin: 15px 0 0 2em;
  }
  .ouroboros .sale section ul {
    background-color: #f1f1f1;
    list-style: none;
    margin: 0;
    padding: 1em;
  }
  .ouroboros .sale section ul li {
    margin: 8px 0 0 0;
    padding: 0;
    font-weight: 600;
  }
  .ouroboros .sale section ul li:first-child {
    margin-top: 0;
  }
  .ouroboros .sale section ul .sub p {
    margin: 6px 0 0 1.3em;
    font-weight: 100;
  }
  .ouroboros .sale section ul .sub p:first-child {
    margin-top: 0;
  }
  .ouroboros .sale .btn {
    margin: 25px 0 0 3em;
    text-align: center;
  }
  .ouroboros .sale .btn a {
    background-color: #fff;
  }
  .ouroboros .sale .btn a img {
    width: 500px;
  }
  .ouroboros .sale .btn a img:hover {
    opacity: 0.7;
  }
  .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 .telorder {
    line-height: 180%;
    margin: 20px 25px 0;
    border: 1px dotted #403030;
    padding: 8px 1em;
  }
  .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%;
  }
}

.maetel-bg {
  background-image: url("../img/limited/999_bg.jpg");
  background-repeat: repeat;
  background-position: left center;
}

.maeteleyes {
  overflow: hidden;
  position: relative;
}

.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;
  text-align: left;
}

.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, 150, 220, 0.3);
    padding: 20px 0 18px 0px;
  }
  .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;
  }
}

.maetelcos .header {
  text-align: center;
  background-color: rgba(214, 0, 128, 0.3);
  padding: 30px 0;
}

.maetelcos .header h3 {
  color: #fff;
  text-shadow: 2px 0px 15px #d60080, 0px 2px 15px #d60080, -2px 0px 15px #d60080, 0px -2px 15px #d60080;
  font-size: 4em;
  font-weight: 900;
  line-height: 100%;
  margin: 0;
}

.maetelcos .header p {
  font-size: 7.2em;
  font-weight: bolder;
  color: #f00;
  text-shadow: 3px 0px 0 #000, 0px 3px 0 #000, -3px 0px 0 #000, 0px -3px 0 #000;
  display: inline-block;
  line-height: 100%;
  margin: 7px 0 20px 0;
  vertical-align: top;
}

.maetelcos .header .logo {
  width: 250px;
}

.maetelcos main.cos {
  width: 100%;
  margin-bottom: -30px;
  position: relative;
}

.maetelcos main.cos .cos-img {
  position: absolute;
  top: 0;
  right: 0;
  width: 600px;
  z-index: 0;
}

.maetelcos main.cos *::-ms-backdrop, .maetelcos main.cos .cos-img {
  left: -120px;
  /*-- IE11 hack --*/
  bottom: 0;
}

.maetelcos main.cos .cap {
  margin: 0;
  text-align: left;
  font-size: 2em;
  color: #fff;
  line-height: 130%;
  padding: 120px 0 0 30px;
}

.maetelcos main.cos .maetel-content {
  margin-top: 100px;
  padding: 30px;
  z-index: 10;
}

.maetelcos main.cos .maetel-content section {
  position: relative;
  margin: 0 0 30px 0;
}

.maetelcos main.cos .maetel-content section h4 {
  background-color: rgba(214, 0, 128, 0.7);
  color: #fff;
  width: calc(100% - 15px);
  padding: 10px 0 10px 15px;
  line-height: 100%;
  font-size: 2em;
  font-weight: 600;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 0;
  text-align: left;
}

.maetelcos main.cos .maetel-content section dl {
  display: -webkit-flex;
  display: flex;
}

.maetelcos main.cos .maetel-content section dl dd {
  margin: 0 10px 0 0;
}

.maetelcos main.cos .maetel-content section dl dd img {
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.maetelcos main.cos .maetel-content section .price {
  position: absolute;
  right: 30px;
  bottom: -80px;
  display: table-cell;
  padding-top: 60px;
  height: 90px;
  width: 150px;
  vertical-align: middle;
  text-align: center;
  -webkit-border-radius: 75px;
  border-radius: 75px;
  background-color: #d60080;
  font-size: 2.5em;
  font-weight: 900;
  color: #fff;
  border: 2px solid #fff;
  z-index: 10;
}

.maetelcos main.cos .maetel-content section .price span {
  font-size: 0.4em;
  font-weight: normal;
}

.maetelcos main.set {
  margin: 0 0 40px 0;
  position: relative;
}

.maetelcos main.set .set-img {
  position: absolute;
  top: 0;
  left: 40px;
}

.maetelcos main.set *::-ms-backdrop, .maetelcos main.set .set-img {
  left: -450px;
  /*-- IE11 hack --*/
  bottom: 0;
  top: 50px;
}

.maetelcos main.set p {
  color: #fff;
  text-align: center;
}

.maetelcos main.set .set-wrap {
  width: 600px;
  margin: 0 0 0 340px;
}

.maetelcos main.set .set-wrap h4 {
  color: #fff;
  font-size: 2em;
  text-shadow: 2px 0px 15px #d60080, 0px 2px 15px #d60080, -2px 0px 15px #d60080, 0px -2px 15px #d60080;
  font-weight: 900;
}

.maetelcos main.set .set-wrap h5 {
  border-top: 2px solid #d60080;
  border-bottom: 2px solid #d60080;
  color: #fff;
  padding: 15px 0;
  font-size: 1.3em;
  font-weight: 900;
  line-height: 100%;
  margin-right: 40px;
  text-align: center;
}

.maetelcos main.set .set-wrap p {
  text-align: left;
  color: #fff;
}

.maetelcos main.set .set-wrap .price {
  text-align: center;
  color: #fff;
  font-size: 5em;
  text-shadow: 2px 0px 15px #d60080, 0px 2px 15px #d60080, -2px 0px 15px #d60080, 0px -2px 15px #d60080;
  font-weight: 900;
  margin: 40px 0 0 0;
  padding: 0;
}

.maetelcos main.set .set-wrap .price span {
  font-size: 0.4em;
}

.maetelcos main.set .set-contents {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 70px);
  margin: 0 0 0 70px;
}

.maetelcos main.set .set-contents dl {
  width: 260px;
  margin: 0 20px 0 0;
}

.maetelcos main.set .set-contents dl dt {
  text-align: center;
  display: table;
  width: 100%;
  height: 300px;
  background-color: #eee;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.maetelcos main.set .set-contents dl dt figure {
  display: table-cell;
  vertical-align: middle;
}

.maetelcos main.set .set-contents dl dt figure img {
  width: 150px;
  vertical-align: bottom;
}

.maetelcos main.set .set-contents dl dd {
  margin: 10px 0 30px 0;
  line-height: 100%;
  padding: 10px 0;
  font-size: 1.3em;
  font-weight: 600;
  color: #fff;
  background-color: rgba(214, 0, 128, 0.7);
  -webkit-border-radius: 8px;
  border-radius: 8px;
  text-align: center;
}

.maetelcos main.set .set-contents .hide {
  visibility: hidden;
}

.maetelcos .copy {
  text-align: center;
  color: #fff;
  font-size: 1.2em;
  padding: 30px 0;
  margin: 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;
  }
}