@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 {
  background-color: #000;
  padding: 5px 13px;
  line-height: 0;
}
#header img {
  width: 92px;
  height: auto;
}
#header .menuBtn2 {
  position: absolute;
  width: 39px;
  height: 39px;
  top: 3px;
  right: 5px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(/sp/img/header_btn_menu.png) 0 0 no-repeat;
  background-size: 39px 78px;
  line-height: 0;
  -webkit-appearance: none;
  border: none;
}
#header .menuBtn2[aria-expanded="true"] {
  background-position: 0 100%;
}

.menu {
  position: absolute;
  width: 80%;
  overflow: hidden;
  top: 45px;
  right: 0px;
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
}

.menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  background: rgba(255, 255, 255, 0.9);
}

.menu li a {
  padding: 10px 30px;
  display: block;
  color: #000;
  font-size: 14px;
  text-decoration: none;
  border-bottom: 1px dotted #999;
}

.hd-01 {
  position: relative;
  width: 100%;
  margin: 0  auto;
  height: 41px;
}
.hd-01 > a {
  color: #333;
}

.hd-tit-01 {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  padding-top: 13.5px;
  padding-bottom: 13.5px;
  line-height: 1;
  color: #000;
  z-index: 1000;
}
.hd-tit-01 > a {
  color: #333;
}

.lang-01 {
  display: table-cell;
  float: right;
  color: #333;
  letter-spacing: -0.4em;
  margin-top: 9px;
  margin-right: 90px;
  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;
}

#footer-01 {
  margin-top: 30px;
}

.ft-01 {
  width: 100%;
  margin: 20px  auto 0;
  padding: 0 0 !important;
  background-color: #000;
}
.ft-01 > a {
  color: #333;
}
.ft-01 > .ft-01-ct {
  width: 100%;
  margin: 0  auto;
  padding-top: 24px;
  padding-bottom: 10px;
}
.ft-01 > .ft-01-ct > .changeview {
  display: table;
  border: 1px solid #fff;
  min-width: 125px;
  padding: 4px 13px;
  height: 25px;
  margin: 0 auto;
  font-size: 13px;
  color: #fff;
  font-weight: bold;
  border-radius: 15px;
}
.ft-01 > .ft-01-ct > .changeview:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
.ft-01 .ft-01-sponsor-01 {
  display: block;
  letter-spacing: -0.4em;
  text-align: center;
  line-height: 1;
}
.ft-01 .ft-01-sponsor-01 > dl {
  letter-spacing: -0.4em;
  display: block;
  font-size: 9px;
  vertical-align: top;
}
.ft-01 .ft-01-sponsor-01 > dl > dt {
  display: inline-block;
  letter-spacing: 0;
  margin-right: 10px;
  color: #fff;
  font-weight: bold;
  vertical-align: middle;
}
.ft-01 .ft-01-sponsor-01 > dl > dd {
  display: inline-block;
  letter-spacing: 0;
  margin-right: 16px;
  color: #fff;
  font-weight: bold;
  vertical-align: middle;
}
.ft-01 .ft-01-sponsor-01 > dl + dl {
  margin-top: 10px;
}
.ft-01 .ft-01-sponsor-01 > p {
  margin: 10px auto;
  text-align: center;
  letter-spacing: 0;
  /*
  display: block;
  width: 200px;
  height: 31px;
  line-height: 31px;
  letter-spacing: 0;
  margin:10px auto;
  */
}
.ft-01 .ft-01-sponsor-01 > p > a {
  font-size: 10px;
  color: #fff;
  font-weight: bold;
  /*
  display: block;
  height: 31px;
  line-height: 31px;
  @include border-radius(20px);
  background-color: #5f5f5f;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  */
}
.ft-01 .ft-01-sponsor-01 > p > a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
.ft-01 .ft-01-copyright {
  margin-top: 15px;
  display: block;
  font-size: 8px;
  text-align: center;
  color: #fff;
  font-weight: bold;
}

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

/*------------------footer------------------*/
.subfooter {
  background-color: #000;
  padding-bottom: 30px;
}

.partner {
  padding-top: 15px;
  clear: both;
  width: 89%;
  margin: 0 auto;
  color: #fff;
  overflow: hidden;
}

.partner dt {
  font-size: 16px;
  text-align: center;
  margin: 25px auto 10px auto;
}

.partner dd.special {
  width: 100%;
  background: #fff;
  text-align: center;
  padding: 20px 0;
  margin-bottom: 10px;
}

.partner dd.partnerLeft {
  float: left;
  width: 49%;
  margin: 0px 1% 2% 0;
  height: 100px;
  background: #fff;
  overflow: hidden;
  text-align: center;
  padding: 20px 0;
}

.partner dd.special img, .partner dd.partnerLeft img, .partner dd.partnerRight img {
  height: 99%;
}

.partner dd.partnerRight {
  float: right;
  width: 49%;
  height: 100px;
  background: #fff;
  margin: 0 0 2% 0;
  overflow: hidden;
  text-align: center;
  padding: 20px 0;
}

.toukaigi2015 {
  width: 70%;
  margin: 20px auto;
}

.toukaigi2015 p {
  font-size: 14px;
  color: #7c7c7c;
  text-align: center;
  margin-bottom: 5px;
}

.toukaigi2015 a {
  text-decoration: none;
}

.toukaigi2015 img {
  width: 100%;
}

footer {
  clear: both;
  color: #fff;
  width: 100%;
  font-size: 10px;
  background: #500000;
  padding: 20px 0;
  text-align: center;
}

address {
  font-style: normal;
}

.pagetop {
  background: url(../img/icon_arrow.png) 50% 50% no-repeat #500000;
  bottom: 45px;
  display: block;
  height: 50px;
  position: fixed;
  right: 33px;
  width: 48px;
  z-index: 130;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

.linkBanner {
  background: url(../images/top/bg_link_banner.png) repeat;
  margin: 30px auto 0;
  padding: 45px 0 5px 0;
  position: relative;
  width: 240px;
}

.linkBanner:after {
  display: block;
  content: "";
  clear: both;
}

.linkBanner img,
.linkBanner a {
  display: block;
}

.titleLinkBanner {
  width: 260px;
  position: absolute;
  margin: 0 0 0 -130px;
  left: 50%;
  top: -10px;
}

.titleLinkBanner img {
  width: 100%;
}

.linkBanner ul li {
  width: 210px;
  margin: 0 auto;
  padding: 0 0 10px 0;
}

.linkBanner ul li img {
  width: 210px;
  height: auto;
}

#footerSns {
  text-align: center;
  width: 90%;
  margin: 15px auto;
}

#footerSns ul {
  line-height: 100%;
  font-size: 0;
}

#footerSns ul li {
  display: inline-block;
  line-height: 100%;
  margin: 0 0 5px 5px;
}

#footerSns ul li a {
  display: block;
}

#footerContact {
  width: 100px;
  height: 25px;
  line-height: 25px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 12.5px;
  text-align: center;
  margin: 15px auto 0;
  color: #fff;
}
#footerContact a {
  display: inline-block;
  width: 100%;
  color: #fff;
  vertical-align: middle;
  font-weight: bold;
  font-size: 10px;
  letter-spacing: -0.03em;
}

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

.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;
}

.w100p {
  width: 100%;
}

.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-01 span {
  display: block;
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.3;
}

.label-01 span + span {
  margin-top: 4px;
}

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

.cap-01 {
  position: relative;
  text-align: center;
  margin: 5px auto 0;
}
.cap-01 > p {
  color: #9f0e1b;
}

.seemore {
  display: none;
}

.img-responsive, .list-15 > li a img, .list-16 > li a img, .kyosan-03 > dd > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.black {
  color: #000;
}

.arrow_box {
  position: relative;
  background: #fff;
  border: 1.5px solid #e60021;
  box-shadow: 0 0 3px rgba(4, 0, 0, 0.3);
  border-radius: 12px;
  margin: 0 10px 10px;
}
.arrow_box img {
  margin-top: -5px;
  position: absolute;
  width: 28px;
  height: auto;
}
.arrow_box h2 {
  font-size: 13px;
  font-weight: bold;
  padding: 5px 10px 5px 30px;
  line-height: 1.23;
}

.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: 6px;
  margin-left: -6px;
}

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

.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;
}

body {
  -webkit-text-size-adjust: 100%;
  background: url(../images/bg.jpg) 0 0;
}

.nico_video embed,
.nico_video > div {
  max-width: 100% !important;
}

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

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

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

.wrap-03 {
  width: 100%;
  background: url(../images/bg2.png) !important;
  padding: 0 0 10px;
}

.wrap-04 {
  margin: 20px 6px 0;
}
.wrap-04 + .wrap-04 {
  margin: 10px 6px 0;
}

.wrap-05 {
  margin-top: 15px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px;
  background-color: white;
  border-radius: 12px;
  box-shadow: 0 0 3px rgba(4, 0, 0, 0.3);
}

.wrap-06 {
  margin: 10px;
  background-color: #fff;
  box-shadow: 0 0 6px #999;
  padding: 15px;
}

.wrap-07 {
  background-color: #fff;
  box-shadow: 0 0 6px #999;
  padding: 15px;
}

.wrap-08 {
  margin: 10px;
}

.main-01 {
  margin-top: 15px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px;
  background-color: white;
  border-radius: 12px;
  box-shadow: 0 0 3px rgba(4, 0, 0, 0.3);
}

.main-02 {
  width: 100%;
  overflow: hidden;
}

.side-01 {
  float: right;
  width: 100%;
}

.gradeline {
  width: 100%;
  height: 107px;
  margin-bottom: -104px;
  background: url(../images/parts/grade-bg.png) 0 0 repeat-x;
}

#gaya {
  position: absolute;
  width: 100%;
  height: 0;
  z-index: 100;
}
#gaya > #gaya-temae {
  position: absolute;
  width: 100%;
  margin-top: 125px;
  height: 80px;
  background: url(../images/parts/gaya-temae.png) 50% 0 no-repeat;
  background-size: 1280px auto;
  z-index: 5;
  overflow: hidden;
}
#gaya > #gaya-naka {
  position: absolute;
  width: 100%;
  margin-top: 125px;
  height: 70px;
  background: url(../images/parts/gaya-naka.png) 30% 0 no-repeat;
  background-size: 1280px auto;
  overflow: hidden;
  z-index: 4;
}
#gaya > #gaya-oku {
  position: absolute;
  width: 100%;
  margin-top: 135px;
  height: 70px;
  background: url(../images/parts/gaya-oku.png) 15% 0 no-repeat;
  background-size: 1280px auto;
  overflow: hidden;
}

#gaya2 {
  position: absolute;
  width: 100%;
  height: 485px;
  margin-top: 170px;
  overflow: hidden;
  z-index: 100;
}
#gaya2 > #gaya-temae {
  position: absolute;
  width: 100%;
  margin-top: 50px;
  height: 500px;
  background: url(../images/parts/gaya-temae.png) 50% 0 no-repeat;
  z-index: 3;
}
#gaya2 > #gaya-oku {
  position: absolute;
  width: 100%;
  margin-top: 100px;
  height: 490px;
  background: url(../images/parts/gaya-oku.png) 50% 0 no-repeat;
}

/*
.fukidashi-00-ct:before{
}
*/
.fukidashi-00-ct:after {
  position: absolute;
  right: 0;
  width: 36px;
  height: 20px;
  display: block;
  content: " ";
  clear: both;
  background: url(../images/parts/cover_sankahyomei.png) 0 0 no-repeat;
  background-size: auto 20px;
  -webkit-background-size: auto 20px;
}

.fukidashi-00 {
  height: 20px;
  background-color: #373737;
}
.fukidashi-00 .fukidashi-00-ct {
  position: relative;
  vertical-align: middle;
}
.fukidashi-00 .fukidashi-00-ct dt {
  position: absolute;
  top: -12px;
  width: 85px;
  height: 53px;
  padding: 10px 14px;
  display: table-cell;
  content: " ";
  clear: both;
  text-align: center;
  vertical-align: middle;
  line-height: 1.1;
  font-size: 9px;
  background: url(../images/parts/tit_sankahyomei.png) 0 0 no-repeat;
  background-size: 85px auto;
  -webkit-background-size: 85px 53px;
  z-index: 100;
  font-weight: bold;
  color: #f20b26;
  -webkit-transform: rotate(-5deg);
}
.fukidashi-00 .fukidashi-00-ct dd {
  position: absolute;
  color: #fff !important;
  white-space: nowrap;
  line-height: 20px;
}

.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;
}
.item-01 li {
  letter-spacing: 0;
  display: block;
  box-sizing: border-box;
  border-top: 1px solid #d2d2d2;
  background-color: #fafafa;
  margin-left: -1px;
  vertical-align: top;
  min-height: 88px;
  padding: 10px;
}
.item-01 li:hover {
  background-color: #fcf0f0;
}
.item-01 li .cboxContent {
  display: none;
}
.item-01 li a.popup {
  letter-spacing: 0;
  color: #666;
  vertical-align: top;
}
.item-01 li a.popup .img {
  position: absolute;
  line-height: 1;
  margin: 0;
  padding: 0;
  width: 65px;
  margin-right: 9px;
}
.item-01 li a.popup .img img {
  width: 65px;
  height: 65px;
}
.item-01 li a.popup dl {
  padding-left: 74px;
  margin: 0 0 0 0;
  font-size: 14px;
  line-height: 1.42;
  box-sizing: border-box;
}
.item-01 li a.popup dl dt {
  margin: 0;
  padding: 0;
  color: #333;
  height: 46px;
}
.item-01 li a.popup dl dd {
  margin: 0 0 0 0;
  padding: 0;
  font-size: 15px;
  color: #666;
}
.item-01 li a.popup dl dd strong {
  position: relative;
  top: 2px;
  float: right;
}
.item-01 li a.popup dl dd span {
  margin-right: 2.5px;
}
.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: #666;
}
.item-01 li a.popup .desc em {
  color: #cc0000;
  font-style: normal;
}

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

.goodsicon-01 {
  display: inline-block;
  border-radius: 4px;
  background-color: #ff2626;
  color: #fff;
  font-size: 10px;
  padding: 1px 5px;
  vertical-align: middle;
}

.goodsicon-02 {
  display: inline-block;
  border-radius: 4px;
  background-color: #ff8636;
  color: #fff;
  font-size: 10px;
  padding: 1px 5px;
  vertical-align: middle;
}

.goodsicon-03 {
  display: inline-block;
  border-radius: 4px;
  background-color: #a5a5a5;
  color: #fff;
  font-size: 10px;
  padding: 1px 5px;
  vertical-align: middle;
}

.small-01 {
  display: block;
  margin-left: 50px;
}

.small-02 {
  display: block;
  margin-top: 8px;
}

.small-02 span {
  display: block;
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.3;
}

.small-02 span + span {
  margin-top: 4px;
}

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

.timetable-header .day1 {
  display: inline-block;
  font-size: 18px;
  background-color: #cbe8f9;
  margin: 0;
  padding: 6px 30px;
  border-radius: 4px;
  box-shadow: 0 0 6px #999;
}

.timetable-header .day2 {
  display: inline-block;
  font-size: 18px;
  background-color: #fed9d9;
  margin: 0;
  padding: 6px 30px;
  border-radius: 4px;
  box-shadow: 0 0 6px #999;
}

.kv-under-01 {
  height: 137px;
  background: url(../images/top/bg_kv_under.png) 0 0 repeat-x;
}

.booth-01 {
  padding: 0 10px 7px;
  border-radius: 12px;
  background: #fff;
  margin: 20px 10px 0 10px;
  box-shadow: 0 0 3px rgba(4, 0, 0, 0.3);
}
.booth-01 .booth-01-main {
  line-height: 0;
  margin: -13px -3px 16px;
}
.booth-01 .booth-01-main img {
  width: 100%;
  height: auto;
}
.booth-01 .booth-01-txt {
  margin-bottom: 20px;
  font-size: 13px;
  line-height: 1.3;
}
.booth-01 .entry-01 {
  padding: 0;
  box-shadow: none;
}
.booth-01 .entry-01 .tit-02 {
  background-color: transparent !important;
  color: #000;
  margin-left: 0;
  margin-right: 0;
  border-bottom: 1px solid #000;
  margin-bottom: 20px;
}

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

.entry-01 {
  padding: 0 10px 7px;
  border-radius: 12px;
  background: #fff;
  margin: 20px 10px 0 10px;
  box-shadow: 0 0 3px rgba(4, 0, 0, 0.3);
}
.entry-01 .tit-02 {
  position: relative;
  padding-right: 49px;
  line-height: 1.4;
  text-align: left;
}
.entry-01 .tit-02 .tweet-02 {
  display: block;
  position: absolute;
  right: 10px;
  top: 5px;
}
.entry-01 .entry-01-main {
  line-height: 0;
  margin: -13px -3px 16px;
}
.entry-01 .entry-01-main img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
.entry-01 table {
  font-size: 13px;
}
.entry-01 table:after {
  display: block;
  content: "";
  clear: both;
}
.entry-01 table th {
  white-space: nowrap;
  text-align: right;
  padding: 8px 0 10px 10px;
  border-bottom: 1px solid #dfdfdf;
}
.entry-01 table td {
  padding: 8px 0 10px 10px;
  border-bottom: 1px solid #dfdfdf;
}
.entry-01 table tr:last-child th, .entry-01 table tr:last-child td {
  border-bottom: none;
  padding-bottom: 0;
}
.entry-01 .entry-01-txt {
  margin-bottom: 20px;
  font-size: 13px;
  line-height: 1.3;
}
.entry-01 .entry-01-txt {
  margin-top: 30px;
  font-size: 13px;
  line-height: 1.6;
}
.entry-01 .entry-01-txt h2 {
  margin-bottom: 8px;
  font-size: 14px;
}
.entry-01 .entry-01-txt p + p {
  margin-top: 1.6em;
}
.entry-01 .entry-01-btn {
  display: block;
  text-align: center;
  width: 200px;
  height: 35px;
  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: 14px;
  margin: 0 auto;
  line-height: 35px;
  font-weight: bold;
  color: #fff;
  margin-top: 20px;
  margin-bottom: 20px;
}
.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: 200px;
  height: 35px;
  background-color: #e7e7e7;
  border-radius: 5px;
  font-size: 14px;
  margin: 0 auto;
  line-height: 50px;
  font-weight: bold;
  color: #bcbcbc;
  margin-top: 20px;
  margin-bottom: 20px;
}

.breadcrumbs-01 {
  width: 100%;
  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-wrap {
  position: relative;
  height: 40px;
  z-index: 11222;
}

.gnav-00 {
  position: fixed;
  width: 100%;
  top: 0;
  height: 67px;
  background: url(../images/gnav/bg-00.png) 0 0 no-repeat;
  -webkit-background-size: 100% 45px;
  z-index: 11110;
  line-height: 1;
}
.gnav-00 > .gnav-menu-icon {
  display: block;
  position: absolute;
  top: 6px;
  right: 6px;
  width: 30px;
  height: 32px;
  background: url(../images/gnav/menu.png) 0 0 no-repeat;
  background-size: 30px 32px;
  -webkit-background-size: 30px 32px;
  z-index: 120;
}
.gnav-00 > .gnav-ticket-icon {
  display: block;
  position: absolute;
  top: 0;
  right: 42px;
  width: 51px;
  height: 44px;
  background: url(../images/gnav/menu_ticket.png) 0 0 no-repeat;
  background-size: 51px 44px;
  -webkit-background-size: 51px 44px;
  z-index: 120;
}
.gnav-00 > .gnav-00-ct {
  *zoom: 1;
  position: relative;
}
.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 > .gnav-00-logo {
  position: absolute;
  top: 2px;
  left: 10px;
  z-index: 130;
}
.gnav-00 > .gnav-00-ct > .gnav-00-logo a img {
  width: 186px;
}
.gnav-00 > .gnav-menu {
  position: absolute;
  bottom: 10px;
  left: 50%;
  margin-left: -12.5px;
  margin-top: -40px;
  z-index: 112;
}
.gnav-00 > .gnav-menu > img {
  width: 25px;
  height: 11px;
}
.gnav-00 > .gnav-menu > a > img {
  width: 25px;
  height: 11px;
}

.gnav-01 {
  position: fixed;
  width: 100%;
  height: 40px;
  top: 0;
  background: url(../images/gnav/bg.png) 0 0 no-repeat;
  -webkit-background-size: 100% 40px;
  z-index: 110;
  line-height: 1;
}
.gnav-01 > .gnav-menu-icon {
  display: block;
  position: absolute;
  top: 6px;
  right: 6px;
  width: 30px;
  height: 30px;
  background: url(../images/gnav/menu.png) 0 0 no-repeat;
  background-size: 30px 30px;
  -webkit-background-size: 30px 30px;
  z-index: 120;
}
.gnav-01 > .gnav-01-ct {
  *zoom: 1;
}
.gnav-01 > .gnav-01-ct:before, .gnav-01 > .gnav-01-ct:after {
  content: "";
  display: table;
}
.gnav-01 > .gnav-01-ct:after {
  clear: both;
}
.gnav-01 > .gnav-01-ct > .gnav-01-logo {
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -49px;
}
.gnav-01 > .gnav-01-ct > .gnav-01-logo a img {
  width: 99px;
}
.gnav-01 > .gnav-menu {
  position: absolute;
  bottom: 10px;
  left: 50%;
  margin-left: -12.5px;
  margin-top: -40px;
  z-index: 11112;
}
.gnav-01 > .gnav-menu > img {
  width: 25px;
  height: 11px;
}
.gnav-01 > .gnav-menu > a > img {
  width: 25px;
  height: 11px;
}

.gnav-menu-00 {
  display: none;
  *zoom: 1;
  position: fixed;
  top: 44px;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  z-index: 11111;
  background: url(../images/gnav/bg-ct.png) 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  margin: 0;
  letter-spacing: -0.4em;
  line-height: 1;
  border-top: 1px solid #fff;
}
.gnav-menu-00:before, .gnav-menu-00:after {
  content: "";
  display: table;
}
.gnav-menu-00:after {
  clear: both;
}
.gnav-menu-00 > .gnav-top {
  letter-spacing: 0;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  text-align: center;
  line-height: 30px;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
}
.gnav-menu-00 > .gnav-top a {
  color: #fff;
}
.gnav-menu-00 > .gnav-top img {
  vertical-align: middle;
  display: inline-block;
  margin: 5px 10px;
  width: 32px;
  height: auto;
}
.gnav-menu-00 > ul {
  position: relative;
  line-height: 0;
  letter-spacing: -0.4em;
  text-align: center;
}
.gnav-menu-00 > ul > li {
  display: inline-block;
  width: 33%;
  height: 104px;
  letter-spacing: 0;
  line-height: 1;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.gnav-menu-00 > ul > li:nth-child(3n) {
  border-right: 0 solid #fff;
}
.gnav-menu-00 > ul > li:first-child img {
  width: 70px;
  margin-bottom: 22px;
}
.gnav-menu-00 > ul > li:first-child + li img {
  width: 56px;
  margin-bottom: 18px;
}
.gnav-menu-00 > ul > li:first-child + li + li img {
  width: 32px;
  margin-bottom: 8px;
}
.gnav-menu-00 > ul > li:first-child + li + li + li img {
  width: 46px;
  margin-bottom: 8px;
}
.gnav-menu-00 > ul > li:first-child + li + li + li + li > p {
  font-size: 13px;
}
.gnav-menu-00 > ul > li:first-child + li + li + li + li img {
  width: 48px;
  margin-bottom: 8px;
}
.gnav-menu-00 > ul > li:first-child + li + li + li + li + li img {
  width: 58px;
  margin-bottom: 8px;
}
.gnav-menu-00 > ul > li:first-child + li + li + li + li + li + li img {
  width: 53px;
  margin-bottom: 8px;
}
.gnav-menu-00 > ul > li:first-child + li + li + li + li + li + li + li > p {
  font-size: 13px;
}
.gnav-menu-00 > ul > li:first-child + li + li + li + li + li + li + li img {
  width: 48px;
  margin-bottom: 8px;
}
.gnav-menu-00 > ul > li:first-child + li + li + li + li + li + li + li + li > p {
  font-size: 13px;
}
.gnav-menu-00 > ul > li:first-child + li + li + li + li + li + li + li + li img {
  width: 54px;
  margin-bottom: 10px;
}
.gnav-menu-00 > ul > li > p {
  position: relative;
  display: table;
  width: 100%;
  height: 106px;
  font-size: 15px;
}
.gnav-menu-00 > ul > li > p > 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-menu-00 > ul > li > p > span img {
  -webkit-filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  -webkit-filter: gray;
          filter: gray;
}
.gnav-menu-00 > ul > li > p > span > span {
  color: #888 !important;
}
.gnav-menu-00 > ul > li > p > a,
.gnav-menu-00 > ul > li > p > span {
  display: table-cell;
  position: relative;
  width: 100%;
  height: 106px;
  vertical-align: middle;
  text-align: center;
}
.gnav-menu-00 > ul > li > p > a > img,
.gnav-menu-00 > ul > li > p > span > img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: auto;
}
.gnav-menu-00 > ul > li > p > a:hover,
.gnav-menu-00 > ul > li > p > span:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
.gnav-menu-00 > ul > li > p > a span,
.gnav-menu-00 > ul > li > p > span span {
  color: #fff;
  font-weight: bold;
}
.gnav-menu-00 > .gnav-bnr {
  display: block;
  margin: 10px 18px;
}
.gnav-menu-00 > .gnav-bnr > a {
  display: block;
  vertical-align: top;
}
.gnav-menu-00 > .gnav-bnr > a > img {
  margin: 0 auto;
}
.gnav-menu-00 > .gnav-menu-up {
  position: absolute;
  top: 420px;
  left: 50%;
  margin-left: -45px;
  margin-top: -40px;
  z-index: 112;
}
.gnav-menu-00 > .gnav-menu-up > a > img {
  width: 91px;
  height: auto;
}

.gnav-menu-choparty {
  position: absolute;
  display: block;
  top: 4px;
  left: 6px;
  width: 30px;
  height: 30px;
  background: url(../images/gnav/choparty.png) 0 0 no-repeat;
  background-size: 30px 30px;
  -webkit-background-size: 30px 30px;
  text-indent: -9999px;
}
.gnav-menu-choparty:hover {
  opacity: 0.8;
}

.lnav-01 {
  border-bottom: 1px solid #747474;
  padding-bottom: 4px;
  letter-spacing: -0.4em;
  text-align: center;
}
.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: 12px;
  line-height: 1;
}

.lnav-01 + .tit-06 {
  border-top: none;
}

.pnav-01-l {
  float: left;
  color: #000;
}

.pnav-01-r {
  float: right;
  color: #000;
}

.update-00 {
  margin-bottom: 10px;
  border-bottom: 1px solid #bebebe;
  background-color: #fff;
}
.update-00 > li {
  margin: 0 5px;
  padding: 0 5px;
  border-top: 1px solid #bebebe;
}
.update-00 > li:first-child {
  border-top: none;
}
.update-00 > li > a {
  display: block;
  min-height: 50px;
  color: #666;
  padding: 6px 15px 6px 0;
  background: url(../images/icon/cheveron-right.png) 100% 47% no-repeat;
  background-size: 8px 12px;
}
.update-00 > li > a:hover {
  opacity: 0.8;
}
.update-00 > li > p {
  display: block;
  min-height: 50px;
  color: #666;
  padding: 6px 15px 6px 0;
}

.update-01 {
  margin: 10px;
  padding: 8px 6px 10px;
  min-height: 80px;
  background-color: #f0f0f0;
}
.update-01 > .img {
  position: absolute;
}
.update-01 > .img > img {
  width: 64px;
  height: auto;
}
.update-01 > .update-01-tit {
  color: #d20000;
  font-size: 13px;
  padding-left: 72px;
  line-height: 1.2;
  margin-top: 4px;
  margin-bottom: 4px;
}
.update-01 > .update-01-txt {
  color: #333333;
  font-size: 12px;
  padding-left: 12px;
  padding-left: 72px;
  line-height: 1.2;
}

.update-02 {
  *zoom: 1;
  background-color: #fff;
}
.update-02:before, .update-02:after {
  content: "";
  display: table;
}
.update-02:after {
  clear: both;
}
.update-02 .update-02-txt li {
  margin: 0 5px;
  padding: 12px 5px;
  border-bottom: 1px solid #bebebe;
}
.update-02 .update-02-txt li > 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: 2px solid #e6e6e6;
}

.img-02 {
  border: 2px solid #e6e6e6;
}

.img-03 {
  border: 2px solid #e6e6e6;
}

.img-04 {
  margin: -1px;
  border: 1px solid #ff0000;
}

.img-04 {
  margin: -1px;
  border: 1px solid #595959;
}

.img-05 {
  margin: -1px;
  border: 1px solid #008444;
}

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

.imgdesc-r-02 {
  *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: 230px;
  text-align: right;
}
.imgdesc-r-02 > .desc {
  float: left;
  width: 467px;
}

.imgdesc-r-03 {
  *zoom: 1;
}
.imgdesc-r-03:before, .imgdesc-r-03:after {
  content: "";
  display: table;
}
.imgdesc-r-03:after {
  clear: both;
}
.imgdesc-r-03 > .img {
  float: right;
  margin-right: 10px;
  width: 400px;
}
.imgdesc-r-03 > .desc {
  float: left;
  margin-left: 10px;
  width: 570px;
}

.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: 10px;
  width: 500px;
}
.imgdesc-r-04 > .desc {
  float: left;
  margin-left: 10px;
  width: 469px;
}

.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-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;
}
.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;
}

.imgdesc-b-03 {
  padding: 14px 10px 28px;
}
.imgdesc-b-03 > .img {
  margin-top: 12px;
}
.imgdesc-b-03 > .desc {
  font-size: 13px;
}

.imgdesc-t-01 {
  padding: 12px 10px 0;
  margin-bottom: 12px;
}
.imgdesc-t-01 > .img > img {
  @extends .img-responsive;
  margin-bottom: 8px;
  min-width: 100%;
}
.imgdesc-t-01 > .desc {
  font-size: 13px;
}

.imgdesc-t-02 {
  padding: 14px 10px 0;
  margin-bottom: 14px;
}
.imgdesc-t-02 > .img > img {
  @extends .img-responsive;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 12px;
}
.imgdesc-t-02 > .desc {
  font-size: 13px;
}

.tit-01 {
  margin: 25px 10px 12px;
  font-size: 16px;
  line-height: 1.2;
  color: #000;
  vertical-align: middle;
  padding-bottom: 10px;
  border-bottom: 1px solid #000;
  background: url(../images/parts/bg-tit-01.png) 0 99% no-repeat;
  background-size: 5px auto;
}
.tit-01 > .tit-01-icon-01 {
  position: relative;
  vertical-align: middle;
  margin-right: 5px;
  top: -1px;
}
.tit-01 > small {
  position: relative;
  top: -3px;
  padding-left: 10px;
  font-weight: normal;
  font-size: 11px;
  letter-spacing: -0.1em;
  color: #9f0e1b;
}
.tit-01 > small .standout {
  color: #e60021;
}
.tit-01 .note-2line,
.tit-01 .note-3line {
  display: block;
  padding-top: 10px;
  padding-left: 0;
  line-height: 1.3;
}

.tit-02 {
  font-weight: bold;
  margin: -10px -10px 20px;
  font-size: 14px;
  line-height: 1.2;
  color: #fff;
  border-radius: 6px 6px 0 0;
  padding: 10px 15px 9px;
  text-align: center;
  background: #000 !important;
}
.tit-02.collapse {
  margin-bottom: 0;
  position: relative;
  line-height: 1;
  border-bottom: 1px solid #bebebe;
  padding: 0;
}
.tit-02.collapse a {
  display: block;
  color: inherit;
  padding: 17px;
  background: url(../images/icon/cheveron-down.png) 95% 50% no-repeat;
  background-size: 12px 8px;
}
.tit-02.collapse a.on {
  background: url(../images/icon/cheveron-up.png) 95% 50% no-repeat;
  background-size: 12px 8px;
}

.tit-02-img {
  position: relative;
  font-size: 20px;
  line-height: 1.2;
  color: #fff;
  background: #000 !important;
  border-radius: 6px 6px 0 0;
  padding: 4px 15px 3px;
  margin: -10px -10px 20px;
}
.tit-02-img .illust {
  position: absolute;
  bottom: 0;
  right: 8px;
}

.tit-03 {
  position: relative;
  padding: 7px 50px 7px 10px;
  background-color: #e5e5e5;
  font-size: 15px;
}
.tit-03.tit-03-black {
  color: #fff;
  background-color: #747474;
}
.tit-03.tit-03-black {
  color: #fff;
  background-color: #747474;
}
.tit-03.tit-03-rounded {
  border-radius: 6px;
}
.tit-03.tit-03-2line {
  display: table-cell;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  height: 66px;
  line-height: 1.2;
  border-radius: 6px;
  letter-spacing: -0.05em;
  padding: 7px 40px 7px 10px;
  box-sizing: border-box;
  font-size: 13px;
}
.tit-03.tit-03-2line + .img {
  margin: 15px 15px 35px 15px;
  box-shadow: 0 0 6px #999;
  border: 3px solid #e6e6e6;
}
.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: 7px;
  width: 66px;
  margin-top: -13px;
}
.tit-03 > ul > li {
  display: inline-block;
  width: 26px;
  letter-spacing: 0;
  margin-left: 7px;
}
.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: 20px;
  margin-bottom: 10px;
}
.tit-04 > img {
  position: relative;
  vertical-align: middle;
  margin-left: -19px;
  top: 0;
}
.tit-04 > span {
  background-color: #2e2e2e;
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
  line-height: 1.2;
  color: #fff;
  font-weight: normal;
  margin-left: -19px;
  padding: 3px 10px 4px 23px;
}

.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-06 {
  position: relative;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
  line-height: 1.2;
  padding: 8px;
  color: #000;
  border-top: 1px solid #dedede;
  border-bottom: 2px solid #daa520;
  background-color: #fff;
  margin-top: 25px;
}
.tit-06 b, .tit-06::first-letter {
  color: #000;
}
.tit-06 > .btn {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -11px;
}
.tit-06 > .btn:hover {
  opacity: 0.8;
}

.tit-07 {
  font-weight: bold;
  margin-top: 17px;
  margin-left: auto;
  margin-right: auto;
  font-size: 19px;
  padding-left: 14px;
  padding-bottom: 4px;
  line-height: 1.2;
  color: #000;
  border-bottom: 2px solid #ff0606;
  max-width: 100%;
}
.tit-07 b, .tit-07::first-letter {
  color: #000;
}
.tit-07.collapse {
  margin-bottom: 0;
  position: relative;
  line-height: 1;
  border-bottom: 1px solid #bebebe;
  padding: 0;
}
.tit-07.collapse a {
  display: block;
  color: inherit;
  padding: 17px;
  background: url(../images/icon/cheveron-down.png) 95% 50% no-repeat;
  background-size: 12px 8px;
}
.tit-07.collapse a.on {
  background: url(../images/icon/cheveron-up.png) 95% 50% no-repeat;
  background-size: 12px 8px;
}

.tit-map {
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 10px;
  margin-right: auto;
  font-size: 14px;
  line-height: 1.2;
  color: #000;
  margin-left: 10px;
  max-width: 100%;
}
.tit-map::first-letter {
  color: #fff;
  display: inline-block;
  background-color: #000;
  border-radius: 50% 50%;
  width: 42px;
  height: 42px;
  padding: 9px;
  margin-right: 2px;
  box-sizing: border-box;
  line-height: 1;
}
.tit-map.collapse {
  margin-bottom: 0;
  position: relative;
  line-height: 1;
  border-bottom: 1px solid #bebebe;
  padding: 0;
}
.tit-map.collapse a {
  display: block;
  color: inherit;
  padding: 17px;
  background: url(../images/icon/cheveron-down.png) 95% 50% no-repeat;
  background-size: 12px 8px;
}
.tit-map.collapse a.on {
  background: url(../images/icon/cheveron-up.png) 95% 50% no-repeat;
  background-size: 12px 8px;
}

/* 
## 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: 6px;
  margin-left: 70px;
  margin-right: -3px;
  width: 400px;
  letter-spacing: -0.4em;
  height: 41px;
  line-height: 1.5;
}
.tab-01 > li {
  display: inline-block;
  vertical-align: bottom;
  letter-spacing: 0;
  padding-left: 3px;
  padding-right: 3px;
  height: 35px;
}
.tab-01 > li > a {
  display: inline-block;
  border-radius: 6px 6px 0 0;
  background-color: #eaeaea;
  color: #000;
  padding: 5px 20px 4px;
  vertical-align: bottom;
  position: relative;
  margin-top: 5px;
  font-weight: bold;
  position: relative;
}
.tab-01 > li > a.active {
  margin-top: 0;
  padding: 10px 20px;
  background-color: #f3131e;
  color: #fff;
}

/* 
## 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;
  letter-spacing: -0.4em;
  height: 32px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 8px;
  padding-right: 8px;
  border-bottom: 1px solid #9e9e9e;
  line-height: 1;
  margin-bottom: 15px;
}
.tab-02 > li {
  display: inline-block;
  vertical-align: bottom;
  letter-spacing: 0;
  padding-left: 2px;
  padding-right: 2px;
  width: 50%;
}
.tab-02 > li > a {
  position: relative;
  top: 0;
  display: block;
  border-radius: 6px 6px 0 0;
  background-color: rgba(0, 0, 0, 0.1);
  color: #000;
  padding: 6px 0 4px;
  vertical-align: bottom;
  font-size: 11px;
  height: 27px;
  line-height: 1.3;
  text-align: center;
  border: 1px solid #999;
}
.tab-02 > li > a.active {
  position: relative;
  top: 0;
  padding: 8px 0 6px;
  background: url(../../common/images/bg.png);
  color: #000;
  font-size: 13px;
  border: 1px solid #9e9e9e;
  border-bottom: none;
  height: 32px;
  font-weight: bold;
  letter-spacing: -0.05em;
}
.tab-02 > li > a.active.fs12 {
  font-size: 12px;
}
.tab-02 > li > a.font-s > a {
  font-size: 11px;
  line-height: 1.1;
}
.tab-02 > li > a.font-s > a.active {
  font-size: 13px;
}
.tab-02.tab3 > li {
  width: 33%;
}
.tab-02.tab4 > li {
  width: 25%;
}
.tab-02.tab5 > li {
  width: 20%;
}

.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-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-l-g1 {
  margin-left: -7.5px;
  margin-right: -7.5px;
  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: 7.5px;
  padding-right: 7.5px;
}

.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 > .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 > li {
  margin-bottom: 10px;
}
.bnr-01 > li a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.bnr_kv {
  position: absolute;
  z-index: 100;
  right: 5px;
  margin-top: -90px;
}

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

.table-02 {
  margin: 15px 12px;
  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;
  height: 51px;
}
.table-02 th > a,
.table-02 td > a {
  display: block;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  line-height: 50px;
  text-align: left;
  color: #2c2c2c;
}
.table-02 th > a > img,
.table-02 td > a > img {
  position: absolute;
  display: block;
  vertical-align: middle;
}
.table-02 th > a div,
.table-02 td > a div {
  position: relative;
  top: -2px;
  display: inline-block;
  line-height: 1.2;
  padding-left: 65px;
  padding-right: 10px;
  vertical-align: middle;
}
.table-02 th > a:hover,
.table-02 td > a:hover {
  background-color: #fbf8e8;
}

.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: 20px;
}
.table-05 thead th, .table-05 thead td {
  background-color: #dcdcdc;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: left;
  vertical-align: top;
  font-size: 10px;
  color: #333;
  padding: 2px 10px 0;
}
.table-05 thead th > span, .table-05 thead td > span {
  font-size: 8px;
}
.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: 11px;
  padding: 12px;
}
.table-05 tbody th a, .table-05 tbody td a {
  font-weight: bold;
}
.table-05 tbody th {
  text-align: center;
  vertical-align: middle;
  color: #fff;
  background-color: #959595;
}

.table-06 {
  margin-top: 20px;
  width: 100%;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.table-06 thead th, .table-06 thead td {
  background-color: #fafafa;
  position: relative;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  vertical-align: middle;
  font-size: 9.5px;
  padding: 10px 5px;
}
.table-06 tbody th, .table-06 tbody td {
  position: relative;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  vertical-align: middle;
  text-align: left;
  font-size: 9.5px;
  padding: 5px;
  background-color: #fff;
}

.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: 13px;
}
.dl-01 > dd {
  margin-top: 6px;
  font-size: 12px;
}
.dl-01.bordered {
  padding-top: 10px;
  border-top: 1px solid #dedede;
}

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

/* 
## dl-03
更新情報
```
<dl class="dl-03">
<dt>募集企画の概要</dt>
<dd>君の手でリアルにマインクラフトの世界を完全再現しよう君の手でリアルマ　 インクラフトの世界を完全再現しよう！君の手でリアルにマインクラフトの世界を完全再現しよう君の手でリアルマ　 インクラフトの世界を完全再現しよう！君の手でリアルにマインクラフトの世界を完全再現しよう君の手でリアルマ　 インクラフトの世界を完全再現しよう！
</dd>
<!-- / .dl-03 --></dl>
```
*/
.dl-03 {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  border-bottom: 1px solid #bebebe;
  padding-bottom: 13px;
  background: #fff url(../images/icon/cheveron-right.png) 98% 49% no-repeat;
  background-size: 8px 12px;
}
.dl-03:hover {
  opacity: 0.8;
}
.dl-03 > dt {
  font-weight: bold;
  font-size: 11px;
  color: #666;
  font-weight: normal;
}
.dl-03 > dd {
  margin-top: 2px;
  font-size: 13px;
  line-height: 1.4;
  color: #333;
  padding-right: 5%;
}

.main-01 .dl-03:first-child {
  margin-top: 5px;
  border-top: 1px solid #bebebe;
}

/* 
## dl-04
お約束
```
<dl class="dl-04">
<dt>募集企画の概要</dt>
<dd>君の手でリアルにマインクラフトの世界を完全再現しよう君の手でリアルマ　 インクラフトの世界を完全再現しよう！君の手でリアルにマインクラフトの世界を完全再現しよう君の手でリアルマ　 インクラフトの世界を完全再現しよう！君の手でリアルにマインクラフトの世界を完全再現しよう君の手でリアルマ　 インクラフトの世界を完全再現しよう！
</dd>
<!-- / .dl-03 --></dl>
```
*/
.dl-04 {
  margin: 10px 5px;
}
.dl-04 > dt {
  font-weight: bold;
  font-size: 14px;
  padding: 0 5px;
  margin-bottom: 10px;
}
.dl-04 > dd {
  font-size: 13px;
  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-05
```
<dl class="dl-05">
<dt>募集企画の概要</dt>
<dd>君の手でリアルにマインクラフトの世界を完全再現しよう君の手でリアルマ　 インクラフトの世界を完全再現しよう！君の手でリアルにマインクラフトの世界を完全再現しよう君の手でリアルマ　 インクラフトの世界を完全再現しよう！君の手でリアルにマインクラフトの世界を完全再現しよう君の手でリアルマ　 インクラフトの世界を完全再現しよう！
</dd>
<!-- / .dl-03 --></dl>
```
*/
.dl-05 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  letter-spacing: -0.4em;
  margin-bottom: -1px;
}
.dl-05 + .dl-05 {
  margin-top: 30px;
}
.dl-05 > dt {
  vertical-align: top;
  letter-spacing: 0;
  color: #fff;
  background-color: #fe4444;
  font-size: 20px;
  line-height: 27px;
  width: 27px;
  height: 27px;
  text-align: center;
  font-weight: bold;
  border-radius: 50% 50%;
  margin: 16px 16px 16px 6px;
}
.dl-05 > dd {
  width: 100%;
  vertical-align: top;
  letter-spacing: 0;
  height: auto;
}
.dl-05 > dd > ul {
  display: block;
  vertical-align: top;
  letter-spacing: -0.4em;
  padding-left: 6px;
  padding-right: 6px;
}
.dl-05 > dd > ul > li {
  position: relative;
  width: 49.7%;
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  padding: 2px;
  box-sizing: border-box;
}
.dl-05 > dd > ul > li > i {
  position: absolute;
  width: 26px;
  height: 26px;
  background: url(/2016/sp/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 {
  text-align: left;
  position: relative;
  border: 1px solid #e6e6e6;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  font-size: 13px;
  padding: 0 4px 0 8px;
  height: 58px;
  line-height: 54px;
  box-sizing: border-box;
  letter-spacing: -0.4em;
  background-color: #fff;
  overflow: hidden;
}
.dl-05 > dd > ul > li > a img {
  position: absolute;
  width: 41px;
  height: 41px;
  border-radius: 50% 50%;
  vertical-align: middle;
  letter-spacing: 0;
  top: 50%;
  margin-top: -20px;
}
.dl-05 > dd > ul > li > a > div {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 1.1;
  letter-spacing: 0;
  color: #333;
  padding-left: 50px;
  box-sizing: border-box;
  width: 100%;
  white-space: normal;
  word-break: break-all;
}
.dl-05 > dd > ul > li > a:hover {
  border-color: #fe4444;
}

.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 {
  font-size: 15px;
  display: table;
  margin-left: auto;
  margin-right: auto;
  border-radius: 6px;
  box-shadow: #1f1f1f 1px 1px 0px;
  *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;
  padding: 4px 10px;
  text-align: center;
  width: 125px;
  position: relative;
  behavior: url(/2016/common/js/PIE.htc);
}
.btn-01:hover {
  background-color: #4f4f4f;
  color: #fff;
}

.btn-02 {
  width: 100%;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  border-top: 1px solid #e5e5e5;
  text-align: center;
}
.btn-02 > a {
  display: inline-block;
  width: 224px;
  height: 30px;
  font-size: 14px;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  padding: 2px 6px 8px;
  border-radius: 0 0 10px 10px;
  *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;
}
.btn-02 > a > img {
  position: relative;
  top: -1px;
  vertical-align: middle;
  margin-right: 8px;
}
.btn-02 > a:hover {
  background-color: #4f4f4f;
}

.btn-03 {
  font-size: 14px;
  display: block;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 6px;
  color: #fff;
  padding: 12px;
  font-weight: bold;
  letter-spacing: -0.1em;
}
.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/sp/common/images/icon/blank.png" alt="別ウインドウ" class="icon"></a>
```
*/
.btn-04 {
  font-size: 12px;
  display: table;
  margin-left: auto;
  margin-right: 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;
  padding: 5px 10px;
  box-shadow: 0 0 5px rgba(4, 0, 0, 0.35);
  text-align: center;
  font-weight: bold;
  color: #fff;
}
.btn-04:hover {
  color: #fff;
}
.btn-04 > .icon {
  position: relative;
  top: 1px;
  margin-left: 6px;
  width: 14px;
}

.btn-05 {
  position: relative;
  display: inline-block;
  border-radius: 6px;
  background-color: #fff;
  width: 230px;
  height: 190px;
  padding: 20px 10px 40px;
  border: 3px solid #e5e5e5;
  text-align: center;
  color: #333;
  text-align: center;
  line-height: 1.3;
  vertical-align: top;
}
.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;
  width: 230px;
  left: 0;
  bottom: 10px;
  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;
  background-color: #e14a83;
  border-radius: 20px;
  padding: 8px 15px;
  min-width: 100px;
  text-align: center;
  color: #fff;
  font-weight: bold;
}
.btn-05 > .btn-05-comment:before {
  position: absolute;
  display: block;
  margin-left: 10px;
  margin-top: 22px;
  content: url(/2016/sp/common/images/parts/btn-05-arw.png);
  width: 11px;
  height: 9px;
}

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

.btn-08 {
  position: relative;
  display: inline-block;
  width: 100%;
  color: #333;
  padding-right: 10px;
  padding-left: 10px;
  border: 1px solid #fff;
  letter-spacing: -0.4em;
  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);
  *zoom: 1;
}
.btn-08:before, .btn-08:after {
  content: "";
  display: table;
}
.btn-08:after {
  clear: both;
}
.btn-08 > img {
  display: inline-block;
  margin: 8px 0 8px 0;
  border: none;
  box-shadow: none;
  vertical-align: middle;
  width: 50%;
}
.btn-08 > .desc {
  letter-spacing: 0;
  display: inline-block;
  vertical-align: middle;
  margin: 8px 0 8px 0;
  width: 50%;
  padding-right: 1em;
}
.btn-08 > .desc > .category {
  letter-spacing: 0;
}
.btn-08 > .desc > .category dt {
  display: inline-block;
  z-index: 2;
  color: #fff;
  font-size: 9px;
  font-weight: bold;
  background-color: #bbb;
  height: 15px;
  line-height: 15px;
  padding: 0 5px 1px;
  margin-bottom: 10px;
}
.btn-08 > .desc > .category dd {
  display: none;
}
.btn-08 > .desc > .txt {
  letter-spacing: 0;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: middle;
  white-space: normal;
}
.btn-08 > .desc > .txt > dt {
  color: #000;
  font-weight: bold;
  line-height: 1.375;
  font-size: 12px;
}
.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 > img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
a.btn-08:hover > .txt {
  background-color: #fbf8e8;
  color: #333;
}

.btn-09 {
  display: block;
  position: relative;
  color: #000;
  *zoom: 1;
  background-size: 8px 12px;
}
.btn-09:before, .btn-09:after {
  content: "";
  display: table;
}
.btn-09:after {
  clear: both;
}
.btn-09 > .category {
  padding-top: 0;
  padding-left: 85px;
  height: 21px;
  line-height: 1;
}
.btn-09 > .category dt {
  padding: 1px  8px 0;
  font-size: 10px;
  line-height: 1;
  display: inline-block;
  background-color: #666;
  color: #fff;
  line-height: 1.3;
  z-index: 2;
  vertical-align: top;
  margin-right: 6px;
  border-radius: 10px;
  position: relative;
  behavior: url(/2016/common/js/PIE.htc);
}
.btn-09 > .category dd {
  padding-top: 2px;
  font-size: 10px;
  color: #666;
  display: inline-block;
  vertical-align: top;
}
.btn-09 > img {
  float: left;
  display: block;
  margin-bottom: 6px;
  z-index: 10;
  width: 80px;
  height: auto;
}
.btn-09 > .txt {
  padding-left: 85px;
  position: relative;
  z-index: 11;
}
.btn-09 > .txt > dt {
  position: relative;
  font-size: 12px;
  padding: 4px;
  color: #000;
  line-height: 1.4;
  font-weight: bold;
}
.btn-09 > .txt > dt.label-02 {
  color: #7f7f7f;
}
.btn-09 > .txt dd {
  padding: 4px;
  font-size: 9px;
  color: #333;
}

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;
}

.btn-10 {
  font-size: 15px;
  display: inline-block;
  border-radius: 6px;
  box-shadow: #1f1f1f 1px 1px 0px;
  background-color: #3f3f3f;
  color: #fff;
  padding: 0 15px;
  position: relative;
  behavior: url(/2016/common/js/PIE.htc);
}
.btn-10:hover {
  background-color: #4f4f4f;
  color: #fff;
}

.btn-11 {
  display: block;
  padding: 13px;
  font-size: 18px;
  line-height: 1;
  text-align: center;
  background-color: #f2f2f2;
}
.btn-11:hover {
  opacity: 0.8;
}

.btn-12 {
  font-size: 20px;
  display: table;
  margin-left: auto;
  margin-right: 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;
  padding: 5px 10px;
  box-shadow: 0 0 5px rgba(4, 0, 0, 0.35);
  color: #fff;
}
.btn-12:hover {
  color: #fff;
}

.btn-ticket-ippan {
  display: block;
  width: auto;
  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;
  width: auto;
  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_tokaigi_gp {
  display: block;
  text-align: center;
  margin: -5px 8px 0;
}
.btn_tokaigi_gp img {
  max-width: 100%;
  height: auto;
}

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

.mov-02 > dt {
  padding: 7px 14px;
  border-radius: 6px;
  background-color: #e5e5e5;
  font-size: 11px;
  font-weight: bold;
}
.mov-02 > dt > b {
  font-size: 10px;
  color: #d20000;
}
.mov-02 > dd {
  padding: 4px;
  vertical-align: top;
}
.mov-02 > dd iframe {
  display: block;
  margin-bottom: 10px;
  border: solid 1px #CCC;
  margin-top: 4px;
}
.mov-02 > dd .tit-04 {
  vertical-align: top;
}
.mov-02 > dd .list-06 {
  padding-top: 3px;
  vertical-align: top;
}

.media-01 {
  display: block;
  border: 1px solid #ccc;
  margin: 0 auto 10px;
}

.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: 7px;
}
.list-02:before, .list-02:after {
  content: "";
  display: table;
}
.list-02:after {
  clear: both;
}
.list-02 > li {
  float: right;
  margin-left: 10px;
}

.list-03 li {
  text-indent: -1em;
  padding-left: 1em;
}

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

.list-05 {
  margin-top: -20px;
  *zoom: 1;
  background-color: #fff;
}
.list-05:before, .list-05:after {
  content: "";
  display: table;
}
.list-05:after {
  clear: both;
}
.list-05 > li {
  border-top: 1px solid #e0e0e0;
  margin: 0 -10px;
  padding: 12px 10px 6px;
}
.list-05 > li iframe {
  min-width: 100%;
}
.list-05 > li:first-child {
  border-top: 0 solid #e0e0e0;
}
.list-05 > li > .relative {
  vertical-align: top;
  background-color: #fafafa;
  border: 1px solid #ccc;
  line-height: 1;
  min-height: 30px;
  padding: 4px 0 4px 0;
  margin-bottom: 6px;
}
.list-05 > li > .relative > .tit-04 {
  position: absolute;
  padding: 2px 0;
  display: inline-block;
  margin: 0 5px;
}
.list-05 > li > .relative > ul {
  position: relative;
  top: 4px;
  display: block;
  margin: 0;
  padding-left: 84px;
  width: auto;
}
.list-05 > li > .relative > ul > li {
  padding-bottom: 4px;
}
.list-05 > li > .relative > ul > li > a {
  color: #f11c43;
  font-size: 10px;
}
.list-05 > li > a {
  display: block;
  min-height: 50px;
  padding: 0 0 6px 0;
  background-size: 8px 12px;
}
.list-05 > li > a:hover {
  opacity: 0.8;
}
.list-05 > li > a > img {
  position: absolute;
  width: 80px;
  height: auto;
  margin-top: 5px;
}
.list-05 > li > a > dl {
  position: relative;
  padding-left: 100px;
  min-height: 60px;
  color: #000;
}
.list-05 > li > a > dl > dt {
  font-size: 8px;
  letter-spacing: -0.1em;
  margin-bottom: 4px;
}
.list-05 > li > a > dl > dt > b {
  display: inline-block;
  position: relative;
  top: 0;
  color: #fff;
  font-size: 7px;
  line-height: 1;
  background-color: #e60021;
  margin-right: 4px;
  padding: 1px 4px 1px;
}
.list-05 > li > a > dl > dd {
  line-height: 1.4;
  font-size: 12px;
  font-weight: bold;
}
.list-05 > li > a > dl > dd > div {
  display: none;
  margin-left: -20px;
  max-width: 100%;
  width: 100% !important;
  height: auto;
}
.list-05 > li > a > dl > dd > div span {
  max-width: 100%;
  height: auto;
}
.list-05 > li > dl {
  color: #333;
}
.list-05 > li > dl > dt {
  font-size: 8px;
  letter-spacing: -0.1em;
  margin-bottom: 0;
}
.list-05 > li > dl > dt > b {
  display: inline-block;
  position: relative;
  top: 0;
  color: #fff;
  font-size: 7px;
  line-height: 1;
  background-color: #e60021;
  margin-right: 4px;
  padding: 1px 4px 1px;
}
.list-05 > li > dl > dd {
  font-size: 11px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 6px;
}
.list-05 > li > dl > dd > div {
  display: none;
  max-width: 100%;
  width: 100% !important;
  height: auto;
}
.list-05 > li > dl > dd > div span {
  max-width: 100%;
  height: auto;
}

.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;
  padding: 0 4px 0 12px;
}
.list-07:before, .list-07:after {
  content: "";
  display: table;
}
.list-07:after {
  clear: both;
}
.list-07 > li {
  display: inline-block;
  margin-right: 6px;
  margin-bottom: 6px;
}
.list-07 > li > a {
  min-width: 100px;
  display: inline-block;
  font-size: 13px;
  padding: 4px 10px 2px;
  letter-spacing: -0.1em;
  border-radius: 6px;
  border: 1px solid #ababab;
  color: #666;
  text-align: center;
  background-color: #fff;
  border-bottom-width: 2px;
}
.list-07 > li > a:hover {
  background-color: #9a9a9a;
}
.list-07 > li > a.active {
  box-shadow: inset 0 2px 2.3px 0.7px rgba(4, 0, 0, 0.6);
  background-color: #9a9a9a;
  color: #fff;
  font-weight: bold;
  border-bottom-color: #9a9a9a;
}

.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: 1em;
}
.list-08 > li > a {
  color: #000;
  font-size: 18px;
}
.list-08 > li > a.disable {
  cursor: default;
  color: #aaa;
}

.list-09 {
  *zoom: 1;
  letter-spacing: -0.4em;
  margin-left: -5px;
  margin-right: -5px;
  text-align: center;
}
.list-09:before, .list-09:after {
  content: "";
  display: table;
}
.list-09:after {
  clear: both;
}
.list-09 > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
  letter-spacing: 0;
}
.list-09 > li a > img {
  width: 33px;
  height: auto;
}
.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.4em;
  line-height: 0;
  padding: 4px 10px;
}
.list-12:before, .list-12:after {
  content: "";
  display: table;
}
.list-12:after {
  clear: both;
}
.list-12 > li {
  position: relative;
  padding: 0;
  letter-spacing: 0;
  vertical-align: top;
  box-shadow: 0 0 3px rgba(4, 0, 0, 0.3);
  margin-bottom: 10px;
}
.list-12 > li > i {
  position: absolute;
  width: 27px;
  height: 27px;
  background: url(/2016/sp/common/images/icon/boothnew.png) 0 0 no-repeat;
  background-size: 27px 27px;
  -webkit-background-size: 27px 27px;
  right: 12px;
  top: 12px;
  text-indent: -9999em;
  overflow: hidden;
  z-index: 1000;
}

.list-13 {
  *zoom: 1;
  padding-left: 5px;
  padding-right: 5px;
  border-top: 1px solid #bebebe;
  background-color: #fff;
}
.list-13:before, .list-13:after {
  content: "";
  display: table;
}
.list-13:after {
  clear: both;
}
.list-13 > li {
  position: relative;
  width: 100%;
  padding: 10px 5px;
  vertical-align: top;
  border-bottom: 1px solid #bebebe;
}
.list-13 > li > i {
  position: absolute;
  width: 17px;
  height: 17px;
  background: url(/2016/sp/common/images/icon/boothnew.png) 0 0 no-repeat;
  background-size: 17px 17px;
  -webkit-background-size: 17px 17px;
  left: 68px;
  top: 9px;
  text-indent: -9999em;
  overflow: hidden;
  z-index: 1000;
}

.list-14 {
  *zoom: 1;
  padding-left: 5px;
  padding-right: 5px;
  background-color: #fff;
}
.list-14:before, .list-14:after {
  content: "";
  display: table;
}
.list-14:after {
  clear: both;
}
.list-14 > li {
  width: 100%;
  padding: 0 0;
  vertical-align: top;
  border-bottom: 1px solid #bebebe;
}
.list-14 > li > a {
  display: block;
  min-height: 80px;
  padding: 10px 15px 10px 5px;
  background: url(../images/icon/cheveron-right.png) 100% 49% no-repeat;
  background-size: 8px 12px;
}
.list-14 > li > a:hover {
  opacity: 0.8;
}
.list-14 > li > a > img {
  position: absolute;
  width: 107px;
  height: auto;
}
.list-14 > li > a > dl {
  padding-left: 117px;
}
.list-14 > li > a > dl > dt {
  font-weight: bold;
  color: #daa520;
  line-height: 1.2;
  letter-spacing: -0.1em;
  margin-bottom: 2px;
}
.list-14 > li > a > dl > dd {
  font-size: 10px;
  color: #333;
  line-height: 1.5;
}

.list-15 {
  margin: 10px 4px;
  letter-spacing: -0.4em;
  text-align: center;
}
.list-15 > li {
  display: inline-block;
  width: 50%;
  padding: 0 4px;
}
.list-15 > li a {
  display: block;
}
.list-15 > li a:hover {
  opacity: 0.8;
}

.list-16 {
  letter-spacing: -0.4em;
  text-align: center;
  padding: 10px 0 0;
}
.list-16 > li {
  display: inline-block;
  width: 50%;
  padding: 0 4px;
}
.list-16 > li a {
  display: block;
}
.list-16 > li a:hover {
  opacity: 0.8;
}

.list-17 {
  *zoom: 1;
  padding-left: 5px;
  padding-right: 5px;
  background-color: #fff;
}
.list-17:before, .list-17:after {
  content: "";
  display: table;
}
.list-17:after {
  clear: both;
}
.list-17 > li {
  width: 100%;
  padding: 0 0;
  vertical-align: top;
  border-bottom: 1px solid #bebebe;
}
.list-17 > li > a {
  display: block;
  min-height: 80px;
  padding: 10px 15px 10px 5px;
  background: url(../images/icon/cheveron-right.png) 100% 49% no-repeat;
  background-size: 8px 12px;
}
.list-17 > li > a:hover {
  opacity: 0.8;
}
.list-17 > li > a > img {
  position: absolute;
  width: 65px;
  height: auto;
}
.list-17 > li > a > dl {
  padding-left: 75px;
}
.list-17 > li > a > dl > dt {
  font-size: 10px;
  line-height: 1.2;
  letter-spacing: -0.1em;
  margin-bottom: 2px;
  color: #000;
}
.list-17 > li > a > dl > dd {
  font-size: 10px;
  color: #000;
  line-height: 1.5;
}

.list-18 {
  padding-left: 25px;
}
.list-18 li {
  list-style: outside decimal;
  letter-spacing: 0;
  text-indent: 0;
}

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

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

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

.list-maps {
  margin: 0 10px;
}

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

.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: 13px;
}

.kv-00 {
  position: relative;
  width: 100%;
  height: 600px;
  overflow: hidden;
}
.kv-00 > .kv-00-info {
  position: absolute;
  left: 50%;
  margin-left: -700px;
  margin-top: 13px;
  z-index: 99;
}
.kv-00 > .kv-00-prev {
  position: absolute;
  top: 50%;
  margin-top: -23px;
  left: 50%;
  margin-left: -680px;
  z-index: 99;
}
.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%;
  left: 50%;
  margin-top: -23px;
  margin-left: 630px;
  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: 1400px;
  height: 600px;
  margin-left: -700px;
  left: 50%;
  overflow: hidden;
}
.kv-00 > .item > a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.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: 364px;
  overflow: hidden;
}
.kv-01 > .kv-01-info {
  position: absolute;
  left: 50%;
  margin-left: -499px;
  margin-top: 13px;
  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;
  padding: 18px 20px;
  min-width: 200px;
  min-height: 72px;
  left: 60px;
  font-size: 15px;
  line-height: 1.4;
  font-weight: bold;
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.9);
}
.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: 10px;
  height: 10px;
  background: url(/2016/sp/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/sp/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: 364px;
  overflow: hidden;
}
.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 > a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
.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;
}

.accordion-01 {
  position: relative;
  display: block;
  padding: 10px 14px 11px 44px;
  border-radius: 6px;
  background-color: #ccc;
  color: #000;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.2;
  vertical-align: middle;
}
.accordion-01 > img {
  position: absolute;
  top: 7px;
  left: 10px;
  vertical-align: middle;
  margin-right: 10px;
  width: 22px;
  height: 22px;
}
.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;
  padding-top: 16px;
}
.accordion-01-ct a {
  text-decoration: underline;
}
.accordion-01-ct .tit-03 {
  border-radius: 6px;
  margin-top: 0;
}

.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 {
  *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 {
  padding: 20px 10px 0;
  font-size: 9px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
}
.kyosan-01 > dd {
  margin: 10px 10px 8px;
}
.kyosan-01 > dd > a {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #fff;
  text-align: center;
}
.kyosan-01 > dd > a > img {
  vertical-align: middle;
}
.kyosan-01 > dd > a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.kyosan-02 {
  *zoom: 1;
  margin-left: auto;
  margin-right: auto;
}
.kyosan-02:before, .kyosan-02:after {
  content: "";
  display: table;
}
.kyosan-02:after {
  clear: both;
}
.kyosan-02 > dt {
  padding: 6px 10px 8px;
  font-size: 9px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
}
.kyosan-02 > dd {
  margin: 0 10px 0;
  overflow: hidden;
}
.kyosan-02 > dd ul {
  margin-left: -6px;
  margin-right: -6px;
  letter-spacing: -0.4em;
}
.kyosan-02 > dd ul li {
  display: inline-block;
  vertical-align: top;
  width: 33.33%;
  padding: 4px;
  box-sizing: border-box;
  letter-spacing: 0;
}
.kyosan-02 > dd ul li.col2 {
  width: 50%;
}
.kyosan-02 > dd ul li.col4 {
  width: 25%;
}
.kyosan-02 > dd ul li.col5:nth-child(16) a > img {
  width: 25px;
  height: auto;
}
.kyosan-02 > dd ul li.col5 {
  width: 20%;
}
.kyosan-02 > dd ul li.col5 a > img {
  margin-left: auto;
  margin-right: auto;
  vertical-align: middle;
  max-width: 100%;
  max-height: 35px;
  width: auto;
  height: auto;
}
.kyosan-02 > dd ul li a {
  background: #fff;
  padding: 0;
  height: 35px;
  line-height: 35px;
  display: table;
  width: 100%;
  max-width: 100%;
  text-align: center;
  vertical-align: middle;
}
.kyosan-02 > dd ul li a.pad_narrow {
  padding: 0 5px;
}
.kyosan-02 > dd ul li a > img {
  margin-left: auto;
  margin-right: auto;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}
.kyosan-02 > dd ul li a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.kyosan-03 {
  *zoom: 1;
  margin-left: auto;
  margin-right: auto;
}
.kyosan-03:before, .kyosan-03:after {
  content: "";
  display: table;
}
.kyosan-03:after {
  clear: both;
}
.kyosan-03 > dt {
  padding: 8px;
  background-color: #e2e2e2;
  font-size: 9px;
  font-weight: bold;
  line-height: 1;
  color: #666;
  border-bottom: 1px solid #ccc;
}
.kyosan-03 > dd {
  margin: 12px;
  overflow: hidden;
}
.kyosan-03 > dd > a {
  display: block;
  float: left;
  text-align: center;
  width: 33%;
}
.kyosan-03 > dd > a.mb-0 {
  margin-bottom: 0;
}
.kyosan-03 > dd > a > img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.kyosan-03 > dd > a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.kyosan-04 {
  *zoom: 1;
  margin-left: auto;
  margin-right: auto;
  padding: 8px;
  background-color: #e2e2e2;
  font-size: 9px;
  font-weight: bold;
  line-height: 1;
  color: #666;
  border-top: 1px solid #ccc;
}
.kyosan-04:before, .kyosan-04:after {
  content: "";
  display: table;
}
.kyosan-04:after {
  clear: both;
}
.kyosan-04 ul {
  letter-spacing: -0.4em;
  line-height: 1;
}
.kyosan-04 ul li {
  display: inline-block;
  width: 50%;
  padding: 5px 10px;
  letter-spacing: 0;
  font-size: 9px;
  line-height: 1.2;
  vertical-align: top;
  color: #999;
  font-weight: bold;
}
.kyosan-04 ul li:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.tweet-01 {
  margin: 10px;
  background-color: #fff;
  border-radius: 6px;
  padding: 18px 18px 10px;
  text-align: center;
  margin-bottom: 10px;
  box-shadow: 0 0 10px #999;
}
.tweet-01 > p {
  font-weight: bold;
  margin-bottom: 10px;
}

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

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

.twitter-count-01 {
  display: inline-block;
  width: 42px;
  height: 21px;
  padding: 6px 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/sp/common/images/parts/bg-twitter-count.png) 0 0 no-repeat;
  background-size: 42px 21px;
  -webkit-background-size: 42px 21px;
}

.sns-01 {
  border-radius: 4px;
  letter-spacing: -0.4em;
  text-align: center;
  vertical-align: text-bottom;
  margin: 0 10px 15px;
  padding-top: 5px;
  line-height: 1;
  padding-bottom: 2px;
}
.sns-01.sns-top {
  box-shadow: 0 0 3px rgba(4, 0, 0, 0.3);
  background-color: #fff;
}
.sns-01 > li {
  letter-spacing: 0;
  display: inline-block;
  margin: 0 5px;
  vertical-align: middle;
}
.sns-01 > li:nth-child(1) {
  position: relative;
  top: 0;
  width: 110px;
  overflow: hidden;
}

/*
    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: 9999999999;
  overflow: visible !important;
}

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

#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999999999;
  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;
}

#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;
}

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

#cboxContent {
  background: #fff;
  box-shadow: #aaa 1px 1px 5px;
}

.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 {
  visibility: hidden;
}

/* 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: 12px;
  right: 12px;
  display: block;
  color: #444;
  text-indent: -9999em;
  background: url(/2016/sp/common/images/icon/cbox-close.png);
  width: 15px;
  height: 15px;
  background-size: 15px 15px;
}

/*
  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;
}

.cboxContent {
  display: block;
  width: 300px;
  padding-bottom: 20px;
}
.cboxContent > .cboxContentClose {
  height: 39px;
  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 > .cboxContentWrap {
  padding: 10px 10px 0;
}
.cboxContent > .cboxContentWrap > .artistLink {
  text-align: center;
  margin-bottom: 20px;
}
.cboxContent > .cboxContentWrap > .cboxContentPhoto {
  display: inline-block;
  width: 100%;
  height: 195px;
  text-align: center;
  background-color: #f2f2f2;
  vertical-align: middle;
  line-height: 1;
}
.cboxContent > .cboxContentWrap > .cboxContentPhoto:before {
  display: block;
  clear: both;
  content: "";
}
.cboxContent > .cboxContentWrap > .cboxContentPhoto > img {
  text-align: center;
  vertical-align: middle;
  max-width: 100%;
  max-height: 195px;
  width: auto;
  line-height: 1;
}
.cboxContent > .cboxContentWrap .cboxArtistTag {
  float: right;
  margin-bottom: 0;
  height: 28px;
  position: relative;
  text-align: right;
  letter-spacing: -0.4em;
  white-space: nowrap;
}
.cboxContent > .cboxContentWrap .cboxArtistTag li {
  padding-top: 1px;
  display: inline-block;
  letter-spacing: 0;
}
.cboxContent > .cboxContentWrap .cboxArtistTag li img {
  margin-left: 3px;
  width: 60px;
  height: 20px;
}
.cboxContent > .cboxContentWrap .cboxContentItemPhoto {
  position: relative;
  clear: both;
  display: block;
  height: 190px;
  line-height: 190px;
  text-align: center;
  background-color: #f2f2f2;
  vertical-align: middle;
}
.cboxContent > .cboxContentWrap .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/sp/common/images/icon/goods-medama.png);
  z-index: 100;
}
.cboxContent > .cboxContentWrap .cboxContentItemPhoto > img {
  position: relative;
  max-width: 100%;
  max-height: 190px;
  width: auto;
  height: auto;
  text-align: center;
  vertical-align: middle;
  top: 0;
}
.cboxContent > .cboxContentWrap .cboxContentItemTitle {
  padding-top: 15px;
  color: #666;
  margin-bottom: 12px;
  line-height: 1.2;
  font-size: 15px;
  *zoom: 1;
}
.cboxContent > .cboxContentWrap .cboxContentItemTitle:before, .cboxContent > .cboxContentWrap .cboxContentItemTitle:after {
  content: "";
  display: table;
}
.cboxContent > .cboxContentWrap .cboxContentItemTitle:after {
  clear: both;
}
.cboxContent > .cboxContentWrap .cboxContentItemTitle span {
  display: block;
  text-align: center;
  margin-bottom: 14px;
  color: #000;
}
.cboxContent > .cboxContentWrap .cboxContentItemTitle em {
  display: block;
  text-align: center;
  margin-bottom: 14px;
  font-style: normal;
  color: #797979;
}
.cboxContent > .cboxContentWrap .cboxContentItemExhibit {
  font-size: 11px;
  border-bottom: 1px dashed #cbcace;
  padding: 0 15px 13px;
  line-height: 1.5;
  margin: 0 -15px 0;
  font-weight: bold;
}
.cboxContent > .cboxContentWrap .cboxContentItemDesc {
  font-size: 10px;
  padding: 12px 15px;
  border-top: 1px dashed #cbcace;
  line-height: 1.5;
  margin: 12px -15px 15px;
  border-bottom: 1px dashed #cbcace;
}
.cboxContent > .cboxContentWrap .btn-12 {
  margin-bottom: 24px;
}
.cboxContent > .cboxContentWrap .cboxContentItemTw {
  padding-top: 15px;
  padding-bottom: 0;
  text-align: center;
}
.cboxContent > .cboxContentWrap .cboxContentItemTw a {
  color: #3cb3ff;
  font-size: 10px;
}
.cboxContent > .cboxContentWrap .cboxContentItemTw img {
  position: relative;
  top: 1px;
  margin-right: 5px;
  width: auto;
  height: 10px;
}
.cboxContent > .cboxContentWrap .cboxContentItemTw img.arrow_tw_right {
  top: 2px;
  margin-right: 0;
  margin-left: 10px;
}
.cboxContent > .cboxContentWrap > .cboxContentTitle {
  position: relative;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 1.2;
  color: #000;
}
.cboxContent > .cboxContentWrap .cboxContentInfo {
  margin-left: -10px;
  margin-right: -10px;
  padding: 10px 10px;
  border-top: 1px dashed #cbcace;
  border-bottom: 1px dashed #cbcace;
}
.cboxContent > .cboxContentWrap .cboxContentInfo > p {
  color: #666;
  font-size: 13px;
  margin-bottom: 15px;
}
.cboxContent > .cboxContentWrap .cboxContentInfo > h3 {
  vertical-align: top;
  font-size: 12px;
}
.cboxContent > .cboxContentWrap .cboxContentInfo > h3 img {
  position: relative;
  top: 2px;
  width: auto;
  height: 15px;
  margin-right: 3px;
}
.cboxContent > .cboxContentWrap .cboxContentInfo > .tit-04 {
  vertical-align: top;
  position: absolute;
  margin: 0;
  padding: 0;
}
.cboxContent > .cboxContentWrap .cboxContentInfo > .list-06 {
  color: #e60021;
  font-size: 12px;
  display: block;
  width: auto;
  padding-left: 13px;
  margin-bottom: 0;
}
.cboxContent > .cboxContentWrap .cboxContentInfo > .list-06 li {
  display: inline-block;
}

.cbox-timetable .cboxContent {
  width: 100%;
}

.nyujoken-01 {
  margin: 35px 6px;
  position: relative;
  background-color: #fff7f9;
  padding-bottom: 12px;
  font-size: 12px;
  box-shadow: 0 0 6px #999;
}
.nyujoken-01 > h2 {
  font-size: 19px;
  vertical-align: middle;
  line-height: 1;
  padding-top: 15px;
}
.nyujoken-01 > h2 > .num {
  position: relative;
  top: -1px;
  vertical-align: middle;
  margin-right: 6px;
  width: auto;
  height: 22px;
}
.nyujoken-01 > h2 > .sub {
  position: absolute;
  vertical-align: top;
  margin-top: -22px;
  margin-left: 6px;
  width: auto;
  height: 44px;
}
.nyujoken-01 h3 {
  height: 18px;
  padding-top: 3px;
  line-height: 1;
  margin-top: 20px;
  margin-bottom: 5px;
  position: relative;
  left: -2px;
  width: 92px;
  background: url(/2016/sp/common/images/ticket/bg-tit.png) 0 0 no-repeat;
  background-size: auto 18px;
  -webkit-background-size: auto 18px;
  font-size: 7px;
  font-weight: bold;
  text-align: center;
  color: #666;
}
.nyujoken-01 > .nyujoken-01-comment {
  position: absolute;
  top: -25px;
  left: 0;
  background-color: #ff81a5;
  border-radius: 20px;
  padding: 4px 15px;
  min-width: 100%;
  text-align: left;
  color: #fff;
  font-weight: bold;
  font-size: 10px;
}
.nyujoken-01 > .nyujoken-01-comment:before {
  position: absolute;
  display: block;
  margin-left: 10px;
  margin-top: 21px;
  content: "";
  background: url(/2016/sp/common/images/ticket/nyujoken-01-comment-arw.png) 0 0 no-repeat;
  background-size: 6px 6px;
  -webkit-background-size: 6px 6px;
  width: 6px;
  height: 6px;
}
.nyujoken-01 > figure {
  *zoom: 1;
}
.nyujoken-01 > figure:before, .nyujoken-01 > figure:after {
  content: "";
  display: table;
}
.nyujoken-01 > figure:after {
  clear: both;
}
.nyujoken-01 > figure > figcaption > dl {
  border: 1px solid #c7c6c6;
  background-color: #fff;
  margin: 0 5px;
  padding: 0 5px;
  vertical-align: middle;
}
.nyujoken-01 > figure > figcaption > dl > dt {
  display: inline-block;
  width: 58%;
  font-size: 13px;
  vertical-align: middle;
  border-right: 1px solid #c7c6c6;
}
.nyujoken-01 > figure > figcaption > dl > dt strong {
  font-size: 13px;
  font-weight: bold;
  vertical-align: middle;
}
.nyujoken-01 > figure > figcaption > dl > dd {
  display: inline-block;
  font-weight: bold;
  width: 37%;
  color: #d20000;
  font-size: 13px;
  vertical-align: middle;
  text-align: center;
}
.nyujoken-01 > figure > figcaption dl + dl {
  margin-top: 2px;
}

.nyujoken-02 {
  margin: 55px 6px 0;
  position: relative;
  background-color: #f6f3ff;
  padding-bottom: 12px;
  box-shadow: 0 0 6px #999;
}
.nyujoken-02 > h2 {
  font-size: 15px;
  vertical-align: middle;
  line-height: 1;
  padding-top: 14px;
  letter-spacing: -0.1em;
}
.nyujoken-02 > h2 small {
  position: relative;
  top: -1px;
  font-size: 13px;
}
.nyujoken-02 > h2 > .num {
  position: relative;
  top: -1px;
  vertical-align: middle;
  margin-right: 3px;
  width: auto;
  height: 22px;
}
.nyujoken-02 > h2 > .sub {
  position: absolute;
  vertical-align: top;
  margin-top: -36px;
  width: auto;
  height: 60px;
}
.nyujoken-02 h3 {
  height: 18px;
  padding-top: 3px;
  line-height: 1;
  margin-top: 20px;
  margin-bottom: 5px;
  position: relative;
  left: -2px;
  width: 92px;
  background: url(/2016/sp/common/images/ticket/bg-tit.png) 0 0 no-repeat;
  background-size: auto 18px;
  -webkit-background-size: auto 18px;
  font-size: 7px;
  font-weight: bold;
  text-align: center;
  color: #666;
}
.nyujoken-02 > .nyujoken-02-comment {
  position: absolute;
  top: -25px;
  left: 0;
  background-color: #9377bc;
  border-radius: 20px;
  padding: 4px 15px;
  min-width: 100%;
  text-align: left;
  color: #fff;
  font-weight: bold;
  font-size: 10px;
  letter-spacing: -0.1em;
}
.nyujoken-02 > .nyujoken-02-comment:before {
  position: absolute;
  display: block;
  margin-left: 10px;
  margin-top: 21px;
  content: "";
  background: url(/2016/sp/common/images/ticket/nyujoken-02-comment-arw.png) 0 0 no-repeat;
  background-size: 6px 6px;
  -webkit-background-size: 6px 6px;
  width: 6px;
  height: 6px;
}
.nyujoken-02 > .relative {
  padding: 10px 0 0;
}
.nyujoken-02 > .relative > .tit-04 {
  display: inline-block !important;
  vertical-align: top;
  margin-right: 8px;
}
.nyujoken-02 > .relative > .tit-04 > span {
  font-size: 12px;
}
.nyujoken-02 > .relative .list-06 {
  display: inline-block;
  vertical-align: top;
  padding-top: 2px;
  margin-bottom: 0;
}
.nyujoken-02 > figure {
  *zoom: 1;
}
.nyujoken-02 > figure:before, .nyujoken-02 > figure:after {
  content: "";
  display: table;
}
.nyujoken-02 > figure:after {
  clear: both;
}
.nyujoken-02 > figure > img {
  position: relative;
  display: block;
  float: left;
  top: 27px;
  margin-right: 13px;
}
.nyujoken-02 > figure > figcaption {
  display: block;
}
.nyujoken-02 > figure > figcaption > dl {
  border: 1px solid #c7c6c6;
  background-color: #fff;
  margin: 0 5px;
  padding: 0 5px;
  vertical-align: middle;
}
.nyujoken-02 > figure > figcaption > dl > dt {
  display: inline-block;
  width: 55%;
  font-size: 13px;
  vertical-align: middle;
  border-right: 1px solid #c7c6c6;
}
.nyujoken-02 > figure > figcaption > dl > dt strong {
  font-size: 13px;
  font-weight: bold;
  vertical-align: middle;
}
.nyujoken-02 > figure > figcaption > dl > dd {
  display: inline-block;
  font-weight: bold;
  width: 40%;
  color: #d20000;
  font-size: 13px;
  vertical-align: middle;
  text-align: center;
}
.nyujoken-02 > figure > figcaption dl + dl {
  margin-top: 2px;
}

.nyujoken-03 {
  margin: 55px 6px 0;
  position: relative;
  background-color: #f3faff;
  padding-bottom: 12px;
  box-shadow: 0 0 6px #999;
}
.nyujoken-03 > h2 {
  font-size: 19px;
  vertical-align: middle;
  line-height: 1;
  padding-top: 15px;
}
.nyujoken-03 > h2 > .num {
  position: relative;
  top: -1px;
  vertical-align: middle;
  margin-right: 6px;
  width: auto;
  height: 22px;
}
.nyujoken-03 > h2 > .sub {
  position: absolute;
  vertical-align: top;
  margin-top: -16px;
  width: auto;
  height: 40px;
  margin-left: 8px;
}
.nyujoken-03 h3 {
  height: 18px;
  padding-top: 3px;
  line-height: 1;
  margin-top: 20px;
  margin-bottom: 5px;
  position: relative;
  left: -2px;
  width: 92px;
  background: url(/2016/sp/common/images/ticket/bg-tit.png) 0 0 no-repeat;
  background-size: auto 18px;
  -webkit-background-size: auto 18px;
  font-size: 7px;
  font-weight: bold;
  text-align: center;
  color: #666;
}
.nyujoken-03 > .nyujoken-03-comment {
  position: absolute;
  top: -25px;
  left: 0;
  background-color: #6da6ce;
  border-radius: 20px;
  padding: 4px 15px;
  min-width: 100%;
  margin: 0 auto;
  text-align: left;
  color: #fff;
  font-weight: bold;
  font-size: 10px;
}
.nyujoken-03 > .nyujoken-03-comment:before {
  position: absolute;
  display: block;
  margin-left: 10px;
  margin-top: 21px;
  content: "";
  background: url(/2016/sp/common/images/ticket/nyujoken-03-comment-arw.png) 0 0 no-repeat;
  background-size: 6px 6px;
  -webkit-background-size: 6px 6px;
  width: 6px;
  height: 6px;
}
.nyujoken-03 > figure {
  *zoom: 1;
}
.nyujoken-03 > figure:before, .nyujoken-03 > figure:after {
  content: "";
  display: table;
}
.nyujoken-03 > figure:after {
  clear: both;
}
.nyujoken-03 > figure > figcaption > dl {
  border: 1px solid #c7c6c6;
  background-color: #fff;
  margin: 0 5px;
  padding: 0 5px;
  vertical-align: middle;
}
.nyujoken-03 > figure > figcaption > dl > dt {
  display: inline-block;
  width: 55%;
  font-size: 13px;
  vertical-align: middle;
  border-right: 1px solid #c7c6c6;
}
.nyujoken-03 > figure > figcaption > dl > dt strong {
  font-size: 13px;
  font-weight: bold;
  vertical-align: middle;
}
.nyujoken-03 > figure > figcaption > dl > dd {
  display: inline-block;
  font-weight: bold;
  width: 40%;
  color: #d20000;
  font-size: 13px;
  vertical-align: middle;
  text-align: center;
}
.nyujoken-03 > figure > figcaption dl + dl {
  margin-top: 2px;
}
.nyujoken-03 .nyujoken-03-note {
  height: 71px;
  margin: 10px 6px 0;
  background: url(/2016/sp/common/images/ticket/nyujoken-03-note-bg.png) 0 0 no-repeat;
  background-size: 100% 71px;
  -webkit-background-size: 100% 71px;
  text-align: center;
  margin-bottom: 30px;
}
.nyujoken-03 .nyujoken-03-note > dt {
  position: relative;
  top: -8px;
  margin-bottom: -2px;
  padding: 0 13px;
}
.nyujoken-03 .nyujoken-03-note > dt > img {
  margin: 0 auto;
}
.nyujoken-03 .nyujoken-03-note > dd span {
  display: inline-block;
  font-size: 10px;
  padding-left: 12px;
  font-weight: bold;
  background: url(/2016/sp/common/images/icon/check.png) 0 48% no-repeat;
  background-size: 10px auto;
  -webkit-background-size: 10px auto;
}
.nyujoken-03 .nyujoken-03-note > dd a {
  font-size: 11px;
}

.select-01 {
  display: block;
  margin: 8px  auto 12px;
  width: 298px;
  font-size: 17px;
  	/*
  	-webkit-appearance: button;
      -moz-appearance: button;
      appearance: button;
      border-radius:0;
      border: none;
      cursor: pointer;
  	padding:5px 10px 5px 18px;
  	background-color:#fff;
  	z-index: 10;
  	border: 1px solid #999;
  	@include border-radius(10px);
  	background:#fff url(/2016/sp/common/images/parts/bg-select.png) 100% 50% no-repeat;
  	-webkit-background-size: auto 36px;
  	*/
}

.pagetop-01 {
  position: fixed;
  bottom: 15px;
  right: 10px;
  width: 53px;
  height: 41px;
  display: none;
  z-index: 100;
}
.pagetop-01 > span {
  display: block;
  width: 53px;
  height: 41px;
  background: url(../images/parts/pagetop.png) 0 0 no-repeat;
  background-size: 100% auto;
  -webkit-background-size: 100% auto;
  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;
}

/* 
 * 	Core Owl Carousel CSS File
 *	v1.24
 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  padding-bottom: 7px;
  -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
  float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}

.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

/* mouse grab icon */
.grabbing {
  cursor: url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

/* CSS3 Transitions */
.owl-origin {
  -webkit-perspective: 1200px;
  -webkit-perspective-origin-x: 50%;
  -webkit-perspective-origin-y: 50%;
  -moz-perspective: 1200px;
  -moz-perspective-origin-x: 50%;
  -moz-perspective-origin-y: 50%;
  -webkit-perspective: 1200px;
          perspective: 1200px;
}

/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}

.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}

/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}

.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}

/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}

.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}

/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}

/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {
    opacity: 1;
  }
}
@keyframes empty {
  0% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes backSlideOut {
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
  }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
}
@keyframes backSlideOut {
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
            transform: translateZ(-500px);
  }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
            transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
            transform: translateZ(-500px) translateX(-200%);
  }
}
@-webkit-keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
  }
}
@keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(200%);
            transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
            transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
            transform: translateZ(0) translateX(0);
  }
}
@-webkit-keyframes scaleToFade {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }
}
@keyframes scaleToFade {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@-webkit-keyframes goDown {
  from {
    -webkit-transform: translateY(-100%);
  }
}
@keyframes goDown {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
@-webkit-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}
@keyframes scaleUpFrom {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}
@-webkit-keyframes scaleUpTo {
  to {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}
@keyframes scaleUpTo {
  to {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}
/*
* 	Owl Carousel Owl Demo Theme 
*	v1.24
*/
.owl-theme .owl-controls {
  text-align: center;
}

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div {
  color: #FFF;
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
  margin: 5px;
  padding: 3px 10px;
  font-size: 12px;
  background: url(/2016/sp/common/images/parts/carousel-off.png) 50% 50% no-repeat;
  background-size: 15px 15px;
  -webkit-background-size: 15px 15px;
  filter: Alpha(Opacity=50);
  /*IE7 fix*/
  opacity: 0.5;
}

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1;
  text-decoration: none;
}

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
}

.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 18px;
  height: 18px;
  margin: 5px 3px;
  border: 3px solid #fff;
  border-radius: 50%;
  background-color: #000;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  background-color: #e60021;
}

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 12px;
  border-radius: 30px;
}

/* preloading images */
.owl-item.loading {
  min-height: 150px;
  background: url(AjaxLoader.gif) no-repeat center center;
}

.carousel-00 {
  line-height: 1;
}
.carousel-00 .owl-controls .owl-buttons .owl-prev {
  position: absolute;
  top: 45%;
  left: 5px;
  width: 34px;
  height: 34px;
  margin-top: -17px;
  background: url(/2016/sp/common/images/parts/carousel-prev.png) 50% 50% no-repeat;
  text-indent: -9999px;
}
.carousel-00 .owl-controls .owl-buttons .owl-next {
  position: absolute;
  top: 45%;
  right: 5px;
  width: 34px;
  height: 34px;
  margin-top: -17px;
  background: url(/2016/sp/common/images/parts/carousel-next.png) 50% 50% no-repeat;
  text-indent: -9999px;
}
.carousel-00 .item {
  line-height: 0;
}
.carousel-00 .item img {
  line-height: 0;
  width: 100%;
  height: auto;
}

.carousel-01 {
  line-height: 1;
}
.carousel-01 .owl-controls .owl-pagination {
  display: none !important;
}
.carousel-01 .owl-controls .owl-buttons .owl-prev {
  position: absolute;
  top: 50%;
  left: 5px;
  width: 34px;
  height: 34px;
  margin-top: -17px;
  background: url(/2016/sp/common/images/parts/carousel-prev.png) 50% 50% no-repeat;
  text-indent: -9999px;
}
.carousel-01 .owl-controls .owl-buttons .owl-next {
  position: absolute;
  top: 50%;
  right: 5px;
  width: 34px;
  height: 34px;
  margin-top: -17px;
  background: url(/2016/sp/common/images/parts/carousel-next.png) 50% 50% no-repeat;
  text-indent: -9999px;
}
.carousel-01 .item {
  line-height: 0;
}
.carousel-01 .item img {
  line-height: 0;
  width: 100%;
  height: auto;
}

.carousel-02 {
  padding-bottom: 0;
  background: none;
  margin-top: 0;
}
.carousel-02 .item > a {
  display: block;
  line-height: 1;
  margin: 0;
  padding: 0 4px;
}
.carousel-02 .item > a > img {
  width: 100%;
  height: auto;
}
.carousel-02 .item > a p {
  font-size: 9px;
  line-height: 1.3;
}
.carousel-02 .owl-wrapper-outer {
  background-color: #fff;
  padding: 10px 0 10px;
  box-shadow: #aaa 0 0 3px inset;
}

.carousel-03 {
  min-height: 120px !important;
  margin-top: 12px;
}
.carousel-03 .item > a {
  display: block;
  width: 95px;
  height: 130px;
  padding: 10px 8px;
  line-height: 1;
  margin-right: 8px;
  text-align: center;
  background-color: #fff;
  box-shadow: #aaa 0 0 3px;
}
.carousel-03 .item > a > img {
  width: 70%;
  height: auto;
  margin-bottom: 8px;
}
.carousel-03 .item > a p {
  font-size: 9px;
  line-height: 1.3;
}
.carousel-03 .owl-wrapper-outer {
  background-color: #f0f0f0;
  padding: 10px 10px 20px;
  min-height: 120px !important;
  box-shadow: #aaa 0 0 3px inset;
}

.rootwrap {
  border-bottom: 1px solid #ccc;
  padding: 16px;
}
.rootwrap .arw {
  display: block;
  margin: 10px auto 12px;
}
.rootwrap p {
  font-size: 12px;
}
.rootwrap p.fs14 {
  font-size: 14px;
}

.root-01 {
  position: relative;
  padding: 16px;
  background-color: #fff6f3;
}
.root-01 h3 {
  line-height: 1.2;
  margin-bottom: 9px;
}
.root-01 p {
  font-size: 14px;
}
.root-01 .num {
  position: absolute;
  top: 50%;
  margin-top: -22px;
}
.root-01 .root-01-ct {
  padding-left: 42px;
}
.root-01 .root-01-ct p {
  font-size: 14px;
}

.map-wrap {
  overflow: auto;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}

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

.page-01 {
  display: none;
}

#company {
  text-align: center;
}
#company .tit-03 {
  text-align: left;
}
#company .item-01 + .tit-03 {
  margin-top: 35px;
}
#company .item-01 {
  text-align: left;
}

#goodsScreen {
  margin: 30px 0;
}

#goodsSource {
  visibility: hidden;
}

#selectCompany {
  display: inline-block;
  line-height: 1;
  vertical-align: baseline;
}

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

.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: none;
  background-color: #f4f4f4;
  -webkit-text-size-adjust: 100%;
}

#page_top > a.pagetop {
  bottom: 5px !important;
  right: 5px !important;
  background: #870000 url(../images/footer/icon_arrow.png) 50% 50% no-repeat;
}

#bnr_ticket {
  display: block;
  position: fixed;
  bottom: 60px !important;
  right: 2px;
  z-index: 10000;
  width: 80px;
  height: 56px;
  opacity: 0;
  visibility: hidden;
}
#bnr_ticket img {
  max-width: 100%;
  height: auto;
}

#kv {
  clear: both;
  position: relative;
  height: 215px;
  padding-top: 8px;
  background: #870000 url(../images/top/kv_01.jpg) 50% 50% no-repeat;
  background-size: 100% auto;
  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%;
  width: 320px;
  height: 320px;
  margin-top: -160px;
  margin-left: -160px;
  background: url(../images/top/housha.png) 50% 50%;
  background-size: 320px auto;
  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: 4px;
  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: 36px;
  bottom: 0;
  width: 100%;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.7);
  text-align: center;
  line-height: 36px;
}
#kv dl.place dt {
  background-color: #fff;
  display: inline-block;
  line-height: 19px;
  vertical-align: middle;
  font-weight: bold;
  color: #000;
  font-size: 11px;
  padding-left: 12px;
  padding-right: 12px;
  margin-right: 15px;
}
#kv dl.place dd {
  display: inline-block;
  vertical-align: middle;
  line-height: 19px;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.05em;
}

#kounaru {
  padding-top: 18px;
}
#kounaru h2 {
  position: relative;
  text-align: center;
  z-index: 10;
  margin-bottom: -74px;
}
#kounaru #pv {
  position: relative;
  width: 318px;
  margin: 0 auto;
  text-align: center;
  padding-top: 60px;
  padding-bottom: 20px;
  background: url(../images/top/bg_pv.png) 50% 50% no-repeat;
  background-size: 100% auto;
}

.pict-l {
  position: relative;
  padding: 0 12px 12px;
  background-color: #fff;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 57px;
}
.pict-l:after {
  display: block;
  content: "";
  clear: both;
}
.pict-l p.pict {
  position: relative;
  z-index: 10;
  margin-bottom: 12px;
  line-height: 0;
  vertical-align: top;
}
.pict-l p.pict img {
  position: relative;
  max-width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  line-height: 0;
  vertical-align: top;
  border: 2px solid #fff;
  box-shadow: 1px 1px 4px #999;
}
.pict-l h3 {
  position: relative;
  padding: 28px 18px 24px;
  margin-left: -18px;
  margin-right: -18px;
  top: -40px;
  margin-bottom: -60px;
  letter-spacing: -0.01em;
  font-size: 14px;
  color: #fff;
  line-height: 1.2;
  background: url(../images/top/bg_title_red.png) 50% 0 no-repeat;
  background-size: 100% 68px;
}
.pict-l .desc p {
  font-size: 13px;
}

.pict-r {
  position: relative;
  padding: 0 12px 12px;
  background-color: #fff;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 57px;
}
.pict-r:after {
  display: block;
  content: "";
  clear: both;
}
.pict-r p.pict {
  position: relative;
  z-index: 10;
  margin-bottom: 12px;
  line-height: 0;
  vertical-align: top;
}
.pict-r p.pict img {
  position: relative;
  max-width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  line-height: 0;
  vertical-align: top;
  border: 2px solid #fff;
  box-shadow: 1px 1px 4px #999;
}
.pict-r h3 {
  position: relative;
  letter-spacing: -0.01em;
  padding: 28px 18px 24px;
  margin-left: -18px;
  margin-right: -18px;
  margin-bottom: -60px;
  top: -40px;
  font-size: 14px;
  line-height: 1.2;
  color: #fff;
  background: url(../images/top/bg_title_black.png) 0 0 no-repeat;
  background-size: 100% 68px;
}
.pict-r .desc p {
  font-size: 13px;
}

.video-l {
  position: relative;
  padding: 0 12px 12px;
  background-color: #fff;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 57px;
}
.video-l:after {
  display: block;
  content: "";
  clear: both;
}
.video-l .video {
  position: relative;
  z-index: 10;
  margin-bottom: 12px;
  line-height: 0;
  vertical-align: top;
}
.video-l .video, .video-l .video > div {
  vertical-align: top;
  max-width: 100%;
}
.video-l .video a, .video-l .video > div a {
  vertical-align: top;
}
.video-l .video img {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  height: auto;
  line-height: 0;
  vertical-align: top;
  border: 2px solid #fff;
  box-shadow: 1px 1px 4px #999;
}
.video-l h3 {
  position: relative;
  letter-spacing: -0.01em;
  padding: 28px 18px 26px;
  margin-left: -18px;
  margin-right: -18px;
  margin-bottom: -60px;
  top: -40px;
  font-size: 14px;
  line-height: 1.2;
  color: #fff;
  background: url(../images/top/bg_title_black.png) 0 0 no-repeat;
  background-size: 100% 68px;
}
.video-l .desc p {
  font-size: 13px;
}

.video-r {
  position: relative;
  padding: 0 12px 12px;
  background-color: #fff;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 57px;
}
.video-r:after {
  display: block;
  content: "";
  clear: both;
}
.video-r .video {
  position: relative;
  z-index: 10;
  margin-bottom: 12px;
  line-height: 0;
  vertical-align: top;
}
.video-r .video, .video-r .video > div {
  max-width: 100%;
  vertical-align: top;
}
.video-r .video a, .video-r .video > div a {
  vertical-align: top;
}
.video-r .video img {
  position: relative;
  max-width: 100%;
  height: auto;
  line-height: 0;
  vertical-align: top;
  border: 2px solid #fff;
  box-shadow: 1px 1px 4px #999;
}
.video-r h3 {
  position: relative;
  letter-spacing: -0.01em;
  padding: 28px 18px 26px;
  margin-left: -18px;
  margin-right: -18px;
  margin-bottom: -60px;
  top: -40px;
  font-size: 14px;
  line-height: 1.2;
  color: #fff;
  background: url(../images/top/bg_title_red.png) 0 0 no-repeat;
  background-size: 100% 68px;
}
.video-r .desc p {
  font-size: 13px;
}

#kanran {
  margin-top: 20px;
  margin-bottom: 52px;
}
#kanran h2 img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
#kanran ul {
  text-align: center;
}
#kanran ul li {
  vertical-align: middle;
  margin: 0 35px;
}
#kanran ul li iframe {
  max-width: 100%;
}
#kanran ul li img {
  max-width: 100%;
}

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

#ticket {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
#ticket h2 {
  text-align: center;
  margin-left: 15px;
  margin-right: 15px;
}
#ticket h2 img {
  max-width: 100%;
}
#ticket .tickets {
  margin-top: -20px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background-color: white;
  padding: 23px 10px;
}
#ticket .tickets > ul {
  text-align: center;
  letter-spacing: -0.35em;
}
#ticket .tickets > ul li {
  letter-spacing: 0;
  padding: 5px 6%;
  vertical-align: top;
  margin-bottom: 10px;
}
#ticket .tickets > ul li:after {
  display: block;
  clear: both;
  content: "";
}
#ticket .tickets > ul li a small {
  display: block;
  line-height: 1.2;
  font-size: 10px;
  margin-bottom: 8px;
  color: #fff;
  font-weight: bold;
  white-space: nowrap;
}
#ticket .tickets > ul li h3 {
  float: left;
  text-align: left;
  margin-bottom: 10px;
  width: 28%;
}
#ticket .tickets > ul li h3 img {
  max-width: 100%;
  width: auto;
  height: auto;
}
#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.dantai {
  background: url(../images/ticket/bg_ticket_dantai.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
#ticket .tickets > ul li.dantai p {
  font-size: 11px;
  line-height: 1;
  color: #000;
}
#ticket .tickets > ul li.dantai .ticket_type {
  margin-top: 0;
  margin-bottom: 6px;
}
#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 .ticket_type {
  margin-top: -4px;
  margin-bottom: 6px;
}
#ticket .tickets .ticket_type {
  width: 68%;
  border-radius: 5px;
  background-color: white;
  margin-left: auto;
  margin-right: auto;
  float: right;
  padding: 4px 10px;
  font-size: 15px;
  line-height: 1;
  margin-top: 3px;
  margin-bottom: 6px;
  width: 180px;
}
#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: 0;
  margin-right: 4px;
  display: inline-block;
  vertical-align: middle;
  font-size: 7px;
  background-color: #969696;
  color: #fff;
  padding: 4px;
  border-radius: 7px;
  letter-spacing: -0.01em;
  width: 40px;
  font-weight: bold;
  margin-bottom: 0 !important;
  margin-top: -1px;
}
#ticket .tickets .ticket_type dd .ichinichi {
  position: relative;
  top: -2px;
  margin-right: 4px;
  display: inline-block;
  vertical-align: middle;
  font-size: 8px;
  background-color: #969696;
  color: #fff;
  padding: 4px;
  border-radius: 7px;
  letter-spacing: -0.01em;
  width: 40px;
  font-weight: bold;
  margin-bottom: 0 !important;
  margin-top: -1px;
}
#ticket .tickets .ticket_type dd + dd {
  margin-top: 3px;
}
#ticket .ticket_btn {
  text-align: center;
  margin-top: 13px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 0;
}
#ticket .ticket_btn p {
  font-size: 11px;
  font-weight: bold;
  text-align: center;
}
#ticket .ticket_single {
  margin-top: 20px;
  margin-left: 10px;
  margin-right: 10px;
}
#ticket .ticket_single > dt {
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  padding-left: 8px;
}
#ticket .ticket_single > dt small {
  margin-top: -3px;
  display: inline-block;
  font-size: 8px;
  margin-left: 8px;
  padding-left: 8px;
  line-height: 15px;
  border-left: 1px solid #fff;
  vertical-align: middle;
}
#ticket .ticket_single > dd {
  padding-bottom: 15px;
}
#ticket .ticket_single > dd .types {
  text-align: center;
  padding: 15px 0 0;
}
#ticket .ticket_single > dd .types dl {
  vertical-align: top;
  display: inline-block;
  background-color: #fff;
  width: 224px;
  border-radius: 24px;
  font-size: 15px;
  padding: 6px 15px 6px;
  margin: 0 25px 3px;
}
#ticket .ticket_single > dd .types dl.double {
  border-radius: 12px;
}
#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: 9px;
  line-height: 1;
  background-color: #747474;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  letter-spacing: -0.01em;
}
#ticket .ticket_table {
  margin-left: 8px;
  margin-right: 8px;
}
#ticket .ticket_table table {
  margin-top: 10px;
}

.recommend-01 {
  background: url(/2016/sp/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: -28px;
}
.recommend-01 figure {
  *zoom: 1;
  padding: 20px 15px 10px;
}
.recommend-01 figure:before, .recommend-01 figure:after {
  content: "";
  display: table;
}
.recommend-01 figure:after {
  clear: both;
}
.recommend-01 figure img {
  float: left;
  width: 120px;
}
.recommend-01 figure figcaption {
  margin-left: 130px;
  background: rgba(255, 255, 255, 0.5);
  padding: 10px 5px 10px;
}
.recommend-01 figure figcaption dl dt {
  font-size: 14px;
  line-height: 1.3;
  font-weight: bold;
  color: #272727;
}
.recommend-01 figure figcaption dl dd {
  font-size: 14px;
  line-height: 1.3;
  color: #272727;
}

.list-pickup {
  margin: -15px -10px -15px;
}
.list-pickup li dl {
  letter-spacing: -0.35em;
  padding: 11px 10px;
  white-space: nowrap;
}
.list-pickup li dl dt {
  width: 32%;
  display: inline-block;
  vertical-align: middle;
  letter-spacing: 0;
  margin-right: 0;
  white-space: normal;
}
.list-pickup li dl dt img {
  max-width: 100%;
}
.list-pickup li dl dd {
  position: relative;
  top: -3px;
  width: 68%;
  padding-left: 10px;
  display: inline-block;
  vertical-align: middle;
  letter-spacing: 0;
  font-size: 15px;
  line-height: 1.3;
  white-space: normal;
  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: -15px -6px 0;
  display: inline-block;
  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;
  width: 33.3%;
  padding: 6px;
  cursor: pointer;
}
.whatdo li div {
  padding-top: 0;
  border-radius: 30px;
  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: 100%;
  height: 30px;
  line-height: 30px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
}
.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: 14px;
  z-index: 10;
}
.whatdo li div span small {
  position: relative;
  font-size: 14px;
}
.whatdo li.active > div {
  width: 100%;
  height: 30px;
  font-size: 14px;
  border-radius: 15px;
}
.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;
}

#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: 10px;
  margin-bottom: 4px;
}
#whatdoList > dl > dt time {
  display: inline-block;
}
#whatdoList > dl > dt > ul {
  margin-left: 10px;
  display: inline-block;
  vertical-align: top;
  letter-spacing: -0.35em;
}
#whatdoList > dl > dt > ul li {
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  padding: 0 1px;
}
#whatdoList > dl > dt > ul span {
  text-align: center;
  position: relative;
  left: -4px;
  top: -1px;
  display: inline-block;
  font-size: 11px;
  line-height: 1;
  padding: 3px 6px;
  border-radius: 7px;
  color: #fff;
  font-weight: bold;
}
#whatdoList > dl > dt > ul span.color-all {
  background-color: #ffad1f;
}
#whatdoList > dl > dt > ul span.color-see {
  background-color: #6fbb67;
}
#whatdoList > dl > dt > ul span.color-meet {
  background-color: #f44a8a;
}
#whatdoList > dl > dt > ul span.color-join {
  background-color: #26afef;
}
#whatdoList > dl > dt > ul span.color-buy {
  background-color: #f7304d;
}
#whatdoList > dl > dt > ul span.color-notgo {
  background-color: #efc10b;
}
#whatdoList > dl > dt > ul span.color-publish {
  background-color: #546bcb;
}
#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: 10px;
  color: #aeadad;
}
#whatdoList > dl > dd p {
  font-size: 14px;
  color: #333;
  line-height: 1.3;
}
#whatdoList > dl > dd a {
  display: block;
  color: #07b58f;
  font-size: 14px;
}
#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: 11px;
}

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

#listMore {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  width: 270px;
  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: 14px;
  -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: 3px;
  background: url(../images/icon/more_arrow_g.png) 0 0 no-repeat;
  background-size: 10px auto;
}
#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;
  background-size: 10px auto;
}
#listMore:hover .arrow {
  background: url(../images/icon/more_arrow_w.png) 0 0 no-repeat;
  background-size: 10px auto;
}

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

ul {
  list-style: none;
}

a {
  color: #e60021;
}