@charset "UTF-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

html {
  font-family: "Lato", YuGothic, "游ゴシック", sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: "Lato", YuGothic, "游ゴシック", sans-serif;
  margin: 0;
  padding: 0;
  line-height: 1.62857;
  font-size: 14px;
  color: #252525;
  -webkit-touch-callout: none;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

svg:not(:root) {
  overflow: hidden;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent;
  color: #252525;
  text-decoration: none;
}

img,
object,
embed {
  vertical-align: top;
}

img {
  vertical-align: middle;
  border: 0;
}

hr, legend {
  display: none;
}

abbr, acronym, fieldset {
  border: 0;
}

ul, ol {
  margin: 0 !important;
  padding: 0 !important;
}

li {
  list-style-type: none;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  margin-top: 22px;
  margin-bottom: 22px;
  border: 0;
  border-top: 1px solid #fcfcfc;
  display: block;
}

input, select {
  vertical-align: middle;
}

select {
  position: relative;
  box-sizing: content-box;
}

img:not(input) {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button,
select {
  text-transform: none;
}

br.pc {
  display: block;
}
@media (max-width: 37.5em) {
  br.pc {
    display: none;
  }
}

br.sp {
  display: none;
}
@media (max-width: 37.5em) {
  br.sp {
    display: block;
  }
}

@font-face {
  font-family: 'Lato', "游ゴシック", YuGothic, sans-serif;
}
.en {
  font-family: 'Lato', sans-serif;
  letter-spacing: 2px;
}

@font-face {
  font-family: 'cheerz';
  src: url("../../fonts/cheerz/cheerz-b80u63.eot");
  src: url("../../fonts/cheerz/cheerz-b80u63.eot#iefix") format("embedded-opentype"), url("../../fonts/cheerz/cheerz-b80u63.ttf") format("truetype"), url("../../fonts/cheerz/cheerz-b80u63.woff") format("woff"), url("../../fonts/cheerz/cheerz-b80u63.svg#cheerz") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  font-family: 'cheerz';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-menu:before {
  content: "\e900";
}

.icon-gotoApp:before {
  content: "\e800";
}

.icon-trophy:before {
  content: "\e614";
}

.icon-arrow-backward:before {
  content: "\e611";
}

.icon-ranking_month:before {
  content: "\e60f";
}

.icon-ranking_daily:before {
  content: "\e610";
}

.icon-news_report:before {
  content: "\e60d";
}

.icon-hateb:before {
  content: "\e600";
}

.icon-heart_line:before {
  content: "\e60b";
}

.icon-ranking:before {
  content: "\e60c";
}

.icon-heart_offset:before {
  content: "\e608";
}

.icon-triangle_bottom:before {
  content: "\e609";
}

.icon-triangle_top:before {
  content: "\e60a";
}

.icon-event:before {
  content: "\e601";
}

.icon-heart:before {
  content: "\e602";
}

.icon-images:before {
  content: "\e603";
}

.icon-point:before {
  content: "\e604";
}

.icon-search:before {
  content: "\e605";
}

.icon-movie:before {
  content: "\e606";
}

.icon-locked:before {
  content: "\e615";
}

.icon-close:before {
  content: "\e612";
}

.icon-paper-clip:before {
  content: "\e607";
}

.icon-trash-o:before {
  content: "\e613";
}

.icon-facebook:before {
  content: "\e60e";
}

.icon-chevron-down:before {
  content: "\f0a3";
}

.icon-chevron-left:before {
  content: "\f0a4";
}

.icon-chevron-right:before {
  content: "\f078";
}

.icon-chevron-up:before {
  content: "\f0a2";
}

.icon-add:before {
  content: "\f05d";
}

.icon-twitter:before {
  content: "\ea91";
}

.wrapper {
  position: relative;
}

.second .content a {
  color: #fe68bf;
  text-decoration: underline;
}
.second .content a:hover {
  text-decoration: none;
}

.content {
  margin: 100px 0;
}
@media (max-width: 37.5em) {
  .content {
    margin: 25px 0;
  }
}

section .inner {
  width: 1000px;
  margin: 0 auto;
}
@media (max-width: 37.5em) {
  section .inner {
    width: 100%;
    padding: 0 20px;
  }
}

.second section {
  padding: 130px 0 100px;
}
@media (max-width: 37.5em) {
  .second section {
    padding: 60px 0 50px;
  }
}

.inline {
  width: 95%;
  margin: 0 auto;
}

.content .inner {
  width: 1000px;
  margin: 0 auto;
}
@media (max-width: 37.5em) {
  .content .inner {
    width: 100%;
    padding: 0 20px;
  }
}

h1 {
  font-size: 36px;
}

h2 {
  margin-bottom: 60px;
  font-size: 40px;
  line-height: 1.2em;
  color: #252525;
  text-align: center;
}
@media (max-width: 37.5em) {
  h2 {
    font-size: 30px;
  }
}
h2.en {
  font-weight: 900;
  letter-spacing: 5px;
}

h2.ttl {
  width: 100%;
  margin-bottom: 40px;
  padding: 25px 0;
  border-top: 5px solid #252525;
  border-bottom: 5px solid #252525;
  color: #252525;
  font-size: 26px;
}
@media (max-width: 37.5em) {
  h2.ttl {
    margin-bottom: 20px;
    padding: 15px 0;
    border-top: 3px solid #252525;
    border-bottom: 3px solid #252525;
    font-size: 15px;
  }
}
h2.ttl i {
  margin-right: 14px;
}

h2.ttlCenter {
  width: 100%;
  margin-bottom: 40px;
  text-align: center;
  color: #252525;
  font-size: 50px;
}
@media (max-width: 37.5em) {
  h2.ttlCenter {
    font-size: 25px;
  }
}
h2.ttlCenter i {
  margin-right: 14px;
}
h2.ttlCenter.en {
  font-weight: 900;
  letter-spacing: 5px;
}

h3 {
  margin-bottom: 25px;
  font-size: 20px;
  line-height: 0.8em;
  color: #252525;
}
@media (max-width: 37.5em) {
  h3 {
    font-size: 16px;
  }
}
h3.en {
  font-weight: 900;
  letter-spacing: 5px;
}

.block {
  margin-bottom: 100px;
}
.block:last-child {
  margin-bottom: 0;
}
@media (max-width: 37.5em) {
  .block {
    margin-bottom: 25px;
  }
}

.pageHead {
  margin-bottom: 64px;
  padding-bottom: 40px;
  text-align: center;
  border-bottom: 1px solid white;
}

.note {
  margin-bottom: 40px;
  font-size: 12px;
  line-height: 2.2em;
}
@media (max-width: 37.5em) {
  .note {
    margin-bottom: 20px;
  }
}
.note a {
  color: #fe68bf;
  text-decoration: underline;
}
.note a:hover {
  text-decoration: none;
}
.note strong {
  font-size: 16px;
  font-weight: bold;
}

.gotoBtn {
  margin-bottom: 60px;
}
.gotoBtn a {
  text-decoration: none !important;
}

#eventIndex ul.eventIndex {
  display: flex;
  flex-wrap: wrap;
  border-top: 5px solid #252525;
  border-left: 5px solid #252525;
}
@media (max-width: 37.5em) {
  #eventIndex ul.eventIndex {
    display: block;
  }
}
#eventIndex ul.eventIndex li.eventBlock {
  width: 50%;
  padding: 30px 30px 60px;
  border-right: 5px solid #252525;
  border-bottom: 5px solid #252525;
}
@media (max-width: 37.5em) {
  #eventIndex ul.eventIndex li.eventBlock {
    width: 100%;
    padding: 20px;
  }
}
#eventIndex ul.eventIndex li.eventBlock .logo {
  display: table-cell;
  width: 430px;
  height: 270px;
  text-align: center;
  vertical-align: middle;
  margin-bottom: 10px;
}
@media (max-width: 37.5em) {
  #eventIndex ul.eventIndex li.eventBlock .logo {
    display: block;
    width: 100%;
    height: auto;
  }
}
#eventIndex ul.eventIndex li.eventBlock .logo img {
  max-width: 430px;
  max-height: 270px;
}
@media (max-width: 37.5em) {
  #eventIndex ul.eventIndex li.eventBlock .logo img {
    max-width: 240px;
    max-height: 240px;
  }
}
#eventIndex ul.eventIndex li.eventBlock h3 {
  margin: 20px 0;
  text-align: center;
  font-size: 30px;
  font-weight: 900;
  line-height: 1.4em;
}
#eventIndex ul.eventIndex li.eventBlock ul.news {
  display: block;
  width: 100%;
  margin: 0 auto 60px !important;
}
@media (max-width: 37.5em) {
  #eventIndex ul.eventIndex li.eventBlock ul.news {
    width: 100%;
    padding: 0 !important;
  }
}
#eventIndex ul.eventIndex li.eventBlock ul.news li {
  margin-bottom: 17px;
}
#eventIndex ul.eventIndex li.eventBlock ul.news li:last-child {
  margin-bottom: 0;
}
#eventIndex ul.eventIndex li.eventBlock ul.news li a {
  display: block;
  color: #252525;
}
#eventIndex ul.eventIndex li.eventBlock ul.news li a dl {
  display: flex;
}
#eventIndex ul.eventIndex li.eventBlock ul.news li a dl dt {
  width: 120px;
  text-align: left;
  font-size: 12px;
}
@media (max-width: 37.5em) {
  #eventIndex ul.eventIndex li.eventBlock ul.news li a dl dt {
    width: 84px;
  }
}
#eventIndex ul.eventIndex li.eventBlock ul.news li a dl dt span {
  float: right;
  margin: 0 20px;
}
@media (max-width: 37.5em) {
  #eventIndex ul.eventIndex li.eventBlock ul.news li a dl dt span {
    margin: 0 5px;
  }
}
#eventIndex ul.eventIndex li.eventBlock ul.news li a dl dd {
  display: flex;
  flex: 1;
  text-align: left;
}
#eventIndex ul.eventIndex li.eventBlock ul.news li a dl dd .tag {
  margin: 3px 20px 0 0;
  background: #252525;
  width: 90px;
  height: 14px;
  padding: 2px 0 0;
  border-left: 1px solid #7f7f7f;
  border-right: 1px solid #7f7f7f;
  font-size: 9px;
  color: #fff;
  text-align: center;
  line-height: 1em;
}
@media (max-width: 37.5em) {
  #eventIndex ul.eventIndex li.eventBlock ul.news li a dl dd .tag {
    width: 70px;
    padding: 3px 0 0;
    font-size: 8px;
  }
}
#eventIndex ul.eventIndex li.eventBlock ul.news li a dl dd .tag.jam {
  background: #ec2314;
  border-left: 1px solid #f47e75;
  border-right: 1px solid #f47e75;
}
#eventIndex ul.eventIndex li.eventBlock ul.news li a dl dd .tag.expo {
  background: #252525;
}
#eventIndex ul.eventIndex li.eventBlock ul.news li a dl dd .tag.field {
  background: #ffb103;
  border-left: 1px solid #ffd16b;
  border-right: 1px solid #ffd16b;
}
#eventIndex ul.eventIndex li.eventBlock ul.news li a dl dd .tag.party {
  background: #024dc7;
  border-left: 1px solid #6a96de;
  border-right: 1px solid #6a96de;
}
#eventIndex ul.eventIndex li.eventBlock ul.news li a dl dd .tag.next {
  background: #00b0ed;
  border-left: 1px solid #69d1f4;
  border-right: 1px solid #69d1f4;
}
#eventIndex ul.eventIndex li.eventBlock ul.news li a dl dd .tag.meets {
  background: #00c4a9;
  border-left: 1px solid #69dccc;
  border-right: 1px solid #69dccc;
}
#eventIndex ul.eventIndex li.eventBlock ul.news li a dl dd .tag.overseas {
  background: #b82bb6;
  border-left: 1px solid #d582d4;
  border-right: 1px solid #d582d4;
}
#eventIndex ul.eventIndex li.eventBlock ul.news li a dl dd .tag.other {
  background: #e5e5e5;
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  color: #252525;
}
@media (max-width: 37.5em) {
  #eventIndex ul.eventIndex li.eventBlock ul.news li a dl dd .tag {
    margin: 3px 10px 0 0;
  }
}
#eventIndex ul.eventIndex li.eventBlock ul.news li a dl dd p {
  flex: 1;
  font-size: 12px;
}
@media (max-width: 37.5em) {
  #eventIndex ul.eventIndex li.eventBlock ul.news li a dl dd p {
    text-align: left;
  }
}
#eventIndex ul.eventIndex li.eventBlock .moreBtn {
  width: 218px;
  margin: 0 auto;
}
@media (max-width: 37.5em) {
  #eventIndex ul.eventIndex li.eventBlock .moreBtn {
    width: 100%;
    margin: 0 auto 20px;
  }
}
#eventIndex ul.eventIndex li.eventBlock .moreBtn a {
  display: block;
  width: 218px;
  height: 54px;
  padding: 7px 0 0;
  border: 4px solid #252525;
  font-size: 20px;
  text-align: center;
}
@media (max-width: 37.5em) {
  #eventIndex ul.eventIndex li.eventBlock .moreBtn a {
    width: 100%;
    padding: 10px 0 0;
    font-size: 16px;
  }
}
#eventIndex ul.eventIndex li.eventBlock .moreBtn a.en {
  font-weight: 900;
}
#eventIndex ul.eventIndex li.eventBlock .moreBtn a i {
  margin-right: 7px;
}
#eventIndex ul.eventIndex li.eventBlock .moreBtn.jam a {
  border: 4px solid #ec2314;
  color: #ec2314;
}
#eventIndex ul.eventIndex li.eventBlock .moreBtn.expo a {
  border: 4px solid #252525;
  color: #252525;
}
#eventIndex ul.eventIndex li.eventBlock .moreBtn.field a {
  border: 4px solid #ffb103;
  color: #ffb103;
}
#eventIndex ul.eventIndex li.eventBlock .moreBtn.party a {
  border: 4px solid #024dc7;
  color: #024dc7;
}
#eventIndex ul.eventIndex li.eventBlock .moreBtn.next a {
  border: 4px solid #00b0ed;
  color: #00b0ed;
}
#eventIndex ul.eventIndex li.eventBlock .moreBtn.meets a {
  border: 4px solid #00c4a9;
  color: #00c4a9;
}
#eventIndex ul.eventIndex li.eventBlock .moreBtn.overseas a {
  border: 4px solid #b82bb6;
  color: #b82bb6;
}
#eventIndex ul.eventIndex li.eventBlock .moreBtn.others a {
  border: 4px solid #fe68bf;
  color: #fe68bf;
}

#news ul.newsIndex {
  display: block;
  width: 550px;
  margin: 0 auto 60px !important;
}
@media (max-width: 37.5em) {
  #news ul.newsIndex {
    width: 100%;
  }
}
#news ul.newsIndex li {
  margin-bottom: 17px;
}
#news ul.newsIndex li:last-child {
  margin-bottom: 0;
}
#news ul.newsIndex li a {
  display: block;
  color: #252525;
}
#news ul.newsIndex li a dl {
  display: flex;
}
#news ul.newsIndex li a dl dt {
  width: 120px;
  text-align: left;
  font-size: 12px;
}
@media (max-width: 37.5em) {
  #news ul.newsIndex li a dl dt {
    width: 84px;
  }
}
#news ul.newsIndex li a dl dt span {
  float: right;
  margin: 0 20px;
}
@media (max-width: 37.5em) {
  #news ul.newsIndex li a dl dt span {
    margin: 0 5px;
  }
}
#news ul.newsIndex li a dl dd {
  display: flex;
  flex: 1;
  text-align: left;
}
#news ul.newsIndex li a dl dd .tag {
  margin: 3px 20px 0 0;
  background: #252525;
  width: 90px;
  height: 14px;
  padding: 2px 0 0;
  border-left: 1px solid #7f7f7f;
  border-right: 1px solid #7f7f7f;
  font-size: 9px;
  color: #fff;
  text-align: center;
  line-height: 1em;
}
@media (max-width: 37.5em) {
  #news ul.newsIndex li a dl dd .tag {
    width: 70px;
    padding: 3px 0 0;
    font-size: 8px;
  }
}
#news ul.newsIndex li a dl dd .tag.jam {
  background: #ec2314;
  border-left: 1px solid #f47e75;
  border-right: 1px solid #f47e75;
}
#news ul.newsIndex li a dl dd .tag.expo {
  background: #252525;
}
#news ul.newsIndex li a dl dd .tag.field {
  background: #ffb103;
  border-left: 1px solid #ffd16b;
  border-right: 1px solid #ffd16b;
}
#news ul.newsIndex li a dl dd .tag.party {
  background: #024dc7;
  border-left: 1px solid #6a96de;
  border-right: 1px solid #6a96de;
}
#news ul.newsIndex li a dl dd .tag.next {
  background: #00b0ed;
  border-left: 1px solid #69d1f4;
  border-right: 1px solid #69d1f4;
}
#news ul.newsIndex li a dl dd .tag.meets {
  background: #00c4a9;
  border-left: 1px solid #69dccc;
  border-right: 1px solid #69dccc;
}
#news ul.newsIndex li a dl dd .tag.overseas {
  background: #b82bb6;
  border-left: 1px solid #d582d4;
  border-right: 1px solid #d582d4;
}
#news ul.newsIndex li a dl dd .tag.other {
  background: #e5e5e5;
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  color: #252525;
}
@media (max-width: 37.5em) {
  #news ul.newsIndex li a dl dd .tag {
    margin: 3px 10px 0 0;
  }
}
#news ul.newsIndex li a dl dd p {
  flex: 1;
  font-size: 12px;
}
@media (max-width: 37.5em) {
  #news ul.newsIndex li a dl dd p {
    text-align: left;
  }
}
#news .moreBtn {
  width: 218px;
  margin: 0 auto;
}
@media (max-width: 37.5em) {
  #news .moreBtn {
    width: 100%;
    margin: 0 auto 20px;
  }
}
#news .moreBtn a {
  display: block;
  width: 218px;
  height: 54px;
  padding: 7px 0 0;
  border: 4px solid #252525;
  font-size: 20px;
  text-align: center;
}
@media (max-width: 37.5em) {
  #news .moreBtn a {
    width: 100%;
    padding: 10px 0 0;
    font-size: 16px;
  }
}
#news .moreBtn a.en {
  font-weight: 900;
}
#news .moreBtn a i {
  margin-right: 7px;
}
#news .newsDetail .inner {
  width: 800px;
}
@media (max-width: 37.5em) {
  #news .newsDetail .inner {
    width: 100%;
  }
}
#news .newsDetail .inner ul.dateTag {
  display: flex;
  margin-bottom: 20px !important;
}
@media (max-width: 37.5em) {
  #news .newsDetail .inner ul.dateTag {
    margin-bottom: 10px !important;
  }
}
#news .newsDetail .inner ul.dateTag li.tag {
  margin: 3px 20px 0 0;
  background: #252525;
  width: 90px;
  height: 14px;
  padding: 2px 0 0;
  border-left: 1px solid #7f7f7f;
  border-right: 1px solid #7f7f7f;
  font-size: 9px;
  color: #fff;
  text-align: center;
  line-height: 1em;
}
@media (max-width: 37.5em) {
  #news .newsDetail .inner ul.dateTag li.tag {
    width: 70px;
    padding: 3px 0 0;
    font-size: 8px;
  }
}
#news .newsDetail .inner ul.dateTag li.tag.jam {
  background: #ec2314;
  border-left: 1px solid #f47e75;
  border-right: 1px solid #f47e75;
}
#news .newsDetail .inner ul.dateTag li.tag.expo {
  background: #252525;
}
#news .newsDetail .inner ul.dateTag li.tag.field {
  background: #ffb103;
  border-left: 1px solid #ffd16b;
  border-right: 1px solid #ffd16b;
}
#news .newsDetail .inner ul.dateTag li.tag.party {
  background: #024dc7;
  border-left: 1px solid #6a96de;
  border-right: 1px solid #6a96de;
}
#news .newsDetail .inner ul.dateTag li.tag.next {
  background: #00b0ed;
  border-left: 1px solid #69d1f4;
  border-right: 1px solid #69d1f4;
}
#news .newsDetail .inner ul.dateTag li.tag.meets {
  background: #00c4a9;
  border-left: 1px solid #69dccc;
  border-right: 1px solid #69dccc;
}
#news .newsDetail .inner ul.dateTag li.tag.overseas {
  background: #b82bb6;
  border-left: 1px solid #d582d4;
  border-right: 1px solid #d582d4;
}
#news .newsDetail .inner ul.dateTag li.tag.other {
  background: #e5e5e5;
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  color: #252525;
}
@media (max-width: 37.5em) {
  #news .newsDetail .inner ul.dateTag li.tag {
    margin: 3px 10px 0 0;
  }
}
#news .newsDetail .inner ul.dateTag li.date {
  font-size: 12px;
}
#news .newsDetail .inner h2.ttl {
  text-align: left;
}
#news .newsDetail .inner .photo {
  width: 100%;
  margin-bottom: 40px;
}
#news .newsDetail .inner .photo img {
  width: 100%;
}
@media (max-width: 37.5em) {
  #news .newsDetail .inner .photo {
    margin-bottom: 20px;
  }
}
#news .newsDetail .inner p.note span {
  font-size: 20px;
  line-height: 1.8em;
  font-weight: bold;
}
@media (max-width: 37.5em) {
  #news .newsDetail .inner p.note span {
    font-size: 12px;
  }
}
#news .newsDetail .inner p.note img {
  display: block;
  text-align: center;
  max-width: 100%;
  margin: 20px auto;
}
#news .newsDetail .inner .btnSet ul {
  display: flex;
}
@media (max-width: 37.5em) {
  #news .newsDetail .inner .btnSet ul {
    display: block;
  }
}
#news .newsDetail .inner .btnSet ul li {
  width: 218px;
  margin-right: 20px;
}
@media (max-width: 37.5em) {
  #news .newsDetail .inner .btnSet ul li {
    width: 100%;
    margin: 0 auto 20px;
  }
}
#news .newsDetail .inner .btnSet ul li a {
  display: block;
  width: 218px;
  height: 54px;
  padding: 7px 0 0;
  border: 4px solid #252525;
  font-size: 20px;
  text-align: center;
}
@media (max-width: 37.5em) {
  #news .newsDetail .inner .btnSet ul li a {
    width: 100%;
    padding: 10px 0 0;
    font-size: 16px;
  }
}
#news .newsDetail .inner .btnSet ul li a.en {
  font-weight: 900;
}
#news .newsDetail .inner .btnSet ul li a i {
  margin-right: 7px;
}

#goods ul.goodsIndex {
  display: flex;
  flex-wrap: wrap;
}
#goods ul.goodsIndex li.goodsBlock {
  position: relative;
  width: 25%;
  padding: 30px 16px;
  border: 5px solid #252525;
}
@media (max-width: 37.5em) {
  #goods ul.goodsIndex li.goodsBlock {
    width: 50%;
  }
}
#goods ul.goodsIndex li.goodsBlock:nth-child(n+2) {
  border-left: none;
}
@media (max-width: 37.5em) {
  #goods ul.goodsIndex li.goodsBlock:nth-child(n+2) {
    border-left: 5px solid #252525;
  }
}
#goods ul.goodsIndex li.goodsBlock:nth-child(n+5) {
  border-top: none;
}
@media (max-width: 37.5em) {
  #goods ul.goodsIndex li.goodsBlock:nth-child(n+5) {
    border-top: 5px solid #252525;
  }
}
#goods ul.goodsIndex li.goodsBlock:nth-child(4n+1) {
  border-left: 5px solid #252525;
}
@media (max-width: 37.5em) {
  #goods ul.goodsIndex li.goodsBlock:nth-child(n+3) {
    border-top: none;
  }
}
@media (max-width: 37.5em) {
  #goods ul.goodsIndex li.goodsBlock:nth-child(even) {
    border-left: none;
  }
}
#goods ul.goodsIndex li.goodsBlock .image {
  display: table-cell;
  width: 214px;
  height: 214px;
  text-align: center;
  vertical-align: middle;
}
@media (max-width: 37.5em) {
  #goods ul.goodsIndex li.goodsBlock .image {
    width: 110px;
    height: 110px;
  }
}
#goods ul.goodsIndex li.goodsBlock .image img {
  max-width: 214px;
  max-height: 214px;
  margin: 0 auto;
}
@media (max-width: 37.5em) {
  #goods ul.goodsIndex li.goodsBlock .image img {
    max-width: 110px;
    max-height: 110px;
  }
}
#goods ul.goodsIndex li.goodsBlock .tag {
  margin: 20px 0 10px;
  background: #252525;
  width: 90px;
  height: 14px;
  padding: 2px 0 0;
  border-left: 1px solid #7f7f7f;
  border-right: 1px solid #7f7f7f;
  font-size: 9px;
  color: #fff;
  text-align: center;
  line-height: 1em;
}
@media (max-width: 37.5em) {
  #goods ul.goodsIndex li.goodsBlock .tag {
    width: 70px;
    padding: 3px 0 0;
    font-size: 8px;
  }
}
#goods ul.goodsIndex li.goodsBlock .tag.jam {
  background: #ec2314;
  border-left: 1px solid #f47e75;
  border-right: 1px solid #f47e75;
}
#goods ul.goodsIndex li.goodsBlock .tag.expo {
  background: #252525;
}
#goods ul.goodsIndex li.goodsBlock .tag.field {
  background: #ffb103;
  border-left: 1px solid #ffd16b;
  border-right: 1px solid #ffd16b;
}
#goods ul.goodsIndex li.goodsBlock .tag.party {
  background: #024dc7;
  border-left: 1px solid #6a96de;
  border-right: 1px solid #6a96de;
}
#goods ul.goodsIndex li.goodsBlock .tag.next {
  background: #00b0ed;
  border-left: 1px solid #69d1f4;
  border-right: 1px solid #69d1f4;
}
#goods ul.goodsIndex li.goodsBlock .tag.meets {
  background: #00c4a9;
  border-left: 1px solid #69dccc;
  border-right: 1px solid #69dccc;
}
#goods ul.goodsIndex li.goodsBlock .tag.overseas {
  background: #b82bb6;
  border-left: 1px solid #d582d4;
  border-right: 1px solid #d582d4;
}
#goods ul.goodsIndex li.goodsBlock .tag.other {
  background: #e5e5e5;
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  color: #252525;
}
@media (max-width: 37.5em) {
  #goods ul.goodsIndex li.goodsBlock .tag {
    margin: 20px 10px 10px 0;
  }
}
#goods ul.goodsIndex li.goodsBlock h3 {
  margin-bottom: 60px;
  text-align: left;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.6em;
  letter-spacing: 1px;
}
#goods ul.goodsIndex li.goodsBlock .getBtn {
  position: absolute;
  bottom: 30px;
  left: 50%;
  width: 80px;
  margin: 0 0 0 -40px;
}
#goods ul.goodsIndex li.goodsBlock .getBtn a {
  display: block;
  width: 80px;
  height: 30px;
  padding: 3px 0 0;
  border: 1px solid #252525;
  font-size: 14px;
  text-align: center;
}
@media (max-width: 37.5em) {
  #goods ul.goodsIndex li.goodsBlock .getBtn a {
    width: 100%;
    padding: 1px 0 0;
    font-size: 16px;
  }
}
#goods ul.goodsIndex li.goodsBlock .getBtn a.en {
  font-weight: 900;
}
#goods ul.goodsIndex li.goodsBlock .getBtn a i {
  margin-right: 7px;
}
#goods ul.goodsIndex li.goodsBlock .getBtn.jam a {
  border: 1px solid #ec2314;
  color: #ec2314;
}
#goods ul.goodsIndex li.goodsBlock .getBtn.expo a {
  border: 1px solid #252525;
  color: #252525;
}
#goods ul.goodsIndex li.goodsBlock .getBtn.field a {
  border: 1px solid #ffb103;
  color: #ffb103;
}
#goods ul.goodsIndex li.goodsBlock .getBtn.party a {
  border: 1px solid #024dc7;
  color: #024dc7;
}
#goods ul.goodsIndex li.goodsBlock .getBtn.next a {
  border: 1px solid #00b0ed;
  color: #00b0ed;
}
#goods ul.goodsIndex li.goodsBlock .getBtn.meets a {
  border: 1px solid #00c4a9;
  color: #00c4a9;
}
#goods ul.goodsIndex li.goodsBlock .getBtn.overseas a {
  border: 1px solid #b82bb6;
  color: #b82bb6;
}
#goods ul.goodsIndex li.goodsBlock .getBtn.others a {
  border: 1px solid #fe68bf;
  color: #fe68bf;
}
#goods .moreBtn {
  width: 218px;
  margin: 60px auto 0;
}
@media (max-width: 37.5em) {
  #goods .moreBtn {
    width: 100%;
    margin: 40px auto 20px;
  }
}
#goods .moreBtn a {
  display: block;
  width: 218px;
  height: 54px;
  padding: 7px 0 0;
  border: 4px solid #252525;
  font-size: 20px;
  text-align: center;
}
@media (max-width: 37.5em) {
  #goods .moreBtn a {
    width: 100%;
    padding: 10px 0 0;
    font-size: 16px;
  }
}
#goods .moreBtn a.en {
  font-weight: 900;
}
#goods .moreBtn a i {
  margin-right: 7px;
}

#contact section .inner {
  width: 600px;
  margin: 0 auto;
}
@media (max-width: 37.5em) {
  #contact section .inner {
    width: 100%;
    padding: 0 20px;
  }
}
#contact h3 {
  margin-bottom: 40px;
  font-size: 16px;
  text-align: center;
}
@media (max-width: 37.5em) {
  #contact h3 {
    line-height: 1.4em;
  }
}
#contact .moreBtn {
  width: 218px;
  margin: 60px auto 0;
}
@media (max-width: 37.5em) {
  #contact .moreBtn {
    width: 100%;
    margin: 0 auto 20px;
  }
}
#contact .moreBtn a {
  display: block;
  width: 218px;
  height: 54px;
  padding: 7px 0 0;
  border: 4px solid #252525;
  font-size: 20px;
  text-align: center;
}
@media (max-width: 37.5em) {
  #contact .moreBtn a {
    width: 100%;
    padding: 10px 0 0;
    font-size: 16px;
  }
}
#contact .moreBtn a.en {
  font-weight: 900;
}
#contact .moreBtn a i {
  margin-right: 7px;
}

#event .inner .ttlHead {
  position: relative;
  padding: 40px 0;
}
@media (max-width: 37.5em) {
  #event .inner .ttlHead {
    padding: 30px 0 10px;
  }
}
#event .inner .ttlHead h4 {
  margin-bottom: 10px;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  letter-spacing: 3px;
}
@media (max-width: 37.5em) {
  #event .inner .ttlHead h4 {
    font-size: 12px;
  }
}
#event .inner .ttlHead h3 {
  text-align: center;
  font-size: 50px;
  font-weight: 900;
  color: #fff;
  letter-spacing: 5px;
}
@media (max-width: 37.5em) {
  #event .inner .ttlHead h3 {
    font-size: 30px;
  }
}
#event .inner .ttlHead .image {
  background: #f8f8f8;
  position: absolute;
  top: -40px;
  right: 0;
  width: 150px;
  height: 150px;
}
@media (max-width: 37.5em) {
  #event .inner .ttlHead .image {
    display: none;
  }
}
#event .inner .ttlHead .image .imageBox {
  display: table-cell;
  width: 150px;
  height: 150px;
  text-align: center;
  vertical-align: middle;
}
#event .inner .ttlHead .image img {
  max-width: 150px;
  max-height: 150px;
}

.eventHeader {
  background-color: #252525;
}
.jam .eventHeader {
  background-color: #ec2314;
}
.expo .eventHeader {
  background-color: #252525;
}
.field .eventHeader {
  background-color: #ffb103;
}
.party .eventHeader {
  background-color: #024dc7;
}
.next .eventHeader {
  background-color: #00b0ed;
}
.meets .eventHeader {
  background-color: #00c4a9;
}
.overseas .eventHeader {
  background-color: #b82bb6;
}
.others .eventHeader {
  background-color: #fe68bf;
}

.eventTopSliderArea {
  margin: 20px 0;
  overflow: hidden;
}
@media (max-width: 37.5em) {
  .eventTopSliderArea {
    margin: 0;
  }
}

.bx-viewport:before,
.bx-viewport:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -100%;
  background-color: rgba(255, 177, 3, 0.7);
  z-index: 1000;
}
@media (max-width: 37.5em) {
  .bx-viewport:before,
  .bx-viewport:after {
    display: none;
  }
}
.jam .bx-viewport:before, .jam
.bx-viewport:after {
  background-color: rgba(236, 35, 20, 0.7);
}
.expo .bx-viewport:before, .expo
.bx-viewport:after {
  background-color: rgba(37, 37, 37, 0.7);
}
.field .bx-viewport:before, .field
.bx-viewport:after {
  background-color: rgba(255, 177, 3, 0.7);
}
.party .bx-viewport:before, .party
.bx-viewport:after {
  background-color: rgba(2, 77, 199, 0.7);
}
.next .bx-viewport:before, .next
.bx-viewport:after {
  background-color: rgba(0, 176, 237, 0.7);
}
.meets .bx-viewport:before, .meets
.bx-viewport:after {
  background-color: rgba(0, 196, 169, 0.7);
}
.overseas .bx-viewport:before, .overseas
.bx-viewport:after {
  background-color: rgba(184, 43, 182, 0.7);
}
.others .bx-viewport:before, .others
.bx-viewport:after {
  background-color: rgba(254, 104, 255, 0.7);
}

@media (max-width: 37.5em) {
  .bx-wrapper {
    margin: 0 auto 20px !important;
  }
}

.bx-wrapper .bx-viewport {
  overflow: visible !important;
  left: 0;
  border-width: 0;
  box-shadow: none;
  background: none;
}

.bx-viewport:before {
  right: 100%;
  left: -100%;
}

.bx-viewport:after {
  left: 100%;
  right: -100%;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -32px;
  padding: 4px 20px;
  text-align: center;
  outline: 0;
  width: 64px;
  height: 64px;
  z-index: 99;
}
@media (max-width: 37.5em) {
  .bx-wrapper .bx-controls-direction a {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    padding: 4px 0;
  }
}

.bx-wrapper .bx-prev {
  width: 64px;
  height: 64px;
  left: -5px;
  background: #ffb103;
}
@media (max-width: 37.5em) {
  .bx-wrapper .bx-prev {
    left: 0px;
  }
}
.bx-wrapper .bx-prev:before {
  font-family: 'FontAwesome';
  content: '\f053';
  font-size: 36px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
}
@media (max-width: 37.5em) {
  .bx-wrapper .bx-prev:before {
    font-size: 16px;
  }
}
.jam .bx-wrapper .bx-prev {
  background-color: #ec2314;
}
.expo .bx-wrapper .bx-prev {
  background-color: #252525;
}
.field .bx-wrapper .bx-prev {
  background-color: #ffb103;
}
.party .bx-wrapper .bx-prev {
  background-color: #024dc7;
}
.next .bx-wrapper .bx-prev {
  background-color: #00b0ed;
}
.meets .bx-wrapper .bx-prev {
  background-color: #00c4a9;
}
.overseas .bx-wrapper .bx-prev {
  background-color: #b82bb6;
}
.others .bx-wrapper .bx-prev {
  background-color: #fe68bf;
}

.bx-wrapper .bx-next {
  width: 64px;
  height: 64px;
  right: 4px;
  background: #ffb103;
}
@media (max-width: 37.5em) {
  .bx-wrapper .bx-next {
    right: 0px;
  }
}
.bx-wrapper .bx-next:before {
  font-family: 'FontAwesome';
  content: '\f054';
  font-size: 36px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
}
@media (max-width: 37.5em) {
  .bx-wrapper .bx-next:before {
    font-size: 16px;
  }
}
.jam .bx-wrapper .bx-next {
  background-color: #ec2314;
}
.expo .bx-wrapper .bx-next {
  background-color: #252525;
}
.field .bx-wrapper .bx-next {
  background-color: #ffb103;
}
.party .bx-wrapper .bx-next {
  background-color: #024dc7;
}
.next .bx-wrapper .bx-next {
  background-color: #00b0ed;
}
.meets .bx-wrapper .bx-next {
  background-color: #00c4a9;
}
.overseas .bx-wrapper .bx-next {
  background-color: #b82bb6;
}
.others .bx-wrapper .bx-next {
  background-color: #fe68bf;
}

@media (max-width: 37.5em) {
  .bx-wrapper .bx-pager {
    padding-top: 5px !important;
    text-align: left !important;
  }
}

@media (max-width: 37.5em) {
  .bx-wrapper .bx-pager.bx-default-pager a {
    width: 6px !important;
    height: 6px !important;
    margin: 0 3px !important;
  }
}

ul.eventTopSlider {
  width: 1000% !important;
}
@media (max-width: 37.5em) {
  ul.eventTopSlider li {
    margin: 0 !important;
  }
}
ul.eventTopSlider li img {
  max-width: 100%;
  width: auto;
  height: auto;
}

.EventHome .eventHeader {
  border-bottom: 5px solid #252525;
}
.eventHeader .breadCrumb {
  background: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  height: 25px;
}
@media (max-width: 37.5em) {
  .eventHeader .breadCrumb {
    display: none;
  }
}
.eventHeader .breadCrumb .inner {
  width: 1000px;
  margin: 0 auto;
}
.eventHeader .breadCrumb .inner ol {
  display: inline-flex;
}
.eventHeader .breadCrumb .inner ol li {
  margin-right: 10px;
  padding-top: 0px;
  font-size: 9px;
  color: #c6c6c6;
}
.eventHeader .breadCrumb .inner ol li:after {
  font-family: 'FontAwesome';
  content: '\f105';
  margin-left: 10px;
  color: #fff;
}
.eventHeader .breadCrumb .inner ol li:last-child:after {
  content: none;
}
.eventHeader .breadCrumb .inner ol li a {
  color: #fff;
}

.alertInfo {
  position: relative;
  background: #252525;
  padding: 38px 0;
}
@media (max-width: 37.5em) {
  .alertInfo {
    padding: 20px 0;
  }
}
.alertInfo .inner {
  position: relative;
  z-index: 99;
  width: 840px;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 37.5em) {
  .alertInfo .inner {
    width: 100%;
    padding: 0 20px;
  }
}
.alertInfo .inner p {
  text-align: left;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.4em;
  color: #fff;
}
@media (max-width: 37.5em) {
  .alertInfo .inner p {
    font-size: 14px;
  }
}
.alertInfo .inner p a {
  color: #fff;
  text-decoration: underline;
}
.alertInfo .inner p a:hover {
  text-decoration: none;
}

.eventSection {
  margin-top: 60px;
}
.eventSection ul li.eventList {
  margin-bottom: 60px;
  padding-bottom: 60px;
  border-bottom: 5px solid #252525;
}
.eventSection ul li.eventList:last-child {
  margin-bottom: 120px;
  padding-bottom: 0;
  border-bottom: none;
}
.eventSection ul li.eventList.archive .btnSet li a:after {
  font-family: 'FontAwesome';
  content: '\f14c';
  margin-left: 3px;
}
.eventSection .inner {
  width: 1000px;
  margin: 0 auto;
}
@media (max-width: 37.5em) {
  .eventSection .inner {
    width: 100%;
    padding: 0 20px;
  }
}
.eventSection .inner .eventBlock {
  display: flex;
  margin-bottom: 60px;
}
@media (max-width: 37.5em) {
  .eventSection .inner .eventBlock {
    width: 100%;
    flex-direction: column-reverse;
  }
}
.eventSection .inner .eventBlock .txt {
  flex: 1;
  width: 100%;
}
.eventSection .inner .eventBlock .txt .tag {
  margin: 0 0 20px;
  background: #252525;
  width: 90px;
  height: 14px;
  padding: 2px 0 0;
  border-left: 1px solid #7f7f7f;
  border-right: 1px solid #7f7f7f;
  font-size: 9px;
  color: #fff;
  text-align: center;
  line-height: 1em;
}
@media (max-width: 37.5em) {
  .eventSection .inner .eventBlock .txt .tag {
    width: 70px;
    padding: 3px 0 0;
    font-size: 8px;
  }
}
.eventSection .inner .eventBlock .txt .tag.jam {
  background: #ec2314;
  border-left: 1px solid #f47e75;
  border-right: 1px solid #f47e75;
}
.eventSection .inner .eventBlock .txt .tag.expo {
  background: #252525;
}
.eventSection .inner .eventBlock .txt .tag.field {
  background: #ffb103;
  border-left: 1px solid #ffd16b;
  border-right: 1px solid #ffd16b;
}
.eventSection .inner .eventBlock .txt .tag.party {
  background: #024dc7;
  border-left: 1px solid #6a96de;
  border-right: 1px solid #6a96de;
}
.eventSection .inner .eventBlock .txt .tag.next {
  background: #00b0ed;
  border-left: 1px solid #69d1f4;
  border-right: 1px solid #69d1f4;
}
.eventSection .inner .eventBlock .txt .tag.meets {
  background: #00c4a9;
  border-left: 1px solid #69dccc;
  border-right: 1px solid #69dccc;
}
.eventSection .inner .eventBlock .txt .tag.overseas {
  background: #b82bb6;
  border-left: 1px solid #d582d4;
  border-right: 1px solid #d582d4;
}
.eventSection .inner .eventBlock .txt .tag.other {
  background: #e5e5e5;
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  color: #252525;
}
.eventSection .inner .eventBlock .txt h3 {
  margin: 0 0 20px;
  font-size: 70px;
  font-weight: 900;
  line-height: 1em;
}
@media (max-width: 37.5em) {
  .eventSection .inner .eventBlock .txt h3 {
    font-size: 30px;
  }
}
.eventSection .inner .eventBlock .txt .datePlace {
  margin: 0 0 40px;
  font-size: 30px;
  line-height: 1em;
  font-weight: 700;
}
@media (max-width: 37.5em) {
  .eventSection .inner .eventBlock .txt .datePlace {
    font-size: 15px;
  }
}
.eventSection .inner .eventBlock .txt .datePlace span {
  font-size: 15px;
}
@media (max-width: 37.5em) {
  .eventSection .inner .eventBlock .txt .datePlace span {
    font-size: 12px;
  }
}
.eventSection .inner .eventBlock .txt p.note {
  margin: 0 0 30px;
  line-height: 2em;
}
.eventSection .inner .eventBlock .txt .btnSet ul {
  display: flex;
}
@media (max-width: 37.5em) {
  .eventSection .inner .eventBlock .txt .btnSet ul {
    display: block;
  }
}
.eventSection .inner .eventBlock .txt .btnSet ul li {
  width: 218px;
  margin-right: 20px;
}
@media (max-width: 37.5em) {
  .eventSection .inner .eventBlock .txt .btnSet ul li {
    width: 100%;
    margin: 0 auto 20px;
  }
}
.eventSection .inner .eventBlock .txt .btnSet ul li a {
  display: block;
  width: 218px;
  height: 54px;
  padding: 7px 0 0;
  border: 4px solid #252525;
  font-size: 20px;
  text-align: center;
}
@media (max-width: 37.5em) {
  .eventSection .inner .eventBlock .txt .btnSet ul li a {
    width: 100%;
    padding: 10px 0 0;
    font-size: 16px;
  }
}
.eventSection .inner .eventBlock .txt .btnSet ul li a.en {
  font-weight: 900;
}
.eventSection .inner .eventBlock .txt .btnSet ul li a i {
  margin-right: 7px;
}
.jam .eventSection .inner .eventBlock .txt .btnSet ul li a {
  border: 4px solid #ec2314;
  color: #ec2314;
}
.expo .eventSection .inner .eventBlock .txt .btnSet ul li a {
  border: 4px solid #252525;
  color: #252525;
}
.field .eventSection .inner .eventBlock .txt .btnSet ul li a {
  border: 4px solid #ffb103;
  color: #ffb103;
}
.party .eventSection .inner .eventBlock .txt .btnSet ul li a {
  border: 4px solid #024dc7;
  color: #024dc7;
}
.next .eventSection .inner .eventBlock .txt .btnSet ul li a {
  border: 4px solid #00b0ed;
  color: #00b0ed;
}
.meets .eventSection .inner .eventBlock .txt .btnSet ul li a {
  border: 4px solid #00c4a9;
  color: #00c4a9;
}
.overseas .eventSection .inner .eventBlock .txt .btnSet ul li a {
  border: 4px solid #b82bb6;
  color: #b82bb6;
}
.others .eventSection .inner .eventBlock .txt .btnSet ul li a {
  border: 4px solid #fe68bf;
  color: #fe68bf;
}
.eventSection .inner .eventBlock .image {
  width: 260px;
  height: 260px;
  margin-left: 80px;
}
@media (max-width: 37.5em) {
  .eventSection .inner .eventBlock .image {
    width: 260px;
    height: auto;
    margin: 0 auto 40px;
    text-align: center;
  }
}
.eventSection .inner .eventBlock .image .imageBox {
  background: #f8f8f8;
  display: table-cell;
  width: 260px;
  height: 260px;
  text-align: center;
  vertical-align: middle;
}
@media (max-width: 37.5em) {
  .eventSection .inner .eventBlock .image .imageBox {
    width: 260px;
    height: auto;
    margin: 0 auto;
  }
}
.eventSection .inner .eventBlock .image img {
  margin: 0 auto;
  max-width: 260px;
  max-height: 260px;
}
@media (max-width: 37.5em) {
  .eventSection .inner .eventBlock .image img {
    max-width: 100%;
    max-height: auto;
  }
}
@media (max-width: 37.5em) {
  .eventSection .inner .eventSlider {
    width: 100%;
  }
}
.eventSection .inner .eventSlider .unitName {
  margin-top: 10px;
  font-size: 12px;
}
.eventSection .inner .eventSlider .unitName i {
  margin-right: 6px;
}
.jam .eventSection .inner .eventSlider .slick-prev {
  background: #fff;
}
.jam .eventSection .inner .eventSlider .slick-prev:before {
  font-family: 'FontAwesome';
  content: '\f053';
  font-size: 22px;
  text-align: center;
  vertical-align: middle;
  color: #ec2314;
}
.expo .eventSection .inner .eventSlider .slick-prev {
  background: #fff;
}
.expo .eventSection .inner .eventSlider .slick-prev:before {
  font-family: 'FontAwesome';
  content: '\f053';
  font-size: 22px;
  text-align: center;
  vertical-align: middle;
  color: #252525;
}
.field .eventSection .inner .eventSlider .slick-prev {
  background: #fff;
}
.field .eventSection .inner .eventSlider .slick-prev:before {
  font-family: 'FontAwesome';
  content: '\f053';
  font-size: 22px;
  text-align: center;
  vertical-align: middle;
  color: #ffb103;
}
.party .eventSection .inner .eventSlider .slick-prev {
  background: #fff;
}
.party .eventSection .inner .eventSlider .slick-prev:before {
  font-family: 'FontAwesome';
  content: '\f053';
  font-size: 22px;
  text-align: center;
  vertical-align: middle;
  color: #024dc7;
}
.next .eventSection .inner .eventSlider .slick-prev {
  background: #fff;
}
.next .eventSection .inner .eventSlider .slick-prev:before {
  font-family: 'FontAwesome';
  content: '\f053';
  font-size: 22px;
  text-align: center;
  vertical-align: middle;
  color: #00b0ed;
}
.meets .eventSection .inner .eventSlider .slick-prev {
  background: #fff;
}
.meets .eventSection .inner .eventSlider .slick-prev:before {
  font-family: 'FontAwesome';
  content: '\f053';
  font-size: 22px;
  text-align: center;
  vertical-align: middle;
  color: #00c4a9;
}
.overseas .eventSection .inner .eventSlider .slick-prev {
  background: #fff;
}
.overseas .eventSection .inner .eventSlider .slick-prev:before {
  font-family: 'FontAwesome';
  content: '\f053';
  font-size: 22px;
  text-align: center;
  vertical-align: middle;
  color: #b82bb6;
}
.others .eventSection .inner .eventSlider .slick-prev {
  background: #fff;
}
.others .eventSection .inner .eventSlider .slick-prev:before {
  font-family: 'FontAwesome';
  content: '\f053';
  font-size: 22px;
  text-align: center;
  vertical-align: middle;
  color: #fe68bf;
}
.jam .eventSection .inner .eventSlider .slick-next {
  background: #fff;
}
.jam .eventSection .inner .eventSlider .slick-next:before {
  font-family: 'FontAwesome';
  content: '\f054';
  font-size: 22px;
  text-align: center;
  vertical-align: middle;
  color: #ec2314;
}
.expo .eventSection .inner .eventSlider .slick-next {
  background: #fff;
}
.expo .eventSection .inner .eventSlider .slick-next:before {
  font-family: 'FontAwesome';
  content: '\f054';
  font-size: 22px;
  text-align: center;
  vertical-align: middle;
  color: #252525;
}
.field .eventSection .inner .eventSlider .slick-next {
  background: #fff;
}
.field .eventSection .inner .eventSlider .slick-next:before {
  font-family: 'FontAwesome';
  content: '\f054';
  font-size: 22px;
  text-align: center;
  vertical-align: middle;
  color: #ffb103;
}
.party .eventSection .inner .eventSlider .slick-next {
  background: #fff;
}
.party .eventSection .inner .eventSlider .slick-next:before {
  font-family: 'FontAwesome';
  content: '\f054';
  font-size: 22px;
  text-align: center;
  vertical-align: middle;
  color: #024dc7;
}
.next .eventSection .inner .eventSlider .slick-next {
  background: #fff;
}
.next .eventSection .inner .eventSlider .slick-next:before {
  font-family: 'FontAwesome';
  content: '\f054';
  font-size: 22px;
  text-align: center;
  vertical-align: middle;
  color: #00b0ed;
}
.meets .eventSection .inner .eventSlider .slick-next {
  background: #fff;
}
.meets .eventSection .inner .eventSlider .slick-next:before {
  font-family: 'FontAwesome';
  content: '\f054';
  font-size: 22px;
  text-align: center;
  vertical-align: middle;
  color: #00c4a9;
}
.overseas .eventSection .inner .eventSlider .slick-next {
  background: #fff;
}
.overseas .eventSection .inner .eventSlider .slick-next:before {
  font-family: 'FontAwesome';
  content: '\f054';
  font-size: 22px;
  text-align: center;
  vertical-align: middle;
  color: #b82bb6;
}
.others .eventSection .inner .eventSlider .slick-next {
  background: #fff;
}
.others .eventSection .inner .eventSlider .slick-next:before {
  font-family: 'FontAwesome';
  content: '\f054';
  font-size: 22px;
  text-align: center;
  vertical-align: middle;
  color: #fe68bf;
}
.jam .eventSection .inner .eventSlider .slick-dots li.slick-active button::before {
  color: #ec2314;
}
.expo .eventSection .inner .eventSlider .slick-dots li.slick-active button::before {
  color: #252525;
}
.field .eventSection .inner .eventSlider .slick-dots li.slick-active button::before {
  color: #ffb103;
}
.party .eventSection .inner .eventSlider .slick-dots li.slick-active button::before {
  color: #024dc7;
}
.next .eventSection .inner .eventSlider .slick-dots li.slick-active button::before {
  color: #00b0ed;
}
.meets .eventSection .inner .eventSlider .slick-dots li.slick-active button::before {
  color: #00c4a9;
}
.overseas .eventSection .inner .eventSlider .slick-dots li.slick-active button::before {
  color: #b82bb6;
}
.others .eventSection .inner .eventSlider .slick-dots li.slick-active button::before {
  color: #fe68bf;
}

.news {
  margin-bottom: 90px;
}
.news .inner {
  width: 1000px;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 37.5em) {
  .news .inner {
    width: 100%;
  }
}
.news .inner .newsIndex h2 {
  margin-bottom: 40px;
}
@media (max-width: 37.5em) {
  .news .inner .newsIndex h2 {
    margin-bottom: 20px;
  }
}
.news .inner .newsIndex ul {
  display: block;
  width: 550px;
  margin: 0 auto !important;
}
@media (max-width: 37.5em) {
  .news .inner .newsIndex ul {
    width: 100%;
    padding: 0 20px !important;
  }
}
.news .inner .newsIndex ul li {
  margin-bottom: 17px;
}
.news .inner .newsIndex ul li:last-child {
  margin-bottom: 0;
}
.news .inner .newsIndex ul li a {
  display: block;
  color: #252525;
}
.news .inner .newsIndex ul li a dl {
  display: flex;
}
.news .inner .newsIndex ul li a dl dt {
  width: 120px;
  text-align: left;
  font-size: 12px;
}
@media (max-width: 37.5em) {
  .news .inner .newsIndex ul li a dl dt {
    width: 84px;
  }
}
.news .inner .newsIndex ul li a dl dt span {
  float: right;
  margin: 0 20px;
}
@media (max-width: 37.5em) {
  .news .inner .newsIndex ul li a dl dt span {
    margin: 0 5px;
  }
}
.news .inner .newsIndex ul li a dl dd {
  display: flex;
  flex: 1;
  text-align: left;
}
.news .inner .newsIndex ul li a dl dd .tag {
  margin: 3px 20px 0 0;
  background: #252525;
  width: 90px;
  height: 14px;
  padding: 2px 0 0;
  border-left: 1px solid #7f7f7f;
  border-right: 1px solid #7f7f7f;
  font-size: 9px;
  color: #fff;
  text-align: center;
  line-height: 1em;
}
@media (max-width: 37.5em) {
  .news .inner .newsIndex ul li a dl dd .tag {
    width: 70px;
    padding: 3px 0 0;
    font-size: 8px;
  }
}
.news .inner .newsIndex ul li a dl dd .tag.jam {
  background: #ec2314;
  border-left: 1px solid #f47e75;
  border-right: 1px solid #f47e75;
}
.news .inner .newsIndex ul li a dl dd .tag.expo {
  background: #252525;
}
.news .inner .newsIndex ul li a dl dd .tag.field {
  background: #ffb103;
  border-left: 1px solid #ffd16b;
  border-right: 1px solid #ffd16b;
}
.news .inner .newsIndex ul li a dl dd .tag.party {
  background: #024dc7;
  border-left: 1px solid #6a96de;
  border-right: 1px solid #6a96de;
}
.news .inner .newsIndex ul li a dl dd .tag.next {
  background: #00b0ed;
  border-left: 1px solid #69d1f4;
  border-right: 1px solid #69d1f4;
}
.news .inner .newsIndex ul li a dl dd .tag.meets {
  background: #00c4a9;
  border-left: 1px solid #69dccc;
  border-right: 1px solid #69dccc;
}
.news .inner .newsIndex ul li a dl dd .tag.overseas {
  background: #b82bb6;
  border-left: 1px solid #d582d4;
  border-right: 1px solid #d582d4;
}
.news .inner .newsIndex ul li a dl dd .tag.other {
  background: #e5e5e5;
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  color: #252525;
}
@media (max-width: 37.5em) {
  .news .inner .newsIndex ul li a dl dd .tag {
    margin: 3px 10px 0 0;
  }
}
.news .inner .newsIndex ul li a dl dd p {
  flex: 1;
  font-size: 12px;
}
@media (max-width: 37.5em) {
  .news .inner .newsIndex ul li a dl dd p {
    text-align: left;
  }
}
.news .inner .newsIndex .moreBtn {
  width: 70px;
  height: 24px;
  margin: 30px auto 0;
}
.news .inner .newsIndex .moreBtn a {
  padding: 8px 20px;
  border: 1px solid #252525;
  text-align: center;
  font-size: 9px;
  color: #252525;
}
.jam .news .inner .newsIndex .moreBtn a {
  border: 1px solid #ec2314;
  color: #ec2314;
}
.expo .news .inner .newsIndex .moreBtn a {
  border: 1px solid #252525;
  color: #252525;
}
.field .news .inner .newsIndex .moreBtn a {
  border: 1px solid #ffb103;
  color: #ffb103;
}
.party .news .inner .newsIndex .moreBtn a {
  border: 1px solid #024dc7;
  color: #024dc7;
}
.next .news .inner .newsIndex .moreBtn a {
  border: 1px solid #00b0ed;
  color: #00b0ed;
}
.meets .news .inner .newsIndex .moreBtn a {
  border: 1px solid #00c4a9;
  color: #00c4a9;
}
.overseas .news .inner .newsIndex .moreBtn a {
  border: 1px solid #b82bb6;
  color: #b82bb6;
}
.others .news .inner .newsIndex .moreBtn a {
  border: 1px solid #fe68bf;
  color: #fe68bf;
}

.newsDetail .inner {
  width: 800px;
}
@media (max-width: 37.5em) {
  .newsDetail .inner {
    width: 100%;
  }
}
.newsDetail .inner ul.dateTag {
  display: flex;
  margin-bottom: 20px !important;
}
@media (max-width: 37.5em) {
  .newsDetail .inner ul.dateTag {
    margin-bottom: 10px !important;
  }
}
.newsDetail .inner ul.dateTag li.tag {
  margin: 3px 20px 0 0;
  background: #252525;
  width: 90px;
  height: 14px;
  padding: 2px 0 0;
  border-left: 1px solid #7f7f7f;
  border-right: 1px solid #7f7f7f;
  font-size: 9px;
  color: #fff;
  text-align: center;
  line-height: 1em;
}
@media (max-width: 37.5em) {
  .newsDetail .inner ul.dateTag li.tag {
    width: 70px;
    padding: 3px 0 0;
    font-size: 8px;
  }
}
.newsDetail .inner ul.dateTag li.tag.jam {
  background: #ec2314;
  border-left: 1px solid #f47e75;
  border-right: 1px solid #f47e75;
}
.newsDetail .inner ul.dateTag li.tag.expo {
  background: #252525;
}
.newsDetail .inner ul.dateTag li.tag.field {
  background: #ffb103;
  border-left: 1px solid #ffd16b;
  border-right: 1px solid #ffd16b;
}
.newsDetail .inner ul.dateTag li.tag.party {
  background: #024dc7;
  border-left: 1px solid #6a96de;
  border-right: 1px solid #6a96de;
}
.newsDetail .inner ul.dateTag li.tag.next {
  background: #00b0ed;
  border-left: 1px solid #69d1f4;
  border-right: 1px solid #69d1f4;
}
.newsDetail .inner ul.dateTag li.tag.meets {
  background: #00c4a9;
  border-left: 1px solid #69dccc;
  border-right: 1px solid #69dccc;
}
.newsDetail .inner ul.dateTag li.tag.overseas {
  background: #b82bb6;
  border-left: 1px solid #d582d4;
  border-right: 1px solid #d582d4;
}
.newsDetail .inner ul.dateTag li.tag.other {
  background: #e5e5e5;
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  color: #252525;
}
@media (max-width: 37.5em) {
  .newsDetail .inner ul.dateTag li.tag {
    margin: 3px 10px 0 0;
  }
}
.newsDetail .inner ul.dateTag li.date {
  font-size: 12px;
}
.newsDetail .inner h2.ttl {
  text-align: left;
}
.newsDetail .inner .photo {
  width: 100%;
  margin-bottom: 40px;
}
.newsDetail .inner .photo img {
  max-width: 800px;
}
@media (max-width: 37.5em) {
  .newsDetail .inner .photo img {
    width: 100%;
  }
}
@media (max-width: 37.5em) {
  .newsDetail .inner .photo {
    margin-bottom: 20px;
  }
}
.newsDetail .inner p.note span {
  font-size: 20px;
  line-height: 1.8em;
  font-weight: bold;
}
@media (max-width: 37.5em) {
  .newsDetail .inner p.note span {
    font-size: 12px;
  }
}
.newsDetail .inner p.note img {
  display: block;
  text-align: center;
  max-width: 100%;
  margin: 20px auto;
}
.newsDetail .inner .btnSet ul {
  display: flex;
}
@media (max-width: 37.5em) {
  .newsDetail .inner .btnSet ul {
    display: block;
  }
}
.newsDetail .inner .btnSet ul li {
  width: 218px;
  margin-right: 20px;
}
@media (max-width: 37.5em) {
  .newsDetail .inner .btnSet ul li {
    width: 100%;
    margin: 0 auto 20px;
  }
}
.newsDetail .inner .btnSet ul li a {
  display: block;
  width: 218px;
  height: 54px;
  padding: 7px 0 0;
  border: 4px solid #252525;
  font-size: 20px;
  text-align: center;
}
@media (max-width: 37.5em) {
  .newsDetail .inner .btnSet ul li a {
    width: 100%;
    padding: 10px 0 0;
    font-size: 16px;
  }
}
.newsDetail .inner .btnSet ul li a.en {
  font-weight: 900;
}
.newsDetail .inner .btnSet ul li a i {
  margin-right: 7px;
}

.eventInfo {
  margin-bottom: 90px;
}
.eventInfo .inner {
  width: 550px;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 37.5em) {
  .eventInfo .inner {
    width: 100%;
  }
}
.eventInfo .inner h2 {
  margin-bottom: 40px;
}
.eventInfo .inner table {
  margin-bottom: 40px;
  font-size: 12px;
}
.eventInfo .inner table tr th {
  width: 120px;
  padding-bottom: 14px;
  text-align: left;
  font-weight: normal;
}
@media (max-width: 37.5em) {
  .eventInfo .inner table tr th {
    width: 80px;
  }
}
.eventInfo .inner table tr td {
  padding-bottom: 14px;
  line-height: 2em;
  text-align: left;
}
.eventInfo .inner table tr td a {
  text-decoration: underline;
}
.eventInfo .inner table tr td a:hover {
  text-decoration: none;
}
.jam .eventInfo .inner table tr td a {
  color: #ec2314;
}
.expo .eventInfo .inner table tr td a {
  color: #252525;
}
.field .eventInfo .inner table tr td a {
  color: #ffb103;
}
.party .eventInfo .inner table tr td a {
  color: #024dc7;
}
.next .eventInfo .inner table tr td a {
  color: #00b0ed;
}
.meets .eventInfo .inner table tr td a {
  color: #00c4a9;
}
.overseas .eventInfo .inner table tr td a {
  color: #b82bb6;
}
.others .eventInfo .inner table tr td a {
  color: #fe68bf;
}

.access {
  margin-bottom: 90px;
}
.access .inner {
  width: 1000px;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 37.5em) {
  .access .inner {
    width: 100%;
  }
}
.access .inner h2 {
  margin-bottom: 40px;
}
.access .inner h3 {
  margin-bottom: 20px;
}
.access .inner p.note {
  margin-bottom: 40px;
}
.access #map {
  width: 100%;
  height: 340px;
  pointer-events: none;
}

.movie {
  margin-bottom: 90px;
}
.movie .inner {
  width: 1000px;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 37.5em) {
  .movie .inner {
    width: 100%;
  }
}
.movie .inner h2 {
  margin-bottom: 40px;
}
.movie .inner h3 {
  margin-bottom: 40px;
}
.movie .inner .movieList {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.movie .inner .movieList li {
  width: 332px;
  margin: 0 2px 20px 0;
}
@media (max-width: 37.5em) {
  .movie .inner .movieList li {
    width: 49%;
  }
}
.movie .inner .movieList li:nth-child(3n) {
  margin-right: 0;
}
@media (max-width: 37.5em) {
  .movie .inner .movieList li:nth-child(3n) {
    margin-right: 2px;
  }
}
@media (max-width: 37.5em) {
  .movie .inner .movieList li:nth-child(2n) {
    margin-right: 2px;
  }
}
@media (max-width: 37.5em) {
  .movie .inner .movieList li dl {
    width: 100%;
  }
}
.movie .inner .movieList li dl dt {
  background: #f8f8f8;
  display: table-cell;
  width: 332px;
  height: 223px;
  text-align: center;
  vertical-align: middle;
}
@media (max-width: 37.5em) {
  .movie .inner .movieList li dl dt {
    width: 160px;
    height: 107px;
  }
}
.movie .inner .movieList li dl dt iframe {
  max-width: 332px;
  max-height: 223px;
  margin: 0 auto;
  vertical-align: middle;
}
@media (max-width: 37.5em) {
  .movie .inner .movieList li dl dt iframe {
    max-width: 100%;
    max-height: 107px;
  }
}
.movie .inner .movieList li dl dd {
  margin-top: 16px;
  text-align: center;
  font-size: 12px;
}
.movie .inner .movieList li dl dd i {
  margin-right: 10px;
}

.banner {
  margin: 0 0 40px;
  padding-top: 60px;
  border-top: 1px solid #f0f0f0;
}
@media (max-width: 37.5em) {
  .banner {
    margin: 30px 0 20px;
  }
}
.banner .inner {
  width: 1012px;
  margin: 0 auto;
}
@media (max-width: 37.5em) {
  .banner .inner {
    width: 100%;
    padding: 0 20px;
  }
}
.banner .inner ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
}
@media (max-width: 37.5em) {
  .banner .inner ul {
    justify-content: space-between;
  }
}
.banner .inner ul li {
  width: 190px;
  height: 48px;
  margin: 0 6px 20px;
}
.banner .inner ul li img {
  width: 100%;
}
@media (max-width: 37.5em) {
  .banner .inner ul li {
    width: 30%;
    height: auto;
    margin: 0 auto 20px;
  }
  .banner .inner ul li img {
    width: 100%;
  }
}

.lineup {
  margin-top: 60px;
  margin-bottom: 80px;
}
.lineup .unitList {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.lineup .unitList li {
  width: 332px;
  margin: 0 1px 20px 0;
}
@media (max-width: 37.5em) {
  .lineup .unitList li {
    width: 49%;
  }
}
.lineup .unitList li:nth-child(3n) {
  margin-right: 0;
}
@media (max-width: 37.5em) {
  .lineup .unitList li dl {
    width: 100%;
  }
}
.lineup .unitList li dl dt {
  background: #f8f8f8;
  display: table-cell;
  width: 332px;
  height: 223px;
  text-align: center;
  vertical-align: middle;
}
@media (max-width: 37.5em) {
  .lineup .unitList li dl dt {
    width: 160px;
    height: 107px;
  }
}
.lineup .unitList li dl dt img {
  max-width: 332px;
  max-height: 223px;
  margin: 0 auto;
  vertical-align: middle;
}
@media (max-width: 37.5em) {
  .lineup .unitList li dl dt img {
    max-width: 160px;
    max-height: 107px;
  }
}
.lineup .unitList li dl dd {
  margin-top: 16px;
  text-align: center;
  font-size: 12px;
}
.lineup .unitList li dl dd i {
  margin-right: 10px;
}
.lineup .unitList li dl dd p {
  padding: 0 5px;
}

.remodal {
  padding: 40px !important;
}
@media (max-width: 37.5em) {
  .remodal {
    padding: 20px !important;
  }
}
.remodal h2 {
  width: 100%;
  margin-bottom: 40px;
  text-align: center;
  color: #252525;
  font-size: 24px;
}
.remodal h2.en {
  font-weight: 900;
  letter-spacing: 5px;
}
.remodal dl {
  width: 500px;
  margin: 0 auto;
}
@media (max-width: 37.5em) {
  .remodal dl {
    width: 100%;
  }
}
.remodal dl dt {
  background: #f8f8f8;
  display: table-cell;
  width: 500px;
  height: 336px;
  text-align: center;
  vertical-align: middle;
}
@media (max-width: 37.5em) {
  .remodal dl dt {
    display: block;
    width: 100%;
    height: 202px;
  }
}
.remodal dl dt img {
  max-width: 500px;
  max-height: 336px;
  margin: 0 auto;
  vertical-align: middle;
}
@media (max-width: 37.5em) {
  .remodal dl dt img {
    max-width: 100%;
    max-height: 202px;
  }
}
.remodal dl dd {
  margin-top: 40px;
  font-size: 12px;
  text-align: left;
}
.remodal .externalLink a {
  margin-top: 10px;
  border: 4px solid #252525;
  display: block;
  font-size: 10px;
  height: 30px;
  padding: 3px 0 0;
  text-align: center;
  width: 155px;
  font-weight: 900;
  letter-spacing: 5px;
}

section.eventNews {
  margin-top: 60px;
  margin-bottom: 80px;
}
section.eventNews .appBanner {
  width: 550px;
  margin: 0 auto 60px;
}
@media (max-width: 37.5em) {
  section.eventNews .appBanner {
    width: 100%;
  }
}
section.eventNews .appBanner a img {
  width: 100%;
}
section.eventNews ul.newsIndex {
  display: block;
  width: 550px;
  margin: 0 auto 60px !important;
}
@media (max-width: 37.5em) {
  section.eventNews ul.newsIndex {
    width: 100%;
  }
}
section.eventNews ul.newsIndex li {
  margin-bottom: 17px;
}
section.eventNews ul.newsIndex li:last-child {
  margin-bottom: 0;
}
section.eventNews ul.newsIndex li a {
  display: block;
  color: #252525;
}
section.eventNews ul.newsIndex li a dl {
  display: flex;
}
section.eventNews ul.newsIndex li a dl dt {
  width: 120px;
  text-align: left;
  font-size: 12px;
}
@media (max-width: 37.5em) {
  section.eventNews ul.newsIndex li a dl dt {
    width: 84px;
  }
}
section.eventNews ul.newsIndex li a dl dt span {
  float: right;
  margin: 0 20px;
}
@media (max-width: 37.5em) {
  section.eventNews ul.newsIndex li a dl dt span {
    margin: 0 5px;
  }
}
section.eventNews ul.newsIndex li a dl dd {
  display: flex;
  flex: 1;
  text-align: left;
}
section.eventNews ul.newsIndex li a dl dd .tag {
  margin: 3px 20px 0 0;
  background: #252525;
  width: 90px;
  height: 14px;
  padding: 2px 0 0;
  border-left: 1px solid #7f7f7f;
  border-right: 1px solid #7f7f7f;
  font-size: 9px;
  color: #fff;
  text-align: center;
  line-height: 1em;
}
@media (max-width: 37.5em) {
  section.eventNews ul.newsIndex li a dl dd .tag {
    width: 70px;
    padding: 3px 0 0;
    font-size: 8px;
  }
}
section.eventNews ul.newsIndex li a dl dd .tag.jam {
  background: #ec2314;
  border-left: 1px solid #f47e75;
  border-right: 1px solid #f47e75;
}
section.eventNews ul.newsIndex li a dl dd .tag.expo {
  background: #252525;
}
section.eventNews ul.newsIndex li a dl dd .tag.field {
  background: #ffb103;
  border-left: 1px solid #ffd16b;
  border-right: 1px solid #ffd16b;
}
section.eventNews ul.newsIndex li a dl dd .tag.party {
  background: #024dc7;
  border-left: 1px solid #6a96de;
  border-right: 1px solid #6a96de;
}
section.eventNews ul.newsIndex li a dl dd .tag.next {
  background: #00b0ed;
  border-left: 1px solid #69d1f4;
  border-right: 1px solid #69d1f4;
}
section.eventNews ul.newsIndex li a dl dd .tag.meets {
  background: #00c4a9;
  border-left: 1px solid #69dccc;
  border-right: 1px solid #69dccc;
}
section.eventNews ul.newsIndex li a dl dd .tag.overseas {
  background: #b82bb6;
  border-left: 1px solid #d582d4;
  border-right: 1px solid #d582d4;
}
section.eventNews ul.newsIndex li a dl dd .tag.other {
  background: #e5e5e5;
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  color: #252525;
}
@media (max-width: 37.5em) {
  section.eventNews ul.newsIndex li a dl dd .tag {
    margin: 3px 10px 0 0;
  }
}
section.eventNews ul.newsIndex li a dl dd p {
  flex: 1;
  font-size: 12px;
}
@media (max-width: 37.5em) {
  section.eventNews ul.newsIndex li a dl dd p {
    text-align: left;
  }
}
section.eventNews .moreBtn {
  width: 218px;
  margin: 0 auto;
}
@media (max-width: 37.5em) {
  section.eventNews .moreBtn {
    width: 100%;
    margin: 0 auto 20px;
  }
}
section.eventNews .moreBtn a {
  display: block;
  width: 218px;
  height: 54px;
  padding: 7px 0 0;
  border: 4px solid #252525;
  font-size: 20px;
  text-align: center;
}
@media (max-width: 37.5em) {
  section.eventNews .moreBtn a {
    width: 100%;
    padding: 10px 0 0;
    font-size: 16px;
  }
}
section.eventNews .moreBtn a.en {
  font-weight: 900;
}
section.eventNews .moreBtn a i {
  margin-right: 7px;
}

section.eventNewsDetail {
  margin-top: 60px;
  margin-bottom: 80px;
}
section.eventNewsDetail .inner {
  width: 800px;
}
@media (max-width: 37.5em) {
  section.eventNewsDetail .inner {
    width: 100%;
  }
}
section.eventNewsDetail .inner ul.dateTag {
  display: flex;
  margin-bottom: 20px !important;
}
@media (max-width: 37.5em) {
  section.eventNewsDetail .inner ul.dateTag {
    margin-bottom: 10px !important;
  }
}
section.eventNewsDetail .inner ul.dateTag li.tag {
  margin: 3px 20px 0 0;
  background: #252525;
  width: 90px;
  height: 14px;
  padding: 2px 0 0;
  border-left: 1px solid #7f7f7f;
  border-right: 1px solid #7f7f7f;
  font-size: 9px;
  color: #fff;
  text-align: center;
  line-height: 1em;
}
@media (max-width: 37.5em) {
  section.eventNewsDetail .inner ul.dateTag li.tag {
    width: 70px;
    padding: 3px 0 0;
    font-size: 8px;
  }
}
section.eventNewsDetail .inner ul.dateTag li.tag.jam {
  background: #ec2314;
  border-left: 1px solid #f47e75;
  border-right: 1px solid #f47e75;
}
section.eventNewsDetail .inner ul.dateTag li.tag.expo {
  background: #252525;
}
section.eventNewsDetail .inner ul.dateTag li.tag.field {
  background: #ffb103;
  border-left: 1px solid #ffd16b;
  border-right: 1px solid #ffd16b;
}
section.eventNewsDetail .inner ul.dateTag li.tag.party {
  background: #024dc7;
  border-left: 1px solid #6a96de;
  border-right: 1px solid #6a96de;
}
section.eventNewsDetail .inner ul.dateTag li.tag.next {
  background: #00b0ed;
  border-left: 1px solid #69d1f4;
  border-right: 1px solid #69d1f4;
}
section.eventNewsDetail .inner ul.dateTag li.tag.meets {
  background: #00c4a9;
  border-left: 1px solid #69dccc;
  border-right: 1px solid #69dccc;
}
section.eventNewsDetail .inner ul.dateTag li.tag.overseas {
  background: #b82bb6;
  border-left: 1px solid #d582d4;
  border-right: 1px solid #d582d4;
}
section.eventNewsDetail .inner ul.dateTag li.tag.other {
  background: #e5e5e5;
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  color: #252525;
}
@media (max-width: 37.5em) {
  section.eventNewsDetail .inner ul.dateTag li.tag {
    margin: 3px 10px 0 0;
  }
}
section.eventNewsDetail .inner ul.dateTag li.date {
  font-size: 12px;
}
section.eventNewsDetail .inner .ttl {
  text-align: left;
}
section.eventNewsDetail .inner .photo {
  width: 100%;
  margin-bottom: 40px;
}
section.eventNewsDetail .inner .photo img {
  max-width: 800px;
}
@media (max-width: 37.5em) {
  section.eventNewsDetail .inner .photo img {
    width: 100%;
  }
}
@media (max-width: 37.5em) {
  section.eventNewsDetail .inner .photo {
    margin-bottom: 20px;
  }
}
section.eventNewsDetail .inner p.note span {
  font-size: 20px;
  line-height: 1.8em;
  font-weight: bold;
}
@media (max-width: 37.5em) {
  section.eventNewsDetail .inner p.note span {
    font-size: 12px;
  }
}
section.eventNewsDetail .inner p.note img {
  display: block;
  text-align: center;
  max-width: 100%;
  margin: 20px auto;
}
section.eventNewsDetail .inner .btnSet ul {
  display: flex;
}
@media (max-width: 37.5em) {
  section.eventNewsDetail .inner .btnSet ul {
    display: block;
  }
}
section.eventNewsDetail .inner .btnSet ul li {
  width: 218px;
  margin-right: 20px;
}
@media (max-width: 37.5em) {
  section.eventNewsDetail .inner .btnSet ul li {
    width: 100%;
    margin: 0 auto 20px;
  }
}
section.eventNewsDetail .inner .btnSet ul li a {
  display: block;
  width: 218px;
  height: 54px;
  padding: 7px 0 0;
  border: 4px solid #252525;
  font-size: 20px;
  text-align: center;
}
@media (max-width: 37.5em) {
  section.eventNewsDetail .inner .btnSet ul li a {
    width: 100%;
    padding: 10px 0 0;
    font-size: 16px;
  }
}
section.eventNewsDetail .inner .btnSet ul li a.en {
  font-weight: 900;
}
section.eventNewsDetail .inner .btnSet ul li a i {
  margin-right: 7px;
}

section.eventTicket {
  margin-top: 60px;
  margin-bottom: 80px;
}
section.eventTicket .inner {
  width: 1000px;
  margin: 0 auto;
}
@media (max-width: 37.5em) {
  section.eventTicket .inner {
    width: 100%;
    padding: 0 20px;
  }
}
section.eventTicket h4 {
  width: 800px;
  margin: 0 auto 60px;
  font-size: 20px;
  font-weight: bold;
  line-height: 2em;
}
@media (max-width: 37.5em) {
  section.eventTicket h4 {
    width: 100%;
    font-size: 14px;
  }
}
section.eventTicket .ticketLinkAlone {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto 50px !important;
}
@media (max-width: 37.5em) {
  section.eventTicket .ticketLinkAlone {
    width: 100%;
    margin: 0 auto 25px !important;
  }
}
section.eventTicket .ticketLinkAlone li {
  width: 100%;
  padding: 18px 30px;
  background: #fff;
  border: 5px solid #252525;
}
@media (max-width: 37.5em) {
  section.eventTicket .ticketLinkAlone li {
    padding: 16px 10px;
  }
}
section.eventTicket .ticketLinkAlone li a {
  display: block;
}
section.eventTicket .ticketLinkAlone li a dl {
  display: flex;
  width: 100%;
}
@media (max-width: 37.5em) {
  section.eventTicket .ticketLinkAlone li a dl {
    height: auto;
  }
}
section.eventTicket .ticketLinkAlone li a dl dt {
  width: 100%;
  flex: 1;
}
section.eventTicket .ticketLinkAlone li a dl dt .serviceLogoCode img {
  height: 49px;
}
section.eventTicket .ticketLinkAlone li a dl dt .code {
  font-size: 12px;
}
@media (max-width: 37.5em) {
  section.eventTicket .ticketLinkAlone li a dl dt .code {
    font-size: 10px;
  }
}
section.eventTicket .ticketLinkAlone li a dl dt .serviceLogo img {
  height: 64px;
}
@media (max-width: 37.5em) {
  section.eventTicket .ticketLinkAlone li a dl dt .serviceLogo img {
    height: 30px;
  }
}
section.eventTicket .ticketLinkAlone li a dl dd {
  width: 100%;
  height: 64px;
  padding-top: 18px;
  color: #ec2314;
  text-align: right;
  font-size: 20px;
  font-weight: 900;
}
@media (max-width: 37.5em) {
  section.eventTicket .ticketLinkAlone li a dl dd {
    height: auto;
    padding-top: 8px;
    font-size: 13px;
  }
}
section.eventTicket .ticketLinkAlone li a dl dd i {
  margin-right: 6px;
}
section.eventTicket .ticketLink {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 100px !important;
  border-top: 5px solid #252525;
  border-left: 5px solid #252525;
}
@media (max-width: 37.5em) {
  section.eventTicket .ticketLink {
    width: 100%;
    margin: 0 auto 25px !important;
  }
}
section.eventTicket .ticketLink li {
  width: 50%;
  padding: 18px 30px;
  background: #fff;
  border-right: 5px solid #252525;
  border-bottom: 5px solid #252525;
}
@media (max-width: 37.5em) {
  section.eventTicket .ticketLink li {
    width: 100%;
    padding: 16px 10px;
  }
}
section.eventTicket .ticketLink li a {
  display: block;
}
section.eventTicket .ticketLink li a dl {
  display: flex;
  width: 100%;
}
section.eventTicket .ticketLink li a dl dt {
  width: 100%;
}
@media (max-width: 37.5em) {
  section.eventTicket .ticketLink li a dl dt {
    width: auto;
  }
}
section.eventTicket .ticketLink li a dl dt .serviceLogoCode img {
  height: 49px;
}
@media (max-width: 37.5em) {
  section.eventTicket .ticketLink li a dl dt .serviceLogoCode img {
    margin-bottom: 10px;
    height: 30px;
  }
}
section.eventTicket .ticketLink li a dl dt .code {
  font-size: 12px;
}
@media (max-width: 37.5em) {
  section.eventTicket .ticketLink li a dl dt .code {
    font-size: 10px;
  }
}
section.eventTicket .ticketLink li a dl dt .serviceLogo img {
  height: 64px;
}
@media (max-width: 37.5em) {
  section.eventTicket .ticketLink li a dl dt .serviceLogo img {
    height: 40px;
  }
}
section.eventTicket .ticketLink li a dl dd {
  flex: 1;
  white-space: nowrap;
  width: 100%;
  height: 64px;
  padding-top: 18px;
  color: #ec2314;
  text-align: right;
  font-size: 20px;
  font-weight: 900;
}
@media (max-width: 37.5em) {
  section.eventTicket .ticketLink li a dl dd {
    padding-top: 0;
    font-size: 13px;
  }
}
section.eventTicket .ticketLink li a dl dd i {
  margin-right: 6px;
}
section.eventTicket .shopLink {
  margin-bottom: 60px;
}
section.eventTicket .shopLink ul {
  display: block;
  width: 100%;
}
section.eventTicket .shopLink ul li {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
@media (max-width: 37.5em) {
  section.eventTicket .shopLink ul li {
    display: block;
  }
}
section.eventTicket .shopLink ul li .shopName {
  width: 160px;
  font-size: 20px;
  font-weight: bold;
}
@media (max-width: 37.5em) {
  section.eventTicket .shopLink ul li .shopName {
    font-size: 14px;
  }
}
section.eventTicket .shopLink ul li .shopName:before {
  content: '・';
}
section.eventTicket .shopLink ul li .phone {
  margin-left: 40px;
  font-size: 20px;
  font-weight: bold;
}
@media (max-width: 37.5em) {
  section.eventTicket .shopLink ul li .phone {
    font-size: 14px;
  }
}
section.eventTicket .shopLink ul li .code {
  margin-left: 40px;
  font-size: 20px;
  font-weight: bold;
}
@media (max-width: 37.5em) {
  section.eventTicket .shopLink ul li .code {
    font-size: 14px;
  }
}
section.eventTicket .shopLink ul li a {
  text-decoration: underline;
}
.jam section.eventTicket .shopLink ul li a {
  color: #ec2314;
}
.expo section.eventTicket .shopLink ul li a {
  color: #252525;
}
.field section.eventTicket .shopLink ul li a {
  color: #ffb103;
}
.party section.eventTicket .shopLink ul li a {
  color: #024dc7;
}
.next section.eventTicket .shopLink ul li a {
  color: #00b0ed;
}
.meets section.eventTicket .shopLink ul li a {
  color: #00c4a9;
}
.overseas section.eventTicket .shopLink ul li a {
  color: #b82bb6;
}
.others section.eventTicket .shopLink ul li a {
  color: #fe68bf;
}
section.eventTicket .middleInner {
  width: 800px;
  margin: 0 auto;
}
@media (max-width: 37.5em) {
  section.eventTicket .middleInner {
    width: 100%;
  }
}
section.eventTicket .middleInner .block {
  margin-bottom: 60px;
}
@media (max-width: 37.5em) {
  section.eventTicket .middleInner .block {
    margin-bottom: 30px;
  }
}
section.eventTicket .middleInner .block .middleTtl {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 16px;
  padding: 25px 0 18px;
  border-top: 5px solid #252525;
  border-bottom: 5px solid #252525;
}
@media (max-width: 37.5em) {
  section.eventTicket .middleInner .block .middleTtl {
    padding: 15px 0 13px;
    border-top: 3px solid #252525;
    border-bottom: 3px solid #252525;
  }
}
section.eventTicket .middleInner .block .middleTtl.pink {
  border-top: 5px solid #fe68bf;
  border-bottom: 5px solid #fe68bf;
}
@media (max-width: 37.5em) {
  section.eventTicket .middleInner .block .middleTtl.pink {
    border-top: 3px solid #fe68bf;
    border-bottom: 3px solid #fe68bf;
  }
}
section.eventTicket .middleInner .block .middleTtl.pink h3 {
  color: #fe68bf;
}
section.eventTicket .middleInner .block .middleTtl.pink p {
  color: #fe68bf;
}
section.eventTicket .middleInner .block .middleTtl .sold {
  width: 76px;
  height: 25px;
  margin-right: 10px;
  padding: 5px 4px 0;
  background: #ec2314;
  color: #fff;
  font-size: 8px;
  font-weight: 900;
  text-align: center;
}
@media (max-width: 37.5em) {
  section.eventTicket .middleInner .block .middleTtl .sold {
    width: 40px;
    height: auto;
    font-size: 8px;
  }
}
section.eventTicket .middleInner .block .middleTtl h3 {
  flex: 1;
  margin: 0;
  color: #252525;
  font-size: 26px;
  line-height: 1em;
}
@media (max-width: 37.5em) {
  section.eventTicket .middleInner .block .middleTtl h3 {
    font-size: 14px;
  }
}
section.eventTicket .middleInner .block .middleTtl p {
  font-size: 30px;
  font-weight: 900;
  line-height: 1em;
}
@media (max-width: 37.5em) {
  section.eventTicket .middleInner .block .middleTtl p {
    font-size: 14px;
  }
}
section.eventTicket .middleInner .block .middleTtl p span {
  font-size: 15px;
}
@media (max-width: 37.5em) {
  section.eventTicket .middleInner .block .middleTtl p span {
    font-size: 12px;
  }
}
section.eventTicket .middleInner .block .middleTtl.soldout:after {
  content: 'SOLD OUT!!';
  padding-top: 5px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(236, 35, 20, 0.6);
  text-align: center;
  font-size: 40px;
  font-family: 'lato';
  font-weight: 900;
  letter-spacing: 5px;
  color: #fff;
}
@media (max-width: 37.5em) {
  section.eventTicket .middleInner .block .middleTtl.soldout:after {
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 24px;
  }
}
section.eventTicket .middleInner .block p.note {
  margin-bottom: 40px;
}
@media (max-width: 37.5em) {
  section.eventTicket .middleInner .block p.note {
    margin-bottom: 20px;
  }
}
section.eventTicket .middleInner .block h4 {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1em;
}
@media (max-width: 37.5em) {
  section.eventTicket .middleInner .block h4 {
    margin-bottom: 10px;
    font-size: 14px;
  }
}
section.eventTicket .middleInner .block ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px !important;
}
@media (max-width: 37.5em) {
  section.eventTicket .middleInner .block ul {
    margin-bottom: 20px !important;
  }
}
section.eventTicket .middleInner .block ul li {
  width: 50%;
  margin-bottom: 16px;
  font-size: 12px;
}

.archive .inner .eventBlock {
  margin-bottom: 0 !important;
}
.archive .inner .eventBlock h3 {
  margin: 0 0 20px !important;
  font-size: 50px !important;
  font-weight: 900;
  line-height: 1em;
}
@media (max-width: 37.5em) {
  .archive .inner .eventBlock h3 {
    font-size: 30px !important;
  }
}
.archive .inner .eventBlock .datePlace {
  margin: 0 0 20px !important;
  line-height: 1em;
  font-weight: 700;
}
.archive .inner .eventBlock .btnSet ul {
  display: flex;
}
@media (max-width: 37.5em) {
  .archive .inner .eventBlock .btnSet ul {
    display: block;
  }
}
.archive .inner .eventBlock .btnSet ul li {
  width: 70px !important;
  margin-right: 20px;
}
@media (max-width: 37.5em) {
  .archive .inner .eventBlock .btnSet ul li {
    width: 100%;
    margin: 0 auto 20px;
  }
}
.archive .inner .eventBlock .btnSet ul li a {
  display: block;
  width: 70px !important;
  height: 24px !important;
  padding: 4px 0 0 !important;
  border: 1px solid #252525 !important;
  font-size: 9px !important;
  text-align: center;
  color: #252525 !important;
}
@media (max-width: 37.5em) {
  .archive .inner .eventBlock .btnSet ul li a {
    width: 100%;
    padding: 10px 0 0;
    font-size: 16px;
  }
}
.archive .inner .eventBlock .btnSet ul li a.en {
  font-weight: 900;
}
.archive .inner .eventBlock .image {
  width: 150px;
  height: 150px;
  margin-left: 80px;
}
@media (max-width: 37.5em) {
  .archive .inner .eventBlock .image {
    width: 150px;
    height: auto;
    margin: 0 auto 40px;
    text-align: center;
  }
}
.archive .inner .eventBlock .image .imageBox {
  background: #f8f8f8;
  display: table-cell;
  width: 150px;
  height: 150px;
  text-align: center;
  vertical-align: middle;
}
@media (max-width: 37.5em) {
  .archive .inner .eventBlock .image .imageBox {
    width: 150px;
    height: auto;
    margin: 0 auto;
  }
}
.archive .inner .eventBlock .image img {
  margin: 0 auto;
  max-width: 150px;
  max-height: 150px;
}
@media (max-width: 37.5em) {
  .archive .inner .eventBlock .image img {
    max-width: 100%;
    max-height: auto;
  }
}

section.eventGuideline {
  margin-top: 60px;
  margin-bottom: 80px;
}
section.eventGuideline .inner {
  width: 800px;
  margin: 0 auto;
}
@media (max-width: 37.5em) {
  section.eventGuideline .inner {
    width: 100%;
    padding: 0 20px;
  }
}
section.eventGuideline p {
  margin-bottom: 50px !important;
  font-size: 12px;
  line-height: 1.6em;
}
section.eventGuideline ul.guideList {
  margin-bottom: 50px !important;
}
section.eventGuideline ul.guideList:last-child {
  margin-bottom: 0;
}
section.eventGuideline ul.guideList li {
  position: relative;
  margin-bottom: 20px;
  padding-left: 16px;
  font-size: 12px;
  line-height: 1.6em;
}
section.eventGuideline ul.guideList li:last-child {
  margin-bottom: 0;
}
section.eventGuideline ul.guideList li i {
  position: absolute;
  top: 2px;
  left: 0;
}

section.timetable {
  margin-top: 60px;
  margin-bottom: 80px;
}
section.timetable .inner {
  width: 800px;
  margin: 0 auto;
}
@media (max-width: 37.5em) {
  section.timetable .inner {
    width: 100%;
    padding: 0 20px;
  }
}
section.timetable .inner .image {
  width: 800px;
}
@media (max-width: 37.5em) {
  section.timetable .inner .image {
    width: 100%;
  }
}
section.timetable .inner .image img {
  width: 100%;
}

section.goods {
  margin-top: 60px;
  margin-bottom: 80px;
}
section.goods ul.goodsIndex {
  display: flex;
  flex-wrap: wrap;
}
section.goods ul.goodsIndex li.goodsBlock {
  position: relative;
  width: 25%;
  padding: 30px 16px;
  border: 5px solid #252525;
}
@media (max-width: 37.5em) {
  section.goods ul.goodsIndex li.goodsBlock {
    width: 50%;
  }
}
section.goods ul.goodsIndex li.goodsBlock:nth-child(n+2) {
  border-left: none;
}
@media (max-width: 37.5em) {
  section.goods ul.goodsIndex li.goodsBlock:nth-child(n+2) {
    border-left: 5px solid #252525;
  }
}
section.goods ul.goodsIndex li.goodsBlock:nth-child(n+5) {
  border-top: none;
}
@media (max-width: 37.5em) {
  section.goods ul.goodsIndex li.goodsBlock:nth-child(n+5) {
    border-top: 5px solid #252525;
  }
}
section.goods ul.goodsIndex li.goodsBlock:nth-child(4n+1) {
  border-left: 5px solid #252525;
}
@media (max-width: 37.5em) {
  section.goods ul.goodsIndex li.goodsBlock:nth-child(n+3) {
    border-top: none;
  }
}
@media (max-width: 37.5em) {
  section.goods ul.goodsIndex li.goodsBlock:nth-child(even) {
    border-left: none;
  }
}
section.goods ul.goodsIndex li.goodsBlock .image {
  display: table-cell;
  width: 214px;
  height: 214px;
  text-align: center;
  vertical-align: middle;
}
@media (max-width: 37.5em) {
  section.goods ul.goodsIndex li.goodsBlock .image {
    width: 110px;
    height: 110px;
  }
}
section.goods ul.goodsIndex li.goodsBlock .image img {
  max-width: 214px;
  max-height: 214px;
  margin: 0 auto;
}
@media (max-width: 37.5em) {
  section.goods ul.goodsIndex li.goodsBlock .image img {
    max-width: 110px;
    max-height: 110px;
  }
}
section.goods ul.goodsIndex li.goodsBlock .tag {
  margin: 20px 0 10px;
  background: #252525;
  width: 90px;
  height: 14px;
  padding: 2px 0 0;
  border-left: 1px solid #7f7f7f;
  border-right: 1px solid #7f7f7f;
  font-size: 9px;
  color: #fff;
  text-align: center;
  line-height: 1em;
}
@media (max-width: 37.5em) {
  section.goods ul.goodsIndex li.goodsBlock .tag {
    width: 70px;
    padding: 3px 0 0;
    font-size: 8px;
  }
}
section.goods ul.goodsIndex li.goodsBlock .tag.jam {
  background: #ec2314;
  border-left: 1px solid #f47e75;
  border-right: 1px solid #f47e75;
}
section.goods ul.goodsIndex li.goodsBlock .tag.expo {
  background: #252525;
}
section.goods ul.goodsIndex li.goodsBlock .tag.field {
  background: #ffb103;
  border-left: 1px solid #ffd16b;
  border-right: 1px solid #ffd16b;
}
section.goods ul.goodsIndex li.goodsBlock .tag.party {
  background: #024dc7;
  border-left: 1px solid #6a96de;
  border-right: 1px solid #6a96de;
}
section.goods ul.goodsIndex li.goodsBlock .tag.next {
  background: #00b0ed;
  border-left: 1px solid #69d1f4;
  border-right: 1px solid #69d1f4;
}
section.goods ul.goodsIndex li.goodsBlock .tag.meets {
  background: #00c4a9;
  border-left: 1px solid #69dccc;
  border-right: 1px solid #69dccc;
}
section.goods ul.goodsIndex li.goodsBlock .tag.overseas {
  background: #b82bb6;
  border-left: 1px solid #d582d4;
  border-right: 1px solid #d582d4;
}
section.goods ul.goodsIndex li.goodsBlock .tag.other {
  background: #e5e5e5;
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  color: #252525;
}
@media (max-width: 37.5em) {
  section.goods ul.goodsIndex li.goodsBlock .tag {
    margin: 20px 10px 10px 0;
  }
}
section.goods ul.goodsIndex li.goodsBlock h3 {
  margin-bottom: 60px;
  text-align: left;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.6em;
  letter-spacing: 1px;
}
section.goods ul.goodsIndex li.goodsBlock .getBtn {
  position: absolute;
  bottom: 30px;
  left: 50%;
  width: 80px;
  margin: 0 0 0 -40px;
}
section.goods ul.goodsIndex li.goodsBlock .getBtn a {
  display: block;
  width: 80px;
  height: 30px;
  padding: 3px 0 0;
  border: 1px solid #252525;
  font-size: 14px;
  text-align: center;
}
@media (max-width: 37.5em) {
  section.goods ul.goodsIndex li.goodsBlock .getBtn a {
    width: 100%;
    padding: 1px 0 0;
    font-size: 16px;
  }
}
section.goods ul.goodsIndex li.goodsBlock .getBtn a.en {
  font-weight: 900;
}
section.goods ul.goodsIndex li.goodsBlock .getBtn a i {
  margin-right: 7px;
}
section.goods ul.goodsIndex li.goodsBlock .getBtn.jam a {
  border: 1px solid #ec2314;
  color: #ec2314;
}
section.goods ul.goodsIndex li.goodsBlock .getBtn.expo a {
  border: 1px solid #252525;
  color: #252525;
}
section.goods ul.goodsIndex li.goodsBlock .getBtn.field a {
  border: 1px solid #ffb103;
  color: #ffb103;
}
section.goods ul.goodsIndex li.goodsBlock .getBtn.party a {
  border: 1px solid #024dc7;
  color: #024dc7;
}
section.goods ul.goodsIndex li.goodsBlock .getBtn.next a {
  border: 1px solid #00b0ed;
  color: #00b0ed;
}
section.goods ul.goodsIndex li.goodsBlock .getBtn.meets a {
  border: 1px solid #00c4a9;
  color: #00c4a9;
}
section.goods ul.goodsIndex li.goodsBlock .getBtn.overseas a {
  border: 1px solid #b82bb6;
  color: #b82bb6;
}
section.goods ul.goodsIndex li.goodsBlock .getBtn.others a {
  border: 1px solid #fe68bf;
  color: #fe68bf;
}
section.goods .moreBtn {
  width: 218px;
  margin: 60px auto 0;
}
@media (max-width: 37.5em) {
  section.goods .moreBtn {
    width: 100%;
    margin: 40px auto 20px;
  }
}
section.goods .moreBtn a {
  display: block;
  width: 218px;
  height: 54px;
  padding: 7px 0 0;
  border: 4px solid #252525;
  font-size: 20px;
  text-align: center;
}
@media (max-width: 37.5em) {
  section.goods .moreBtn a {
    width: 100%;
    padding: 10px 0 0;
    font-size: 16px;
  }
}
section.goods .moreBtn a.en {
  font-weight: 900;
}
section.goods .moreBtn a i {
  margin-right: 7px;
}

.notFound {
  background: url("http://www.at-jam.jp/assets/img/public/404.png") top center no-repeat;
  width: 600px;
  margin: 120px auto;
}
@media (max-width: 37.5em) {
  .notFound {
    background-size: 100%;
    width: 90%;
    margin: 80px auto;
  }
}
.notFound h2 {
  padding: 60px 0 0;
  text-align: center;
}
@media (max-width: 37.5em) {
  .notFound h2 {
    padding: 90px 0 0;
  }
}
.notFound p {
  padding-bottom: 60px;
  font-size: 24px;
  color: #252525;
  text-align: center;
}
@media (max-width: 37.5em) {
  .notFound p {
    font-size: 16px;
  }
}
.notFound .gotoBtn {
  text-align: center;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}

a:hover {
  opacity: 0.5;
}

.boxBody {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: #cdcdcd 0 1px 0;
  -webkit-box-shadow: #cdcdcd 0 1px 0;
  box-shadow: #cdcdcd 0 1px 0;
  position: relative;
  overflow: hidden;
  background: #fff;
}
@media (max-width: 37.5em) {
  .boxBody {
    padding: 8px;
  }
}

@media (max-width: 37.5em) {
  header {
    position: relative;
    z-index: 9999;
  }
}
header .portalNavi {
  border-bottom: 1px solid #f0f0f0;
}
@media (max-width: 37.5em) {
  header .portalNavi {
    height: 35px;
  }
}
header .portalNavi .inner {
  position: relative;
  width: 1000px;
  height: 55px;
  margin: 0 auto;
  padding: 6px 0 0;
}
@media (max-width: 37.5em) {
  header .portalNavi .inner {
    width: 100%;
    height: 35px;
    padding: 0;
  }
}
header .portalNavi .inner h1 {
  background: url("../../img/public/logo.png") top center no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 174px;
  height: 136px;
  text-indent: -9999px;
  z-index: 9999;
}
@media (max-width: 37.5em) {
  header .portalNavi .inner h1 {
    background-size: cover;
    width: 87px;
    height: 68px;
  }
}
header .portalNavi .inner h1 a {
  display: block;
  width: 174px;
  height: 136px;
}
@media (max-width: 37.5em) {
  header .portalNavi .inner h1 a {
    width: 87px;
    height: 68px;
  }
}
header .portalNavi .inner nav {
  display: inline-flex;
  justify-content: flex-end;
  text-align: right;
  width: 100%;
}
header .portalNavi .inner nav ul.portalMenu {
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
}
header .portalNavi .inner nav ul.portalMenu li {
  padding: 10px 0 0;
  font-size: 14px;
  color: #252525;
}
header .portalNavi .inner nav ul.portalMenu li:nth-child(4) {
  margin-left: 260px;
}
header .portalNavi .inner nav ul.portalMenu li a {
  color: #252525;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all  0.1s ease;
}
header .portalNavi .inner nav ul.portalMenu li a:hover {
  border-bottom: 3px solid #252525;
  padding-bottom: 16px;
  opacity: 1;
}
@media (max-width: 37.5em) {
  header .portalNavi .inner nav ul.portalMenu li a:hover {
    border-bottom: none;
    padding-bottom: 0;
    opacity: 0.5;
  }
}
header .portalNavi .inner nav ul.portalMenu li i {
  display: none;
}
header .portalNavi .inner nav ul.headerOtherMenu {
  display: inline-flex;
  justify-content: flex-end;
  width: 154px;
}
@media (max-width: 37.5em) {
  header .portalNavi .inner nav ul.headerOtherMenu {
    display: none !important;
  }
}
header .portalNavi .inner nav ul.headerOtherMenu li {
  margin-left: 18px;
  padding: 8px 0 0;
}
header .portalNavi .inner nav ul.headerOtherMenu li a {
  font-size: 16px;
  color: #252525;
}

#top .portalNavi li.navHome a, #eventIndex .portalNavi li.navEventIndex a, #news .portalNavi li.navNews a, #goods .portalNavi li.navGoods a, #contact .portalNavi li.navContact a {
  border-bottom: 3px solid #252525;
  padding-bottom: 16px;
  opacity: 1;
}
@media (max-width: 37.5em) {
  #top .portalNavi li.navHome a, #eventIndex .portalNavi li.navEventIndex a, #news .portalNavi li.navNews a, #goods .portalNavi li.navGoods a, #contact .portalNavi li.navContact a {
    border-bottom: none;
    padding-bottom: 0;
  }
}

@media (max-width: 37.5em) {
  #event header {
    position: relative;
    z-index: 9999;
  }
}
#event header .portalNavi {
  border-bottom: 1px solid #f0f0f0;
}
@media (max-width: 37.5em) {
  #event header .portalNavi {
    height: 35px;
  }
}
#event header .portalNavi .inner {
  position: relative;
  width: 1000px;
  height: 36px;
  margin: 0 auto;
  padding: 0;
}
@media (max-width: 37.5em) {
  #event header .portalNavi .inner {
    width: 100%;
    height: 35px;
    padding: 0;
  }
}
#event header .portalNavi .inner h1 {
  display: none;
}
@media (max-width: 37.5em) {
  #event header .portalNavi .inner h1 {
    display: block;
    background-size: cover;
    width: 87px;
    height: 68px;
  }
}
@media (max-width: 37.5em) {
  #event header .portalNavi .inner h1 a {
    width: 87px;
    height: 68px;
  }
}
#event header .portalNavi .inner nav {
  display: inline-flex;
  justify-content: flex-end;
  text-align: right;
  width: 100%;
}
@media (max-width: 37.5em) {
  #event header .portalNavi .inner nav {
    display: block;
  }
}
#event header .portalNavi .inner nav ul.portalMenu {
  display: inline-flex;
  justify-content: flex-start;
  width: 100%;
}
@media (max-width: 37.5em) {
  #event header .portalNavi .inner nav ul.portalMenu {
    display: block;
  }
}
#event header .portalNavi .inner nav ul.portalMenu li {
  margin-right: 24px;
  padding: 10px 0 0;
  font-size: 10px;
  color: #252525;
}
#event header .portalNavi .inner nav ul.portalMenu li:nth-child(4) {
  margin-left: 0px;
}
#event header .portalNavi .inner nav ul.portalMenu li a {
  color: #252525;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all  0.1s ease;
}
#event header .portalNavi .inner nav ul.portalMenu li a:hover {
  border-bottom: 3px solid #252525;
  padding-bottom: 4px;
  opacity: 1;
}
@media (max-width: 37.5em) {
  #event header .portalNavi .inner nav ul.portalMenu li a:hover {
    border-bottom: none;
    padding-bottom: 0;
    opacity: 0.5;
  }
}
#event header .portalNavi .inner nav ul.eventMenu {
  display: none;
}
@media (max-width: 37.5em) {
  #event header .portalNavi .inner nav ul.eventMenu {
    display: block;
    width: 100%;
  }
}
#event header .portalNavi .inner nav ul.eventMenu li {
  margin-right: 24px;
  padding: 10px 0 0;
  font-size: 10px;
  color: #252525;
}
#event header .portalNavi .inner nav ul.eventMenu li:nth-child(4) {
  margin-left: 0px;
}
#event header .portalNavi .inner nav ul.eventMenu li a {
  color: #252525;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all  0.1s ease;
}
#event header .portalNavi .inner nav ul.eventMenu li a:hover {
  border-bottom: 3px solid #252525;
  padding-bottom: 4px;
  opacity: 1;
}
@media (max-width: 37.5em) {
  #event header .portalNavi .inner nav ul.eventMenu li a:hover {
    border-bottom: none;
    padding-bottom: 0;
    opacity: 0.5;
  }
}
#event header .portalNavi .inner nav ul.headerOtherMenu {
  display: inline-flex;
  justify-content: flex-end;
  width: 154px;
}
#event header .portalNavi .inner nav ul.headerOtherMenu li {
  margin-left: 18px;
  padding: 6px 0 0;
}
#event header .portalNavi .inner nav ul.headerOtherMenu li a {
  font-size: 16px;
  color: #252525;
}

#event .portalNavi li.navEventIndex a {
  border-bottom: 3px solid #252525;
  padding-bottom: 4px;
  opacity: 1;
}
@media (max-width: 37.5em) {
  #event .portalNavi li.navEventIndex a {
    border-bottom: none;
    padding-bottom: 0;
  }
}

ul.eventMenu {
  display: none;
}
@media (max-width: 37.5em) {
  ul.eventMenu {
    display: none !important;
  }
}
@media (max-width: 37.5em) {
  #event ul.eventMenu {
    display: block !important;
    width: 100%;
  }
}
@media (max-width: 37.5em) {
  .jam ul.eventMenu {
    background-color: #ec2314;
  }
  .expo ul.eventMenu {
    background-color: #252525;
  }
  .field ul.eventMenu {
    background-color: #ffb103;
  }
  .party ul.eventMenu {
    background-color: #024dc7;
  }
  .next ul.eventMenu {
    background-color: #00b0ed;
  }
  .meets ul.eventMenu {
    background-color: #00c4a9;
  }
  .overseas ul.eventMenu {
    background-color: #b82bb6;
  }
  .others ul.eventMenu {
    background-color: #fe68bf;
  }
  ul.eventMenu a {
    color: #fff !important;
  }
}

.eventHeader .eventNavi {
  height: 55px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
@media (max-width: 37.5em) {
  .eventHeader .eventNavi {
    display: none;
  }
}
.eventHeader .eventNavi .inner {
  position: relative;
  width: 1000px;
  height: 65px;
  margin: 0 auto;
}
@media (max-width: 37.5em) {
  .eventHeader .eventNavi .inner {
    width: 100%;
    height: 35px;
    padding: 0;
  }
}
.eventHeader .eventNavi .inner nav {
  position: absolute;
  right: 0;
  width: 100%;
}
.eventHeader .eventNavi .inner nav ul {
  display: inline-flex;
  justify-content: flex-start;
  width: 100%;
}
.eventHeader .eventNavi .inner nav ul li {
  margin-right: 26px;
  padding: 16px 0 0;
  font-size: 13px;
  letter-spacing: 2px;
  color: #555555;
}
.eventHeader .eventNavi .inner nav ul li a {
  color: #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}
.eventHeader .eventNavi .inner nav ul li a:hover {
  border-bottom: 4px solid #fff;
  padding-bottom: 15px;
  opacity: 1;
}
.EventHome .eventHeader .eventNavi .inner nav ul li.navEventHome a, .EventLineup .eventHeader .eventNavi .inner nav ul li.navEventLineup a, .EventNews .eventHeader .eventNavi .inner nav ul li.navEventNews a, .EventTicket .eventHeader .eventNavi .inner nav ul li.navEventTicket a, .EventTimetable .eventHeader .eventNavi .inner nav ul li.navEventTimetable a, .EventIndex .eventHeader .eventNavi .inner nav ul li.navEventIndex a, .EventGuideline .eventHeader .eventNavi .inner nav ul li.navEventGuideline a, .EventGoods .eventHeader .eventNavi .inner nav ul li.navEventGoods a {
  border-bottom: 4px solid #fff;
  padding-bottom: 15px;
  opacity: 1;
}

/*spメニュー*/
/* Toggle Button */
#nav-toggle {
  display: none;
  position: absolute;
  left: 10px;
  top: 10px;
  width: 15px;
  height: 13px;
  cursor: pointer;
  z-index: 101;
}

#nav-toggle div {
  position: relative;
}

#nav-toggle span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #252525;
  left: 0;
  -webkit-transition: .35s ease-in-out;
  -moz-transition: .35s ease-in-out;
  transition: .35s ease-in-out;
}

#nav-toggle span:nth-child(1) {
  top: 0;
}

#nav-toggle span:nth-child(2) {
  top: 6px;
}

#nav-toggle span:nth-child(3) {
  top: 12px;
}

@media (max-width: 37.5em) {
  .globalNavi,
  .inner {
    width: 100%;
    padding: 0;
  }

  .globalNavi {
    top: 0;
    position: fixed;
    margin-top: 0;
  }

  /* Fixed reset */
  .globalNavi.fixed {
    padding-top: 0;
  }

  #mobile-head {
    width: 100%;
    height: 35px;
    z-index: 999;
    position: relative;
  }

  .globalNavi.fixed .logo,
  .globalNavi .logo {
    position: absolute;
    left: 13px;
    top: 13px;
    color: #333;
    font-size: 26px;
  }

  #global-nav {
    position: absolute;
    /* 開いてないときは画面外に配置 */
    top: -521px;
    background: #fff;
    border-bottom: 1px solid #f0f0f0;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    z-index: 9999;
  }

  #global-nav ul {
    display: block;
    list-style: none;
    position: static;
    right: 0;
    bottom: 0;
    font-size: 14px;
    padding: 0 20px !important;
  }

  #global-nav ul li {
    width: 100%;
    height: 35px;
    text-align: left;
    margin: 0;
    padding: 10px 0 0;
  }
  #global-nav ul li i {
    display: inline;
    float: right;
  }

  .globalNavi #global-nav ul li a,
  .globalNavi.fixed #global-nav ul li a {
    width: 100%;
    display: block;
    color: #fff;
  }
  .globalNavi #global-nav ul li a:hover,
  .globalNavi.fixed #global-nav ul li a:hover {
    opacity: 0.5;
    border: none;
  }

  #nav-toggle {
    display: block;
  }

  /* #nav-toggle 切り替えアニメーション */
  .open #nav-toggle span:nth-child(1) {
    top: 5px;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    transform: rotate(315deg);
  }

  .open #nav-toggle span:nth-child(2) {
    width: 0;
    left: 50%;
  }

  .open #nav-toggle span:nth-child(3) {
    top: 5px;
    -webkit-transform: rotate(-315deg);
    -moz-transform: rotate(-315deg);
    transform: rotate(-315deg);
  }

  /* #global-nav スライドアニメーション */
  .open #global-nav {
    /* #global-nav top + #mobile-head height */
    -moz-transform: translateY(556px);
    -webkit-transform: translateY(556px);
    transform: translateY(556px);
  }
  #event .open #global-nav {
    -moz-transform: translateY(556px);
    -webkit-transform: translateY(556px);
    transform: translateY(556px);
  }
}
.breadCrumb {
  background: #fff;
  border-bottom: 1px solid #f0f0f0;
  height: 25px;
}
@media (max-width: 37.5em) {
  .breadCrumb {
    display: none;
  }
}
.breadCrumb .inner {
  width: 1000px;
  margin: 0 auto;
}
.breadCrumb .inner ol {
  display: inline-flex;
}
.breadCrumb .inner ol li {
  margin-right: 10px;
  padding-top: 7px;
  font-size: 9px;
  color: #c0c0c0;
}
.breadCrumb .inner ol li:after {
  font-family: 'FontAwesome';
  content: '\f105';
  margin-left: 10px;
  color: #252525;
}
.breadCrumb .inner ol li:last-child:after {
  content: none;
}
.breadCrumb .inner ol li a {
  color: #252525;
}

.leftColumn {
  position: relative;
}

.contentMenu {
  position: absolute;
  top: 0;
  width: 100%;
}
.contentMenu ul {
  border-top: 1px solid #252525;
}
.contentMenu ul li {
  border-bottom: 1px solid #252525;
}
.contentMenu ul li a {
  display: block;
  padding: 30px 0;
  color: #252525;
  font-size: 15px;
}
.contentMenu ul li a i {
  margin-right: 10px;
}

#top .floatImage {
  background: url("../../img/public/top/body_bg.png") center 0px no-repeat;
  position: absolute;
  top: 1000px;
  z-index: -9;
  width: 100%;
  height: 730px;
}
#top .hero {
  position: relative;
  z-index: 9999;
  padding: 30px 0;
  text-align: center;
}
@media (max-width: 37.5em) {
  #top .hero {
    padding: 0;
    z-index: 0;
  }
}
#top .hero .inner {
  width: 1200px;
  margin: 0 auto;
}
@media (max-width: 37.5em) {
  #top .hero .inner {
    width: 100%;
    padding: 0;
  }
}
#top .alertInfo {
  position: relative;
  background: #252525;
  padding: 38px 0;
}
@media (max-width: 37.5em) {
  #top .alertInfo {
    padding: 20px 0;
  }
}
#top .alertInfo .floatImageWithInfo {
  background: url("../../img/public/top/body_bg.png") center 0px no-repeat;
  position: absolute;
  top: -86px;
  z-index: 9;
  width: 100%;
  height: 730px;
}
#top .alertInfo .inner {
  position: relative;
  z-index: 9999;
  width: 560px;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 37.5em) {
  #top .alertInfo .inner {
    width: 100%;
    padding: 0 20px;
  }
}
#top .alertInfo .inner p {
  text-align: left;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.4em;
  color: #fff;
}
@media (max-width: 37.5em) {
  #top .alertInfo .inner p {
    font-size: 14px;
  }
}
#top .alertInfo .inner p a {
  color: #fff;
  text-decoration: underline;
}
#top .alertInfo .inner p a:hover {
  text-decoration: none;
}
#top .movie {
  position: relative;
  z-index: 9999;
  margin-top: 120px;
  margin-bottom: 60px;
  padding-bottom: 120px;
  border-bottom: 5px solid #252525;
}
@media (max-width: 37.5em) {
  #top .movie {
    margin-top: 30px;
    padding-bottom: 60px;
  }
}
#top .movie .inner {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 37.5em) {
  #top .movie .inner {
    width: 100%;
  }
}
#top .movie .inner .youtubeMovie .contentInner {
  width: 1000px;
  margin: 0 auto;
}
@media (max-width: 37.5em) {
  #top .movie .inner .youtubeMovie .contentInner {
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
  }
}
#top .movie .inner .youtubeMovie .contentInner h3 {
  margin-bottom: 40px;
  line-height: 1.4em;
}
#top .movie .inner .youtubeMovie .contentInner .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#top .movie .inner .youtubeMovie .contentInner .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
#top .news {
  position: relative;
  z-index: 9999;
  margin-top: 120px;
  margin-bottom: 60px;
  padding-bottom: 120px;
  border-bottom: 5px solid #252525;
}
@media (max-width: 37.5em) {
  #top .news {
    margin-top: 30px;
    padding-bottom: 60px;
  }
}
#top .news .inner {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 37.5em) {
  #top .news .inner {
    width: 100%;
  }
}
#top .news .inner .newsIndex h2 {
  margin-bottom: 40px;
}
@media (max-width: 37.5em) {
  #top .news .inner .newsIndex h2 {
    margin-bottom: 20px;
  }
}
#top .news .inner .newsIndex ul {
  display: block;
  width: 550px;
  margin: 0 auto !important;
}
@media (max-width: 37.5em) {
  #top .news .inner .newsIndex ul {
    width: 100%;
    padding: 0 20px !important;
  }
}
#top .news .inner .newsIndex ul li {
  margin-bottom: 17px;
}
#top .news .inner .newsIndex ul li:last-child {
  margin-bottom: 0;
}
#top .news .inner .newsIndex ul li a {
  display: block;
  color: #252525;
}
#top .news .inner .newsIndex ul li a dl {
  display: flex;
}
#top .news .inner .newsIndex ul li a dl dt {
  width: 120px;
  text-align: left;
  font-size: 12px;
}
@media (max-width: 37.5em) {
  #top .news .inner .newsIndex ul li a dl dt {
    width: 84px;
  }
}
#top .news .inner .newsIndex ul li a dl dt span {
  float: right;
  margin: 0 20px;
}
@media (max-width: 37.5em) {
  #top .news .inner .newsIndex ul li a dl dt span {
    margin: 0 5px;
  }
}
#top .news .inner .newsIndex ul li a dl dd {
  display: flex;
  flex: 1;
  text-align: left;
}
#top .news .inner .newsIndex ul li a dl dd .tag {
  margin: 3px 20px 0 0;
  background: #252525;
  width: 90px;
  height: 14px;
  padding: 2px 0 0;
  border-left: 1px solid #7f7f7f;
  border-right: 1px solid #7f7f7f;
  font-size: 9px;
  color: #fff;
  text-align: center;
  line-height: 1em;
}
@media (max-width: 37.5em) {
  #top .news .inner .newsIndex ul li a dl dd .tag {
    width: 70px;
    padding: 3px 0 0;
    font-size: 8px;
  }
}
#top .news .inner .newsIndex ul li a dl dd .tag.jam {
  background: #ec2314;
  border-left: 1px solid #f47e75;
  border-right: 1px solid #f47e75;
}
#top .news .inner .newsIndex ul li a dl dd .tag.expo {
  background: #252525;
}
#top .news .inner .newsIndex ul li a dl dd .tag.field {
  background: #ffb103;
  border-left: 1px solid #ffd16b;
  border-right: 1px solid #ffd16b;
}
#top .news .inner .newsIndex ul li a dl dd .tag.party {
  background: #024dc7;
  border-left: 1px solid #6a96de;
  border-right: 1px solid #6a96de;
}
#top .news .inner .newsIndex ul li a dl dd .tag.next {
  background: #00b0ed;
  border-left: 1px solid #69d1f4;
  border-right: 1px solid #69d1f4;
}
#top .news .inner .newsIndex ul li a dl dd .tag.meets {
  background: #00c4a9;
  border-left: 1px solid #69dccc;
  border-right: 1px solid #69dccc;
}
#top .news .inner .newsIndex ul li a dl dd .tag.overseas {
  background: #b82bb6;
  border-left: 1px solid #d582d4;
  border-right: 1px solid #d582d4;
}
#top .news .inner .newsIndex ul li a dl dd .tag.other {
  background: #e5e5e5;
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  color: #252525;
}
@media (max-width: 37.5em) {
  #top .news .inner .newsIndex ul li a dl dd .tag {
    margin: 3px 10px 0 0;
  }
}
#top .news .inner .newsIndex ul li a dl dd p {
  flex: 1;
  font-size: 12px;
}
@media (max-width: 37.5em) {
  #top .news .inner .newsIndex ul li a dl dd p {
    text-align: left;
  }
}
#top .news .inner .newsIndex .moreBtn {
  width: 70px;
  height: 24px;
  margin: 30px auto 0;
}
#top .news .inner .newsIndex .moreBtn a {
  padding: 8px 20px;
  border: 1px solid #252525;
  text-align: center;
  font-size: 9px;
  color: #252525;
}
#top .eventSection ul li.eventList {
  margin-bottom: 60px;
  padding-bottom: 60px;
  border-bottom: 5px solid #252525;
}
@media (max-width: 37.5em) {
  #top .eventSection ul li.eventList {
    width: 100%;
  }
}
#top .eventSection ul li.eventList:last-child {
  margin-bottom: 120px;
  padding-bottom: 0;
  border-bottom: none;
}
#top .eventSection .inner {
  width: 1000px;
  margin: 0 auto;
}
@media (max-width: 37.5em) {
  #top .eventSection .inner {
    width: 100%;
    padding: 0 20px;
  }
}
#top .eventSection .inner .eventBlock {
  display: flex;
  margin-bottom: 60px;
}
@media (max-width: 37.5em) {
  #top .eventSection .inner .eventBlock {
    width: 100%;
    flex-direction: column-reverse;
  }
}
#top .eventSection .inner .eventBlock .txt {
  flex: 1;
  width: 100%;
}
#top .eventSection .inner .eventBlock .txt .tag {
  margin: 0 0 20px;
  background: #252525;
  width: 90px;
  height: 14px;
  padding: 2px 0 0;
  border-left: 1px solid #7f7f7f;
  border-right: 1px solid #7f7f7f;
  font-size: 9px;
  color: #fff;
  text-align: center;
  line-height: 1em;
}
@media (max-width: 37.5em) {
  #top .eventSection .inner .eventBlock .txt .tag {
    width: 70px;
    padding: 3px 0 0;
    font-size: 8px;
  }
}
#top .eventSection .inner .eventBlock .txt .tag.jam {
  background: #ec2314;
  border-left: 1px solid #f47e75;
  border-right: 1px solid #f47e75;
}
#top .eventSection .inner .eventBlock .txt .tag.expo {
  background: #252525;
}
#top .eventSection .inner .eventBlock .txt .tag.field {
  background: #ffb103;
  border-left: 1px solid #ffd16b;
  border-right: 1px solid #ffd16b;
}
#top .eventSection .inner .eventBlock .txt .tag.party {
  background: #024dc7;
  border-left: 1px solid #6a96de;
  border-right: 1px solid #6a96de;
}
#top .eventSection .inner .eventBlock .txt .tag.next {
  background: #00b0ed;
  border-left: 1px solid #69d1f4;
  border-right: 1px solid #69d1f4;
}
#top .eventSection .inner .eventBlock .txt .tag.meets {
  background: #00c4a9;
  border-left: 1px solid #69dccc;
  border-right: 1px solid #69dccc;
}
#top .eventSection .inner .eventBlock .txt .tag.overseas {
  background: #b82bb6;
  border-left: 1px solid #d582d4;
  border-right: 1px solid #d582d4;
}
#top .eventSection .inner .eventBlock .txt .tag.other {
  background: #e5e5e5;
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  color: #252525;
}
#top .eventSection .inner .eventBlock .txt h3 {
  margin: 0 0 20px;
  font-size: 70px;
  font-weight: 900;
  line-height: 1em;
}
@media (max-width: 37.5em) {
  #top .eventSection .inner .eventBlock .txt h3 {
    font-size: 30px;
  }
}
#top .eventSection .inner .eventBlock .txt .datePlace {
  margin: 0 0 40px;
  font-size: 30px;
  line-height: 1em;
  font-weight: 700;
}
@media (max-width: 37.5em) {
  #top .eventSection .inner .eventBlock .txt .datePlace {
    font-size: 15px;
  }
}
#top .eventSection .inner .eventBlock .txt .datePlace span {
  font-size: 15px;
}
@media (max-width: 37.5em) {
  #top .eventSection .inner .eventBlock .txt .datePlace span {
    font-size: 12px;
  }
}
#top .eventSection .inner .eventBlock .txt p.note {
  margin: 0 0 30px;
  line-height: 2em;
}
#top .eventSection .inner .eventBlock .txt .btnSet ul {
  display: flex;
}
@media (max-width: 37.5em) {
  #top .eventSection .inner .eventBlock .txt .btnSet ul {
    display: block;
  }
}
#top .eventSection .inner .eventBlock .txt .btnSet ul li {
  width: 218px;
  margin-right: 20px;
}
@media (max-width: 37.5em) {
  #top .eventSection .inner .eventBlock .txt .btnSet ul li {
    width: 100%;
    margin: 0 auto 20px;
  }
}
#top .eventSection .inner .eventBlock .txt .btnSet ul li a {
  display: block;
  width: 218px;
  height: 54px;
  padding: 7px 0 0;
  border: 4px solid #252525;
  font-size: 20px;
  text-align: center;
}
@media (max-width: 37.5em) {
  #top .eventSection .inner .eventBlock .txt .btnSet ul li a {
    width: 100%;
    padding: 10px 0 0;
    font-size: 16px;
  }
}
#top .eventSection .inner .eventBlock .txt .btnSet ul li a.en {
  font-weight: 900;
}
#top .eventSection .inner .eventBlock .txt .btnSet ul li a i {
  margin-right: 7px;
}
#top .eventSection .inner .eventBlock .image {
  width: 260px;
  height: 260px;
  margin-left: 80px;
}
@media (max-width: 37.5em) {
  #top .eventSection .inner .eventBlock .image {
    width: 260px;
    height: auto;
    margin: 0 auto 40px;
    text-align: center;
  }
}
#top .eventSection .inner .eventBlock .image .imageBox {
  background: #f8f8f8;
  display: table-cell;
  width: 260px;
  height: 260px;
  text-align: center;
  vertical-align: middle;
}
@media (max-width: 37.5em) {
  #top .eventSection .inner .eventBlock .image .imageBox {
    width: 260px;
    height: auto;
    margin: 0 auto;
  }
}
#top .eventSection .inner .eventBlock .image img {
  margin: 0 auto;
  max-width: 260px;
  max-height: 260px;
}
@media (max-width: 37.5em) {
  #top .eventSection .inner .eventBlock .image img {
    max-width: 100%;
    max-height: auto;
  }
}
@media (max-width: 37.5em) {
  #top .eventSection .inner .eventSlider {
    width: 100%;
  }
}
#top .eventSection .inner .eventSlider .unitName {
  margin-top: 10px;
  font-size: 12px;
}
#top .eventSection .inner .eventSlider .unitName i {
  margin-right: 6px;
}
#top .calendarSection {
  background: url("../../img/public/top/calendar_bg.jpg") center top no-repeat;
  background-size: cover;
  padding: 80px 0 100px;
}
@media (max-width: 37.5em) {
  #top .calendarSection {
    padding: 40px 0 50px;
  }
}
#top .calendarSection .inner {
  display: flex;
  width: 1000px;
  margin: 0 auto;
}
@media (max-width: 37.5em) {
  #top .calendarSection .inner {
    flex-wrap: wrap;
    width: 100%;
    padding: 0 20px;
  }
}
#top .calendarSection .inner .calendar {
  width: 504px;
  margin-right: 56px;
  color: #fff;
}
@media (max-width: 37.5em) {
  #top .calendarSection .inner .calendar {
    width: 100%;
    margin: 0 0 40px;
  }
}
#top .calendarSection .inner .calendar .calendarHead {
  width: 100%;
  margin-bottom: 10px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
#top .calendarSection .inner .calendar .calendarHead ul {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
#top .calendarSection .inner .calendar .calendarHead ul li a {
  color: #fff;
  font-size: 20px;
}
#top .calendarSection .inner .calendar .calendarHead ul li a.prev i {
  margin-right: 5px;
}
#top .calendarSection .inner .calendar .calendarHead ul li a.next i {
  margin-left: 5px;
}
#top .calendarSection .inner .calendar .calendarHead .ttl {
  margin-bottom: 12px;
  font-size: 9px;
  line-height: 1;
  text-align: center;
}
#top .calendarSection .inner .calendar .calendarHead .yearMonth {
  font-size: 30px;
  font-weight: 900;
  line-height: 1;
  text-align: center;
}
#top .calendarSection .inner .calendar .week {
  margin-bottom: 10px;
}
#top .calendarSection .inner .calendar .week ul {
  display: flex;
  justify-content: space-around;
}
#top .calendarSection .inner .calendar .week ul li {
  width: 70px;
  margin-right: 2px;
  text-align: center;
  font-size: 13px;
}
@media (max-width: 37.5em) {
  #top .calendarSection .inner .calendar .week ul li {
    width: 13%;
    font-size: 10px;
  }
}
#top .calendarSection .inner .calendar .week ul li.sat {
  color: #3aa5ff;
}
#top .calendarSection .inner .calendar .week ul li.sun {
  color: #e637ae;
}
#top .calendarSection .inner .calendar .day ul {
  display: flex;
  flex-wrap: wrap;
}
#top .calendarSection .inner .calendar .day ul li {
  background: rgba(85, 85, 85, 0.5);
  width: 70px;
  height: 70px;
  margin: 0 2px 2px 0;
}
@media (max-width: 37.5em) {
  #top .calendarSection .inner .calendar .day ul li {
    width: 13.7%;
    height: auto;
  }
}
#top .calendarSection .inner .calendar .day ul li:nth-child(7n) {
  margin-right: 0;
}
#top .calendarSection .inner .calendar .day ul li.busy {
  background: #252525;
}
#top .calendarSection .inner .calendar .day ul li.select {
  background: #ffffff;
}
#top .calendarSection .inner .calendar .day ul li.select .date {
  color: #252525;
}
#top .calendarSection .inner .calendar .day ul li.select p.multi a {
  color: #252525;
}
#top .calendarSection .inner .calendar .day ul li.select a .date {
  color: #252525;
}
#top .calendarSection .inner .calendar .day ul li.select p {
  color: #252525;
}
#top .calendarSection .inner .calendar .day ul li .date {
  font-size: 20px;
  margin: 9px 0 5px 9px;
  line-height: 1;
  color: #fff;
}
@media (max-width: 37.5em) {
  #top .calendarSection .inner .calendar .day ul li .date {
    margin: 4px 0 7px 4px;
    font-size: 14px;
  }
}
#top .calendarSection .inner .calendar .day ul li .date.sat {
  color: #3aa5ff;
}
#top .calendarSection .inner .calendar .day ul li .date.sun {
  color: #e637ae;
}
#top .calendarSection .inner .calendar .day ul li p.multi {
  height: 11px;
}
@media (max-width: 37.5em) {
  #top .calendarSection .inner .calendar .day ul li p.multi {
    height: auto;
  }
}
#top .calendarSection .inner .calendar .day ul li p.multi a {
  width: auto;
  height: auto;
  padding: 0 5px 7px;
  font-size: 10px;
  line-height: 1;
  color: #fff;
}
@media (max-width: 37.5em) {
  #top .calendarSection .inner .calendar .day ul li p.multi a {
    padding: 0 2px 3px;
    width: 100%;
    font-size: 8px;
  }
}
#top .calendarSection .inner .calendar .day ul li p.multi a:before {
  font-family: 'FontAwesome';
  content: '\f0da';
  margin-right: 3px;
}
#top .calendarSection .inner .calendar .day ul li a {
  display: block;
  width: 70px;
  height: 70px;
}
@media (max-width: 37.5em) {
  #top .calendarSection .inner .calendar .day ul li a {
    width: 100%;
    height: auto;
  }
}
#top .calendarSection .inner .calendar .day ul li a p {
  padding: 10px 5px 7px;
  font-size: 10px;
  line-height: 1;
  color: #fff;
}
@media (max-width: 37.5em) {
  #top .calendarSection .inner .calendar .day ul li a p {
    padding: 0 2px 3px;
    width: 100%;
    font-size: 8px;
  }
}
#top .calendarSection .inner .dateDetail {
  width: 440px;
  color: #fff;
}
@media (max-width: 37.5em) {
  #top .calendarSection .inner .dateDetail {
    width: 100%;
  }
}
#top .calendarSection .inner .dateDetail .dateTag {
  display: flex;
  align-items: flex-end;
  margin-bottom: 20px;
}
#top .calendarSection .inner .dateDetail .dateTag .date {
  font-size: 30px;
  font-weight: 900;
  line-height: 1;
}
#top .calendarSection .inner .dateDetail .dateTag .date span {
  font-size: 15px;
}
#top .calendarSection .inner .dateDetail .dateTag .tag {
  margin: 0 0 0 12px;
  background: #252525;
  width: 90px;
  height: 14px;
  padding: 2px 0 0;
  border-left: 1px solid #7f7f7f;
  border-right: 1px solid #7f7f7f;
  font-size: 9px;
  color: #fff;
  text-align: center;
  line-height: 1em;
}
@media (max-width: 37.5em) {
  #top .calendarSection .inner .dateDetail .dateTag .tag {
    width: 70px;
    padding: 3px 0 0;
    font-size: 8px;
  }
}
#top .calendarSection .inner .dateDetail .dateTag .tag.jam {
  background: #ec2314;
  border-left: 1px solid #f47e75;
  border-right: 1px solid #f47e75;
}
#top .calendarSection .inner .dateDetail .dateTag .tag.expo {
  background: #252525;
}
#top .calendarSection .inner .dateDetail .dateTag .tag.field {
  background: #ffb103;
  border-left: 1px solid #ffd16b;
  border-right: 1px solid #ffd16b;
}
#top .calendarSection .inner .dateDetail .dateTag .tag.party {
  background: #024dc7;
  border-left: 1px solid #6a96de;
  border-right: 1px solid #6a96de;
}
#top .calendarSection .inner .dateDetail .dateTag .tag.next {
  background: #00b0ed;
  border-left: 1px solid #69d1f4;
  border-right: 1px solid #69d1f4;
}
#top .calendarSection .inner .dateDetail .dateTag .tag.meets {
  background: #00c4a9;
  border-left: 1px solid #69dccc;
  border-right: 1px solid #69dccc;
}
#top .calendarSection .inner .dateDetail .dateTag .tag.overseas {
  background: #b82bb6;
  border-left: 1px solid #d582d4;
  border-right: 1px solid #d582d4;
}
#top .calendarSection .inner .dateDetail .dateTag .tag.other {
  background: #e5e5e5;
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  color: #252525;
}
#top .calendarSection .inner .dateDetail h3 {
  margin: 0 0 20px;
  font-size: 50px;
  font-weight: 900;
  line-height: 1em;
  color: #fff;
}
@media (max-width: 37.5em) {
  #top .calendarSection .inner .dateDetail h3 {
    font-size: 30px;
  }
}
#top .calendarSection .inner .dateDetail .datePlace {
  margin: 0 0 40px;
  font-size: 30px;
  line-height: 1em;
  font-weight: 700;
}
@media (max-width: 37.5em) {
  #top .calendarSection .inner .dateDetail .datePlace {
    font-size: 15px;
  }
}
#top .calendarSection .inner .dateDetail .datePlace span {
  font-size: 15px;
}
@media (max-width: 37.5em) {
  #top .calendarSection .inner .dateDetail .datePlace span {
    font-size: 12px;
  }
}
#top .calendarSection .inner .dateDetail .imageTxt {
  display: flex;
  margin-bottom: 40px;
}
#top .calendarSection .inner .dateDetail .imageTxt .image {
  background: #f8f8f8;
  width: 130px;
  height: 130px;
  margin-right: 25px;
}
#top .calendarSection .inner .dateDetail .imageTxt .image .imageBox {
  display: table-cell;
  width: 130px;
  height: 130px;
  text-align: center;
  vertical-align: middle;
}
#top .calendarSection .inner .dateDetail .imageTxt .image img {
  max-width: 130px;
  max-height: 130px;
}
#top .calendarSection .inner .dateDetail .imageTxt p.note {
  flex: 1;
  margin: 0;
}
#top .calendarSection .inner .dateDetail .btnSet ul {
  display: flex;
}
@media (max-width: 37.5em) {
  #top .calendarSection .inner .dateDetail .btnSet ul {
    display: block;
  }
}
#top .calendarSection .inner .dateDetail .btnSet ul li {
  width: 218px;
  margin-right: 20px;
}
@media (max-width: 37.5em) {
  #top .calendarSection .inner .dateDetail .btnSet ul li {
    width: 100%;
    margin: 0 auto 20px;
  }
}
#top .calendarSection .inner .dateDetail .btnSet ul li a {
  display: block;
  width: 218px;
  height: 54px;
  padding: 7px 0 0;
  border: 4px solid #fff;
  font-size: 20px;
  color: #fff;
  text-align: center;
}
@media (max-width: 37.5em) {
  #top .calendarSection .inner .dateDetail .btnSet ul li a {
    width: 100%;
    padding: 10px 0 0;
    font-size: 16px;
  }
}
#top .calendarSection .inner .dateDetail .btnSet ul li a.en {
  font-weight: 900;
}
#top .calendarSection .inner .dateDetail .btnSet ul li a i {
  margin-right: 7px;
}
#top .cheerzFeed {
  background: url("../../img/public/top/feed_bg.png") center top repeat;
}
#top .cheerzFeed .inner {
  width: 1020px;
  margin: 0 auto;
  padding: 60px 0;
}
@media (max-width: 37.5em) {
  #top .cheerzFeed .inner {
    width: 100%;
    padding: 30px 0px;
  }
}
#top .cheerzFeed .inner h3 {
  background: url("../../img/public/top/cheerzfeed_ttl.png") center top no-repeat;
  width: 326px;
  height: 94px;
  margin: 0 auto 40px;
  text-indent: -9999px;
}
@media (max-width: 37.5em) {
  #top .cheerzFeed .inner h3 {
    width: 200px;
    height: 58px;
    background-size: cover;
  }
}
#top .cheerzFeed .inner .btn {
  display: block;
  margin: 40px auto 0;
}
#top .cheerzFeed .inner .btn a {
  font-weight: 900;
}
#top .banner {
  margin: 0 0 40px;
  padding-top: 60px;
  border-top: 1px solid #f0f0f0;
}
@media (max-width: 37.5em) {
  #top .banner {
    margin: 30px 0 20px;
  }
}
#top .banner .inner {
  width: 1012px;
  margin: 0 auto;
}
@media (max-width: 37.5em) {
  #top .banner .inner {
    width: 100%;
    padding: 0 20px;
  }
}
#top .banner .inner ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
}
@media (max-width: 37.5em) {
  #top .banner .inner ul {
    justify-content: space-between;
  }
}
#top .banner .inner ul li {
  width: 190px;
  height: 48px;
  margin: 0 6px 20px;
}
#top .banner .inner ul li img {
  width: 100%;
}
@media (max-width: 37.5em) {
  #top .banner .inner ul li {
    width: 30%;
    height: auto;
    margin: 0 auto 20px;
  }
  #top .banner .inner ul li img {
    width: 100%;
  }
}

.thumbnails {
  width: 100%;
  margin: 0 auto;
}
.thumbnails .artistPhoto img {
  width: 100%;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
}

.thumbnail {
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 37.5em) {
  .thumbnail {
    width: 100%;
  }
}
.thumbnail.masonry .boxBody {
  overflow: hidden;
  position: relative;
  min-width: 143px;
  margin: 0 10px 20px;
  padding: 0;
}
@media (min-width: 70em) {
  .thumbnail.masonry .boxBody {
    width: 230px;
  }
}
@media (min-width: 64em) {
  .thumbnail.masonry .boxBody {
    width: 230px;
  }
}
@media (max-width: 64em) {
  .thumbnail.masonry .boxBody {
    width: 50%;
    max-width: 222px;
  }
}
@media (max-width: 37.5em) {
  .thumbnail.masonry .boxBody {
    width: 50%;
    max-width: 174px;
    margin: 0 4px 8px;
  }
}
.thumbnail.masonry .boxBody:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
.thumbnail.over10000 .boxBody {
  overflow: visible;
  margin: 0 8px 76px;
  padding-bottom: 20px;
}
@media (max-width: 37.5em) {
  .thumbnail.over10000 .boxBody {
    margin: 0 4px 76px;
  }
}
@media (max-width: 37.5em) {
  .thumbnail.presentMovie .boxBody {
    width: 98% !important;
    max-width: 98% !important;
    margin: 0 4px 8px;
  }
}

.thumbnail .name, .thumbnail .cheerNum, .thumbnail .clip {
  color: #c2c2c2;
}
.thumbnail .artistItemBody {
  padding: 8px 8px 6px;
}
.thumbnail .artistItemBody.birthday {
  background-image: url("http://www.at-jam.jp/assets/img/public/birthday.png");
  background-position: 94% center;
  background-repeat: no-repeat;
  background-size: 40px;
}
.thumbnail .artistItemBody .comment {
  overflow: hidden;
  margin-bottom: 4px;
  word-break: break-all;
  word-wrap: break-word;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.2;
}
.thumbnail .artistItemBody .name {
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
}
@media (max-width: 64em) {
  .thumbnail .artistItemBody .name {
    margin-bottom: 0;
  }
}
.thumbnail .artistItemBody .name.rank {
  color: #ed4694;
}
.thumbnail .artistItemBody .name span {
 	/*color:#fff;
 	background-color: $brand-primary;
 	border-radius: 8px;
	display: inline-block;
	font-size: 12px;
	height: 14px;
	margin: -4px 4px 0 0;
	text-align: center;
	vertical-align: middle;
	width: 14px;*/
  display: inline-block;
  margin: 0 4px 0 0;
  text-indent: -9999px;
  background: url("http://www.at-jam.jp/assets/img/public/top/icon_crown.png") top center no-repeat;
  background-size: cover;
  width: 15px;
  height: 15px;
}
.thumbnail .artistItemBody .cheerNum {
  font-size: 11px;
}
.thumbnail .artistItemBody .cheerNum span {
  margin-right: 4px;
  font-size: 13px;
}
.thumbnail .artistItemBottom {
  height: 22px;
  overflow: hidden;
  padding: 0 0 0 8px;
  border-top: 1px solid #e5e5e5;
}
.thumbnail .artistItemBottom.birthday .date {
  color: #ed4694;
}
.thumbnail .artistItemBottom .date {
  float: left;
  margin-top: 3px;
  font-size: 9px;
  color: #c2c2c2;
}
.thumbnail .artistItemBottom .option {
  overflow: hidden;
  float: right;
}
.thumbnail .artistItemBottom .option li {
  float: right;
  width: 26px;
  font-size: 20px;
  text-align: center;
  color: #fff;
  background: #ed4694;
}
@media (max-width: 64em) {
  .thumbnail .artistItemBottom .option li {
    width: 18px;
    font-size: 12px;
  }
}
@media (max-width: 37.5em) {
  .thumbnail .artistItemBottom .option li {
    width: 22px;
    font-size: 14px;
  }
}
.thumbnail .artistItemBottom .option li:first-child {
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.thumbnail .artistItemBottom .option li:nth-child(odd) {
  background: #f888bb;
}
.thumbnail.over10000 .overArtistPhoto {
  position: absolute;
  bottom: -64px;
  width: 100%;
  text-align: center;
}
.thumbnail.over10000 .overArtistPhoto .artistIcon {
  width: 50px;
  height: 50px;
  margin-right: 8px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 4px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 4px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 4px;
}
.thumbnail.over10000 .overArtistPhoto ul {
  text-align: center;
}
.thumbnail.over10000 .overArtistPhoto li {
  display: block;
  padding-top: 5px;
  line-height: 1;
}
.thumbnail.over10000 .overArtistPhoto .artistName {
  color: #ed4694;
  font-weight: bold;
}
.thumbnail.over10000 .overArtistPhoto .unitName {
  color: #cccccc;
  font-size: 10px;
}

.wrapper {
  position: relative;
}

.halfColumn {
  overflow: hidden;
}
.halfColumn .leftColumn {
  float: left;
  width: 50%;
}
.halfColumn .rightColumn {
  float: right;
  width: 50%;
}

.leftMenuColumn {
  display: flex;
  width: 100%;
}
@media (max-width: 37.5em) {
  .leftMenuColumn {
    display: block;
  }
}
.leftMenuColumn .leftColumn {
  width: 250px;
  height: auto;
  margin-right: 60px;
}
@media (max-width: 37.5em) {
  .leftMenuColumn .leftColumn {
    display: none;
  }
}
.leftMenuColumn .leftColumn.noMainimage {
  margin-top: 0;
}
.leftMenuColumn .rightColumn {
  flex: 1;
  width: 100%;
}

.entry {
  background: #ECEFF1 url("http://www.at-jam.jp/assets/img/public/bg_pattern.png");
}

.forms {
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 37.5em) {
  .forms {
    width: 100%;
  }
}
.forms a:hover {
  text-decoration: underline;
}
.forms .required,
.forms .optional {
  margin-left: 8px;
  padding: 2px 4px;
  color: #fff;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-size: 12px;
  font-weight: normal;
  white-space: nowrap;
}
.forms .required {
  background: #d9534f;
}
.forms .optional {
  background: #aaaaaa;
}
.forms .help-block,
.forms .alert-block {
  display: block;
  margin-top: 8px;
}
.forms .help-block {
  color: #aaaaaa;
}
.forms .help-block p {
  margin-top: 1rem;
}
.forms .alert-block {
  color: #d9534f;
}
.forms .policy-block {
  display: block;
  margin: 16px auto;
  text-align: center;
}
.forms label {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
}
.forms label span.label-danger {
  background: #ec2314;
  border-radius: 8px;
  margin-left: 10px;
  padding: 3px 6px;
  color: #fff;
  font-size: 10px;
  font-weight: normal;
  text-align: center;
}
.forms label span.attention {
  margin-left: 10px;
  color: #ec2314;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
}
@media (max-width: 37.5em) {
  .forms input[type="file"] {
    font-size: 9px;
  }
}
.forms input[type="email"],
.forms input[type="password"],
.forms input[type="text"] {
  display: block;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  padding: 8px;
  border: 1px solid #fcfcfc;
  box-shadow: 0px 0px 2px 0px #e5e5e5 inset,0px 0px 2px 0px #e5e5e5 inset;
  -moz-box-shadow: 0px 0px 2px 0px #e5e5e5 inset,0px 0px 2px 0px #e5e5e5 inset;
  -webkit-box-shadow: 0px 0px 2px 0px #e5e5e5 inset,0px 0px 2px 0px #e5e5e5 inset;
  vertical-align: middle;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
@media (max-width: 37.5em) {
  .forms input[type="email"],
  .forms input[type="password"],
  .forms input[type="text"] {
    width: 100%;
  }
}
.forms input[type="email"].has-error,
.forms input[type="password"].has-error,
.forms input[type="text"].has-error {
  border: 1px solid #d9534f;
}
.forms select,
.forms textarea {
  border: 1px solid #fcfcfc;
  background: #fff;
}
.forms textarea {
  width: 100%;
  padding: 8px;
  border: 1px solid #fcfcfc;
  box-shadow: 0px 0px 2px 0px #e5e5e5 inset,0px 0px 2px 0px #e5e5e5 inset;
  -moz-box-shadow: 0px 0px 2px 0px #e5e5e5 inset,0px 0px 2px 0px #e5e5e5 inset;
  -webkit-box-shadow: 0px 0px 2px 0px #e5e5e5 inset,0px 0px 2px 0px #e5e5e5 inset;
  -moz-appearance: none;
  -webkit-appearance: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
@media (max-width: 37.5em) {
  .forms textarea {
    width: 100%;
  }
}
.forms input[type="radio"],
.forms input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
.forms select[multiple],
.forms select[size] {
  height: auto;
  border: 1px solid #fcfcfc;
}
.forms .facephoto {
  width: 82px;
}
.forms button.btn {
  display: block;
  width: 218px;
  height: 54px;
  margin: 60px auto 0;
  padding: 4px 0 0;
  border: 4px solid #252525;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}
.forms button.btn:hover {
  opacity: 0.5;
}
.forms button.btnSmall {
  cursor: pointer;
  display: block;
  background: #fff;
  width: 80px;
  height: 28px;
  margin: 30px auto 0;
  padding: 2px 0 0;
  border: 1px solid #252525;
  font-size: 11px;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}
.forms button.btnSmall:hover {
  opacity: 0.5;
}

.form-inline .form-group {
  display: inline-block;
}
@media (max-width: 37.5em) {
  .form-inline .form-group {
    display: block;
    margin-bottom: 8px;
  }
}
@media (max-width: 37.5em) {
  .form-inline .form-group label {
    display: block;
  }
}

.form-group {
  display: block;
  margin-bottom: 10px;
}
.form-group p {
  width: 100%;
  background: #f8f8f8;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 8px;
}

.input-group input[type="text"] {
  width: auto;
  display: inline-block;
  vertical-align: middle;
}

.sweet input[type="radio"],
.sweet input[type="checkbox"] {
  display: none;
}
.sweet input[type="radio"]:checked + label::before,
.sweet input[type="checkbox"]:checked + label::before {
  background: #fff;
  border: 1px solid #ed4694;
}
.sweet input[type="radio"]:checked + label::after,
.sweet input[type="checkbox"]:checked + label::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.sweet label {
  position: relative;
  display: inline-block;
  padding: 3px 3px 3px 20px;
  cursor: pointer;
}
@media (max-width: 37.5em) {
  .sweet label {
    display: block;
    padding-top: 8px;
    padding-left: 24px;
  }
}
.sweet label.radio::before, .sweet label.radio::after {
  position: absolute;
  content: '';
  top: 50%;
  border-radius: 100%;
  -webkit-transition: all .2s;
  transition: all .2s;
}
.sweet label.radio::after {
  margin-top: -4px;
  background: #ed4694;
}
.sweet label.checkbox {
  height: 2rem;
}
.sweet label.checkbox::before, .sweet label.checkbox::after {
  position: absolute;
  content: '';
  -webkit-transition: all .2s;
  transition: all .2s;
}
.sweet label.checkbox::before {
  top: 50%;
}
.sweet label.checkbox::after {
  content: '\2714';
  color: #ed4694;
  top: 5px;
}
.sweet label::before {
  left: 0;
  width: 14px;
  height: 14px;
  margin-top: -8px;
  background: #fff;
  border: 1px solid #ccc;
}
@media (max-width: 37.5em) {
  .sweet label::before {
    width: 20px;
    height: 20px;
  }
}
.sweet label::after {
  opacity: 0;
  left: 4px;
  width: 6px;
  height: 6px;
}
@media (max-width: 37.5em) {
  .sweet label::after {
    left: 4px;
    width: 12px;
    height: 12px;
  }
}
.sweet label:hover::before {
  background: #fff;
}

.alertBox {
  overflow: hidden;
  margin-bottom: 40px;
  padding: 8px;
  background: #ec2314;
  color: #fff;
}

.alert {
  background: #ffef00 !important;
}

.btn-block {
  margin: 32px auto;
  text-align: center;
}
.btn-block a {
  text-decoration: none !important;
}

.btn {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background: none transparent;
  width: 218px;
  height: 54px;
  padding: 7px 0 0;
  border: 4px solid #252525;
  font-size: 20px;
  text-align: center;
}
.btn.en {
  font-weight: 900;
}
.btn:hover {
  background: white;
}
.btn.btn-primary {
  background: #ed4694;
  color: #fff;
  border: 1px solid #eb2f87;
}
.btn.btn-primary:hover {
  background: #d2146d;
  border: 1px solid #bb1261;
}
.btn.btn-pink {
  color: #fe68bf;
  border: 2px solid #fe81ca;
}
.btn.btn-pink:hover {
  background: #ffb4df;
  border: 2px solid #ffcdea;
}
.btn.btn-white {
  background: none;
  color: #fff;
  border: 1px solid #fff;
}
.btn.btn-white:hover {
  background: #fff;
  color: black;
}
.btn.btn-emerald {
  background: none;
  color: #ec2314;
  border: 1px solid #ec2314;
  background: #fff;
}
.btn.btn-emerald:hover {
  background: #ec2314;
  color: #fff;
  border: 1px solid #fff;
}
.btn.btn-disable {
  background: #cccccc;
  color: #fff;
  border: none;
}
.btn.block {
  display: block;
  width: 100%;
  margin-bottom: 16px;
}
.btn.btn-default {
  color: #555555 !important;
}
.btn i {
  margin-right: 7px;
}

.pagetop {
  display: none;
  position: fixed;
  bottom: 100px;
  right: 20px;
  z-index: 999;
}
.pagetop a {
  display: block;
  background: #252525;
  width: 50px;
  height: 50px;
  text-align: center;
  color: white !important;
  font-size: 30px;
  text-decoration: none;
  line-height: 46px;
}
.pagetop a:after {
  font-family: 'FontAwesome';
  content: "\f077";
  color: #fff;
}

.footerImage .inner {
  min-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 37.5em) {
  .footerImage .inner {
    min-width: 100%;
  }
}
.footerImage .inner img {
  width: 100%;
}

.footernavi {
  display: none;
}
@media (max-width: 37.5em) {
  .footernavi {
    display: block;
    width: 100%;
    padding: 50px 20px 20px;
    background: #252525;
    border-top: 1px solid #4c4c4c;
  }
  .footernavi ul li {
    margin-bottom: 25px;
    font-size: 11px;
    color: #555555;
  }
  .footernavi ul li i {
    float: right;
  }
  .footernavi ul li a {
    display: block;
    color: #fff;
  }
}

footer {
  display: block;
  background: #252525;
  width: 100%;
  padding: 100px 0;
  text-align: center;
}
@media (max-width: 37.5em) {
  footer {
    padding: 10px 0;
  }
}
footer .inner {
  display: flex;
  justify-content: space-between;
  width: 1000px;
  margin: 0 auto;
}
@media (max-width: 37.5em) {
  footer .inner {
    display: block;
    width: 100%;
    text-align: center;
    padding: 20px;
  }
}
footer .inner .footerLogo {
  background: url("../../img/public/logo_full.png") top center no-repeat;
  background-size: 100%;
  width: 165px;
  height: 174px;
  margin: 0 48px 0 0;
  padding: 0;
  text-indent: -9999px;
}
@media (max-width: 37.5em) {
  footer .inner .footerLogo {
    display: none;
  }
}
footer .inner .footerNavi {
  flex: 1;
}
footer .inner .footerNavi .footerMenu {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #515151;
}
footer .inner .footerNavi .footerMenu ul.portalLink {
  display: flex;
}
@media (max-width: 37.5em) {
  footer .inner .footerNavi .footerMenu ul.portalLink {
    display: block;
    width: 100%;
  }
}
footer .inner .footerNavi .footerMenu ul.portalLink li {
  margin-right: 47px;
}
@media (max-width: 37.5em) {
  footer .inner .footerNavi .footerMenu ul.portalLink li {
    width: 100%;
    margin: 0 0 25px;
    text-align: left;
    font-size: 11px;
  }
}
footer .inner .footerNavi .footerMenu ul.portalLink li a {
  font-size: 14px;
  color: #fff;
}
@media (max-width: 37.5em) {
  footer .inner .footerNavi .footerMenu ul.portalLink li a {
    position: relative;
    width: 100%;
    font-size: 11px;
    padding: 0;
  }
}
footer .inner .footerNavi .footerMenu ul.portalLink li a:before {
  font-family: 'FontAwesome';
  content: "\f0da";
  margin-right: 10px;
}
@media (max-width: 37.5em) {
  footer .inner .footerNavi .footerMenu ul.portalLink li a:before {
    display: none;
  }
}
footer .inner .footerNavi .footerMenu ul.portalLink li a i {
  display: none;
}
@media (max-width: 37.5em) {
  footer .inner .footerNavi .footerMenu ul.portalLink li a i {
    display: block;
    float: right;
  }
}
footer .inner .footerNavi .footerMenu ul.snsLink {
  display: flex;
  align-items: center;
}
@media (max-width: 37.5em) {
  footer .inner .footerNavi .footerMenu ul.snsLink {
    display: none;
  }
}
footer .inner .footerNavi .footerMenu ul.snsLink li {
  margin: 0 10px 0 8px;
  font-size: 16px;
}
footer .inner .footerNavi .footerMenu ul.snsLink li:first-child {
  font-size: 10px;
}
footer .inner .footerNavi .footerMenu ul.snsLink li a {
  color: #fff;
}
footer .inner .footerNavi .footerGnavi {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}
@media (max-width: 37.5em) {
  footer .inner .footerNavi .footerGnavi {
    display: block;
  }
}
footer .inner .footerNavi .footerGnavi ul.globalLink {
  width: 584px;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  text-align: left;
}
@media (max-width: 37.5em) {
  footer .inner .footerNavi .footerGnavi ul.globalLink {
    width: 100%;
  }
}
footer .inner .footerNavi .footerGnavi ul.globalLink li {
  width: 146px;
  margin-top: 20px;
  font-size: 11px;
}
@media (max-width: 37.5em) {
  footer .inner .footerNavi .footerGnavi ul.globalLink li {
    width: 100%;
  }
}
footer .inner .footerNavi .footerGnavi ul.globalLink li:first-child {
  width: 100%;
  margin-top: 0px;
  font-size: 14px;
}
footer .inner .footerNavi .footerGnavi ul.globalLink li.noLink a {
  color: #919191;
  pointer-events: none;
}
footer .inner .footerNavi .footerGnavi ul.globalLink li a {
  color: #fff;
}
footer .inner .footerNavi .footerGnavi ul.globalLink li a:before {
  font-family: 'FontAwesome';
  content: "\f0da";
  margin-right: 10px;
}
footer .inner .footerNavi .footerGnavi .copyright {
  color: #fff;
  font-size: 11px;
}
@media (max-width: 37.5em) {
  footer .inner .footerNavi .footerGnavi .copyright {
    margin-top: 40px;
    text-align: center;
    font-size: 8px;
  }
}