@charset "UTF-8";
@import url(./extend.css);
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
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;
}

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

html {
  font-size: 62.5%;
}

body {
  line-height: 1;
}

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

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
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;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/* Requires: normalize.css */
/* Global Reset & Standards ---------------------- */
* {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  background: #fff;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: ms(0);
  line-height: 1;
  color: #000;
  position: relative;
  -webkit-font-smoothing: antialiased;
}

/* Links ---------------------- */
a {
  color: #0066ff;
  text-decoration: none;
  line-height: inherit;
}

a:hover {
  color: #005ce6;
}

a:focus {
  color: #0066ff;
  outline: none;
}

p a, p a:visited {
  line-height: inherit;
}

/* Misc ---------------------- */
.left {
  float: left;
}
@media only screen and (max-width: 767px) {
  .left {
    float: none;
  }
}

.right {
  float: right;
}
@media only screen and (max-width: 767px) {
  .right {
    float: none;
  }
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.hide {
  display: none;
}

.highlight {
  background: #ffff99;
}

#googlemap img, object, embed {
  max-width: none;
}

#map_canvas embed {
  max-width: none;
}

#map_canvas img {
  max-width: none;
}

#map_canvas object {
  max-width: none;
}

/* Reset for strange margins by default on <figure> elements */
figure {
  margin: 0;
}

#header {
  position: absolute;
  width: 100%;
  background-color: #000;
  color: #fff;
  height: 37px;
  overflow: visible;
  z-index: 1000;
}
#header:after {
  display: block;
  content: "";
  clear: both;
}

.hd-01 {
  background: #737373;
}
.hd-01 .hd-01-inner {
  position: relative;
  width: 1024px;
  margin: 0  auto;
  height: 30px;
}
.hd-01 > a {
  color: #333;
}
.hd-01 .tokaigiSet li {
  float: left;
}
.hd-01 .tokaigiSet li a:hover {
  opacity: 0.8;
}

.hd-tit-01 {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  padding-top: 12px;
  padding-left: 24px;
  padding-bottom: 11px;
  line-height: 1;
  color: #000;
  z-index: 1000;
}
.hd-tit-01 > a {
  display: block;
  padding-top: 3px;
  color: #333;
}
.hd-tit-01 > a:hover {
  opacity: 0.8;
}

.lang-01 {
  display: table-cell;
  float: right;
  color: #333;
  letter-spacing: -0.4em;
  margin-top: 11px;
  margin-right: 220px;
  width: 300px;
  text-align: right;
}
.lang-01 > li {
  letter-spacing: 0;
  display: inline-block;
  border-left: 1px solid #666;
  padding-left: 12px;
  margin-left: 12px;
  vertical-align: middle;
  line-height: 1.2;
}
.lang-01 > li > a {
  color: #333;
}
.lang-01 > li:first-child {
  border-left: none;
  padding-left: 0;
  margin-left: 0;
}

.lang-02 {
  position: absolute;
  top: 30px;
  right: 0;
  width: 300px;
  display: inline-block;
  text-align: right;
  color: #fff;
  float: right;
  letter-spacing: -0.4em;
}
.lang-02 > li {
  letter-spacing: 0;
  display: inline-block;
  border-left: 1px solid #fff;
  padding-left: 12px;
  margin-left: 12px;
  line-height: 1;
  vertical-align: middle;
}
.lang-02 > li > a {
  color: #fff;
}
.lang-02 > li > a.active {
  color: #ffbac8;
  font-weight: bold;
}
.lang-02 > li:first-child {
  border-left: none;
  padding-left: 0;
  margin-left: 0;
}

.copy-01 {
  font-weight: bold;
  font-size: 15px;
  margin: 20px 15px -15px;
}

.snsLinks {
  position: absolute;
  right: 0;
  width: 400px;
  text-align: right;
  padding-top: 5px;
}
.snsLinks li {
  display: inline-block;
  vertical-align: top;
}
.snsLinks li.facebook {
  position: relative;
  top: -2px;
  margin-left: 4px;
}

.ft-01 {
  position: relative;
  width: 100%;
  margin: 60px  auto 0;
  height: 212px;
  background-color: #000;
  letter-spacing: -0.35em;
}
.ft-01 > a {
  color: #333;
}
.ft-01 > .ft-01-ct {
  width: 1024px;
  margin: 0  auto;
  padding-top: 32px;
}
.ft-01 .ft-01-logo {
  display: inline-block;
  vertical-align: top;
  width: 158px;
  height: 80px;
}
.ft-01 .ft-01-logo > a {
  display: block;
  height: 80px;
}
.ft-01 .ft-01-logo > a > img {
  width: 158px;
  height: auto;
  vertical-align: middle;
}
.ft-01 .ft-01-menu {
  display: inline-block;
  vertical-align: top;
  letter-spacing: -0.4em;
  padding-top: 27px;
  padding-left: 34px;
  white-space: nowrap;
}
.ft-01 .ft-01-menu > li {
  display: inline-block;
  letter-spacing: -0.1em;
  vertical-align: middle;
  border-left: 1px solid #fff;
  margin-left: 8px;
  margin-bottom: 10px;
  padding-left: 8px;
  line-height: 1.1;
  font-size: 14px;
  white-space: normal;
}
.ft-01 .ft-01-menu > li:first-child {
  border-left: none;
  margin-left: 0;
  padding-left: 0;
}
.ft-01 .ft-01-menu > li > a {
  color: #fff;
  font-weight: bold;
}
.ft-01 .ft-01-menu > li > a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
.ft-01 .ft-01-menu + p {
  position: relative;
  display: inline-block;
  width: 180px;
  height: 41px;
  float: right;
  line-height: 41px;
  letter-spacing: 0;
  margin-top: 14px;
  margin-left: 10px;
}
.ft-01 .ft-01-menu + p > a {
  position: relative;
  display: inline-block;
  width: 180px;
  height: 41px;
  line-height: 41px;
  border-radius: 30px;
  background-color: #fff;
  color: #000;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  behavior: url(/2016/common/js/PIE.htc);
}
.ft-01 .ft-01-menu + p > a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
.ft-01 .ft-01-sponsor-01 {
  position: relative;
  margin-top: -15px;
  letter-spacing: -0.4em;
  padding-left: 4px;
  text-align: center;
}
.ft-01 .ft-01-sponsor-01 > dl {
  margin-top: 20px;
  letter-spacing: -0.4em;
  display: inline-block;
  font-size: 14px;
  height: 31px;
  white-space: nowrap;
}
.ft-01 .ft-01-sponsor-01 > dl > dt {
  display: inline-block;
  letter-spacing: 0em;
  margin-right: 8px;
  color: #fff;
  font-weight: bold;
  vertical-align: middle;
}
.ft-01 .ft-01-sponsor-01 > dl > dd {
  display: inline-block;
  letter-spacing: 0;
  margin-right: 24px;
  color: #fff;
  font-weight: bold;
  vertical-align: middle;
}
.ft-01 .ft-01-sponsor-01 > p {
  position: relative;
  display: inline-block;
  width: 180px;
  height: 41px;
  float: right;
  line-height: 41px;
  letter-spacing: 0;
  margin-top: 4px;
  margin-right: 10px;
}
.ft-01 .ft-01-sponsor-01 > p > a {
  position: relative;
  display: inline-block;
  width: 180px;
  height: 41px;
  line-height: 41px;
  border-radius: 30px;
  background-color: #5f5f5f;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  behavior: url(/2016/common/js/PIE.htc);
}
.ft-01 .ft-01-sponsor-01 > p > a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
.ft-01 .ft-01-copyright {
  letter-spacing: 0;
  position: absolute;
  bottom: 20px;
  width: 1024px;
  margin-top: 0;
  display: block;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
}

.ft-00 {
  width: 100%;
  margin: 65px  auto 0;
  height: 235px;
  padding-top: 30px;
  background-color: #888;
  text-align: center;
}
.ft-00 .ft-00-copyright {
  display: block;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  font-weight: bold;
}

.box-01 {
  min-height: 390px;
}

.section-01 {
  position: relative;
  z-index: 100;
  font-family: Arial,Helvetica,  sans-serif;
}

.wrap-01 {
  position: relative;
  *zoom: 1;
  width: 1024px;
  margin-left: auto;
  margin-right: auto;
}
.wrap-01:before, .wrap-01:after {
  content: "";
  display: table;
}
.wrap-01:after {
  clear: both;
}

.wrap-02 {
  position: relative;
  *zoom: 1;
  margin-left: 12px;
  margin-right: 12px;
}
.wrap-02:before, .wrap-02:after {
  content: "";
  display: table;
}
.wrap-02:after {
  clear: both;
}

.wrap-03 {
  position: relative;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  background: url(../images/bg_partner.png);
}

.wrap-04 {
  position: relative;
  width: 1024px;
  margin-left: auto;
  margin-right: auto;
}

.wrap-05 {
  position: relative;
  width: 858px;
  margin-right: 10px;
  float: right;
  padding: 14px;
}

.main-00 {
  float: left;
  width: 742px;
}

.main-01 {
  float: left;
  width: 742px;
  box-sizing: border-box;
  padding: 0 40px 40px;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 0 3px rgba(4, 0, 0, 0.3);
}

.main-01 + .main-01 {
  margin-top: 16px;
}

.main-02 {
  padding: 0 40px 40px;
  width: 1024px;
  box-sizing: border-box;
  background-color: #fff;
  margin-top: 40px;
  border-radius: 12px;
  box-shadow: 0 0 3px rgba(4, 0, 0, 0.3);
}

.main-04 {
  padding: 40px 40px 40px;
  width: 1024px;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 0 3px rgba(4, 0, 0, 0.3);
}

.main-05 {
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 0 3px rgba(4, 0, 0, 0.3);
}

.side-01 {
  position: static;
  top: 0;
  bottom: 0;
  right: 0;
  float: right;
  width: 260px;
  height: 100%;
  margin-left: 22;
}

.archives-01 {
  position: relative;
  border: 8px solid #e5e5e5;
  padding: 15px;
  height: 230px;
}
.archives-01 > a {
  position: absolute;
  z-index: 100;
  top: 50%;
  margin-top: -20px;
}
.archives-01 > a.archives-01-prev {
  margin-left: -35px;
}
.archives-01 > a.archives-01-next {
  margin-left: 690px;
}
.archives-01 > a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
.archives-01 > ul {
  position: absolute;
  width: 690px;
  height: 200px;
  overflow: hidden;
}
.archives-01 > ul > li {
  position: absolute;
  width: 230px;
  margin-right: 15px;
}
.archives-01 > ul > li > a {
  font-size: 16px;
  line-height: 1.1;
}
.archives-01 > ul > li > a > img {
  margin-bottom: 4px;
  display: block;
  width: 230px;
  height: 129px;
}
.archives-01 > ul > li > a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
.archives-01 > ul > li > a:hover > img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.hover:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.item-01 {
  letter-spacing: -0.4em;
  vertical-align: top;
  margin-left: 11px;
  margin-right: 11px;
}
.item-01 li {
  position: relative;
  z-index: 10;
  letter-spacing: 0;
  display: inline-block;
  width: 201px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  background-color: #fff;
  margin-left: -1px;
  vertical-align: top;
}
.item-01 li:hover {
  z-index: 100;
  background-color: #fbf3f4;
  border: 1px solid black;
}
.item-01 li .cboxContent {
  display: none;
}
.item-01 li a.popup {
  letter-spacing: 0;
  display: inline-block;
  color: #000;
  vertical-align: top;
  padding: 15px;
}
.item-01 li a.popup .medama:before {
  display: block;
  position: absolute;
  width: 54px;
  height: 54px;
  margin: -4px 0 0 -4px;
  content: url(/2016/common/images/icon/goods-medama.png);
}
.item-01 li a.popup .img {
  position: relative;
  line-height: 1;
  margin: 0;
  padding: 0;
  width: 170px;
  height: 170px;
  box-sizing: border-box;
}
.item-01 li a.popup .img span {
  position: absolute;
  display: block;
  right: 0;
  bottom: 0;
  width: 68px;
  height: 23px;
  line-height: 23px;
  color: #fff;
  text-align: center;
  font-size: 13px;
  letter-spacing: -0.05em;
  background: rgba(102, 102, 102, 0.8);
  background: #666 \9;
}
.item-01 li a.popup dl {
  *zoom: 1;
  margin: 9px 0 0 0;
  font-size: 14px;
  line-height: 1.42;
}
.item-01 li a.popup dl:before, .item-01 li a.popup dl:after {
  content: "";
  display: table;
}
.item-01 li a.popup dl:after {
  clear: both;
}
.item-01 li a.popup dl dt {
  display: block;
  margin: 0;
  padding: 0;
  color: #000;
  font-size: 14px;
}
.item-01 li a.popup dl dd {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
  color: #000;
  text-align: right;
}
.item-01 li a.popup .desc {
  border-top: 1px solid #ccc;
  margin-top: 8px;
  padding-top: 13px;
  line-height: 1.38;
  font-size: 13px;
  color: #000;
}
.item-01 li a.popup .desc em {
  color: #cc0000;
  font-style: normal;
}

.item-01 + .item-01 {
  margin-top: -1px;
}

#boothGoods {
  margin: 0 -10px;
}
#boothGoods .item-01 li {
  width: 130px !important;
}
#boothGoods .item-01 li a.popup {
  width: 100%;
  padding-left: 5px !important;
  padding-right: 5px !important;
}
#boothGoods .item-01 li .img {
  width: 123px !important;
  height: 123px !important;
}
#boothGoods .item-01 li .img img {
  max-width: 100% !important;
  display: inline-block;
}
#boothGoods .item-01 li .btn-11 {
  padding-left: 10px;
  padding-right: 10px;
}

.timetable-header {
  width: 100%;
  text-align: center;
  margin: 18px 0;
}

.timetable-header .day1 {
  display: inline-block;
  font-size: 20px;
  background-color: #cbe8f9;
  margin: 0;
  padding: 8px 50px;
  border-radius: 4px;
}

.timetable-header .day2 {
  display: inline-block;
  font-size: 20px;
  background-color: #fed9d9;
  margin: 0;
  padding: 8px 50px;
  border-radius: 4px;
}

.row-inline {
  letter-spacing: -0.35em;
  margin: 40px -20px 0;
}
.row-inline .col {
  vertical-align: top;
  letter-spacing: 0;
  display: inline-block;
  padding: 0 40px 40px;
  border-radius: 12px;
  background: #fff;
  margin: 0 20px;
  box-shadow: 0 0 3px rgba(4, 0, 0, 0.3);
}

.col560 {
  width: 560px;
}

.col420 {
  width: 420px;
}

.booth-01 {
  padding: 0 40px 40px;
  border-radius: 12px;
  background: #fff;
  margin: 40px 0 0 0;
  box-shadow: 0 0 3px rgba(4, 0, 0, 0.3);
}
.booth-01 .booth-01-main {
  line-height: 0;
  margin-bottom: 13px;
}
.booth-01 .booth-01-txt {
  margin-top: 13px;
  font-size: 15px;
  line-height: 1.6;
}
.booth-01 .entry-01 {
  padding: 0;
  box-shadow: none;
}
.booth-01 .entry-01 .tit-02 {
  background-color: transparent;
  color: #000;
  margin: 0 0 20px;
  padding-left: 0;
  padding-right: 0;
  border-bottom: 1px solid #000;
}

.box-highlight {
  background-color: white;
  box-shadow: 0 0 3px rgba(4, 0, 0, 0.3);
}
.box-highlight img {
  line-height: 0;
  vertical-align: top;
}

.recommend-01 + .main-01,
.main-01 + .main-01 {
  margin-top: 40px;
}

.entry-01 {
  padding: 0 40px 40px;
  border-radius: 12px;
  background: #fff;
  margin: 0 0 40px 0;
  box-shadow: 0 0 3px rgba(4, 0, 0, 0.3);
}
.entry-01 .tit-02 {
  position: relative;
  padding-right: 80px;
  line-height: 1.4;
}
.entry-01 .tit-02 .tweet-02 {
  display: block;
  position: absolute;
  right: 20px;
  top: 6px;
}
.entry-01 table:after {
  display: block;
  content: "";
  clear: both;
}
.entry-01 table th {
  white-space: nowrap;
  text-align: right;
  padding: 10px 10px;
  border-bottom: 1px solid #dfdfdf;
}
.entry-01 table td {
  padding: 10px 10px;
  border-bottom: 1px solid #dfdfdf;
}
.entry-01 .entry-01-main {
  line-height: 0;
  margin-bottom: 13px;
  float: right;
  width: 220px;
}
.entry-01 .entry-01-main + table {
  width: 420px;
  float: left;
}
.entry-01 .entry-01-txt {
  margin-top: 35px;
  font-size: 15px;
  line-height: 1.6;
}
.entry-01 .entry-01-txt h2 {
  margin-bottom: 8px;
  font-size: 17px;
}
.entry-01 .entry-01-txt p + p {
  margin-top: 1.6em;
}
.entry-01 .entry-01-btn {
  display: block;
  text-align: center;
  width: 220px;
  height: 50px;
  background-image: -webkit-linear-gradient(bottom, #c4000e 0%, #ff644a 100%);
  background-image: linear-gradient(to top, #c4000e 0%, #ff644a 100%);
  border: 1px solid #b6001a;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(4, 0, 0, 0.35);
  font-size: 20px;
  margin: 0 auto;
  line-height: 50px;
  font-weight: bold;
  color: #fff;
  margin-top: 30px;
}
.entry-01 .entry-01-btn:hover, .entry-01 .entry-01-btn:focus {
  opacity: 0.85;
}
.entry-01 .entry-01-btn-disable {
  display: block;
  text-align: center;
  width: 220px;
  height: 50px;
  background-color: #e7e7e7;
  border-radius: 5px;
  font-size: 20px;
  margin: 0 auto;
  line-height: 50px;
  font-weight: bold;
  color: #bcbcbc;
  margin-top: 30px;
}

.ellip {
  display: block;
  height: 100%;
}

.ellip-line {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  max-width: 100%;
}

.ellip,
.ellip-line {
  position: relative;
  overflow: hidden;
}

.breadcrumbs-01 {
  width: 1024px;
  margin: 16px auto 32px;
  text-align: left;
  letter-spacing: -0.4em;
}
.breadcrumbs-01 > li {
  display: inline-block;
  letter-spacing: 0;
  vertical-align: baseline;
}
.breadcrumbs-01 > li:before {
  display: inline-block;
  position: relative;
  top: -1px;
  padding-left: 6px;
  padding-right: 6px;
  content: ">";
}
.breadcrumbs-01 > li:first-child:before {
  display: none !important;
}

.gnav-00 {
  position: relative;
  width: 100%;
  height: 88px;
  z-index: 110;
  line-height: 1;
  background: #000;
}
.gnav-00 > .gnav-00-ct {
  *zoom: 1;
  width: 1024px;
  box-sizing: border-box;
  padding: 0 15px;
  margin: 0 auto;
  letter-spacing: -0.35em;
}
.gnav-00 > .gnav-00-ct:before, .gnav-00 > .gnav-00-ct:after {
  content: "";
  display: table;
}
.gnav-00 > .gnav-00-ct:after {
  clear: both;
}
.gnav-00 > .gnav-00-ct > ul {
  display: inline-block;
  letter-spacing: -0.35em;
  vertical-align: top;
  width: 812px;
  height: 88px;
  white-space: nowrap;
  padding-left: 28px;
}
.gnav-00 > .gnav-00-ct > ul > li {
  opacity: 0;
  position: relative;
  display: inline-block;
  vertical-align: top;
  height: 88px;
  letter-spacing: 0;
  white-space: normal;
}
.gnav-00 > .gnav-00-ct > ul > li > span {
  color: #777 !important;
}
.gnav-00 > .gnav-00-ct > ul > li > span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/2016/common/images/gnav/coming.png) 50% 50% no-repeat;
  z-index: 100;
}
.gnav-00 > .gnav-00-ct > ul > li > span i {
  color: #777 !important;
}
.gnav-00 > .gnav-00-ct > ul > li > a,
.gnav-00 > .gnav-00-ct > ul > li > span {
  display: table-cell;
  width: 90px;
  height: 88px;
  overflow: hidden;
  text-align: center;
  vertical-align: top;
  padding-top: 12px;
}
.gnav-00 > .gnav-00-ct > ul > li > a img,
.gnav-00 > .gnav-00-ct > ul > li > span img {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  line-height: 0;
  vertical-align: top;
}
.gnav-00 > .gnav-00-ct > ul > li > a i,
.gnav-00 > .gnav-00-ct > ul > li > span i {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 10px;
  font-style: normal;
  display: block;
  color: #fff;
  vertical-align: middle;
  font-size: 14px;
  font-weight: bold;
}
.gnav-00 > .gnav-00-ct > ul > li > a i.line2,
.gnav-00 > .gnav-00-ct > ul > li > span i.line2 {
  bottom: 4px;
  font-size: 12px;
}
.gnav-00 .gnav-00-logo {
  display: inline-block;
  letter-spacing: 0;
  vertical-align: top;
  position: relative;
  width: 176px;
  height: 80px;
  overflow: visible;
  margin-top: 12px;
}
.gnav-00 .gnav-00-logo > a {
  position: relative;
  display: block;
}
.gnav-00 .gnav-00-logo > a > img {
  position: absolute;
  top: 5px;
  left: 2px;
  display: block;
  line-height: 0;
  width: 100%;
  height: auto;
}
.gnav-00 .gnav-00-logo > a > img.logo-sticky {
  display: none;
}
.gnav-00 .gnav-00-logo > a > img.logo-normal {
  display: block;
}

.gnav-00.sticky {
  position: fixed;
  width: 100%;
  height: 45px;
  box-shadow: #777 0 1px 5px;
  z-index: 999999;
  opacity: 1;
  top: 0;
}
.gnav-00.sticky > .gnav-00-ct {
  position: relative;
  z-index: 999999;
  white-space: nowrap;
}
.gnav-00.sticky > .gnav-00-ct > ul {
  height: 45px;
}
.gnav-00.sticky > .gnav-00-ct > ul > li {
  height: 45px;
}
.gnav-00.sticky > .gnav-00-ct > ul > li a, .gnav-00.sticky > .gnav-00-ct > ul > li span {
  height: 45px;
}
.gnav-00.sticky > .gnav-00-ct > ul > li a > .grayscale,
.gnav-00.sticky > .gnav-00-ct > ul > li a img, .gnav-00.sticky > .gnav-00-ct > ul > li a svg, .gnav-00.sticky > .gnav-00-ct > ul > li span > .grayscale,
.gnav-00.sticky > .gnav-00-ct > ul > li span img, .gnav-00.sticky > .gnav-00-ct > ul > li span svg {
  display: none !important;
}
.gnav-00.sticky > .gnav-00-ct > ul > li a i, .gnav-00.sticky > .gnav-00-ct > ul > li span i {
  bottom: 15px;
}
.gnav-00.sticky > .gnav-00-ct > ul > li a i.line2, .gnav-00.sticky > .gnav-00-ct > ul > li span i.line2 {
  bottom: 11px;
}
.gnav-00.sticky > .gnav-00-ct > ul > li a:hover i, .gnav-00.sticky > .gnav-00-ct > ul > li a.on i, .gnav-00.sticky > .gnav-00-ct > ul > li span:hover i, .gnav-00.sticky > .gnav-00-ct > ul > li span.on i {
  color: #f0ad4e;
}
.gnav-00.sticky .gnav-00-logo {
  width: 187px;
  height: 50px;
}
.gnav-00.sticky .gnav-00-logo > a {
  display: block;
  height: 80px;
}
.gnav-00.sticky .gnav-00-logo > a > img {
  position: relative;
  top: -10px;
  vertical-align: middle;
  width: 100%;
  height: auto;
}
.gnav-00.sticky .gnav-00-logo > a > img.logo-sticky {
  display: block !important;
}
.gnav-00.sticky .gnav-00-logo > a > img.logo-normal {
  display: none !important;
}

.gnav-00-en {
  position: relative;
  width: 100%;
  height: 145px;
  background: url(../images/gnav/bg-gnav-top.png) 50% 0 no-repeat;
  margin-bottom: -65px;
  z-index: 100;
}
.gnav-00-en > .gnav-00-en-ct {
  position: relative;
  width: 1024px;
  box-sizing: border-box;
  padding: 0 15px;
  margin: 0 auto;
}
.gnav-00-en .gnav-00-en-logo {
  position: relative;
  float: left;
  width: 274px;
}
.gnav-00-en .gnav-00-en-logo > a {
  display: block;
  height: 80px;
}
.gnav-00-en .gnav-00-en-logo > a > img {
  position: relative;
  top: 16px;
  vertical-align: middle;
  line-height: 0;
}

#gnav-top {
  height: 88px;
}

.subnavi-01 {
  display: none;
  position: absolute;
  margin-top: 0px;
  border-radius: 0 0 10px 10px;
  box-shadow: #777 0 1px 5px;
  background-color: #fff;
  width: auto;
  height: 150px;
  z-index: 111;
  padding: 20px 10px 18px;
  behavior: url(/2016/common/js/PIE.htc);
}
.subnavi-01 > ul {
  letter-spacing: -0.4em;
}
.subnavi-01 > ul > li {
  line-height: 1;
  display: inline-block;
  letter-spacing: 0;
  padding-left: 10px;
  padding-right: 10px;
}
.subnavi-01 > ul > li > a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
.subnavi-01 > .subnavi-01-arw {
  position: absolute;
  width: 21px;
  height: 14px;
  margin-top: -34px;
  margin-left: 27px;
  background: url(../images/gnav/subnavi-arw.png) 0 0 no-repeat;
  z-index: 123;
}

.lnav-01 {
  border-bottom: 1px solid #747474;
  padding-bottom: 9px;
  letter-spacing: -0.4em;
}
.lnav-01 > li {
  display: inline-block;
  letter-spacing: 0;
  vertical-align: middle;
  border-left: 1px solid #9e9e9e;
  margin-left: 10px;
  margin-bottom: 10px;
  padding-left: 10px;
  line-height: 1;
}
.lnav-01 > li:first-child {
  border-left: none;
  margin-left: 0;
  padding-left: 0;
}
.lnav-01 > li a {
  font-size: 20px;
  line-height: 1;
}

.pnav-01 {
  position: fixed;
  top: 50%;
  width: 64px;
  height: 64px;
  margin-top: -32px;
  z-index: 111;
}
.pnav-01.pnav-01-r {
  right: 15px;
}
.pnav-01.pnav-01-l {
  left: 15px;
}
.pnav-01:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.update-00 {
  position: absolute;
  z-index: 100;
  left: 50%;
  margin-left: -492px;
  margin-top: 410px;
}
.update-00 .update-00-bg {
  position: absolute;
  width: 308px;
  height: 188px;
  background-color: #fff;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
  border-radius: 6px;
  box-shadow: #aaa 1px 1px 3px;
  behavior: url(/2016/common/js/PIE.htc);
  z-index: 100;
}
.update-00 .update-00-ct {
  position: relative;
  z-index: 101;
  width: 308px;
  height: 188px;
}
.update-00 .update-00-ct > dl {
  padding: 15px 14px 20px 14px;
}
.update-00 .update-00-ct > dl > dt {
  position: relative;
  padding-left: 27px;
  font-size: 16px;
  background: url(../images/icon/cheveron-down.png) 0 50% no-repeat;
}
.update-00 .update-00-ct > dl > dt > a {
  position: absolute;
  display: inline-block;
  top: -2px;
  right: 0;
  padding: 6px 14px;
  font-size: 12px;
  background-color: #666;
  line-height: 16px;
  color: #fff;
}
.update-00 .update-00-ct > dl > dd {
  margin-top: 12px;
  line-height: 1.3;
}
.update-00 .update-00-ct > dl > dd a {
  color: #333;
}
.update-00 .update-00-ct > dl > dd time {
  font-size: 12px;
  color: #666;
}
.update-00 .update-icon {
  position: absolute;
  width: 111px;
  height: 120px;
  padding-top: 66px;
  text-align: center;
  z-index: 102;
  margin-top: -110px;
  margin-left: -16px;
  font-size: 14px;
  color: #fff;
  background: url(../images/parts/news-bg.png) 0 0 no-repeat;
}
.update-00 .update-icon > span {
  font-size: 16px;
}

.update-01 {
  border: 8px solid #ffd6da;
  padding: 25px 20px;
}
.update-01 > .update-01-tit {
  color: #d20000;
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 10px;
}
.update-01 > .update-01-txt {
  color: #333333;
  font-size: 15px;
  line-height: 1.2;
}

.update-02 {
  *zoom: 1;
  background-color: #fffaee;
  border: 1px solid #eee;
  padding: 25px 25px;
}
.update-02:before, .update-02:after {
  content: "";
  display: table;
}
.update-02:after {
  clear: both;
}
.update-02 > .update-02-tit {
  float: left;
  width: 115px;
  color: #dba521;
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 10px;
}
.update-02 > .update-02-txt {
  float: right;
  width: 820px;
  font-size: 16px;
  color: #333333;
  font-size: 15px;
  vertical-align: baseline;
}
.update-02 > .update-02-txt > time {
  position: relative;
  top: 0;
  font-size: 13px;
  color: #666;
}

.hr-01 {
  clear: both;
  height: 1px;
  margin: 30px 0 25px;
  border-top: 1px solid #747474;
}

.hr-02 {
  clear: both;
  height: 1px;
  margin: 20px 0 15px;
  border-top: 1px solid #e5e5e5;
}

.img-01 {
  border: 3px solid #e6e6e6;
  box-shadow: 0px 3px 3px 0px #aaa;
}

.img-02 {
  border: 3px solid #e6e6e6;
  box-shadow: 3px 3px 3px 0px #aaa;
}

.img-03 {
  border: 3px solid #e6e6e6;
  box-shadow: 1px 1px 2px 0px #aaa;
}

.imgdesc-r-01 {
  padding-right: 10px;
  *zoom: 1;
}
.imgdesc-r-01:before, .imgdesc-r-01:after {
  content: "";
  display: table;
}
.imgdesc-r-01:after {
  clear: both;
}
.imgdesc-r-01 > .img {
  float: right;
  width: 220px;
}
.imgdesc-r-01 > .img img {
  max-width: 100%;
}
.imgdesc-r-01 > .desc {
  float: left;
  width: 380px;
}

.imgdesc-r-02 {
  padding-right: 10px;
  *zoom: 1;
}
.imgdesc-r-02:before, .imgdesc-r-02:after {
  content: "";
  display: table;
}
.imgdesc-r-02:after {
  clear: both;
}
.imgdesc-r-02 > .img {
  float: right;
  width: 220px;
  text-align: right;
}
.imgdesc-r-02 > .img img {
  max-width: 100%;
  height: auto;
}
.imgdesc-r-02 > .img img + img {
  display: block !important;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}
.imgdesc-r-02 > .desc {
  float: left;
  width: 380px;
}

.imgdesc-r-03 {
  *zoom: 1;
  margin-top: 20px;
}
.imgdesc-r-03:before, .imgdesc-r-03:after {
  content: "";
  display: table;
}
.imgdesc-r-03:after {
  clear: both;
}
.imgdesc-r-03 > .img {
  float: right;
  width: 400px;
}
.imgdesc-r-03 > .desc {
  float: left;
  width: 440px;
  font-size: 15px;
}

.imgdesc-r-04 {
  *zoom: 1;
}
.imgdesc-r-04:before, .imgdesc-r-04:after {
  content: "";
  display: table;
}
.imgdesc-r-04:after {
  clear: both;
}
.imgdesc-r-04 > .img {
  float: right;
  margin-right: 0;
  width: 500px;
  text-align: right;
}
.imgdesc-r-04 > .desc {
  float: left;
  width: 400px;
}

.imgdesc-r-05 {
  *zoom: 1;
  line-height: 1.5;
}
.imgdesc-r-05:before, .imgdesc-r-05:after {
  content: "";
  display: table;
}
.imgdesc-r-05:after {
  clear: both;
}
.imgdesc-r-05 > .img {
  float: right;
  width: 192px;
}
.imgdesc-r-05 > .desc {
  float: left;
  width: 465px;
  font-size: 14px;
}

.imgdesc-r-06 {
  *zoom: 1;
  line-height: 1.5;
}
.imgdesc-r-06:before, .imgdesc-r-06:after {
  content: "";
  display: table;
}
.imgdesc-r-06:after {
  clear: both;
}
.imgdesc-r-06 > .img {
  float: right;
  width: 195px;
  text-align: center;
}
.imgdesc-r-06 > .img > img {
  display: inline-block;
}
.imgdesc-r-06 > .img > img:after {
  display: block;
  content: "";
  height: 1px;
}
.imgdesc-r-06 > .desc {
  float: left;
  width: 495px;
  font-size: 14px;
}

.imgdesc-r-07 {
  *zoom: 1;
  line-height: 1.5;
}
.imgdesc-r-07:before, .imgdesc-r-07:after {
  content: "";
  display: table;
}
.imgdesc-r-07:after {
  clear: both;
}
.imgdesc-r-07 > .img {
  float: right;
  width: 241px;
  text-align: center;
}
.imgdesc-r-07 > .img > img {
  display: inline-block;
}
.imgdesc-r-07 > .img > img:after {
  display: block;
  content: "";
  height: 1px;
}
.imgdesc-r-07 > .desc {
  float: left;
  width: 455px;
  font-size: 15px;
}

.imgdesc-r-08 {
  *zoom: 1;
  line-height: 1.5;
  padding: 0 20px;
}
.imgdesc-r-08:before, .imgdesc-r-08:after {
  content: "";
  display: table;
}
.imgdesc-r-08:after {
  clear: both;
}
.imgdesc-r-08 > .img {
  float: right;
  width: 469px;
  text-align: center;
}
.imgdesc-r-08 > .img > img {
  display: inline-block;
}
.imgdesc-r-08 > .img > img:after {
  display: block;
  content: "";
  height: 1px;
}
.imgdesc-r-08 > .desc {
  float: left;
  width: 429px;
}

.imgdesc-l-02 {
  *zoom: 1;
}
.imgdesc-l-02:before, .imgdesc-l-02:after {
  content: "";
  display: table;
}
.imgdesc-l-02:after {
  clear: both;
}
.imgdesc-l-02 > .img {
  float: left;
  width: 240px;
  text-align: left;
}
.imgdesc-l-02 > .desc {
  float: right;
  width: 390px;
}

.imgdesc-l-03 {
  *zoom: 1;
}
.imgdesc-l-03:before, .imgdesc-l-03:after {
  content: "";
  display: table;
}
.imgdesc-l-03:after {
  clear: both;
}
.imgdesc-l-03 > .img {
  float: left;
  width: 305px;
}
.imgdesc-l-03 > .desc {
  float: right;
  width: 680px;
}

.imgdesc-b-01 {
  *zoom: 1;
  padding-right: 10px;
}
.imgdesc-b-01:before, .imgdesc-b-01:after {
  content: "";
  display: table;
}
.imgdesc-b-01:after {
  clear: both;
}
.imgdesc-b-01 > .img {
  float: right;
  width: 315px;
}
.imgdesc-b-01 > .desc {
  float: left;
  width: 390px;
}

.imgdesc-b-02 {
  *zoom: 1;
}
.imgdesc-b-02:before, .imgdesc-b-02:after {
  content: "";
  display: table;
}
.imgdesc-b-02:after {
  clear: both;
}
.imgdesc-b-02 > a > img {
  display: block;
  margin-bottom: 6px;
  width: 100%;
}
.imgdesc-b-02 > a > dl > dt {
  font-size: 20px;
  letter-spacing: -0.1em;
}
.imgdesc-b-02 > a > dl > dd {
  font-size: 16px;
  color: #333;
}
.imgdesc-b-02 > a:hover > img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.tit-01 {
  position: relative;
  *zoom: 1;
  max-width: 1024px;
  margin: 70px auto 30px;
  font-size: 30px;
  line-height: 1.2;
  color: #000;
  vertical-align: middle;
  padding-bottom: 8px;
  border-bottom: 2px solid #000;
  background: url(../images/parts/bg-tit-01.png) 0 99% no-repeat;
}
.tit-01:before, .tit-01:after {
  content: "";
  display: table;
}
.tit-01:after {
  clear: both;
}
.tit-01 a.supported {
  display: inline-block;
  font-size: 18px;
  padding-left: 30px;
  color: #000;
  text-decoration: underline;
}
.tit-01 small {
  padding-left: 15px;
  font-weight: normal;
  font-size: 15px;
  color: #9f0e1b;
}
.tit-01 small .standout {
  color: #e60021;
}
.tit-01 > img {
  margin-right: 16px;
}
.tit-01 > .tit-01-icon-01 {
  position: relative;
  top: -4px;
  vertical-align: middle;
  max-height: 40px;
  width: auto;
}
.tit-01 .note-2line {
  position: absolute;
  margin-top: 6px;
}
.tit-01 .note-3line {
  position: absolute;
  margin-top: -2px;
  font-size: 13px;
}
.tit-01 .note-4line {
  position: absolute;
  margin-top: -10px;
  font-size: 13px;
}

.section-01 .tit-01 {
  font-family: Helvetica, Arial,  sans-serif;
}

.tit-02 {
  font-size: 20px;
  line-height: 1.2;
  color: #fff;
  background: #000;
  max-width: 1024px;
  border-radius: 12px 12px 0 0;
  padding: 12px 40px;
  margin: 0 -40px 20px;
}
.tit-02 small.label-01 {
  font-size: 14px;
  position: absolute;
  font-weight: normal;
  margin: 6px 30px;
}
.tit-02 small.label-01.multiline {
  display: block;
  font-size: 14px;
  position: relative;
  font-weight: normal;
  margin: 6px 0 0;
}

.tit-02-img {
  position: relative;
  font-size: 20px;
  line-height: 1.2;
  color: #fff;
  background: #000;
  max-width: 1024px;
  border-radius: 12px 12px 0 0;
  padding: 11px 40px 5px;
  margin: 0 -40px 20px;
}
.tit-02-img .illust {
  position: absolute;
  bottom: 0;
  right: 40px;
}

.tit-03 {
  position: relative;
  padding: 7px 81px 7px 15px;
  line-height: 1.2;
  border-radius: 6px;
  background-color: #e5e5e5;
  color: #000;
  font-size: 20px;
}
.tit-03.tit-03-black {
  background-color: #747474;
  color: #fff;
}
.tit-03.tit-03-2line {
  display: table-cell;
  width: 310px;
  text-align: center;
  height: 62px;
  vertical-align: middle;
}
.tit-03.tit-03-2line + .img {
  margin: 15px 15px 35px 15px;
}
.tit-03 > small {
  display: block;
  font-size: 14px;
  line-height: 1.2;
  padding-top: 5px;
}
.tit-03 > ul {
  position: absolute;
  letter-spacing: -0.4em;
  text-align: right;
  top: 50%;
  right: 13px;
  width: 66px;
  margin-top: -13px;
}
.tit-03 > ul > li {
  display: inline-block;
  width: 26px;
  letter-spacing: 0;
  margin-left: 7px;
}
.tit-03 > ul > li a:hover > img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
.tit-03 > span {
  position: absolute;
  text-align: right;
  top: 50%;
  right: 13px;
  text-align: right;
  margin-top: -12px;
  font-size: 14px;
  font-weight: normal;
}

.tit-04 {
  position: relative;
  display: inline-block;
  margin-left: 21px;
  margin-top: 30px;
  margin-bottom: 15px;
}
.tit-04 > img {
  position: relative;
  vertical-align: middle;
  margin-left: -21px;
  top: -1px;
}
.tit-04 > span {
  background-color: #2e2e2e;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  line-height: 1.2;
  color: #fff;
  font-weight: normal;
  margin-left: -21px;
  padding: 6px 12px 6px 27px;
}

.tit-05 {
  margin-top: 40px;
  width: 100%;
  display: table;
  position: relative;
  padding-top: 25px;
  font-size: 26px;
  height: 66px;
  line-height: 66px;
  border-top: 1px solid #e5e5e5;
  padding-left: 80px;
  margin-bottom: 25px;
}
.tit-05 > i {
  display: table-cell;
  position: absolute;
  width: 66px;
  height: 66px;
  left: 0;
  border-radius: 66px;
  background-color: #e14a83;
  vertical-align: middle;
  text-align: center;
}
.tit-05 > i > img {
  vertical-align: middle;
}

.tit-map {
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.2;
  color: #000;
  font-size: 24px;
  max-width: 1024px;
}
.tit-map span {
  color: #fff;
  display: inline-block;
  background-color: #000;
  border-radius: 50% 50%;
  text-align: center;
  width: 42px;
  height: 42px;
  padding: 9px;
  margin-right: 2px;
  box-sizing: border-box;
  line-height: 1;
}
.tit-map i {
  color: #fe4444;
  display: inline-block;
  font-style: normal;
}
.tit-map small.label-01 {
  font-size: 14px;
  position: absolute;
  font-weight: normal;
  margin: 6px 30px;
}

/* 
## tab-01

```
<ul class="tab-01">
<li><a href="/" class="active">闘会議2016</a></li>
<li><a href="/choparty/">ニコニコ超パーティーIII</a></li>
<!-- / .tab-01 --></ul>
```
*/
.tab-01 {
  position: absolute;
  text-align: left;
  margin-top: 0;
  margin-left: 0;
  margin-right: -3px;
  width: 400px;
  letter-spacing: -0.4em;
  height: 30px;
  line-height: 30px;
  vertical-align: top;
}
.tab-01 > li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  letter-spacing: 0;
  padding-top: 2px;
  height: 30px;
  line-height: 30px;
}
.tab-01 > li > a {
  font-size: 12px;
  display: inline-block;
  background-color: none;
  color: #fff;
  padding: 0 8px 0 0;
  vertical-align: top;
  position: relative;
  margin-top: 5px;
  font-weight: bold;
  border-right: 1px solid #fff;
  margin-right: 8px;
  line-height: 1;
}
.tab-01 > li:last-child > a {
  border-right: 0px;
}

/* 
## tab-02

```
<ul class="tab-02">
<li><a href="" class="active">イベント概要</a></li>
<li><a href="">アクセス</a></li>
<!-- / .tab-02 --></ul>
```
*/
.tab-02 {
  text-align: left;
  padding-left: 17px;
  letter-spacing: -0.4em;
  height: 50px;
  border-bottom: 1px solid #9e9e9e;
  line-height: 1;
  margin-bottom: 10px;
}
.tab-02 > li {
  display: inline-block;
  vertical-align: bottom;
  letter-spacing: 0;
  padding-left: 3px;
  padding-right: 3px;
}
.tab-02 > li > a {
  position: relative;
  top: -1px;
  display: inline-block;
  border-radius: 5px 5px 0 0;
  background-color: rgba(0, 0, 0, 0.1);
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  border-left: 1px solid #999;
  color: #000;
  padding: 10px 20px 11px;
  vertical-align: bottom;
  height: 40px;
  line-height: 1.3;
  font-size: 18px;
  -webkit-transition: background-color 0.2s linear,color 0.2s linear;
  transition: background-color 0.2s linear,color 0.2s linear;
}
.tab-02 > li > a:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.tab-02 > li > a.active {
  position: relative;
  top: 0;
  padding: 12px 20px 10px;
  background: url(../../common/images/bg.png);
  color: #000;
  font-size: 22px;
  border: 1px solid #9e9e9e;
  border-bottom: none;
  height: 50px;
  font-weight: bold;
}
.tab-02 > li > a.active:hover {
  background-color: #fff;
}

.col-1 {
  width: 8.33333%;
}

.col-2 {
  width: 16.66667%;
}

.col-3 {
  width: 25%;
}

.col-4 {
  width: 33.33333%;
}

.col-5 {
  width: 41.66667%;
}

.col-6 {
  width: 50%;
}

.col-7 {
  width: 58.33333%;
}

.col-8 {
  width: 66.66667%;
}

.col-9 {
  width: 75%;
}

.col-10 {
  width: 83.33333%;
}

.col-11 {
  width: 91.66667%;
}

.col-12 {
  width: 100%;
}

.row-g0 {
  margin-left: 0;
  margin-right: 0;
}

.row-g0:after {
  display: block;
  content: "";
  clear: both;
}

.row-g0 > .col-1,
.row-g0 > .col-2,
.row-g0 > .col-3,
.row-g0 > .col-4,
.row-g0 > .col-5,
.row-g0 > .col-6,
.row-g0 > .col-7,
.row-g0 > .col-8,
.row-g0 > .col-9,
.row-g0 > .col-10,
.row-g0 > .col-11,
.row-g0 > .col-12 {
  float: left;
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
}

.row-c-g1 {
  margin-left: -15px;
  margin-right: -15px;
  text-align: center;
  letter-spacing: -0.4em;
}

.row-c-g1:after {
  display: block;
  content: "";
  clear: both;
}

.row-c-g1 > .col-1,
.row-c-g1 > .col-2,
.row-c-g1 > .col-3,
.row-c-g1 > .col-4,
.row-c-g1 > .col-5,
.row-c-g1 > .col-6,
.row-c-g1 > .col-7,
.row-c-g1 > .col-8,
.row-c-g1 > .col-9,
.row-c-g1 > .col-10,
.row-c-g1 > .col-11,
.row-c-g1 > .col-12 {
  display: inline-block;
  letter-spacing: 0;
  vertical-align: top;
  text-align: left;
  padding-left: 15px;
  padding-right: 15px;
}

.row-l-g1 {
  margin-left: -15px;
  margin-right: -15px;
  letter-spacing: -0.4em;
}

.row-l-g1:after {
  display: block;
  content: "";
  clear: both;
}

.row-l-g1 > .col-1,
.row-l-g1 > .col-2,
.row-l-g1 > .col-3,
.row-l-g1 > .col-4,
.row-l-g1 > .col-5,
.row-l-g1 > .col-6,
.row-l-g1 > .col-7,
.row-l-g1 > .col-8,
.row-l-g1 > .col-9,
.row-l-g1 > .col-10,
.row-l-g1 > .col-11,
.row-l-g1 > .col-12 {
  display: inline-block;
  letter-spacing: 0;
  vertical-align: top;
  text-align: left;
  padding-left: 15px;
  padding-right: 15px;
}

.row-g1 {
  margin-left: -15px;
  margin-right: -15px;
}

.row-g1:after {
  display: block;
  content: "";
  clear: both;
}

.row-g1 > .col-1,
.row-g1 > .col-2,
.row-g1 > .col-3,
.row-g1 > .col-4,
.row-g1 > .col-5,
.row-g1 > .col-6,
.row-g1 > .col-7,
.row-g1 > .col-8,
.row-g1 > .col-9,
.row-g1 > .col-10,
.row-g1 > .col-11,
.row-g1 > .col-12 {
  float: left;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.row-g2 {
  margin-left: -12.5px;
  margin-right: -12.5px;
}

.row-g2:after {
  display: block;
  content: "";
  clear: both;
}

.row-g2 > .col-1,
.row-g2 > .col-2,
.row-g2 > .col-3,
.row-g2 > .col-4,
.row-g2 > .col-5,
.row-g2 > .col-6,
.row-g2 > .col-7,
.row-g2 > .col-8,
.row-g2 > .col-9,
.row-g2 > .col-10,
.row-g2 > .col-11,
.row-g2 > .col-12 {
  float: left;
  position: relative;
  min-height: 1px;
  padding-left: 12.5px;
  padding-right: 12.5px;
}

.row-g3 {
  margin-left: -10px;
  margin-right: -10px;
}

.row-g3:after {
  display: block;
  content: "";
  clear: both;
}

.row-g3 iframe {
  max-width: 100%;
}

.row-g3 > .col-1,
.row-g3 > .col-2,
.row-g3 > .col-3,
.row-g3 > .col-4,
.row-g3 > .col-5,
.row-g3 > .col-6,
.row-g3 > .col-7,
.row-g3 > .col-8,
.row-g3 > .col-9,
.row-g3 > .col-10,
.row-g3 > .col-11,
.row-g3 > .col-12 {
  float: left;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.row-g4 {
  margin-left: -7.5px;
  margin-right: -7.5px;
}

.row-g4:after {
  display: block;
  content: "";
  clear: both;
}

.row-g4 > .col-1,
.row-g4 > .col-2,
.row-g4 > .col-3,
.row-g4 > .col-4,
.row-g4 > .col-5,
.row-g4 > .col-6,
.row-g4 > .col-7,
.row-g4 > .col-8,
.row-g4 > .col-9,
.row-g4 > .col-10,
.row-g4 > .col-11,
.row-g4 > .col-12 {
  float: left;
  position: relative;
  min-height: 1px;
  padding-left: 7.5px;
  padding-right: 7.5px;
}

.bnr-01 {
  position: relative;
  z-index: 100;
}
.bnr-01 > li {
  margin-bottom: 10px;
  text-align: center;
  width: 260px;
}
.bnr-01 > li a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.bnr_kv {
  position: absolute;
  z-index: 1000;
  left: 50%;
  margin-left: 365px;
  margin-top: -270px;
}
.bnr_kv:hover, .bnr_kv:focus {
  opacity: 0.9;
}

.table-01 {
  font-size: 15px;
}
.table-01 th, .table-01 td {
  text-align: left;
  padding-bottom: 4px;
}

.table-02 {
  border-left: 1px solid #cbcbcb;
  border-top: 1px solid #cbcbcb;
}
.table-02 th,
.table-02 td {
  border-right: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
}
.table-02 th > a,
.table-02 td > a {
  display: block;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: left;
  color: #2c2c2c;
  font-size: 13px;
}
.table-02 th > a > img,
.table-02 td > a > img {
  vertical-align: middle;
  margin-right: 19px;
}
.table-02 th > a div,
.table-02 td > a div {
  display: inline-block;
  vertical-align: middle;
  width: 220px;
}
.table-02 th > a:hover,
.table-02 td > a:hover {
  background-color: #fbf8e8;
}

.table-03 {
  font-size: 15px;
}
.table-03 th {
  text-align: right;
}
.table-03 th, .table-03 td {
  border-bottom: 1px solid #dfdfdf;
  padding: 9px 10px;
}
.table-03 th:first-child, .table-03 td:first-child {
  white-space: nowrap;
}

.table-04 {
  margin: 30px 13px 20px;
}
.table-04 th, .table-04 td {
  text-align: left;
  vertical-align: top;
}

.table-05 {
  width: 100%;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  margin-top: 20px;
  margin-bottom: 40px;
}
.table-05 thead th, .table-05 thead td {
  background-color: #747474;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  color: #fff;
  text-align: center;
}
.table-05 tbody th, .table-05 tbody td {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  text-align: left;
  vertical-align: top;
  font-size: 15px;
  padding: 12px;
  background-color: #fafafa;
}
.table-05 tbody th {
  text-align: center;
  vertical-align: middle;
  color: #fff;
  background-color: #959595;
}

.table-06 {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  width: 100%;
}
.table-06 thead th, .table-06 thead td {
  background-color: #747474;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  color: #fff;
  text-align: center;
}
.table-06 tbody th, .table-06 tbody td {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  vertical-align: middle;
  text-align: left;
  font-size: 13px;
  padding: 12px;
  background-color: #fff;
  line-height: 1.3;
}
.table-06 tbody th > strong, .table-06 tbody td > strong {
  font-size: 16px;
  font-weight: bold;
}
.table-06 tbody th.btn, .table-06 tbody td.btn {
  text-align: center;
  vertical-align: middle;
  padding: 2px 8px;
  line-height: 1;
}
.table-06 tbody th.btn .btn-10, .table-06 tbody td.btn .btn-10 {
  font-size: 24px;
  letter-spacing: -0.1em;
}
.table-06 tbody th.img, .table-06 tbody td.img {
  text-align: center;
  vertical-align: middle;
  line-height: 1;
}
.table-06 tbody th.img div, .table-06 tbody td.img div {
  font-size: 11px;
  margin-top: 5px !important;
  line-height: 1.5 !important;
}
.table-06 tbody th.center, .table-06 tbody td.center {
  text-align: center;
}
.table-06 tbody th ul, .table-06 tbody td ul {
  margin-top: 5px;
  line-height: 1.3;
  font-size: 11px;
}
.table-06 tbody tr.even th, .table-06 tbody tr.even td {
  background-color: #fafafa;
}
.table-06 tbody tr.not-available > th, .table-06 tbody tr.not-available > td {
  color: #9e9e9e;
  background-color: #ececec;
}
.table-06.not-available thead th, .table-06.not-available thead td {
  background-color: #747474;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  color: #fff;
  text-align: center;
}
.table-06.not-available tbody th, .table-06.not-available tbody td {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  vertical-align: middle;
  text-align: left;
  font-size: 13px;
  padding: 12px;
  color: #9e9e9e;
  background-color: #ececec;
}
.table-06.not-available tbody th img, .table-06.not-available tbody td img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
.table-06.not-available tbody th > strong, .table-06.not-available tbody td > strong {
  font-size: 16px;
  font-weight: bold;
}
.table-06.not-available tbody th.btn, .table-06.not-available tbody td.btn {
  text-align: center;
  vertical-align: middle;
  padding: 2px 8px;
  line-height: 1;
}
.table-06.not-available tbody th.btn .btn-10, .table-06.not-available tbody td.btn .btn-10 {
  font-size: 18px;
}
.table-06.not-available tbody th.img, .table-06.not-available tbody td.img {
  text-align: center;
  vertical-align: middle;
  line-height: 1;
}
.table-06.not-available tbody th.img div, .table-06.not-available tbody td.img div {
  margin-top: 10px !important;
  line-height: 1.3 !important;
}
.table-06.not-available tbody th.center, .table-06.not-available tbody td.center {
  text-align: center;
}

.table-07 {
  margin-top: 8px;
}

.table-07 td {
  font-size: 13px;
  padding-bottom: 8px;
  text-indent: 0;
}

/* 
## dl-01
dd: インデントあり

```
<dl class="dl-01">
<dt>募集企画の概要</dt>
<dd>● 君の手でリアルにマインクラフトの世界を完全再現しよう君の手でリアルマ　 インクラフトの世界を完全再現しよう！
</dd>
<dd>● 君の手でリアルにマインクラフトの世界を完全再現しよう君の手でリアルマ　 インクラフトの世界を完全再現しよう！
</dd>
<!-- / .dl-01 --></dl>
```
*/
.dl-01 > dt {
  font-weight: bold;
  font-size: 15px;
}
.dl-01 > dd {
  margin-top: 4px;
  padding-left: 1.4em;
  text-indent: -1.4em;
  font-size: 15px;
}

/* 
## dl-02
dd: インデントなし
```
<dl class="dl-02">
<dt>募集企画の概要</dt>
<dd>君の手でリアルにマインクラフトの世界を完全再現しよう君の手でリアルマ　 インクラフトの世界を完全再現しよう！君の手でリアルにマインクラフトの世界を完全再現しよう君の手でリアルマ　 インクラフトの世界を完全再現しよう！君の手でリアルにマインクラフトの世界を完全再現しよう君の手でリアルマ　 インクラフトの世界を完全再現しよう！
</dd>
<dd>君の手でリアルにマインクラフトの世界を完全再現しよう君の手でリアルマ　 インクラフトの世界を完全再現しよう！君の手でリアルにマインクラフトの世界を完全再現しよう君の手でリアルマ　 インクラフトの世界を完全再現しよう！君の手でリアルにマインクラフトの世界を完全再現しよう君の手でリアルマ　 インクラフトの世界を完全再現しよう！
</dd>
<!-- / .dl-02 --></dl>
```
*/
.dl-02 > dt {
  font-weight: bold;
  font-size: 15px;
}
.dl-02 > dd {
  margin-top: 6px;
  font-size: 15px;
}

/* 
## dl-03
更新情報
```
<dl class="dl-03">
<dt>募集企画の概要</dt>
<dd>君の手でリアルにマインクラフトの世界を完全再現しよう君の手でリアルマ　 インクラフトの世界を完全再現しよう！君の手でリアルにマインクラフトの世界を完全再現しよう君の手でリアルマ　 インクラフトの世界を完全再現しよう！君の手でリアルにマインクラフトの世界を完全再現しよう君の手でリアルマ　 インクラフトの世界を完全再現しよう！
</dd>
<!-- / .dl-03 --></dl>
```
*/
.dl-03 {
  margin-bottom: 15px;
  border-bottom: 1px solid #ededed;
  padding-bottom: 13px;
}
.dl-03 > dt {
  font-weight: bold;
  font-size: 13px;
  color: #666;
  font-weight: normal;
}
.dl-03 > dd {
  margin-top: 6px;
  font-size: 16px;
  line-height: 1.3;
}
.dl-03 > dd > a {
  color: #333;
}
.dl-03 > dd > a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}

/* 
## dl-04
お約束
```
<dl class="dl-04">
<dt>募集企画の概要</dt>
<dd>君の手でリアルにマインクラフトの世界を完全再現しよう君の手でリアルマ　 インクラフトの世界を完全再現しよう！君の手でリアルにマインクラフトの世界を完全再現しよう君の手でリアルマ　 インクラフトの世界を完全再現しよう！君の手でリアルにマインクラフトの世界を完全再現しよう君の手でリアルマ　 インクラフトの世界を完全再現しよう！
</dd>
<!-- / .dl-03 --></dl>
```
*/
.dl-04 {
  margin: 15px;
}
.dl-04 > dt {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
}
.dl-04 > dd {
  font-size: 16px;
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.5;
  padding-bottom: 4px;
}
.dl-04 > dd strong {
  font-weight: normal;
  color: #e23c5b;
}
.dl-04 > dd em {
  font-style: normal;
  font-weight: normal;
  color: #38af76;
}

.dl-04 + .tit-03 {
  margin-top: 30px;
}

/* 
## dl-05
```
<dl class="dl-05">
<dt>募集企画の概要</dt>
<dd>君の手でリアルにマインクラフトの世界を完全再現しよう君の手でリアルマ　 インクラフトの世界を完全再現しよう！君の手でリアルにマインクラフトの世界を完全再現しよう君の手でリアルマ　 インクラフトの世界を完全再現しよう！君の手でリアルにマインクラフトの世界を完全再現しよう君の手でリアルマ　 インクラフトの世界を完全再現しよう！
</dd>
<!-- / .dl-03 --></dl>
```
*/
.dl-05 {
  display: inline-block;
  vertical-align: top;
  letter-spacing: -0.4em;
  margin-bottom: -1px;
  width: 1024px;
}
.dl-05.pouring {
  width: 100%;
  position: relative;
  margin-top: 10px;
  padding-left: 20px;
  box-sizing: border-box;
}
.dl-05.pouring > dd {
  width: 100%;
  box-sizing: border-box;
}
.dl-05.pouring > dd ul li {
  width: 33.33333% !important;
}
.dl-05.pouring > dd ul li a img {
  margin-left: 5px;
  margin-right: 5px;
}
.dl-05 > dt {
  display: inline-block;
  text-align: center;
  letter-spacing: 0;
  color: #fff;
  background-color: #fe4444;
  font-size: 24px;
  font-weight: bold;
  line-height: 42px;
  width: 42px;
  height: 42px;
  border-radius: 50% 50%;
  margin-top: 4px;
  margin-right: 14px;
}
.dl-05 > dd {
  width: 968px;
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  height: auto;
}
.dl-05 > dd > ul {
  display: inline-block;
  vertical-align: top;
  letter-spacing: -0.4em;
  *zoom: 1;
  margin-left: -2.5px;
  margin-right: -2.5px;
  width: 100%;
}
.dl-05 > dd > ul:before, .dl-05 > dd > ul:after {
  content: "";
  display: table;
}
.dl-05 > dd > ul:after {
  clear: both;
}
.dl-05 > dd > ul > li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  width: 25%;
  box-sizing: border-box;
  padding: 2.5px;
}
.dl-05 > dd > ul > li > i {
  position: absolute;
  width: 26px;
  height: 26px;
  background: url(/2015/common/images/icon/cast-new.png) 0 0 no-repeat;
  right: 3px;
  bottom: 3px;
  text-indent: -9999em;
  overflow: hidden;
  z-index: 100;
}
.dl-05 > dd > ul > li > a {
  border: 1px solid #ccc;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  color: #333;
  font-size: 13px;
  white-space: nowrap;
  background: #fff;
}
.dl-05 > dd > ul > li > a > img {
  width: 76px;
  height: 76px;
  border-radius: 50% 50%;
  margin: 5px 10px;
  vertical-align: middle;
}
.dl-05 > dd > ul > li > a > div {
  white-space: normal;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.2;
  font-size: 18px;
  width: 128px;
}
.dl-05 > dd > ul > li > a > div span {
  word-break: break-all;
}
.dl-05 > dd > ul > li > a:hover {
  border: 1px solid #fe4444;
}

.dl-05 + .dl-05 {
  margin-top: 30px;
}

.dl-06 {
  *zoom: 1;
  padding-top: 16px;
  margin-top: 16px;
  border-top: 1px solid #ccc;
  padding-left: 16px;
  padding-right: 16px;
}
.dl-06:before, .dl-06:after {
  content: "";
  display: table;
}
.dl-06:after {
  clear: both;
}
.dl-06 > dt {
  float: left;
  width: 120px;
  margin-right: 16px;
}
.dl-06 > dd {
  float: left;
  width: 320px;
  font-size: 16px;
  line-height: 1.5;
}

.dl-07 {
  width: 100%;
  padding: 0 0 20px;
  margin: 0 0 15px 0;
  display: table;
  border-bottom: 1px solid #e5e5e5;
}
.dl-07.no-border {
  border-top: none;
  border-bottom: none;
  padding: 0;
}
.dl-07 > dt {
  display: inline-block;
  padding-right: 8px;
  text-wrap: none;
  vertical-align: top;
}
.dl-07 > dt.tit-04 {
  text-wrap: none;
}
.dl-07 > dt.tit-04 > span {
  text-wrap: none;
}
.dl-07 > dd {
  display: inline-block;
  padding-top: 4px;
  vertical-align: top;
}
.dl-07 > dd > a {
  font-size: 16px;
}
.dl-07 > dd > small {
  font-size: 12px;
}

.dl-08 > dt {
  font-size: 15px;
  font-weight: bold;
}
.dl-08 > dd {
  font-size: 14px;
}

.btn-01 {
  position: relative;
  display: table;
  margin-right: auto;
  margin-left: auto;
  border-radius: 6px;
  background-color: #e7e7e7;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE7E7E7', endColorstr='#FF535353');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIvPjxzdG9wIG9mZnNldD0iMiUiIHN0b3AtY29sb3I9IiM4Nzg3ODciLz48c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzc3Nzc3NyIvPjxzdG9wIG9mZnNldD0iMzglIiBzdG9wLWNvbG9yPSIjNzM3MzczIi8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiM3NDc0NzQiLz48c3RvcCBvZmZzZXQ9IjQzJSIgc3RvcC1jb2xvcj0iIzcwNzA3MCIvPjxzdG9wIG9mZnNldD0iNTMlIiBzdG9wLWNvbG9yPSIjNmM2YzZjIi8+PHN0b3Agb2Zmc2V0PSI2NCUiIHN0b3AtY29sb3I9IiM2NTY1NjUiLz48c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjNjM2MzYzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNTM1MzUzIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e7e7e7), color-stop(2%, #878787), color-stop(30%, #777777), color-stop(38%, #737373), color-stop(40%, #747474), color-stop(43%, #707070), color-stop(53%, #6c6c6c), color-stop(64%, #656565), color-stop(66%, #666666), color-stop(68%, #636363), color-stop(100%, #535353));
  background-image: -webkit-linear-gradient(top, #e7e7e7 0%, #878787 2%, #777777 30%, #737373 38%, #747474 40%, #707070 43%, #6c6c6c 53%, #656565 64%, #666666 66%, #636363 68%, #535353 100%);
  background-image: linear-gradient(to bottom, #e7e7e7 0%, #878787 2%, #777777 30%, #737373 38%, #747474 40%, #707070 43%, #6c6c6c 53%, #656565 64%, #666666 66%, #636363 68%, #535353 100%);
  padding: 2px 16px;
  min-width: 128px;
  background-color: #3f3f3f;
  color: #fff;
  font-size: 24px;
  behavior: url(/2016/common/js/PIE.htc);
}
.btn-01:hover {
  background-color: #4f4f4f;
  color: #fff;
}

.btn-02 {
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
  width: 712px;
  border-top: 1px solid #e5e5e5;
  text-align: center;
}
.btn-02 > a {
  display: inline-block;
  margin-right: auto;
  margin-left: auto;
  padding: 2px 10px 8px;
  height: 34px;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE7E7E7', endColorstr='#FF535353');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIvPjxzdG9wIG9mZnNldD0iMiUiIHN0b3AtY29sb3I9IiM4Nzg3ODciLz48c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzc3Nzc3NyIvPjxzdG9wIG9mZnNldD0iMzglIiBzdG9wLWNvbG9yPSIjNzM3MzczIi8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiM3NDc0NzQiLz48c3RvcCBvZmZzZXQ9IjQzJSIgc3RvcC1jb2xvcj0iIzcwNzA3MCIvPjxzdG9wIG9mZnNldD0iNTMlIiBzdG9wLWNvbG9yPSIjNmM2YzZjIi8+PHN0b3Agb2Zmc2V0PSI2NCUiIHN0b3AtY29sb3I9IiM2NTY1NjUiLz48c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjNjM2MzYzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNTM1MzUzIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e7e7e7), color-stop(2%, #878787), color-stop(30%, #777777), color-stop(38%, #737373), color-stop(40%, #747474), color-stop(43%, #707070), color-stop(53%, #6c6c6c), color-stop(64%, #656565), color-stop(66%, #666666), color-stop(68%, #636363), color-stop(100%, #535353));
  background-image: -webkit-linear-gradient(top, #e7e7e7 0%, #878787 2%, #777777 30%, #737373 38%, #747474 40%, #707070 43%, #6c6c6c 53%, #656565 64%, #666666 66%, #636363 68%, #535353 100%);
  background-image: linear-gradient(to bottom, #e7e7e7 0%, #878787 2%, #777777 30%, #737373 38%, #747474 40%, #707070 43%, #6c6c6c 53%, #656565 64%, #666666 66%, #636363 68%, #535353 100%);
  color: #fff;
  border-radius: 0 0 10px 10px;
  vertical-align: middle;
  font-size: 17px;
  behavior: url(/2016/common/js/PIE.htc);
}
.btn-02 > a > img {
  position: relative;
  top: -1px;
  margin-right: 8px;
  vertical-align: middle;
}
.btn-02 > a:hover {
  background-color: #fbf8e8;
}

.btn-03 {
  display: block;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
  padding: 12px;
  border-radius: 6px;
  color: #fff;
  letter-spacing: -0.1em;
  font-weight: bold;
  font-size: 14px;
}
.btn-03.tw {
  background-color: #00aced;
}
.btn-03.fb {
  background-color: #3b579d;
}
.btn-03:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  color: #fff;
}

/* 
## btn-04

```
<a href="" class="btn-04 mt-20">前回の闘会議2サイト<img src="/2016/common/images/icon/blank.png" alt="別ウインドウ" class="icon"></a>
```
*/
.btn-04 {
  position: relative;
  display: inline-block;
  margin-right: auto;
  margin-left: auto;
  background-color: black;
  background-image: -webkit-linear-gradient(bottom, #000000 0%, #000000 32%, #8a8a8a 100%);
  background-image: linear-gradient(to top, #000000 0%, #000000 32%, #8a8a8a 100%);
  border: 1px solid black;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(4, 0, 0, 0.35);
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  padding: 10px 10px;
  text-align: center;
  min-width: 160px;
}
.btn-04:hover {
  color: #fff;
  opacity: 0.8;
}
.btn-04 > .icon {
  position: relative;
  top: 1px;
  margin-left: 4px;
}

.btn-05 {
  position: relative;
  display: inline-block;
  border-radius: 6px;
  padding: 20px 10px 40px;
  width: 230px;
  height: 190px;
  border: 3px solid #e5e5e5;
  background-color: #fff;
  color: #333;
  vertical-align: top;
  text-align: center;
  text-align: center;
  line-height: 1.3;
}
.btn-05.mini {
  position: relative;
  height: 140px;
}
.btn-05 > h3 {
  display: inline-block;
}
.btn-05 > p {
  display: inline-block;
}
.btn-05 > p > strong {
  color: #d20000;
}
.btn-05 > .detail {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 230px;
  text-align: center;
}
.btn-05:hover {
  background-color: #fbf8e8;
  color: #333;
}
.btn-05 > .icon {
  position: relative;
  top: 1px;
  margin-left: 4px;
}
.btn-05 > .btn-05-comment {
  position: absolute;
  top: -25px;
  left: 5px;
  padding: 8px 15px;
  border-radius: 20px;
  min-width: 100px;
  background-color: #e14a83;
  color: #fff;
  text-align: center;
  font-weight: bold;
}
.btn-05 > .btn-05-comment:before {
  position: absolute;
  display: block;
  margin-top: 22px;
  margin-left: 10px;
  width: 11px;
  height: 9px;
  content: url(/2016/common/images/parts/btn-05-arw.png);
}

.btn-06 {
  position: relative;
  display: inline-block;
  border-radius: 6px;
  margin-right: auto;
  margin-left: auto;
  padding: 10px 50px 10px;
  border: 3px solid #e5e5e5;
  background-color: #fff;
  color: #474747;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  font-size: 22px;
  line-height: 1;
}
.btn-06 > img {
  position: relative;
  top: -2px;
  vertical-align: middle;
}
.btn-06:hover {
  background-color: #e5e5e5;
  color: #333;
}

.btn-07 {
  position: relative;
  display: inline-block;
  border-radius: 6px;
  margin-top: 100px;
  margin-right: auto;
  margin-left: auto;
  padding: 10px 0 8px;
  width: 170px;
  border: 3px solid #e5e5e5;
  background-color: #fff;
  color: #474747;
  vertical-align: middle;
  text-align: center;
  letter-spacing: -0.1em;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.2;
}
.btn-07 > img {
  position: relative;
  top: -2px;
  vertical-align: middle;
}
.btn-07 > i {
  position: absolute;
  top: -105px;
  left: 50%;
  display: table-cell;
  margin-left: -47px;
  width: 94px;
  height: 100px;
  background: url(/2016/common/images/parts/btn-07-bg.png) 50% 0 no-repeat;
  text-align: center;
  line-height: 94px;
}
.btn-07 > i > img {
  display: inline;
  vertical-align: middle;
}
.btn-07:hover {
  background-color: #e5e5e5;
  color: #333;
}
.btn-07:hover > i {
  background: url(/2016/common/images/parts/btn-07-bg_on.png) 50% 0 no-repeat;
}

.btn-08 {
  position: relative;
  display: inline-block;
  width: 100%;
  color: #333;
  border: 1px solid #fff;
  white-space: nowrap;
  background-color: #fff;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  box-shadow: 0 0 3px rgba(4, 0, 0, 0.3);
}
.btn-08 > img {
  display: inline-block;
  margin: 16px 15px 15px 1px;
  border: none;
  box-shadow: none;
  vertical-align: middle;
  width: 229px;
  height: 128px;
}
.btn-08 > .desc {
  display: inline-block;
  letter-spacing: 0;
  vertical-align: middle;
  margin: 16px 0 15px 10px;
  width: 238px;
}
.btn-08 > .desc > .category {
  letter-spacing: 0;
}
.btn-08 > .desc > .category dt {
  display: inline-block;
  z-index: 2;
  padding: 2px 9px 2px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  background-color: #bbb;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.btn-08 > .desc > .category dd {
  display: none;
}
.btn-08 > .desc > .txt {
  margin-top: 24px;
  letter-spacing: 0;
  display: inline-block;
  width: 238px;
  box-sizing: border-box;
  vertical-align: middle;
  white-space: normal;
  padding-right: 15px;
}
.btn-08 > .desc > .txt > dt {
  color: #000;
  font-weight: bold;
  line-height: 1.375;
  font-size: 22px;
}
.btn-08 > .desc > .txt > dt > span {
  display: none;
}
.btn-08 > .desc > .txt > dt.label-02 {
  color: #7f7f7f;
}
.btn-08 > .desc > .txt dd {
  display: none;
}

a.btn-08:hover {
  border: 1px solid #000;
}
a.btn-08:hover > .desc > .category dt {
  color: #fff;
  background-color: #ff1437;
}

.btn-09 {
  position: relative;
  display: inline-block;
  min-height: 133px;
  width: 100%;
  color: #333;
  *zoom: 1;
}
.btn-09:before, .btn-09:after {
  content: "";
  display: table;
}
.btn-09:after {
  clear: both;
}
.btn-09 > .category {
  margin-bottom: 2px;
}
.btn-09 > .category dt {
  top: 3px;
  left: 3px;
  z-index: 2;
  display: inline-block;
  margin-right: 6px;
  padding: 1px  3px;
  background-color: #bbb;
  color: #fff;
  vertical-align: middle;
  font-size: 10px;
  line-height: 1.3;
}
.btn-09 > .category dd {
  display: inline-block;
  color: #666;
  vertical-align: middle;
  font-size: 12px;
}
.btn-09 > img {
  position: absolute;
  right: 0;
  z-index: 10;
  display: block;
  margin-bottom: 6px;
  width: 180px;
}
.btn-09 > .txt {
  position: relative;
  z-index: 11;
}
.btn-09 > .txt > dt {
  position: relative;
  display: inline-block;
  padding: 10px 16px;
  width: 62%;
  background-color: #e5e5e5;
  color: #333;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.4;
  border-radius: 6px 0 0 6px;
  behavior: url(/2016/common/js/PIE.htc);
  box-sizing: border-box;
}
.btn-09 > .txt > dt > span {
  position: absolute;
  right: 10px;
  display: inline-block;
  margin-top: 3px;
  padding: 5px 13px;
  background-color: #666;
  color: #fff;
  font-size: 12px;
  line-height: 1;
}
.btn-09 > .txt > dt.label-02 {
  color: #7f7f7f;
}
.btn-09 > .txt dd {
  padding: 10px 16px;
  box-sizing: border-box;
  width: 62%;
  text-justify: distribute;
  text-align: justify;
}

a.btn-09:hover > img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
a.btn-09:hover > .txt > dt {
  background-color: #fbf8e8;
  color: #333;
}
a.btn-09:hover > .txt > dd {
  color: #333;
}

.btn-10 {
  position: relative;
  display: inline-block;
  border-radius: 6px;
  box-shadow: #1f1f1f 1px 2px 0px;
  padding: 10px 18px;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE7E7E7', endColorstr='#FF535353');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIvPjxzdG9wIG9mZnNldD0iMiUiIHN0b3AtY29sb3I9IiM4Nzg3ODciLz48c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzc3Nzc3NyIvPjxzdG9wIG9mZnNldD0iMzglIiBzdG9wLWNvbG9yPSIjNzM3MzczIi8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiM3NDc0NzQiLz48c3RvcCBvZmZzZXQ9IjQzJSIgc3RvcC1jb2xvcj0iIzcwNzA3MCIvPjxzdG9wIG9mZnNldD0iNTMlIiBzdG9wLWNvbG9yPSIjNmM2YzZjIi8+PHN0b3Agb2Zmc2V0PSI2NCUiIHN0b3AtY29sb3I9IiM2NTY1NjUiLz48c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjNjM2MzYzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNTM1MzUzIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e7e7e7), color-stop(2%, #878787), color-stop(30%, #777777), color-stop(38%, #737373), color-stop(40%, #747474), color-stop(43%, #707070), color-stop(53%, #6c6c6c), color-stop(64%, #656565), color-stop(66%, #666666), color-stop(68%, #636363), color-stop(100%, #535353));
  background-image: -webkit-linear-gradient(top, #e7e7e7 0%, #878787 2%, #777777 30%, #737373 38%, #747474 40%, #707070 43%, #6c6c6c 53%, #656565 64%, #666666 66%, #636363 68%, #535353 100%);
  background-image: linear-gradient(to bottom, #e7e7e7 0%, #878787 2%, #777777 30%, #737373 38%, #747474 40%, #707070 43%, #6c6c6c 53%, #656565 64%, #666666 66%, #636363 68%, #535353 100%);
  background-color: #3f3f3f;
  color: #fff;
  font-size: 24px;
  behavior: url(/2016/common/js/PIE.htc);
}
.btn-10:hover {
  background-color: #4f4f4f;
  color: #fff;
}

span.btn-10 {
  background-color: #a9a7aa;
  box-shadow: #ccc 1px 1px 1px;
}
span.btn-10:hover {
  background-color: #a9a7aa;
}

.btn-11 {
  position: relative;
  display: table;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 20px;
  border-radius: 3px;
  box-shadow: #1f1f1f 1px 2px 0px;
  padding: 2px 25px;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE7E7E7', endColorstr='#FF535353');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIvPjxzdG9wIG9mZnNldD0iMiUiIHN0b3AtY29sb3I9IiM4Nzg3ODciLz48c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzc3Nzc3NyIvPjxzdG9wIG9mZnNldD0iMzglIiBzdG9wLWNvbG9yPSIjNzM3MzczIi8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiM3NDc0NzQiLz48c3RvcCBvZmZzZXQ9IjQzJSIgc3RvcC1jb2xvcj0iIzcwNzA3MCIvPjxzdG9wIG9mZnNldD0iNTMlIiBzdG9wLWNvbG9yPSIjNmM2YzZjIi8+PHN0b3Agb2Zmc2V0PSI2NCUiIHN0b3AtY29sb3I9IiM2NTY1NjUiLz48c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjNjM2MzYzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNTM1MzUzIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e7e7e7), color-stop(2%, #878787), color-stop(30%, #777777), color-stop(38%, #737373), color-stop(40%, #747474), color-stop(43%, #707070), color-stop(53%, #6c6c6c), color-stop(64%, #656565), color-stop(66%, #666666), color-stop(68%, #636363), color-stop(100%, #535353));
  background-image: -webkit-linear-gradient(top, #e7e7e7 0%, #878787 2%, #777777 30%, #737373 38%, #747474 40%, #707070 43%, #6c6c6c 53%, #656565 64%, #666666 66%, #636363 68%, #535353 100%);
  background-image: linear-gradient(to bottom, #e7e7e7 0%, #878787 2%, #777777 30%, #737373 38%, #747474 40%, #707070 43%, #6c6c6c 53%, #656565 64%, #666666 66%, #636363 68%, #535353 100%);
  background-color: #3f3f3f;
  color: #fff;
  font-size: 18px;
  behavior: url(/2016/common/js/PIE.htc);
}
.btn-11:hover {
  background-color: #4f4f4f;
  color: #fff;
}

.btn-12 {
  position: relative;
  display: table;
  margin-right: auto;
  margin-left: auto;
  border-radius: 3px;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE7E7E7', endColorstr='#FF535353');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIvPjxzdG9wIG9mZnNldD0iMiUiIHN0b3AtY29sb3I9IiM4Nzg3ODciLz48c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzc3Nzc3NyIvPjxzdG9wIG9mZnNldD0iMzglIiBzdG9wLWNvbG9yPSIjNzM3MzczIi8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiM3NDc0NzQiLz48c3RvcCBvZmZzZXQ9IjQzJSIgc3RvcC1jb2xvcj0iIzcwNzA3MCIvPjxzdG9wIG9mZnNldD0iNTMlIiBzdG9wLWNvbG9yPSIjNmM2YzZjIi8+PHN0b3Agb2Zmc2V0PSI2NCUiIHN0b3AtY29sb3I9IiM2NTY1NjUiLz48c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iNjglIiBzdG9wLWNvbG9yPSIjNjM2MzYzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNTM1MzUzIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e7e7e7), color-stop(2%, #878787), color-stop(30%, #777777), color-stop(38%, #737373), color-stop(40%, #747474), color-stop(43%, #707070), color-stop(53%, #6c6c6c), color-stop(64%, #656565), color-stop(66%, #666666), color-stop(68%, #636363), color-stop(100%, #535353));
  background-image: -webkit-linear-gradient(top, #e7e7e7 0%, #878787 2%, #777777 30%, #737373 38%, #747474 40%, #707070 43%, #6c6c6c 53%, #656565 64%, #666666 66%, #636363 68%, #535353 100%);
  background-image: linear-gradient(to bottom, #e7e7e7 0%, #878787 2%, #777777 30%, #737373 38%, #747474 40%, #707070 43%, #6c6c6c 53%, #656565 64%, #666666 66%, #636363 68%, #535353 100%);
  box-shadow: #1f1f1f 1px 2px 0px;
  padding: 2px 48px;
  background-color: #3f3f3f;
  color: #fff;
  font-size: 24px;
  letter-spacing: -0.05em;
  behavior: url(/2016/common/js/PIE.htc);
}
.btn-12:hover {
  background-color: #4f4f4f;
  color: #fff;
}

.btn-ticket-ippan {
  display: block;
  padding: 10px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgzYzFkZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQ3YTBjYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #83c1df), color-stop(100%, #47a0ca));
  background-image: -webkit-linear-gradient(top, #83c1df 0%, #47a0ca 100%);
  background-image: linear-gradient(to bottom, #83c1df 0%, #47a0ca 100%);
}

.btn-ticket-yusen {
  display: block;
  padding: 10px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmN2JhMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmNWI4YiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff7ba1), color-stop(100%, #ff5b8b));
  background-image: -webkit-linear-gradient(top, #ff7ba1 0%, #ff5b8b 100%);
  background-image: linear-gradient(to bottom, #ff7ba1 0%, #ff5b8b 100%);
}

.btn-ticket-ippan:hover,
.btn-ticket-yusen:hover {
  opacity: 0.8;
}

.btn-block {
  display: block;
}

.btn_tokaigi_gp {
  position: absolute;
  right: 0;
  bottom: 10px;
}
.btn_tokaigi_gp:hover, .btn_tokaigi_gp:focus {
  opacity: 0.8;
}

.mov-01 {
  border: solid 1px #CCC;
  margin-top: 10px;
}

.mov-02 {
  width: 320px;
  background-color: #ececec;
}
.mov-02 > dt {
  font-size: 14px;
  font-weight: bold;
  color: #000;
  line-height: 16px;
  padding: 14px 10px 10px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
}
.mov-02 > dt > b {
  position: relative;
  top: -1px;
  font-size: 10px;
  display: inline-block;
  color: #fff;
  background: #e60021;
  line-height: 16px;
  padding: 0 4px;
  margin-left: 6px;
}
.mov-02 > dd {
  vertical-align: top;
}
.mov-02 > dd iframe {
  display: block;
  width: 100%;
  border-top: none !important;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.mov-02 > dd embed {
  display: block;
  width: 100%;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.mov-02 > dd .tit-04 {
  vertical-align: top;
}
.mov-02 > dd .list-06 {
  padding-top: 3px;
  vertical-align: top;
}

.media-wrap-01 {
  text-align: center;
  line-height: 0;
  width: 650px;
  height: 406px;
  margin-bottom: 4px;
  background-color: #f2f2f2;
}
.media-wrap-01 img {
  display: block;
  margin: 0 auto;
}

.list-01 {
  *zoom: 1;
}
.list-01:before, .list-01:after {
  content: "";
  display: table;
}
.list-01:after {
  clear: both;
}
.list-01 > li {
  float: left;
  width: 123px;
  margin-right: 8px;
}
.list-01 > li > a {
  position: relative;
}
.list-01 > li > a > time,
.list-01 > li > a > i {
  display: inline-block;
  padding: 0 3px;
  position: absolute;
  background-color: #000;
  color: #fff;
  bottom: 6px;
  right: 3px;
  font-weight: normal;
  line-height: 1.2;
  font-size: 10px;
  font-style: normal;
}

.list-02 {
  position: absolute;
  right: 0;
  *zoom: 1;
  margin-top: 5px;
}
.list-02:before, .list-02:after {
  content: "";
  display: table;
}
.list-02:after {
  clear: both;
}
.list-02 > li {
  float: right;
  margin-left: 10px;
}
.list-02 > li:nth-child(1) img {
  width: 26px;
}
.list-02 > li:nth-child(1) a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
.list-02 > li:nth-child(2) {
  position: relative;
  top: 4px;
  width: 110px;
}
.list-02 > li.niconico {
  padding-top: 1px;
}
.list-02 > li.niconico a {
  color: #fff;
  font-size: 13px;
  display: inline-block;
  padding: 0 8px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  line-height: 15px;
}

.list-03 {
  font-size: 14px;
  color: #666;
}

.list-04 {
  *zoom: 1;
  letter-spacing: -0.4em;
  margin-left: -5px;
  margin-right: -5px;
}
.list-04:before, .list-04:after {
  content: "";
  display: table;
}
.list-04:after {
  clear: both;
}
.list-04 > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
  letter-spacing: 0;
}

.list-05 {
  *zoom: 1;
  letter-spacing: -0.4em;
  margin-left: -24px;
  margin-right: -24px;
}
.list-05:before, .list-05:after {
  content: "";
  display: table;
}
.list-05:after {
  clear: both;
}
.list-05 > li {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  padding-left: 24px;
  padding-right: 24px;
  letter-spacing: 0;
  box-sizing: border-box;
  margin-bottom: 24px;
}
.list-05 > li .mov-02 h4 + .list-06 {
  margin-bottom: 0;
}

.list-06 {
  display: inline-block;
  width: 180px;
  *zoom: 1;
  letter-spacing: -0.4em;
  margin-left: -5px;
  margin-right: -5px;
  vertical-align: middle;
  margin-bottom: 40px;
}
.list-06:before, .list-06:after {
  content: "";
  display: table;
}
.list-06:after {
  clear: both;
}
.list-06.w550 {
  width: 550px;
}
.list-06 > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
  letter-spacing: -0.08em;
}

.list-07 {
  *zoom: 1;
  letter-spacing: -0.4em;
  vertical-align: middle;
  margin: 0 11px;
  padding: 20px 9px;
  border-bottom: 1px dashed #ababab;
}
.list-07:before, .list-07:after {
  content: "";
  display: table;
}
.list-07:after {
  clear: both;
}
.list-07.no-border {
  padding: 0 0 20px;
}
.list-07#filterMap {
  padding: 0 0 20px;
  margin: 0;
}
.list-07 > li {
  display: inline-block;
  margin-right: 8px;
}
.list-07 > li > a {
  min-width: 100px;
  display: inline-block;
  font-size: 18px;
  padding: 4px 10px 2px;
  letter-spacing: -0.1em;
  border-radius: 6px;
  box-shadow: 0.5px 0.9px 0 #aaa;
  border: 1px solid #ababab;
  color: #666;
  text-align: center;
  background-color: #fff;
}
.list-07 > li > a:hover {
  background-color: #999;
  color: #fff;
  font-weight: bold;
}
.list-07 > li > a.active {
  box-shadow: inset 0 2px 2.3px 0.7px rgba(4, 0, 0, 0.6);
  background-color: #999;
  color: #fff;
  font-weight: bold;
}

.list-08 {
  *zoom: 1;
  letter-spacing: -0.4em;
  vertical-align: middle;
}
.list-08:before, .list-08:after {
  content: "";
  display: table;
}
.list-08:after {
  clear: both;
}
.list-08 > li {
  display: inline-block;
  letter-spacing: 0;
  margin-right: 12px;
}
.list-08 > li > a {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  text-align: center;
  border-radius: 50% 50%;
  color: #747474;
  font-size: 20px;
}
.list-08 > li > a.disable {
  cursor: default;
  color: #ccc;
}
.list-08 > li > a.disable:hover {
  background-color: transparent;
  color: #ccc;
  font-weight: normal;
}
.list-08 > li > a:hover {
  background-color: #fe4444;
  color: #fff;
  font-weight: bold;
}

.list-09 {
  *zoom: 1;
  letter-spacing: -0.4em;
  margin-left: -2.5px;
  margin-right: -2.5px;
  text-align: right;
}
.list-09:before, .list-09:after {
  content: "";
  display: table;
}
.list-09:after {
  clear: both;
}
.list-09 > li {
  display: inline-block;
  padding-left: 2.5px;
  padding-right: 2.5px;
  letter-spacing: 0;
}
.list-09 > li a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.list-10 {
  *zoom: 1;
  letter-spacing: -0.4em;
  margin-left: -8px;
  margin-right: -8px;
  text-align: center;
  vertical-align: top;
}
.list-10:before, .list-10:after {
  content: "";
  display: table;
}
.list-10:after {
  clear: both;
}
.list-10 > li {
  vertical-align: top;
  margin-top: 40px;
  display: inline-block;
  padding-left: 8px;
  padding-right: 8px;
  letter-spacing: 0;
}

.list-11 {
  *zoom: 1;
  letter-spacing: -0.4em;
  margin-left: -8px;
  margin-right: -8px;
  text-align: center;
}
.list-11:before, .list-11:after {
  content: "";
  display: table;
}
.list-11:after {
  clear: both;
}
.list-11 > li {
  display: inline-block;
  padding-left: 8px;
  padding-right: 8px;
  letter-spacing: 0;
}

.list-12 {
  *zoom: 1;
  letter-spacing: -0.35em;
  margin-left: -12px;
  margin-right: -12px;
}
.list-12:before, .list-12:after {
  content: "";
  display: table;
}
.list-12:after {
  clear: both;
}
.list-12.list-12-col3 {
  margin-top: 0px;
  margin-left: -6px;
  margin-right: -6px;
}
.list-12.list-12-col3 > li {
  width: 33%;
  padding-left: 6px;
  padding-right: 6px;
  letter-spacing: 0;
  margin-bottom: 10px;
}
.list-12.list-12-col3 > li a.btn-08 img {
  width: 140px;
  height: auto;
}
.list-12.list-12-col3 > li a.btn-08 .desc {
  width: 140px;
  margin: 0;
}
.list-12.list-12-col3 > li a.btn-08 dl.txt {
  margin-top: 0;
  margin-bottom: 24px;
  width: 100%;
  padding-left: 10px;
  margin-right: -84px;
}
.list-12.list-12-col3 > li a.btn-08 dl.txt dt {
  font-size: 12px;
  padding-right: 0;
}
.list-12.list-12-col3 > li a.btn-08 dl.txt dt b {
  display: block;
  color: #2d94ff;
  font-size: 10px;
}
.list-12.list-12-col3 > li a.btn-08 dl.category {
  padding-top: 8px;
  padding-left: 8px;
  box-sizing: border-box;
  vertical-align: middle;
  margin-bottom: 17px;
}
.list-12.list-12-col3 > li a.btn-08 dl.category dt {
  background: #bbb;
  position: relative;
  top: 0;
  font-size: 10px !important;
}
.list-12 > li {
  position: relative;
  display: inline-block;
  padding-left: 12px;
  padding-right: 12px;
  letter-spacing: 0;
  margin-bottom: 17px;
  vertical-align: top;
  width: 50%;
}
.list-12 > li .tit-03 {
  min-height: 40px;
  margin-bottom: 10px;
}
.list-12 > li .tit-03 ul li {
  margin-left: 0;
}
.list-12 > li .tit-03 ul li a img {
  margin-top: -2px;
  margin-left: 4px;
  width: 30px;
  height: auto;
}
.list-12 > li > i {
  position: absolute;
  width: 54px;
  height: 54px;
  background: url(/2015/common/images/icon/boothnew.png) 0 0 no-repeat;
  right: 7px;
  top: -3px;
  text-indent: -9999em;
  overflow: hidden;
  z-index: 10;
}
.list-12 > li a.btn-08 > .desc {
  padding-left: 6px;
}
.list-12 > li a.btn-08 > .desc .category {
  margin-bottom: 24px;
}
.list-12 > li a.btn-08 > .desc .txt {
  margin-top: 0;
}

.list-13 {
  *zoom: 1;
  letter-spacing: -0.4em;
  margin-left: -12px;
  margin-right: -12px;
  padding: 0 0 0 0;
}
.list-13:before, .list-13:after {
  content: "";
  display: table;
}
.list-13:after {
  clear: both;
}
.list-13 > li {
  position: relative;
  width: 50%;
  display: inline-block;
  padding-left: 12px;
  padding-right: 12px;
  letter-spacing: 0;
  margin-bottom: 20px;
  vertical-align: top;
  box-sizing: border-box;
}
.list-13 > li > i {
  position: absolute;
  width: 54px;
  height: 54px;
  background: url(/2016/common/images/icon/boothnew.png) 0 0 no-repeat;
  right: 12px;
  top: 27px;
  text-indent: -9999em;
  overflow: hidden;
  z-index: 1000;
}

.list-14 {
  margin: 0 -4px;
  letter-spacing: -0.4em;
  vertical-align: top;
}
.list-14 > li {
  vertical-align: top;
  position: relative;
  display: inline-block;
  letter-spacing: 0;
  width: 50%;
  padding: 0 4px;
  margin-bottom: 8px;
  box-sizing: border-box;
}
.list-14 > li > a {
  display: block;
  border: 1px solid #ccc;
  background-color: #fafafa;
  padding: 10px;
}
.list-14 > li > a:hover {
  background-color: #fbf8e8;
}
.list-14 > li > a dl {
  padding-left: 98px;
  font-size: 12px;
  min-height: 68px;
}
.list-14 > li > a dl dt {
  color: #000;
  line-height: 1.34;
  font-weight: bold;
}
.list-14 > li > a dl dd {
  color: #000;
  line-height: 1.34;
}
.list-14 > li img {
  position: absolute;
}

.list-15 {
  padding-left: 25px;
}
.list-15 li {
  text-indent: 0;
}

.list-inline-01 {
  letter-spacing: -0.35em;
}
.list-inline-01 li {
  letter-spacing: 0;
  vertical-align: top;
  display: inline-block;
}
.list-inline-01 li + li {
  margin-left: 20px;
}

.list-highlight {
  text-align: center;
  padding: 20px 60px;
}
.list-highlight ul {
  display: inline-block;
}
.list-highlight ul li {
  text-align: left;
  font-size: 24px;
  padding-left: 30px;
  background: url(/2016/common/images/icon/star.png) 0 5px no-repeat;
  line-height: 1.3;
  margin-bottom: 3px;
}
.list-highlight ul li b {
  font-weight: bold;
}

.list-schedule li {
  border-left: 10px solid #e60021;
  line-height: 1.3;
  margin-bottom: 5px;
  padding: 5px 0 5px 10px;
  font-size: 15px;
}
.list-schedule li span {
  display: inline-block;
  background-color: #e7e7e7;
  border-radius: 6px;
  padding: 5px 16px;
  margin-right: 8px;
}

.list-maps li {
  display: none;
  text-align: center;
}
.list-maps li.active {
  display: block;
}

.clearfix {
  *zoom: 1;
}
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}

.fs8 {
  font-size: 8px;
}

.fs9 {
  font-size: 9px;
}

.fs10 {
  font-size: 10px;
}

.fs11 {
  font-size: 11px;
}

.fs12 {
  font-size: 12px;
}

.fs13 {
  font-size: 13px;
}

.fs14 {
  font-size: 14px;
}

.fs15 {
  font-size: 15px;
}

.fs16 {
  font-size: 16px;
}

.fs17 {
  font-size: 17px;
}

.fs18 {
  font-size: 18px;
}

.fs19 {
  font-size: 19px;
}

.fs20 {
  font-size: 20px;
}

.fs21 {
  font-size: 21px;
}

.fs22 {
  font-size: 22px;
}

.fs23 {
  font-size: 23px;
}

.fs24 {
  font-size: 24px;
}

.fs25 {
  font-size: 25px;
}

.fs26 {
  font-size: 26px;
}

.fs27 {
  font-size: 27px;
}

.fs28 {
  font-size: 28px;
}

.fs29 {
  font-size: 29px;
}

.fs30 {
  font-size: 30px;
}

.lh-1_1 {
  line-height: 1.1;
}

.lh-1_2 {
  line-height: 1.2;
}

.lh-1_3 {
  line-height: 1.3;
}

.lh-1_4 {
  line-height: 1.4;
}

.lh-1_5 {
  line-height: 1.5;
}

.lh-1_6 {
  line-height: 1.6;
}

.lh-1_7 {
  line-height: 1.7;
}

.lh-1_8 {
  line-height: 1.8;
}

.lh-1_9 {
  line-height: 1.9;
}

.lh-2_0 {
  line-height: 2.0;
}

.ls--01 {
  letter-spacing: -0.1em;
}

.va-top {
  vertical-align: top;
}

.va-middle {
  vertical-align: middle;
}

.va-bottom {
  vertical-align: bottom;
}

.va-base {
  vertical-align: baseline;
}

.inline-blk {
  display: inline-block;
}

.label-01 {
  color: #d20000;
}

.label-02 {
  color: #7f7f7f;
}

.label-03 {
  left: 100%;
  bottom: 0;
  text-align: right;
  color: #7f7f7f;
  margin: 0 auto;
}

.label-04 {
  position: relative;
  top: 1px;
  margin-right: 8px;
}

.cap-01 {
  position: relative;
  width: 1024px;
  text-align: right;
  margin: 0 auto;
}
.cap-01 > p {
  position: absolute;
  right: 0;
  padding-right: 20px;
  top: 40px;
  color: #9f0e1b;
}

.seemore {
  display: none;
}

.link-01 {
  float: right;
  margin-top: 8px;
  font-size: 15px;
}

.center-block {
  display: block;
  margin: 0 auto;
}

.img-responsive {
  max-width: 100%;
  height: auto;
}

.mt01 {
  margin-top: 1px;
}

.mt02 {
  margin-top: 2px;
}

.mt03 {
  margin-top: 3px;
}

.mt04 {
  margin-top: 4px;
}

.mt05 {
  margin-top: 5px;
}

.mt06 {
  margin-top: 6px;
}

.mt07 {
  margin-top: 7px;
}

.mt08 {
  margin-top: 8px;
}

.mt09 {
  margin-top: 9px;
}

.mt10 {
  margin-top: 10px;
}

.arrow_box {
  position: relative;
  background: #fff;
  border: 3px solid #e60021;
  box-shadow: 0 0 3px rgba(4, 0, 0, 0.3);
  border-radius: 27px;
  margin-bottom: 20px;
}
.arrow_box img {
  margin-top: -10px;
  position: absolute;
  width: 41px;
  height: auto;
}
.arrow_box h2 {
  font-size: 22px;
  font-weight: bold;
  padding: 5px 10px 5px 47px;
}

.arrow_box:after, .arrow_box:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.arrow_box:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 12px;
  margin-left: -12px;
}

.arrow_box:before {
  border-color: rgba(230, 0, 33, 0);
  border-top-color: #e60021;
  border-width: 16px;
  margin-left: -16px;
}

.title-notice {
  border: 1px solid #e23c5b;
  margin-bottom: 1em;
}
.title-notice > h2 {
  background-color: #e23c5b;
  color: #fff;
}
.title-notice p {
  text-align: center;
  padding: 1em;
}

/*! Gray v1.4.5 (https://github.com/karlhorky/gray) | MIT */
.grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-filter: gray;
          filter: gray;
}

.grayscale.grayscale-fade {
  -webkit-transition: -webkit-filter .5s, filter .5s;
          transition: filter .5s;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .grayscale.grayscale-fade {
    -webkit-transition: -webkit-filter .5s;
    transition: -webkit-filter .5s;
  }
}
.grayscale.grayscale-fade:hover, .grayscale.grayscale-off {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

.grayscale.grayscale-replaced {
  -webkit-filter: none;
  filter: none;
}

.grayscale.grayscale-replaced > svg {
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
  opacity: 1;
}

.grayscale.grayscale-replaced.grayscale-fade:hover > svg, .grayscale.grayscale-replaced.grayscale-off > svg {
  opacity: 0;
}

.p-01 {
  vertical-align: middle;
}
.p-01 > img {
  margin-right: 8px;
  vertical-align: middle;
}

.p-02 {
  color: #666;
  margin-left: 16px;
  margin-right: 16px;
}

.p-03 {
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
}

.p-04 {
  font-size: 15px;
}

.kv-00 {
  position: relative;
  width: 100%;
  height: 480px;
  overflow: hidden;
  margin-bottom: 40px;
  background-color: #e8f4fe;
}
.kv-00 > .kv-00-info {
  position: absolute;
  left: 50%;
  margin-left: -600px;
  margin-top: 13px;
  z-index: 99;
}
.kv-00 > .kv-00-prev {
  position: absolute;
  top: 50%;
  margin-top: -23px;
  left: 30px;
  z-index: 110;
}
.kv-00 > .kv-00-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
.kv-00 > .kv-00-next {
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -23px;
  z-index: 99;
}
.kv-00 > .kv-00-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
.kv-00 > .item {
  position: absolute;
  width: 1200px;
  height: 480px;
  margin-left: -600px;
  left: 50%;
  overflow: hidden;
  z-index: 2;
}

.kv-00-en {
  position: relative;
  width: 100%;
  height: 424px;
  overflow: hidden;
  background-color: #ffdddd;
}
.kv-00-en > .item {
  position: absolute;
  width: 1024px;
  height: 400px;
  margin-left: -512px;
  left: 50%;
  overflow: hidden;
}

.kv-01 {
  position: relative;
  width: 100%;
  height: 360px;
  overflow: hidden;
}
.kv-01 > .kv-01-info {
  position: absolute;
  left: 50%;
  min-height: 72px;
  bottom: 30px;
  margin-left: -499px;
  z-index: 99;
}
.kv-01 > .kv-01-info > img {
  position: absolute;
  z-index: 2;
}
.kv-01 > .kv-01-info p {
  position: absolute;
  top: -1px;
  display: table-cell;
  vertical-align: middle;
  padding: 18px 20px;
  min-width: 200px;
  min-height: 72px;
  min-height: 36px \9;
  left: 60px;
  font-size: 15px;
  line-height: 1.4;
  font-weight: bold;
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.9);
  background-color: #fff \9;
  behavior: url(/2016/common/js/PIE.htc);
}
.kv-01 > .kv-01-controll {
  position: absolute;
  left: 50%;
  bottom: 15px;
  text-align: center;
  letter-spacing: -0.4em;
  z-index: 999;
}
.kv-01 > .kv-01-controll > li {
  cursor: pointer;
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(/2016/common/images/icon/carousel_off.png) 0 0 no-repeat;
  margin-left: 5px;
  margin-right: 5px;
}
.kv-01 > .kv-01-controll > li.on {
  background: url(/2016/common/images/icon/carousel_on.png) 0 0 no-repeat;
}
.kv-01 > .kv-01-prev {
  position: absolute;
  top: 50%;
  margin-top: -23px;
  left: 50%;
  margin-left: -499px;
  z-index: 99;
}
.kv-01 > .kv-01-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
.kv-01 > .kv-01-next {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -23px;
  margin-left: 453px;
  z-index: 99;
}
.kv-01 > .kv-01-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
.kv-01 > .item {
  position: absolute;
  width: 100%;
  height: 360px;
  overflow: hidden;
  z-index: 2;
}
.kv-01 > .item > a {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -512px;
  width: 1024px;
  height: auto;
  z-index: 2;
  background-color: #fff;
}
.kv-01 > .item > a > img {
  width: 1024px;
  height: auto;
}
.kv-01 > .item > .kv-01-fg {
  position: absolute;
  left: 50%;
  margin-left: -512px;
  width: 1024px;
  height: auto;
  z-index: 2;
}
.kv-01 > .item > .kv-01-bg {
  position: relative;
  left: 0;
  width: 100%;
  height: auto;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}

#dmyLeft {
  position: absolute;
  left: 0;
}

#dmyRight {
  position: absolute;
  right: 0;
}

.accordion-01 {
  display: block;
  padding: 7px 14px;
  border-radius: 6px;
  background-color: #e5e5e5;
  color: #333;
  vertical-align: middle;
  font-size: 22px;
  behavior: url(/2016/common/js/PIE.htc);
}
.accordion-01 > img {
  position: relative;
  top: -3px;
  margin-right: 10px;
  vertical-align: middle;
}
.accordion-01:focus {
  color: #333;
}
.accordion-01:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  color: #333;
}

.accordion-01-ct {
  display: none;
}
.accordion-01-ct a {
  text-decoration: underline;
}

.fig-01 {
  margin-bottom: 10px;
}
.fig-01 > .fig-01-tit {
  display: inline-block;
  width: 150px;
  vertical-align: top;
}
.fig-01 > figcaption {
  display: inline-block;
  width: 530px;
  vertical-align: top;
}

.kyosan-01 {
  position: relative;
  *zoom: 1;
  margin-left: auto;
  margin-right: auto;
}
.kyosan-01:before, .kyosan-01:after {
  content: "";
  display: table;
}
.kyosan-01:after {
  clear: both;
}
.kyosan-01 > dt {
  position: absolute;
  width: 110px;
  padding: 5px;
  left: -142px;
  top: -10px;
  font-size: 15px;
  text-align: center;
  color: #fff;
  box-sizing: border-box;
}
.kyosan-01 > dd {
  padding: 0;
}
.kyosan-01 > dd > a {
  display: block;
  text-align: left;
  width: 760px;
  background-color: #fff;
}
.kyosan-01 > dd > a > img {
  display: block;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.kyosan-01 > dd > a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.kyosan-02 {
  position: relative;
  *zoom: 1;
  padding-top: 20px;
  margin-left: auto;
  margin-right: auto;
}
.kyosan-02:before, .kyosan-02:after {
  content: "";
  display: table;
}
.kyosan-02:after {
  clear: both;
}
.kyosan-02 > dt {
  position: absolute;
  width: 110px;
  padding: 5px;
  left: -142px;
  font-size: 15px;
  text-align: center;
  color: #fff;
  box-sizing: border-box;
}
.kyosan-02 > dd {
  letter-spacing: -0.35em;
  margin: 0 -8px;
}
.kyosan-02 > dd.text-center > a {
  float: none !important;
  display: inline-block;
}
.kyosan-02 > dd > a {
  letter-spacing: 0;
  display: inline-block;
  box-sizing: border-box;
  width: 243px;
  height: 85px;
  line-height: 86px;
  background-color: #fff;
  margin: 0 8px 16px;
  text-align: center;
  vertical-align: top;
}
.kyosan-02 > dd > a.col2 {
  width: 372px;
  height: 88px;
}
.kyosan-02 > dd > a.col4 {
  width: 178px;
  height: 88px;
}
.kyosan-02 > dd > a.col5 {
  width: 139px;
  height: 88px;
}
.kyosan-02 > dd > a > img {
  vertical-align: middle;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
.kyosan-02 > dd > a.pad_narrow > img {
  width: auto;
  height: 70px;
}
.kyosan-02 > dd > a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.kyosan-03 {
  position: relative;
  *zoom: 1;
  padding-top: 20px;
  margin-left: auto;
  margin-right: auto;
}
.kyosan-03:before, .kyosan-03:after {
  content: "";
  display: table;
}
.kyosan-03:after {
  clear: both;
}
.kyosan-03 > dt {
  position: absolute;
  width: 110px;
  padding: 5px;
  left: -142px;
  font-size: 15px;
  text-align: center;
  color: #fff;
  box-sizing: border-box;
}
.kyosan-03 > dd > a {
  display: block;
  float: left;
  width: 119px;
  height: 71px;
  overflow: hidden;
  margin-bottom: -1px;
  margin-right: -1px;
}
.kyosan-03 > dd > a > img {
  display: block;
}
.kyosan-03 > dd > a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  width: 119px;
  height: 71px;
}
.kyosan-03 > dd > img {
  border: 1px solid #cbcbcb;
  float: left;
  width: 119px !important;
  height: 71px;
  margin-right: -1px;
  margin-bottom: -1px;
}

.kyosan-04 {
  margin-left: auto;
  margin-right: auto;
}
.kyosan-04 > ul {
  border: 1px solid #cbcbcb;
  *zoom: 1;
  background-color: #fff;
  letter-spacing: -0.4em;
  padding: 15px 0 3px;
}
.kyosan-04 > ul:before, .kyosan-04 > ul:after {
  content: "";
  display: table;
}
.kyosan-04 > ul:after {
  clear: both;
}
.kyosan-04 > ul > li {
  float: left;
  width: 50%;
  letter-spacing: 0;
  line-height: 1.4;
  padding: 0 20px 12px;
}
.kyosan-04 > ul > li > a {
  color: #333;
}
.kyosan-04 > ul > li > a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.tweet-01 {
  position: relative;
  background-color: #fff;
  border-radius: 6px;
  padding: 18px 18px 10px;
  text-align: center;
  margin-bottom: 10px;
  behavior: url(/2016/common/js/PIE.htc);
  box-shadow: 0 0 3px rgba(4, 0, 0, 0.3);
}
.tweet-01 > p {
  font-weight: bold;
  margin-bottom: 10px;
}

.tweet-02 {
  position: relative;
  display: inline-block;
  margin-left: 10px;
  top: 6px;
}
.tweet-02:hover > img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.fb-01 {
  position: relative;
  display: inline-block;
  margin-left: 24px;
  top: 1px;
}
.fb-01:hover > img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.fblike-01 {
  position: relative;
  display: inline-block;
  margin-left: 24px;
  top: 6px;
}
.fblike-01:hover > img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.twitter-count-01 {
  display: inline-block;
  width: 48px;
  height: 27px;
  padding: 9px 5px 5px 6px;
  font-size: 10px;
  line-height: 1;
  vertical-align: top;
  font-weight: bold;
  letter-spacing: -0.1em;
  text-align: center;
  color: #5ea9dd;
  background: url(/2016/common/images/parts/bg-twitter-count.png) 0 0 no-repeat;
}

.twitter-count-02 {
  position: relative;
  top: 1px;
  display: inline-block;
  width: 48px;
  height: 27px;
  padding: 9px 5px 5px 6px;
  font-size: 10px;
  line-height: 1;
  vertical-align: middle;
  font-weight: bold;
  letter-spacing: -0.1em;
  text-align: center;
  color: #5ea9dd;
  background: url(/2016/common/images/parts/bg-twitter-count.png) 0 0 no-repeat;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: visible !important;
}

#cboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}

#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: visible !important;
}

#cboxWrapper {
  max-width: none;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
  overflow: visible !important;
}

#cboxLoadedContent {
  overflow: visible !important;
  -webkit-overflow-scrolling: touch;
  background: #fff;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #000;
  opacity: 0.5 !important;
}

#colorbox {
  outline: 0;
  padding: 10px 0;
}

#cboxContent {
  background: #fff;
  box-shadow: #aaa 1px 1px 5px;
  behavior: url(/2016/common/js/PIE.htc);
}

.cboxIframe {
  background: #fff;
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

#cboxLoadedContent {
  margin-bottom: 0;
}

#cboxTitle {
  position: absolute;
  bottom: 0px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #999;
}

#cboxCurrent {
  position: absolute;
  bottom: 0px;
  left: 100px;
  color: #999;
}

#cboxLoadingOverlay {
  display: none !important;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0;
}

#cboxSlideshow {
  position: absolute;
  bottom: 0px;
  right: 42px;
  color: #444;
}

#cboxPrevious {
  position: absolute;
  bottom: 0px;
  left: 0;
  color: #444;
}

#cboxNext {
  position: absolute;
  bottom: 0px;
  left: 63px;
  color: #444;
}

#cboxClose {
  position: absolute;
  top: 7px;
  right: 6px;
  display: block;
  color: #444;
  text-indent: -9999em;
  background: url(/2016/common/images/icon/cbox-close.png);
  width: 11px;
  height: 11px;
  overflow: hidden;
}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

.cboxSource {
  display: none;
}

#cboxClose {
  width: 17px;
  height: 17px;
  right: 14px;
  top: 14px;
}

.cboxContent {
  display: block;
  width: 500px;
  padding-bottom: 20px;
}
.cboxContent > .cboxContentClose {
  height: 46px;
  background: url(/2016/common/images/parts/modal_header.png) 50% 0 no-repeat;
  padding-right: 10px;
  text-align: right;
}
.cboxContent > .cboxContentClose > a {
  position: relative;
  top: 1px;
  display: none;
}
.cboxContent .cboxArtistTag {
  float: right;
  margin-bottom: 0;
  height: 31px;
  position: relative;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: right;
  letter-spacing: -0.4em;
  white-space: nowrap;
}
.cboxContent .cboxArtistTag li {
  padding-top: 1px;
  display: inline-block;
  letter-spacing: 0;
}
.cboxContent .cboxArtistTag li img {
  margin-left: 3px;
}
.cboxContent .cboxContentItemPhoto {
  position: relative;
  clear: both;
  display: block;
  width: 470px;
  height: 300px;
  line-height: 300px;
  text-align: center;
  background-color: #f2f2f2;
  vertical-align: middle;
}
.cboxContent .cboxContentItemPhoto.medama:before {
  display: block;
  position: absolute;
  width: 54px;
  height: 54px;
  margin: -4px 0 0 -4px;
  top: 0;
  left: 0;
  line-height: 54px;
  content: url(/2016/common/images/icon/goods-medama.png);
}
.cboxContent .cboxContentItemPhoto > img {
  position: relative;
  max-width: 470px;
  max-height: 300px;
  width: auto;
  height: auto;
  text-align: center;
  vertical-align: middle;
  top: 0;
}
.cboxContent .cboxContentItemTitle {
  text-align: center;
  font-size: 24px;
  padding-top: 28px;
  color: #000;
  line-height: 1.2;
}
.cboxContent .cboxContentItemTitle span {
  display: block;
  color: #000;
  text-align: center;
  margin-bottom: 30px;
}
.cboxContent .cboxContentItemTitle em {
  display: block;
  text-align: center;
  color: #797979;
  font-style: normal;
  margin-bottom: 15px;
}
.cboxContent .cboxContentItemExhibit {
  font-size: 16px;
  border-bottom: 1px dashed #cbcace;
  padding: 0 15px 13px;
  line-height: 1.5;
  margin: 0 -15px -15px;
  font-weight: bold;
}
.cboxContent .cboxContentItemDesc {
  padding: 12px 15px;
  border-top: 1px dashed #cbcace;
  line-height: 1.5;
  margin: 12px -15px 15px;
  border-bottom: 1px dashed #cbcace;
}
.cboxContent .btn-12 {
  margin-bottom: 24px;
}
.cboxContent .cboxContentItemTw {
  padding-top: 30px;
  padding-bottom: 10px;
  text-align: center;
}
.cboxContent .cboxContentItemTw a {
  color: #3cb3ff;
}
.cboxContent .cboxContentItemTw img {
  position: relative;
  top: 5px;
  margin-right: 5px;
}
.cboxContent .cboxContentItemTw img.arrow_tw_right {
  top: 2px;
  margin-right: 0;
  margin-left: 10px;
}
.cboxContent > .cboxContentWrap {
  padding: 10px 14px 0;
}
.cboxContent > .cboxContentWrap > .cboxContentPhoto:before {
  display: block;
  clear: both;
  content: "";
}
.cboxContent > .cboxContentWrap > .artistLink {
  text-align: center;
  margin-bottom: 20px;
}
.cboxContent > .cboxContentWrap > .cboxContentPhoto {
  clear: both;
  display: table-cell;
  width: 470px;
  height: 300px;
  text-align: center;
  background-color: #f2f2f2;
  vertical-align: middle;
}
.cboxContent > .cboxContentWrap > .cboxContentPhoto > img {
  text-align: center;
  vertical-align: middle;
}
.cboxContent > .cboxContentWrap > .cboxContentTitle {
  position: relative;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 1.2;
  color: #000;
}
.cboxContent > .cboxContentWrap .cboxContentInfo {
  margin-left: -14px;
  margin-right: -14px;
  padding: 20px 14px;
  border-top: 1px dashed #cbcace;
  border-bottom: 1px dashed #cbcace;
}
.cboxContent > .cboxContentWrap .cboxContentInfo > p {
  color: #333;
  margin-bottom: 15px;
}
.cboxContent > .cboxContentWrap .cboxContentInfo > h3 {
  vertical-align: top;
  font-size: 18px;
}
.cboxContent > .cboxContentWrap .cboxContentInfo > h3 img {
  position: relative;
  top: -2px;
  width: 16px;
  height: 25px;
  vertical-align: middle;
  margin-right: 10px;
}
.cboxContent > .cboxContentWrap .cboxContentInfo > .list-06 {
  color: #e60021;
  font-size: 18px;
  display: block;
  width: auto;
  padding-left: 26px;
  margin-bottom: 0;
}
.cboxContent > .cboxContentWrap .cboxContentInfo > .list-06 li {
  display: inline-block;
}

.nyujoken-01 {
  margin-top: 45px;
  position: relative;
  background-color: #fff7f9;
  padding-bottom: 12px;
}
.nyujoken-01 > h2 {
  position: relative;
  font-size: 35px;
  vertical-align: middle;
  line-height: 1;
  padding-top: 25px;
}
.nyujoken-01 > h2 > .num {
  position: relative;
  top: -3px;
  vertical-align: middle;
  margin-right: 12px;
}
.nyujoken-01 > h2 > .sub {
  position: absolute;
  top: -8px;
  vertical-align: middle;
  margin-left: 12px;
}
.nyujoken-01 > .nyujoken-01-comment {
  position: absolute;
  top: -25px;
  left: 0;
  background-color: #ff81a5;
  border-radius: 20px;
  behavior: url(/2016/common/js/PIE.htc);
  padding: 4px 15px;
  text-align: left;
  color: #fff;
  font-weight: bold;
}
.nyujoken-01 > .nyujoken-01-comment:before {
  position: absolute;
  display: block;
  margin-left: 10px;
  margin-top: 20px;
  margin-top: 19px \9;
  content: url(/2016/common/images/ticket/nyujoken-01-comment-arw.png);
  width: 11px;
  height: 9px;
}
.nyujoken-01 > figure {
  margin-top: 30px;
  margin-bottom: 20px;
  padding-left: 15px;
  *zoom: 1;
}
.nyujoken-01 > figure:before, .nyujoken-01 > figure:after {
  content: "";
  display: table;
}
.nyujoken-01 > figure:after {
  clear: both;
}
.nyujoken-01 > figure > img {
  position: relative;
  display: block;
  float: left;
  top: 95px;
  margin-right: 13px;
  position: absolute;
}
.nyujoken-01 > figure > figcaption {
  display: block;
  float: right;
  width: 532px;
  margin-right: 15px;
}
.nyujoken-01 > figure > figcaption > dl {
  position: relative;
  border: 1px solid #c7c6c6;
  background-color: #fff;
  padding: 0 20px;
  border-radius: 6px;
  behavior: url(/2016/common/js/PIE.htc);
  margin-bottom: 5px \9;
  vertical-align: middle;
}
.nyujoken-01 > figure > figcaption > dl > dt {
  display: inline-block;
  width: 283px;
  padding-top: 1px;
  font-size: 13px;
  vertical-align: middle;
  line-height: 50px;
  border-right: 1px solid #c7c6c6;
}
.nyujoken-01 > figure > figcaption > dl > dt strong {
  position: relative;
  font-size: 22px;
  font-weight: bold;
  vertical-align: middle;
}
.nyujoken-01 > figure > figcaption > dl > dd {
  display: inline-block;
  font-weight: bold;
  width: 200px;
  color: #d20000;
  font-size: 26px;
  vertical-align: middle;
  text-align: center;
}
.nyujoken-01 > figure > figcaption dl + dl {
  margin-top: 10px;
}

.nyujoken-03 {
  margin-top: 75px;
  position: relative;
  background-color: #f3faff;
  padding-bottom: 12px;
}
.nyujoken-03 > h2 {
  font-size: 35px;
  vertical-align: middle;
  line-height: 1;
  padding-top: 25px;
}
.nyujoken-03 > h2 > .num {
  position: relative;
  top: -3px;
  vertical-align: middle;
  margin-right: 12px;
}
.nyujoken-03 > h2 > .sub {
  position: relative;
  top: -4px;
  vertical-align: middle;
  margin-left: 12px;
}
.nyujoken-03 > .nyujoken-03-comment {
  position: absolute;
  top: -25px;
  left: 0;
  background-color: #6da6ce;
  border-radius: 20px;
  behavior: url(/2016/common/js/PIE.htc);
  padding: 4px 15px;
  text-align: left;
  color: #fff;
  font-weight: bold;
  box-sizing: border-box;
  width: 650px;
}
.nyujoken-03 > .nyujoken-03-comment:before {
  position: absolute;
  display: block;
  margin-left: 10px;
  margin-top: 20px;
  margin-top: 19px \9;
  content: url(/2016/common/images/ticket/nyujoken-03-comment-arw.png);
  width: 11px;
  height: 9px;
}
.nyujoken-03 > figure {
  position: relative;
  margin-top: 30px;
  margin-bottom: 30px;
  padding-left: 15px;
  *zoom: 1;
}
.nyujoken-03 > figure:before, .nyujoken-03 > figure:after {
  content: "";
  display: table;
}
.nyujoken-03 > figure:after {
  clear: both;
}
.nyujoken-03 > figure > img {
  position: absolute;
  display: block;
  float: left;
  top: 56px;
  margin-right: 13px;
}
.nyujoken-03 > figure > figcaption {
  display: block;
  float: right;
  width: 532px;
  margin-right: 15px;
}
.nyujoken-03 > figure > figcaption > dl {
  position: relative;
  border: 1px solid #c7c6c6;
  background-color: #fff;
  padding: 0 20px;
  border-radius: 6px;
  behavior: url(/2016/common/js/PIE.htc);
  vertical-align: middle;
  margin-bottom: 5px \9;
}
.nyujoken-03 > figure > figcaption > dl > dt {
  display: inline-block;
  width: 283px;
  font-size: 13px;
  padding-top: 1px;
  vertical-align: middle;
  line-height: 50px;
  border-right: 1px solid #c7c6c6;
}
.nyujoken-03 > figure > figcaption > dl > dt strong {
  position: relative;
  font-size: 22px;
  font-weight: bold;
  vertical-align: middle;
}
.nyujoken-03 > figure > figcaption > dl > dd {
  display: inline-block;
  font-weight: bold;
  width: 200px;
  color: #d20000;
  font-size: 26px;
  vertical-align: middle;
  text-align: center;
}
.nyujoken-03 > figure > figcaption dl + dl {
  margin-top: 10px;
}
.nyujoken-03 .nyujoken-03-note {
  width: 685px;
  height: 80px;
  margin-left: 12px;
  background: url(/2016/common/images/ticket/nyujoken-03-note-bg.png) 0 0 no-repeat;
  text-align: center;
  margin-bottom: 30px;
}
.nyujoken-03 .nyujoken-03-note > dt {
  position: relative;
  top: -13px;
  margin-bottom: -13px;
}
.nyujoken-03 .nyujoken-03-note > dd span {
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  font-weight: bold;
  background: url(/2016/common/images/icon/check.png) 0 48% no-repeat;
}

.bosyu-01 {
  margin: 45px 5px 40px 0;
  padding: 30px;
  position: relative;
  background-color: #fffaee;
  border: 1px solid #eee;
  padding-bottom: 12px;
  border-radius: 6px;
}
.bosyu-01 .bosyu-01-comment {
  position: relative;
  left: -10px;
  background-color: #dba521;
  border-radius: 20px;
  behavior: url(/2016/common/js/PIE.htc);
  padding: 4px 15px;
  text-align: left;
  color: #fff;
  font-weight: bold;
  margin-bottom: 30px;
  font-size: 18px;
}
.bosyu-01 > figure {
  margin-bottom: 20px;
  *zoom: 1;
}
.bosyu-01 > figure:before, .bosyu-01 > figure:after {
  content: "";
  display: table;
}
.bosyu-01 > figure:after {
  clear: both;
}
.bosyu-01 > figure .img {
  float: right;
  width: 420px;
}
.bosyu-01 > figure .img img {
  width: 100%;
}
.bosyu-01 > figure > figcaption {
  display: block;
  float: left;
  width: 440px;
  font-size: 14px;
}

.pagetop-01 {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 137px;
  height: 56px;
  display: none;
  z-index: 100;
}
.pagetop-01 > span {
  display: block;
  width: 137px;
  height: 56px;
  background: url(../images/parts/pagetop.png) 0 0 no-repeat;
  z-index: 999;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
}
.pagetop-01 > span:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.paging-01 {
  display: table;
  margin: 30px auto;
  text-align: center;
}
.paging-01 .next,
.paging-01 .prev {
  padding-right: 50px;
  display: table-cell;
  padding-top: 1px;
}
.paging-01 .next a,
.paging-01 .prev a {
  display: inline-block;
  font-size: 18px;
  padding-right: 16px;
  color: #000;
  background: url(../images/icon/prev-paging.png) 100% 50% no-repeat;
}
.paging-01 .next a.disabled,
.paging-01 .prev a.disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.paging-01 .next {
  padding-left: 50px;
  padding-right: 0;
  letter-spacing: 0;
}
.paging-01 .next a {
  display: inline-block;
  padding-left: 16px;
  background: url(../images/icon/next-paging.png) 0 50% no-repeat;
}
.paging-01 .prev {
  margin-right: 50px;
  letter-spacing: 0;
}
.paging-01 ul {
  display: table-cell;
}
.paging-01 ul li {
  display: inline-block;
  letter-spacing: 0;
}
.paging-01 ul li a {
  display: inline-block;
  box-sizing: border-box;
  width: 31px;
  height: 31px;
  line-height: 31px;
  margin: 0 4px;
  border: 1px solid #ccc;
  background-color: #f2f2f2;
  color: #000;
}
.paging-01 ul li a:hover {
  border: 0px solid #ccc;
  color: #767676;
  background-color: #fff;
}
.paging-01 ul li a.current {
  border: 0px solid #ccc;
  background-color: #fff;
  color: #767676;
}

.page-01 {
  display: none;
}

#company .tit-03 {
  margin-bottom: 16px;
}
#company .item-01 + .tit-03 {
  margin-top: 35px;
}

#goodsScreen {
  margin: 30px 0;
}

#goodsSource {
  visibility: hidden;
}

#selectCompany {
  margin-bottom: 30px;
  line-height: 1;
  vertical-align: baseline;
}

#selectCompany + .paging-01 {
  margin-top: 0;
}

.map-wrap {
  border: 1px solid #ccc;
  line-height: 0;
}

.courseHeader .lead {
  float: left;
  width: 510px;
}
.courseHeader .btn-map {
  float: right;
}
.courseHeader .btn-map img {
  position: relative;
  top: 4px;
}

.courseImage {
  margin-top: 45px;
  margin-bottom: 45px;
}
.courseImage ol {
  list-style-position: inside;
  position: absolute;
}
.courseImage img {
  position: relative;
  z-index: 10;
}

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
/** RESET AND LAYOUT
===================================*/
#atend {
  margin-right: -10px;
}

.bx-wrapper {
  position: relative;
  margin: 0 auto 0;
  padding: 0 0 0 0;
  *zoom: 1;
}

.bx-wrapper img {
  max-width: 100%;
  display: block;
}

/** THEME
===================================*/
.bx-wrapper .bx-viewport {
  left: -5px;
  background: #fff;
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
  -ms-transform: translatez(0);
  transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -35px;
  left: -5px;
  width: 100%;
}

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(../images/parts/bx_loader.gif) center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #e7e7e7;
  text-indent: -9999px;
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin: 0 5px;
  outline: 0;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #f00;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: -50px;
  background: url(../images/icon/archive-prev.png) no-repeat 0 0;
}

.bx-wrapper .bx-next {
  right: -40px;
  background: url(../images/icon/archive-next.png) no-repeat 0 0;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -17.5px;
  outline: 0;
  width: 35px;
  height: 35px;
  text-indent: -9999px;
  z-index: 99;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -11px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -44px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666 \9;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}

.mt-0 {
  margin-top: 0px;
}

.mb-0 {
  margin-bottom: 0px;
}

.ml-0 {
  margin-left: 0px;
}

.mr-0 {
  margin-right: 0px;
}

.mtb-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.mlr-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.mt--0 {
  margin-top: 0px;
}

.mb--0 {
  margin-bottom: 0px;
}

.ml--0 {
  margin-left: 0px;
}

.mr--0 {
  margin-right: 0px;
}

.mtb--0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.mlr--0 {
  margin-left: 0px;
  margin-right: 0px;
}

.mt-5 {
  margin-top: 5px;
}

.mb-5 {
  margin-bottom: 5px;
}

.ml-5 {
  margin-left: 5px;
}

.mr-5 {
  margin-right: 5px;
}

.mtb-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.mlr-5 {
  margin-left: 5px;
  margin-right: 5px;
}

.mt--5 {
  margin-top: -5px;
}

.mb--5 {
  margin-bottom: -5px;
}

.ml--5 {
  margin-left: -5px;
}

.mr--5 {
  margin-right: -5px;
}

.mtb--5 {
  margin-top: -5px;
  margin-bottom: -5px;
}

.mlr--5 {
  margin-left: -5px;
  margin-right: -5px;
}

.mt-10 {
  margin-top: 10px;
}

.mb-10 {
  margin-bottom: 10px;
}

.ml-10 {
  margin-left: 10px;
}

.mr-10 {
  margin-right: 10px;
}

.mtb-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.mlr-10 {
  margin-left: 10px;
  margin-right: 10px;
}

.mt--10 {
  margin-top: -10px;
}

.mb--10 {
  margin-bottom: -10px;
}

.ml--10 {
  margin-left: -10px;
}

.mr--10 {
  margin-right: -10px;
}

.mtb--10 {
  margin-top: -10px;
  margin-bottom: -10px;
}

.mlr--10 {
  margin-left: -10px;
  margin-right: -10px;
}

.mt-15 {
  margin-top: 15px;
}

.mb-15 {
  margin-bottom: 15px;
}

.ml-15 {
  margin-left: 15px;
}

.mr-15 {
  margin-right: 15px;
}

.mtb-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.mlr-15 {
  margin-left: 15px;
  margin-right: 15px;
}

.mt--15 {
  margin-top: -15px;
}

.mb--15 {
  margin-bottom: -15px;
}

.ml--15 {
  margin-left: -15px;
}

.mr--15 {
  margin-right: -15px;
}

.mtb--15 {
  margin-top: -15px;
  margin-bottom: -15px;
}

.mlr--15 {
  margin-left: -15px;
  margin-right: -15px;
}

.mt-20 {
  margin-top: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

.ml-20 {
  margin-left: 20px;
}

.mr-20 {
  margin-right: 20px;
}

.mtb-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.mlr-20 {
  margin-left: 20px;
  margin-right: 20px;
}

.mt--20 {
  margin-top: -20px;
}

.mb--20 {
  margin-bottom: -20px;
}

.ml--20 {
  margin-left: -20px;
}

.mr--20 {
  margin-right: -20px;
}

.mtb--20 {
  margin-top: -20px;
  margin-bottom: -20px;
}

.mlr--20 {
  margin-left: -20px;
  margin-right: -20px;
}

.mt-25 {
  margin-top: 25px;
}

.mb-25 {
  margin-bottom: 25px;
}

.ml-25 {
  margin-left: 25px;
}

.mr-25 {
  margin-right: 25px;
}

.mtb-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.mlr-25 {
  margin-left: 25px;
  margin-right: 25px;
}

.mt--25 {
  margin-top: -25px;
}

.mb--25 {
  margin-bottom: -25px;
}

.ml--25 {
  margin-left: -25px;
}

.mr--25 {
  margin-right: -25px;
}

.mtb--25 {
  margin-top: -25px;
  margin-bottom: -25px;
}

.mlr--25 {
  margin-left: -25px;
  margin-right: -25px;
}

.mt-30 {
  margin-top: 30px;
}

.mb-30 {
  margin-bottom: 30px;
}

.ml-30 {
  margin-left: 30px;
}

.mr-30 {
  margin-right: 30px;
}

.mtb-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.mlr-30 {
  margin-left: 30px;
  margin-right: 30px;
}

.mt--30 {
  margin-top: -30px;
}

.mb--30 {
  margin-bottom: -30px;
}

.ml--30 {
  margin-left: -30px;
}

.mr--30 {
  margin-right: -30px;
}

.mtb--30 {
  margin-top: -30px;
  margin-bottom: -30px;
}

.mlr--30 {
  margin-left: -30px;
  margin-right: -30px;
}

.mt-35 {
  margin-top: 35px;
}

.mb-35 {
  margin-bottom: 35px;
}

.ml-35 {
  margin-left: 35px;
}

.mr-35 {
  margin-right: 35px;
}

.mtb-35 {
  margin-top: 35px;
  margin-bottom: 35px;
}

.mlr-35 {
  margin-left: 35px;
  margin-right: 35px;
}

.mt--35 {
  margin-top: -35px;
}

.mb--35 {
  margin-bottom: -35px;
}

.ml--35 {
  margin-left: -35px;
}

.mr--35 {
  margin-right: -35px;
}

.mtb--35 {
  margin-top: -35px;
  margin-bottom: -35px;
}

.mlr--35 {
  margin-left: -35px;
  margin-right: -35px;
}

.mt-40 {
  margin-top: 40px;
}

.mb-40 {
  margin-bottom: 40px;
}

.ml-40 {
  margin-left: 40px;
}

.mr-40 {
  margin-right: 40px;
}

.mtb-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.mlr-40 {
  margin-left: 40px;
  margin-right: 40px;
}

.mt--40 {
  margin-top: -40px;
}

.mb--40 {
  margin-bottom: -40px;
}

.ml--40 {
  margin-left: -40px;
}

.mr--40 {
  margin-right: -40px;
}

.mtb--40 {
  margin-top: -40px;
  margin-bottom: -40px;
}

.mlr--40 {
  margin-left: -40px;
  margin-right: -40px;
}

.mt-45 {
  margin-top: 45px;
}

.mb-45 {
  margin-bottom: 45px;
}

.ml-45 {
  margin-left: 45px;
}

.mr-45 {
  margin-right: 45px;
}

.mtb-45 {
  margin-top: 45px;
  margin-bottom: 45px;
}

.mlr-45 {
  margin-left: 45px;
  margin-right: 45px;
}

.mt--45 {
  margin-top: -45px;
}

.mb--45 {
  margin-bottom: -45px;
}

.ml--45 {
  margin-left: -45px;
}

.mr--45 {
  margin-right: -45px;
}

.mtb--45 {
  margin-top: -45px;
  margin-bottom: -45px;
}

.mlr--45 {
  margin-left: -45px;
  margin-right: -45px;
}

.mt-50 {
  margin-top: 50px;
}

.mb-50 {
  margin-bottom: 50px;
}

.ml-50 {
  margin-left: 50px;
}

.mr-50 {
  margin-right: 50px;
}

.mtb-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.mlr-50 {
  margin-left: 50px;
  margin-right: 50px;
}

.mt--50 {
  margin-top: -50px;
}

.mb--50 {
  margin-bottom: -50px;
}

.ml--50 {
  margin-left: -50px;
}

.mr--50 {
  margin-right: -50px;
}

.mtb--50 {
  margin-top: -50px;
  margin-bottom: -50px;
}

.mlr--50 {
  margin-left: -50px;
  margin-right: -50px;
}

.mt-55 {
  margin-top: 55px;
}

.mb-55 {
  margin-bottom: 55px;
}

.ml-55 {
  margin-left: 55px;
}

.mr-55 {
  margin-right: 55px;
}

.mtb-55 {
  margin-top: 55px;
  margin-bottom: 55px;
}

.mlr-55 {
  margin-left: 55px;
  margin-right: 55px;
}

.mt--55 {
  margin-top: -55px;
}

.mb--55 {
  margin-bottom: -55px;
}

.ml--55 {
  margin-left: -55px;
}

.mr--55 {
  margin-right: -55px;
}

.mtb--55 {
  margin-top: -55px;
  margin-bottom: -55px;
}

.mlr--55 {
  margin-left: -55px;
  margin-right: -55px;
}

.mt-60 {
  margin-top: 60px;
}

.mb-60 {
  margin-bottom: 60px;
}

.ml-60 {
  margin-left: 60px;
}

.mr-60 {
  margin-right: 60px;
}

.mtb-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.mlr-60 {
  margin-left: 60px;
  margin-right: 60px;
}

.mt--60 {
  margin-top: -60px;
}

.mb--60 {
  margin-bottom: -60px;
}

.ml--60 {
  margin-left: -60px;
}

.mr--60 {
  margin-right: -60px;
}

.mtb--60 {
  margin-top: -60px;
  margin-bottom: -60px;
}

.mlr--60 {
  margin-left: -60px;
  margin-right: -60px;
}

.mt-65 {
  margin-top: 65px;
}

.mb-65 {
  margin-bottom: 65px;
}

.ml-65 {
  margin-left: 65px;
}

.mr-65 {
  margin-right: 65px;
}

.mtb-65 {
  margin-top: 65px;
  margin-bottom: 65px;
}

.mlr-65 {
  margin-left: 65px;
  margin-right: 65px;
}

.mt--65 {
  margin-top: -65px;
}

.mb--65 {
  margin-bottom: -65px;
}

.ml--65 {
  margin-left: -65px;
}

.mr--65 {
  margin-right: -65px;
}

.mtb--65 {
  margin-top: -65px;
  margin-bottom: -65px;
}

.mlr--65 {
  margin-left: -65px;
  margin-right: -65px;
}

.mt-70 {
  margin-top: 70px;
}

.mb-70 {
  margin-bottom: 70px;
}

.ml-70 {
  margin-left: 70px;
}

.mr-70 {
  margin-right: 70px;
}

.mtb-70 {
  margin-top: 70px;
  margin-bottom: 70px;
}

.mlr-70 {
  margin-left: 70px;
  margin-right: 70px;
}

.mt--70 {
  margin-top: -70px;
}

.mb--70 {
  margin-bottom: -70px;
}

.ml--70 {
  margin-left: -70px;
}

.mr--70 {
  margin-right: -70px;
}

.mtb--70 {
  margin-top: -70px;
  margin-bottom: -70px;
}

.mlr--70 {
  margin-left: -70px;
  margin-right: -70px;
}

.mt-75 {
  margin-top: 75px;
}

.mb-75 {
  margin-bottom: 75px;
}

.ml-75 {
  margin-left: 75px;
}

.mr-75 {
  margin-right: 75px;
}

.mtb-75 {
  margin-top: 75px;
  margin-bottom: 75px;
}

.mlr-75 {
  margin-left: 75px;
  margin-right: 75px;
}

.mt--75 {
  margin-top: -75px;
}

.mb--75 {
  margin-bottom: -75px;
}

.ml--75 {
  margin-left: -75px;
}

.mr--75 {
  margin-right: -75px;
}

.mtb--75 {
  margin-top: -75px;
  margin-bottom: -75px;
}

.mlr--75 {
  margin-left: -75px;
  margin-right: -75px;
}

.mt-80 {
  margin-top: 80px;
}

.mb-80 {
  margin-bottom: 80px;
}

.ml-80 {
  margin-left: 80px;
}

.mr-80 {
  margin-right: 80px;
}

.mtb-80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.mlr-80 {
  margin-left: 80px;
  margin-right: 80px;
}

.mt--80 {
  margin-top: -80px;
}

.mb--80 {
  margin-bottom: -80px;
}

.ml--80 {
  margin-left: -80px;
}

.mr--80 {
  margin-right: -80px;
}

.mtb--80 {
  margin-top: -80px;
  margin-bottom: -80px;
}

.mlr--80 {
  margin-left: -80px;
  margin-right: -80px;
}

.mt-85 {
  margin-top: 85px;
}

.mb-85 {
  margin-bottom: 85px;
}

.ml-85 {
  margin-left: 85px;
}

.mr-85 {
  margin-right: 85px;
}

.mtb-85 {
  margin-top: 85px;
  margin-bottom: 85px;
}

.mlr-85 {
  margin-left: 85px;
  margin-right: 85px;
}

.mt--85 {
  margin-top: -85px;
}

.mb--85 {
  margin-bottom: -85px;
}

.ml--85 {
  margin-left: -85px;
}

.mr--85 {
  margin-right: -85px;
}

.mtb--85 {
  margin-top: -85px;
  margin-bottom: -85px;
}

.mlr--85 {
  margin-left: -85px;
  margin-right: -85px;
}

.mt-90 {
  margin-top: 90px;
}

.mb-90 {
  margin-bottom: 90px;
}

.ml-90 {
  margin-left: 90px;
}

.mr-90 {
  margin-right: 90px;
}

.mtb-90 {
  margin-top: 90px;
  margin-bottom: 90px;
}

.mlr-90 {
  margin-left: 90px;
  margin-right: 90px;
}

.mt--90 {
  margin-top: -90px;
}

.mb--90 {
  margin-bottom: -90px;
}

.ml--90 {
  margin-left: -90px;
}

.mr--90 {
  margin-right: -90px;
}

.mtb--90 {
  margin-top: -90px;
  margin-bottom: -90px;
}

.mlr--90 {
  margin-left: -90px;
  margin-right: -90px;
}

.mt-95 {
  margin-top: 95px;
}

.mb-95 {
  margin-bottom: 95px;
}

.ml-95 {
  margin-left: 95px;
}

.mr-95 {
  margin-right: 95px;
}

.mtb-95 {
  margin-top: 95px;
  margin-bottom: 95px;
}

.mlr-95 {
  margin-left: 95px;
  margin-right: 95px;
}

.mt--95 {
  margin-top: -95px;
}

.mb--95 {
  margin-bottom: -95px;
}

.ml--95 {
  margin-left: -95px;
}

.mr--95 {
  margin-right: -95px;
}

.mtb--95 {
  margin-top: -95px;
  margin-bottom: -95px;
}

.mlr--95 {
  margin-left: -95px;
  margin-right: -95px;
}

.mt-100 {
  margin-top: 100px;
}

.mb-100 {
  margin-bottom: 100px;
}

.ml-100 {
  margin-left: 100px;
}

.mr-100 {
  margin-right: 100px;
}

.mtb-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.mlr-100 {
  margin-left: 100px;
  margin-right: 100px;
}

.mt--100 {
  margin-top: -100px;
}

.mb--100 {
  margin-bottom: -100px;
}

.ml--100 {
  margin-left: -100px;
}

.mr--100 {
  margin-right: -100px;
}

.mtb--100 {
  margin-top: -100px;
  margin-bottom: -100px;
}

.mlr--100 {
  margin-left: -100px;
  margin-right: -100px;
}

.mlr-13 {
  margin-left: 13px;
  margin-right: 13px;
}

.pt-5 {
  padding-top: 5px;
}

.pb-5 {
  padding-bottom: 5px;
}

.pl-5 {
  padding-left: 5px;
}

.pr-5 {
  padding-right: 5px;
}

.pt-10 {
  padding-top: 10px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pl-10 {
  padding-left: 10px;
}

.pr-10 {
  padding-right: 10px;
}

.pt-15 {
  padding-top: 15px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pl-15 {
  padding-left: 15px;
}

.pr-15 {
  padding-right: 15px;
}

.pt-20 {
  padding-top: 20px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pl-20 {
  padding-left: 20px;
}

.pr-20 {
  padding-right: 20px;
}

.pt-25 {
  padding-top: 25px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pl-25 {
  padding-left: 25px;
}

.pr-25 {
  padding-right: 25px;
}

.pt-30 {
  padding-top: 30px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pl-30 {
  padding-left: 30px;
}

.pr-30 {
  padding-right: 30px;
}

.pt-35 {
  padding-top: 35px;
}

.pb-35 {
  padding-bottom: 35px;
}

.pl-35 {
  padding-left: 35px;
}

.pr-35 {
  padding-right: 35px;
}

.pt-40 {
  padding-top: 40px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pl-40 {
  padding-left: 40px;
}

.pr-40 {
  padding-right: 40px;
}

.pt-45 {
  padding-top: 45px;
}

.pb-45 {
  padding-bottom: 45px;
}

.pl-45 {
  padding-left: 45px;
}

.pr-45 {
  padding-right: 45px;
}

.pt-50 {
  padding-top: 50px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pl-50 {
  padding-left: 50px;
}

.pr-50 {
  padding-right: 50px;
}

.pt-55 {
  padding-top: 55px;
}

.pb-55 {
  padding-bottom: 55px;
}

.pl-55 {
  padding-left: 55px;
}

.pr-55 {
  padding-right: 55px;
}

.pt-60 {
  padding-top: 60px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pl-60 {
  padding-left: 60px;
}

.pr-60 {
  padding-right: 60px;
}

.pt-65 {
  padding-top: 65px;
}

.pb-65 {
  padding-bottom: 65px;
}

.pl-65 {
  padding-left: 65px;
}

.pr-65 {
  padding-right: 65px;
}

.pt-70 {
  padding-top: 70px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pl-70 {
  padding-left: 70px;
}

.pr-70 {
  padding-right: 70px;
}

.pt-75 {
  padding-top: 75px;
}

.pb-75 {
  padding-bottom: 75px;
}

.pl-75 {
  padding-left: 75px;
}

.pr-75 {
  padding-right: 75px;
}

.pt-80 {
  padding-top: 80px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pl-80 {
  padding-left: 80px;
}

.pr-80 {
  padding-right: 80px;
}

.pt-85 {
  padding-top: 85px;
}

.pb-85 {
  padding-bottom: 85px;
}

.pl-85 {
  padding-left: 85px;
}

.pr-85 {
  padding-right: 85px;
}

.pt-90 {
  padding-top: 90px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pl-90 {
  padding-left: 90px;
}

.pr-90 {
  padding-right: 90px;
}

.pt-95 {
  padding-top: 95px;
}

.pb-95 {
  padding-bottom: 95px;
}

.pl-95 {
  padding-left: 95px;
}

.pr-95 {
  padding-right: 95px;
}

.pt-100 {
  padding-top: 100px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pl-100 {
  padding-left: 100px;
}

.pr-100 {
  padding-right: 100px;
}

html body {
  background-color: #f4f4f4;
  background-image: none;
}

#bnr_ticket {
  display: block;
  position: fixed;
  top: 50%;
  right: 30px;
  z-index: 10000;
  margin-top: -80px;
  opacity: 0;
  visibility: hidden;
}
#bnr_ticket:hover {
  opacity: 0.8;
}

#kv {
  clear: both;
  position: relative;
  height: 545px;
  padding-top: 100px;
  background: #870000 url(../images/top/kv_01.jpg) 50% 50% no-repeat;
  overflow: hidden;
}
#kv #kv_cover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url(../images/top/cover.png) 50% 50%;
  z-index: 2;
}
#kv #kv_housha {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -382px;
  margin-top: -230px;
  width: 764px;
  height: 667px;
  background: url(../images/top/housha.png) 50% 50%;
  z-index: 2;
}
#kv h1 {
  position: relative;
  z-index: 10;
  text-align: center;
}
#kv h1 img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 8px;
  line-height: 0;
  vertical-align: top;
}
#kv time {
  position: relative;
  z-index: 10;
  display: block;
  text-align: center;
  vertical-align: top;
  line-height: 0;
}
#kv time img {
  vertical-align: top;
}
#kv dl.place {
  position: absolute;
  height: 65px;
  bottom: 0;
  width: 100%;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.7);
  text-align: center;
  line-height: 65px;
}
#kv dl.place dt {
  background-color: #fff;
  display: inline-block;
  line-height: 39px;
  vertical-align: middle;
  font-weight: bold;
  color: #000;
  font-size: 23px;
  padding-left: 12px;
  padding-right: 12px;
  margin-right: 20px;
}
#kv dl.place dd {
  display: inline-block;
  vertical-align: middle;
  line-height: 39px;
  font-size: 33px;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.05em;
}

#kounaru {
  padding-top: 15px;
}
#kounaru h2 {
  position: relative;
  text-align: center;
  z-index: 10;
  margin-bottom: -140px;
}
#kounaru #pv {
  position: relative;
  margin: 0 auto;
  width: 639px;
  height: 479px;
  text-align: center;
  padding-top: 118px;
  background: url(../images/top/bg_pv.png) 50% 50% no-repeat;
}
#kounaru #pv #pika01 {
  position: absolute;
  left: -174px;
  top: 66px;
}
#kounaru #pv #pika02 {
  position: absolute;
  left: -134px;
  top: 226px;
}
#kounaru #pv #pika03 {
  position: absolute;
  right: -174px;
  top: 296px;
}

.pict-l {
  position: relative;
  width: 922px;
  padding: 0 20px 20px;
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
}
.pict-l:after {
  display: block;
  content: "";
  clear: both;
}
.pict-l p.pict {
  position: relative;
  z-index: 10;
  float: left;
  margin-bottom: -17px;
  line-height: 0;
  vertical-align: top;
}
.pict-l p.pict img {
  position: relative;
  top: -17px;
  line-height: 0;
  vertical-align: top;
  border: 2px solid #fff;
  box-shadow: 1px 1px 4px #999;
}
.pict-l .desc {
  padding-left: 340px;
}
.pict-l .desc h3 {
  position: relative;
  left: -140px;
  top: -71px;
  margin-bottom: -71px;
  width: 720px;
  min-height: 128px;
  padding: 50px 30px 30px 130px;
  font-size: 28px;
  color: #fff;
  line-height: 1.2;
  background: url(../images/top/bg_title_red.png) 50% 50% no-repeat;
}
.pict-l .desc p {
  font-size: 16px;
}

.pict-r {
  position: relative;
  width: 922px;
  padding: 0 20px 20px;
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
  margin-top: 76px;
}
.pict-r:after {
  display: block;
  content: "";
  clear: both;
}
.pict-r p.pict {
  position: relative;
  z-index: 10;
  float: right;
  margin-bottom: -17px;
  line-height: 0;
  vertical-align: top;
}
.pict-r p.pict img {
  position: relative;
  top: -17px;
  line-height: 0;
  vertical-align: top;
  border: 2px solid #fff;
  box-shadow: 1px 1px 4px #999;
}
.pict-r .desc {
  padding-right: 340px;
}
.pict-r .desc h3 {
  position: relative;
  top: -81px;
  margin-left: -47px;
  margin-bottom: -111px;
  width: 720px;
  min-height: 147px;
  padding: 50px 0 30px 47px;
  font-size: 28px;
  line-height: 1.2;
  color: #fff;
  background: url(../images/top/bg_title_black.png) 0 0 no-repeat;
}
.pict-r .desc p {
  font-size: 16px;
}

.video-l {
  position: relative;
  width: 922px;
  padding: 0 20px 20px;
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
  margin-top: 76px;
}
.video-l:after {
  display: block;
  content: "";
  clear: both;
}
.video-l h3 {
  position: relative;
  top: -81px;
  margin-left: -47px;
  margin-bottom: -111px;
  width: 720px;
  min-height: 147px;
  padding: 50px 0 30px 47px;
  font-size: 28px;
  line-height: 1.2;
  color: #fff;
  background: url(../images/top/bg_title_black.png) 0 0 no-repeat;
}
.video-l .video {
  position: relative;
  z-index: 10;
  line-height: 0;
  margin: 20px auto;
  text-align: center;
  vertical-align: top;
}
.video-l .desc p {
  font-size: 16px;
}

.video-r {
  position: relative;
  width: 922px;
  padding: 0 20px 20px;
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
}
.video-r:after {
  display: block;
  content: "";
  clear: both;
}
.video-r .video {
  position: relative;
  z-index: 10;
  margin: 10px auto 20px;
  text-align: center;
  line-height: 0;
  vertical-align: top;
}
.video-r .video img {
  position: relative;
  top: -17px;
  line-height: 0;
  vertical-align: top;
  border: 2px solid #fff;
  box-shadow: 1px 1px 4px #999;
}
.video-r h3 {
  position: relative;
  left: 200px;
  top: -71px;
  margin-bottom: -71px;
  width: 720px;
  min-height: 128px;
  padding: 50px 30px 30px 130px;
  font-size: 28px;
  color: #fff;
  line-height: 1.2;
  background: url(../images/top/bg_title_red.png) 50% 50% no-repeat;
}
.video-r .desc p {
  font-size: 16px;
}

#kanran {
  margin-top: 20px;
  margin-bottom: 100px;
}
#kanran h2 {
  margin-bottom: -40px;
}
#kanran h2 img {
  display: block;
  margin: 0 auto;
}
#kanran ul {
  text-align: center;
}
#kanran ul li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 8px;
}

#final {
  background: url(../images/top/bg_final.png) 50% 0;
  border-top: 8px solid #0aa0bb;
  border-bottom: 8px solid #0aa0bb;
}
#final h2 img {
  position: relative;
  display: block;
  top: -82px;
  margin: 0 auto;
  margin-bottom: -72px;
}
#final ul {
  margin-left: auto;
  margin-right: auto;
  width: 820px;
}
#final ul li {
  border-radius: 10px;
  background: #fff;
  padding: 6px;
  line-height: 0;
  margin-top: 5px;
}
#final ul li a {
  padding-right: 20px;
  display: block;
  letter-spacing: -0.35em;
  background: url(../images/icon/icon-arrow.png) 98% 50% no-repeat;
}
#final ul li figure > img {
  display: inline-block;
  letter-spacing: 0;
  vertical-align: middle;
  margin-right: 12px;
}
#final ul li figure > figcaption {
  display: inline-block;
  letter-spacing: 0;
  vertical-align: middle;
  color: #000;
  width: 565px;
  line-height: 1.4;
}
#final dl {
  margin-left: auto;
  margin-right: auto;
  width: 826px;
  letter-spacing: -0.35em;
  text-align: center;
  padding: 40px 0 50px;
}
#final dl dt {
  text-align: center;
  font-size: 26px;
  letter-spacing: 0;
  color: #023a44;
  font-weight: bold;
}
#final dl dd {
  width: 25%;
  display: inline-block;
  padding: 3px 4px;
}
#final dl dd a {
  display: block;
  border-radius: 10px;
  border-radius: 10px;
  padding: 0 4px;
  overflow: hidden;
  background-color: #fff;
}
#final dl dd a img {
  max-width: 100%;
  height: auto;
}

#ticket {
  position: relative;
  width: 1024px;
  margin-left: auto;
  margin-right: auto;
}
#ticket h2 {
  text-align: center;
  position: absolute;
  width: 1024px;
  margin-top: -30px;
}
#ticket .tickets {
  margin-top: 30px;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  border-radius: 18px;
  background-color: white;
  padding: 45px 37px;
}
#ticket .tickets > ul {
  text-align: center;
  letter-spacing: -0.35em;
}
#ticket .tickets > ul li {
  margin-left: 9px;
  margin-right: 9px;
  display: inline-block;
  letter-spacing: 0;
  padding-top: 20px;
  padding-bottom: 10px;
  width: 295px;
  height: 200px;
  vertical-align: top;
}
#ticket .tickets > ul li h3 {
  text-align: center;
  margin-top: 0;
  color: #fff;
}
#ticket .tickets > ul li h3 small {
  letter-spacing: -0.05em;
}
#ticket .tickets > ul li h3 img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: -10px;
}
#ticket .tickets > ul li.yusen {
  background: url(../images/ticket/bg_ticket_yusen.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
#ticket .tickets > ul li.yusen dl.ticket_type {
  margin-bottom: 4px;
}
#ticket .tickets > ul li.dantai {
  background: url(../images/ticket/bg_ticket_dantai.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
#ticket .tickets > ul li.ippan {
  background: url(../images/ticket/bg_ticket_ippan.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
#ticket .tickets > ul li.ippan h3 {
  margin-bottom: 7px;
}
#ticket .tickets > ul li.ippan .ticket_type {
  padding: 6px 16px;
  margin-bottom: 4px;
}
#ticket .tickets .ticket_type {
  border-radius: 15px;
  background-color: white;
  margin-left: auto;
  margin-right: auto;
  width: 224px;
  padding: 6px 26px;
  font-size: 20px;
  line-height: 1;
  margin-bottom: 16px;
}
#ticket .tickets .ticket_type:after {
  display: block;
  clear: both;
  content: "";
}
#ticket .tickets .ticket_type dt {
  float: left;
  letter-spacing: -0.05em;
  color: #000;
}
#ticket .tickets .ticket_type dd {
  float: right;
  letter-spacing: -0.05em;
  color: #000;
}
#ticket .tickets .ticket_type dd .maeuri {
  position: relative;
  top: -2px;
  margin-right: 4px;
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
  background-color: #969696;
  color: #fff;
  padding: 4px;
  border-radius: 7px;
  letter-spacing: -0.01em;
}
#ticket .tickets .ticket_type dd .ichinichi {
  position: relative;
  top: -2px;
  margin-right: 4px;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  background-color: #969696;
  color: #fff;
  padding: 4px;
  border-radius: 7px;
  letter-spacing: -0.01em;
}
#ticket .tickets .ticket_type dd + dd {
  margin-top: 3px;
}
#ticket .ticket_btn {
  text-align: center;
}
#ticket .ticket_btn a {
  display: block;
}
#ticket .ticket_btn a:hover {
  opacity: 0.8;
}
#ticket .ticket_btn p {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
#ticket .ticket_single {
  margin-top: 33px;
}
#ticket .ticket_single > dt {
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  padding-left: 45px;
}
#ticket .ticket_single > dt small {
  margin-top: -3px;
  display: inline-block;
  font-size: 15px;
  margin-left: 15px;
  padding-left: 15px;
  line-height: 28px;
  border-left: 1px solid #fff;
  vertical-align: middle;
}
#ticket .ticket_single > dd {
  padding-bottom: 35px;
}
#ticket .ticket_single > dd .types {
  text-align: center;
  padding: 30px 0 40px;
}
#ticket .ticket_single > dd .types dl {
  vertical-align: top;
  display: inline-block;
  background-color: #fff;
  width: 364px;
  border-radius: 24px;
  font-size: 24px;
  padding: 12px 30px 12px;
  margin: 0 25px;
}
#ticket .ticket_single > dd .types dl:after {
  display: block;
  clear: both;
  content: "";
}
#ticket .ticket_single > dd .types dl dt {
  float: left;
  line-height: 1;
}
#ticket .ticket_single > dd .types dl dd {
  float: right;
  line-height: 1;
  clear: right;
}
#ticket .ticket_single > dd .types dl dd + dd {
  margin-top: 8px;
}
#ticket .ticket_single.yusen {
  border: 1px solid #e23c5b;
}
#ticket .ticket_single.yusen > dt {
  background-color: #e23c5b;
}
#ticket .ticket_single.yusen > dd {
  background-color: #f8ecef;
}
#ticket .ticket_single.yusen > dd .types dl {
  border: 1px solid #e23c5b;
}
#ticket .ticket_single.yusen > dd .types dl dd {
  color: #e23c5b;
  font-weight: bold;
}
#ticket .ticket_single.dantai {
  border: 1px solid #38af76;
}
#ticket .ticket_single.dantai > dt {
  background-color: #38af76;
}
#ticket .ticket_single.dantai > dd {
  background-color: #e9f3ed;
}
#ticket .ticket_single.dantai > dd .types dl {
  border: 1px solid #38af76;
}
#ticket .ticket_single.dantai > dd .types dl dd {
  color: #38af76;
  font-weight: bold;
}
#ticket .ticket_single.dantai > dd .types dl dd span {
  letter-spacing: -0.1em;
  color: #a8a8a8;
}
#ticket .ticket_single.ippan {
  border: 1px solid #2d9fe1;
}
#ticket .ticket_single.ippan > dt {
  background-color: #2d9fe1;
}
#ticket .ticket_single.ippan > dd {
  background-color: #eef7fa;
}
#ticket .ticket_single.ippan > dd .types dl {
  border: 1px solid #2d9fe1;
}
#ticket .ticket_single.ippan > dd .types dl dd {
  color: #2d9fe1;
  font-weight: bold;
}
#ticket .ticket_single.ippan > dd .types dl dd small {
  position: relative;
  top: -2px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 1;
  background-color: #747474;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  letter-spacing: -0.01em;
}
#ticket .ticket_table {
  width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.recommend-01 {
  background: url(/2016/common/images/top/bg_recommend.png) 50% 0 no-repeat;
  background-size: 100% 100%;
}
.recommend-01 h2 {
  position: relative;
  top: -5px;
  text-align: center;
  margin-bottom: -40px;
}
.recommend-01 figure {
  *zoom: 1;
  padding: 32px 40px;
}
.recommend-01 figure:before, .recommend-01 figure:after {
  content: "";
  display: table;
}
.recommend-01 figure:after {
  clear: both;
}
.recommend-01 figure img {
  float: left;
  width: 143px;
}
.recommend-01 figure figcaption {
  float: right;
  width: 491px;
  background: rgba(255, 255, 255, 0.5);
  padding: 14px 18px 13px;
}
.recommend-01 figure figcaption dl dt {
  font-size: 22px;
  line-height: 1.3;
  font-weight: bold;
  color: #272727;
}
.recommend-01 figure figcaption dl dd {
  margin-top: 6px;
  font-size: 14px;
  line-height: 1.3;
  color: #272727;
}

.list-pickup {
  margin: 0 -20px -40px;
}
.list-pickup li dl {
  letter-spacing: -0.35em;
  padding: 22px 20px;
}
.list-pickup li dl dt {
  width: 143px;
  display: inline-block;
  vertical-align: middle;
  letter-spacing: 0;
  margin-right: 45px;
}
.list-pickup li dl dd {
  width: 474px;
  display: inline-block;
  vertical-align: middle;
  letter-spacing: 0;
  font-size: 20px;
  line-height: 1.3;
  color: #2e2e2e;
}
.list-pickup li + li {
  border-top: 1px dashed #cbcace;
}

/* what's do */
.angle-b {
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 32px 17px 0 17px;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.angle-b.color-all {
  border-color: #c8c8c8 transparent transparent transparent;
}
.angle-b.color-see {
  border-color: #c8c8c8 transparent transparent transparent;
}
.angle-b.color-meet {
  border-color: #c8c8c8 transparent transparent transparent;
}
.angle-b.color-join {
  border-color: #c8c8c8 transparent transparent transparent;
}
.angle-b.color-buy {
  border-color: #c8c8c8 transparent transparent transparent;
}
.angle-b.color-notgo {
  border-color: #c8c8c8 transparent transparent transparent;
}
.angle-b.color-publish {
  border-color: #c8c8c8 transparent transparent transparent;
}

.whatdo {
  vertical-align: middle;
  padding: 0 0;
  margin: 0 0 -7px;
  display: inline-block;
  height: 70px;
  width: 100%;
  letter-spacing: -0.4em;
  text-align: center;
  line-height: 0;
}
.whatdo li {
  display: inline-block;
  position: relative;
  letter-spacing: -0.0em;
  text-align: center;
  cursor: pointer;
}
.whatdo li div {
  padding-top: 0;
  border-radius: 28px;
  border-style: solid;
  box-sizing: content-box;
  background-color: #c8c8c8;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  display: inline-block;
  position: relative;
  letter-spacing: -0.0em;
  margin: 0 3px;
  width: 101px;
  height: 56px;
  line-height: 56px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  font-size: 24px;
}
.whatdo li div:hover.color-all {
  background-color: #ffad1f;
}
.whatdo li div:hover.color-see {
  background-color: #6fbb67;
}
.whatdo li div:hover.color-meet {
  background-color: #f44a8a;
}
.whatdo li div:hover.color-join {
  background-color: #26afef;
}
.whatdo li div:hover.color-buy {
  background-color: #f7304d;
}
.whatdo li div:hover.color-notgo {
  background-color: #efc10b;
}
.whatdo li div:hover.color-publish {
  background-color: #546bcb;
}
.whatdo li div .angle-b {
  display: none;
  opacity: 0;
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -17px;
}
.whatdo li div span {
  position: relative;
  display: inline-block;
  color: #fff;
  line-height: 1.1;
  font-weight: bold;
  font-size: 24px;
  z-index: 10;
}
.whatdo li div span small {
  position: relative;
  top: -2px;
  font-size: 18px;
}
.whatdo li div span b {
  padding-top: 15px;
  font-size: 32px;
  display: block;
  font-weight: normal;
}
.whatdo li.active > div {
  width: 101px;
  height: 56px;
  font-size: 24px;
  border-radius: 28px;
}
.whatdo li.active > div.color-all {
  background-color: #ffad1f;
}
.whatdo li.active > div.color-see {
  background-color: #6fbb67;
}
.whatdo li.active > div.color-meet {
  background-color: #f44a8a;
}
.whatdo li.active > div.color-join {
  background-color: #26afef;
}
.whatdo li.active > div.color-buy {
  background-color: #f7304d;
}
.whatdo li.active > div.color-notgo {
  background-color: #efc10b;
}
.whatdo li.active > div.color-publish {
  background-color: #546bcb;
}
.whatdo li.active > div:hover {
  border-width: 0;
}
.whatdo li.active > div .angle-b {
  display: block;
  opacity: 1;
  padding-top: 10px;
}
.whatdo li.active > div .angle-b.color-all {
  border-color: #ffad1f transparent transparent transparent;
}
.whatdo li.active > div .angle-b.color-see {
  border-color: #6fbb67 transparent transparent transparent;
}
.whatdo li.active > div .angle-b.color-meet {
  border-color: #f44a8a transparent transparent transparent;
}
.whatdo li.active > div .angle-b.color-join {
  border-color: #26afef transparent transparent transparent;
}
.whatdo li.active > div .angle-b.color-buy {
  border-color: #f7304d transparent transparent transparent;
}
.whatdo li.active > div .angle-b.color-notgo {
  border-color: #efc10b transparent transparent transparent;
}
.whatdo li.active > div .angle-b.color-publish {
  border-color: #546bcb transparent transparent transparent;
}
.whatdo li.active > div span {
  color: #fff;
  line-height: 1.1;
}
.whatdo li.active > div span b {
  padding-top: 18px;
  font-size: 38px;
  display: block;
}

#whatdoList {
  min-height: 300px;
  padding: 0;
}
#whatdoList > dl {
  letter-spacing: -0.4em;
  text-align: left;
  vertical-align: middle;
  margin: 0 -20px;
  padding: 14px 20px;
  border-bottom: 1px dashed #cbcace;
}
#whatdoList > dl > dt {
  letter-spacing: 0;
  color: #aeadad;
  font-size: 14px;
  margin-bottom: 4px;
}
#whatdoList > dl > dd {
  position: relative;
  display: inline-block;
  letter-spacing: 0;
  text-align: left;
  vertical-align: middle;
}
#whatdoList > dl > dd img {
  position: absolute;
  right: 14px;
  top: 50%;
  margin-top: -24px;
  width: 48px;
  height: 48px;
  border-radius: 24px;
  overflow: hidden;
}
#whatdoList > dl > dd time {
  font-size: 14px;
  color: #aeadad;
}
#whatdoList > dl > dd p {
  font-size: 16px;
  color: #333;
  line-height: 1.3;
}
#whatdoList > dl > dd a {
  display: block;
  color: #07b58f;
  font-size: 16px;
}
#whatdoList > dl > dd a:hover img {
  opacity: 0.8;
}
#whatdoList > dl > dd a:hover p {
  color: #555;
}
#whatdoList > dl > dd > .meta {
  margin-top: 7px;
}
#whatdoList > dl > dd > .meta > strong {
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
  font-size: 14px;
}
#whatdoList > dl > dd > .meta > ul {
  margin-left: 10px;
  display: inline-block;
  vertical-align: top;
}
#whatdoList > dl > dd > .meta > ul li {
  display: inline-block;
  vertical-align: top;
}
#whatdoList > dl > dd > .meta > ul span {
  text-align: center;
  position: relative;
  left: -4px;
  text-outline: -2px;
  display: inline-block;
  font-size: 11px;
  width: 62px;
  border-radius: 11px;
  color: #fff;
  font-weight: bold;
}
#whatdoList > dl > dd > .meta > ul span.color-all {
  background-color: #ffad1f;
}
#whatdoList > dl > dd > .meta > ul span.color-see {
  background-color: #6fbb67;
}
#whatdoList > dl > dd > .meta > ul span.color-meet {
  background-color: #f44a8a;
}
#whatdoList > dl > dd > .meta > ul span.color-join {
  background-color: #26afef;
}
#whatdoList > dl > dd > .meta > ul span.color-buy {
  background-color: #f7304d;
}
#whatdoList > dl > dd > .meta > ul span.color-notgo {
  background-color: #efc10b;
}
#whatdoList > dl > dd > .meta > ul span.color-publish {
  background-color: #546bcb;
}

#listMoreWrap {
  margin: 23px auto 0;
  width: 380px;
  height: 40px;
  line-height: 40px;
}

#listMore {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  width: 380px;
  height: 40px;
  background-color: white;
  border: 2px solid #c8c8c8;
  border-radius: 20px;
  text-align: center;
  vertical-align: middle;
  box-sizing: content-box;
  color: #545454;
  font-size: 16px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#listMore.disable {
  opacity: 0.2;
  display: none;
  cursor: not-allowed;
}
#listMore span {
  padding-left: 20px;
  display: inline-block;
  font-weight: bold;
}
#listMore .arrow {
  display: inline-block;
  width: 17px;
  height: 11px;
  position: relative;
  margin: 0 0 0 3px;
  top: 1px;
  background: url(../images/icon/more_arrow_g.png) 0 0 no-repeat;
}
#listMore:hover {
  background-color: #07b58f;
  color: #fff;
  border-color: #07b58f;
}
#listMore:hover.disable .arrow {
  background: url(../images/icon/more_arrow_g.png) 0 0 no-repeat;
}
#listMore:hover .arrow {
  background: url(../images/icon/more_arrow_w.png) 0 0 no-repeat;
}

html {
  width: 100%;
  height: 100%;
}

body {
  font-size: 14px;
  line-height: 1.5;
  width: 100%;
  background: url(../images/bg.png) !important;
}

ul {
  list-style: none;
}

a {
  color: #e60021;
}