@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html {
  min-width: 100%; }
  @media only screen and (max-width: 1024px) {
    html {
      min-width: 1024px; } }
  @media only screen and (max-width: 640px) {
    html {
      min-width: 100%; } }

.wrap {
  width: 980px;
  margin: 0 auto; }
  @media only screen and (max-width: 640px) {
    .wrap {
      width: 100%; } }

section, artcle {
  width: 100%;
  margin: 0px auto 0;
  padding: 0; }
  @media only screen and (max-width: 640px) {
    section, artcle {
      width: 100%;
      margin: 25px auto 0;
      padding: 0; } }

.pc_only {
  display: block; }
  @media only screen and (max-width: 640px) {
    .pc_only {
      display: none; } }

.smp_only {
  display: none; }
  @media only screen and (max-width: 640px) {
    .smp_only {
      display: block; } }

header.top {
  width: 105px;
  height: 124px;
  display: table;
  vertical-align: middle;
  text-align: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000; }
  @media only screen and (max-width: 640px) {
    header.top {
      position: absolute;
      width: 100%;
      padding-bottom: 3px;
      height: auto; } }
  header.top .jump {
    line-height: 1.0;
    font-size: 9px;
    width: 100%; }
    @media only screen and (max-width: 640px) {
      header.top .jump a {
        margin-top: 0px;
        width: 45%; } }

h1.top {
  width: 105px;
  height: 124px;
  display: table-cell;
  vertical-align: middle;
  text-align: center; }
  @media only screen and (max-width: 640px) {
    h1.top {
      height: auto;
      width: 100%;
      height: 60px;
      padding-top: 5px; } }
  h1.top a {
    line-height: 1; }
  h1.top strong {
    display: none; }
  h1.top img {
    width: 75px; }
    @media only screen and (max-width: 640px) {
      h1.top img {
        width: 70%; } }
  h1.top .days {
    border: 1px solid #fff;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    display: inline-block;
    font-size: 10px;
    padding: 3px 7px; }
    @media only screen and (max-width: 640px) {
      h1.top .days {
        font-size: 8px;
        display: none; } }

@media only screen and (max-width: 640px) {
  div.sele {
    margin: 0 auto;
    width: 100%;
    text-align: center; } }

div.sele p.type {
  font-size: 12px;
  border: 1px solid #fff;
  padding: 0px 6px 0;
  margin-left: 10px;
  margin-top: 4px;
  display: none;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px; }
  @media only screen and (max-width: 640px) {
    div.sele p.type {
      margin: 0 auto;
      display: inline-block;
      min-width: 50%; } }

div.dayssmp {
  font-size: 10px;
  margin-left: 10px;
  padding-top: 5px;
  color: #fff;
  display: none; }
  @media only screen and (max-width: 640px) {
    div.dayssmp {
      display: block;
      text-align: center;
      width: 100%;
      margin-left: 0px; } }

p.jump a {
  font-size: 10px;
  color: #fff;
  text-align: center;
  padding: 2px 4px 2px 17px;
  background: url(../images/arrow.svg) no-repeat 0px center;
  background-size: auto 50%;
  display: none; }
  @media only screen and (max-width: 640px) {
    p.jump a {
      display: inline-block; } }

h2.top {
  font-size: 37px; }
  @media only screen and (max-width: 640px) {
    h2.top {
      font-size: 30px; } }

menu {
  position: relative;
  z-index: 100000; }
  menu .wrap {
    width: 96%;
    margin: 0 auto; }
  menu #sns-top {
    display: block;
    float: right;
    overflow: hidden;
    padding-top: 10px; }
    @media only screen and (max-width: 640px) {
      menu #sns-top {
        display: none; } }
    menu #sns-top > li {
      float: left;
      margin-left: 3px; }
      menu #sns-top > li img {
        width: 35px; }
  menu .pcmenu {
    width: 667px;
    float: left; }
  menu .wrap.pc_only {
    overflow: hidden; }

#submenu {
  z-index: 10000;
  width: 100%;
  background-color: #E2E8EB;
  padding: 10px 0;
  display: none;
  position: absolute;
  margin-top: 0px;
  top: 60px; }

#mainarea {
  width: 100%;
  overflow: hidden;
  min-width: 1024px;
  background: url(../images/visitor_bg.png); }
  @media only screen and (max-width: 1024px) {
    #mainarea {
      width: 100%; } }
  @media only screen and (max-width: 640px) {
    #mainarea {
      min-width: 300px;
      width: 100%; } }
  #mainarea #sliddt {
    float: left;
    background: transparent;
    min-height: 125vh;
    height: 3150px;
    width: 28%;
    position: relative; }
    @media only screen and (max-width: 1024px) {
      #mainarea #sliddt {
        min-height: 300px;
        height: 300px;
        background-size: 100% auto;
        background-position: center center;
        background-attachment: fixed;
        width: 100%; } }
    @media only screen and (max-width: 640px) {
      #mainarea #sliddt {
        min-height: 360px;
        min-width: 300px;
        background-position: center top;
        width: 100%;
        height: auto;
        z-index: 1;
        overflow: hidden; } }
    #mainarea #sliddt .slider_wrap {
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      position: absolute;
      background: rgba(186, 186, 20, 0);
      background-repeat: no-repeat;
      background-size: auto;
      background-position: center center;
      background-attachment: fixed;
      z-index: 100;
      overflow: hidden; }
      @media only screen and (max-width: 640px) {
        #mainarea #sliddt .slider_wrap {
          margin-top: 60px;
          background: transparent; } }
      #mainarea #sliddt .slider_wrap > div.slider_a {
        width: 100%;
        height: 100%;
        text-align: center;
        position: relative;
        background: url("../images/p_top_s.jpg") #2E59A7;
        background-position: left  top;
        background-repeat: no-repeat;
        background-size: auto 130vh;
        background-attachment: fixed; }
        @media only screen and (max-width: 1024px) {
          #mainarea #sliddt .slider_wrap > div.slider_a {
            min-height: 300px;
            height: 300px;
            background-size: 1024px auto;
            background-position: center top 300px;
            background-attachment: fixed;
            width: 100%; } }
        @media only screen and (max-width: 640px) {
          #mainarea #sliddt .slider_wrap > div.slider_a {
            background: url("../images/p_top_s.jpg") #2E59A7;
            background-repeat: no-repeat;
            min-width: 300px;
            background-position: center top 50px;
            background-size: 100% auto;
            width: 100%;
            height: auto;
            z-index: 1;
            background-attachment: fixed; } }
        #mainarea #sliddt .slider_wrap > div.slider_a .comment {
          position: fixed;
          left: 3%;
          bottom: 39%;
          width: 22.5%;
          background: rgba(255, 255, 255, 0.7);
          text-align: left;
          border-radius: 15px;
          -webkit-border-radius: 15px;
          -moz-border-radius: 15px; }
          @media only screen and (max-width: 1024px) {
            #mainarea #sliddt .slider_wrap > div.slider_a .comment {
              position: absolute;
              bottom: auto;
              top: auto;
              bottom: 11px;
              left: 20px;
              width: 35%; } }
          @media only screen and (max-width: 640px) {
            #mainarea #sliddt .slider_wrap > div.slider_a .comment {
              position: absolute;
              bottom: auto;
              top: auto;
              bottom: 11px;
              left: 3%;
              width: 94%; } }
    #mainarea #sliddt .niconickowrap {
      width: 80%;
      height: 100%;
      margin: 0 auto; }
      @media only screen and (max-width: 1024px) {
        #mainarea #sliddt .niconickowrap {
          position: absolute;
          left: auto;
          right: 2%;
          width: 100%;
          height: 250px;
          display: block; } }
  @media only screen and (max-width: 1024px) and (max-width: 640px) {
    #mainarea #sliddt .niconickowrap {
      position: absolute;
      top: auto;
      left: auto;
      right: auto;
      bottom: 0;
      height: 50px; } }
      #mainarea #sliddt .niconickowrap > .niconico {
        position: relative;
        width: 100%;
        height: 100%; }
        @media only screen and (max-width: 1024px) {
          #mainarea #sliddt .niconickowrap > .niconico {
            width: 100%; } }
        @media only screen and (max-width: 640px) {
          #mainarea #sliddt .niconickowrap > .niconico {
            height: 50px;
            display: block; } }
        #mainarea #sliddt .niconickowrap > .niconico .niconico_in {
          position: fixed;
          bottom: 30px;
          width: 22.5%;
          z-index: 3000;
          display: none; }
          @media only screen and (max-width: 1024px) {
            #mainarea #sliddt .niconickowrap > .niconico .niconico_in {
              position: absolute;
              width: 300px;
              right: 35px;
              top: 25px; } }
          @media only screen and (max-width: 640px) {
            #mainarea #sliddt .niconickowrap > .niconico .niconico_in {
              display: none; } }
          #mainarea #sliddt .niconickowrap > .niconico .niconico_in img {
            width: 100%; }
  #mainarea #textarea {
    float: right;
    min-width: 737px;
    width: 72%;
    overflow: hidden; }
    @media only screen and (max-width: 1024px) {
      #mainarea #textarea {
        width: 100%; } }
    @media only screen and (max-width: 640px) {
      #mainarea #textarea {
        min-width: 300px;
        width: 100%; } }
    #mainarea #textarea .texrareawrap {
      margin: 0 auto;
      width: 100%; }
      @media only screen and (max-width: 640px) {
        #mainarea #textarea .texrareawrap {
          width: 100%; } }
    #mainarea #textarea #text_bnr {
      width: 100%;
      overflow: hidden;
      margin: 0 auto;
      padding: 0 2% 0 5%; }
      @media only screen and (max-width: 640px) {
        #mainarea #textarea #text_bnr {
          padding: 0 2% 0 2%;
          min-width: 100px;
          width: 100%; } }
      #mainarea #textarea #text_bnr .leftarea {
        float: left;
        width: 56.25%; }
        @media only screen and (max-width: 640px) {
          #mainarea #textarea #text_bnr .leftarea {
            min-width: 300px;
            width: 100%; } }
      #mainarea #textarea #text_bnr .rigtharea {
        float: left;
        margin-left: 2%;
        width: 38.74%; }
        @media only screen and (max-width: 640px) {
          #mainarea #textarea #text_bnr .rigtharea {
            min-width: 300px;
            width: 100%;
            margin-left: 0%; } }
        #mainarea #textarea #text_bnr .rigtharea .bnrarea {
          width: 300px;
          margin: 0 auto; }
          #mainarea #textarea #text_bnr .rigtharea .bnrarea li:nth-of-type(2), #mainarea #textarea #text_bnr .rigtharea .bnrarea li:nth-of-type(3) {
            margin-top: 10px; }
  #mainarea #snsbox, #mainarea #mediapartner {
    padding: 0 2% 0 5%; }
    @media only screen and (max-width: 640px) {
      #mainarea #snsbox, #mainarea #mediapartner {
        padding: 0 0% 0 0%; } }
  #mainarea #snsbox {
    height: 370px;
    margin: 40px 0 20px;
    overflow: hidden;
    width: 930px; }
    @media only screen and (max-width: 640px) {
      #mainarea #snsbox {
        width: 100%;
        height: auto; } }
    #mainarea #snsbox > dl {
      width: 930px;
      overflow: hidden; }
      @media only screen and (max-width: 640px) {
        #mainarea #snsbox > dl {
          width: 100%; } }
    #mainarea #snsbox iframe {
      max-height: 350px; }
    #mainarea #snsbox dt {
      float: left;
      width: 450px;
      text-align: center; }
      @media only screen and (max-width: 640px) {
        #mainarea #snsbox dt {
          padding: 0px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          width: 100%; } }
      @media only screen and (max-width: 640px) {
        #mainarea #snsbox dt iframe {
          width: 100%; } }
    #mainarea #snsbox dd {
      float: left;
      width: 450px;
      margin-left: 30px;
      text-align: center; }
      @media only screen and (max-width: 640px) {
        #mainarea #snsbox dd {
          padding: 20px;
          margin-left: 0px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          width: 100%; } }
    @media only screen and (max-width: 640px) {
      #mainarea #snsbox .fb {
        width: 100%;
        height: 370px; }
        #mainarea #snsbox .fb iframe {
          width: 80%; } }
    @media only screen and (max-width: 640px) {
      #mainarea #snsbox .twitter {
        width: 100%;
        height: 370px; } }
  #mainarea h2.top {
    font-size: 37px;
    color: #00557f;
    background: url(../images/earth.png) no-repeat 0px center;
    background-size: auto 18px;
    padding-left: 30px;
    margin: 20px auto 0; }
    @media only screen and (max-width: 640px) {
      #mainarea h2.top {
        font-size: 28px; } }

.plugin .day_new {
  background: rgba(255, 255, 255, 0.7);
  padding: 4px; }

.plugin .news_title {
  font-size: 15px; }

.plugin .url a {
  padding: 2px 4px 2px 17px;
  background: url(../images/arrow.svg) no-repeat 0px center;
  background-size: auto 50%;
  color: #e74388; }

.plugin > dl {
  overflow: hidden;
  padding-top: 10px; }
  .plugin > dl > dt {
    width: 30%;
    float: left; }
    .plugin > dl > dt p {
      margin-right: 15px; }
    .plugin > dl > dt img {
      width: 100%; }
  .plugin > dl > dd {
    width: 65%;
    float: left; }

#mediapartner h2.top {
  color: #39007F !important; }

#mediapartner .contentBox {
  overflow: hidden; }
  #mediapartner .contentBox li {
    width: 24%;
    float: left;
    padding: 12px; }
    @media only screen and (max-width: 640px) {
      #mediapartner .contentBox li {
        width: 32%;
        padding: 5px; } }
    #mediapartner .contentBox li a {
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
  #mediapartner .contentBox img {
    width: 100%; }

@media only screen and (max-width: 640px) {
  #mediapartner {
    padding: 0 0% 0 0%;
    width: 95%;
    margin: 0 auto; } }

#newsbox #new .plugin {
  background: #E2E8EB; }

#newsbox #publisher .plugin {
  background: #E7E2EB; }

#newsbox .plugin {
  margin: 0 auto;
  padding: 15px 15px 80px 15px;
  min-height: 230px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px; }
  @media only screen and (max-width: 640px) {
    #newsbox .plugin {
      padding: 15px 15px 15px 15px;
      width: 100%; } }
  #newsbox .plugin dl, #newsbox .plugin dt, #newsbox .plugin dd {
    overflow: hidden; }
  #newsbox .plugin #news_list dd:nth-of-type(2) {
    border-top: 1px #fff dotted; }
  #newsbox .plugin #news_list .pic {
    width: 150px;
    float: left; }
    #newsbox .plugin #news_list .pic img {
      width: 100%;
      padding-right: 10px; }
  #newsbox .plugin #news_list .newstext {
    margin-left: 170px; }
  #newsbox .plugin dt p {
    font-size: 13px;
    font-family: "ud"; }
  #newsbox .plugin dd {
    margin: 10px 0; }
    #newsbox .plugin dd p {
      font-size: 13px; }

#newsbox .more {
  position: absolute;
  background: #5FBAC0;
  border-bottom: 3px solid #00B5C0;
  display: inline-block;
  margin-top: 15px; }
  @media only screen and (max-width: 640px) {
    #newsbox .more {
      position: static;
      width: 100%;
      display: block;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; } }
  #newsbox .more a {
    text-decoration: none;
    color: #fff;
    padding: 6px 20px;
    display: inline-block; }
    @media only screen and (max-width: 640px) {
      #newsbox .more a {
        display: block;
        width: 100%; } }

.fixed-bottom {
  position: fixed; }

.jp > .slides, .en > .slides {
  overflow: hidden;
  background: #00557F;
  color: #fff;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  margin: 10px auto !important;
  padding: 3px 5px !important; }
  .jp > .slides a, .en > .slides a {
    color: #fff;
    font-size: 14px;
    padding-left: 10px;
    display: block;
    background: url(/tgs/2017/public/common/images/listarrow.png) no-repeat right center;
    background-size: auto 20px; }
    @media only screen and (max-width: 640px) {
      .jp > .slides a, .en > .slides a {
        font-size: 11px; } }

.flex-control-nav {
  bottom: -37px !important; }

.flex-direction-nav a {
  display: none !important; }

.moviebox {
  overflow: hidden;
  background: #e74388;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #e74388, #ed7373);
  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#e74388), to(#ed7373));
  background: -webkit-linear-gradient(left, #e74388, #ed7373);
  background: -o-linear-gradient(left, #e74388, #ed7373);
  background: linear-gradient(to right, #e74388, #ed7373);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  margin: 20px auto !important;
  padding: 3px 5px !important; }
  @media only screen and (min-width: 641px) and (max-width: 1023px) {
    .moviebox {
      margin: 0px 0 0 0; } }
  @media only screen and (max-width: 640px) {
    .moviebox {
      margin: 7px auto !important; } }
  .moviebox dl {
    overflow: hidden; }
    .moviebox dl dt {
      width: 170px;
      padding: 0 0px;
      float: left;
      line-height: 0; }
      @media only screen and (max-width: 640px) {
        .moviebox dl dt {
          width: 100%;
          text-align: center; } }
      .moviebox dl dt img {
        width: 100%; }
        @media only screen and (max-width: 640px) {
          .moviebox dl dt img {
            width: 30%; } }
    .moviebox dl dd h5 {
      margin: 36px 0 0 0;
      font-size: 30px;
      color: #fff;
      line-height: 1.2; }
      @media only screen and (min-width: 1024px) and (max-width: 1350px) {
        .moviebox dl dd h5 {
          margin: 20px 0 0 0; } }
      @media only screen and (min-width: 641px) and (max-width: 1023px) {
        .moviebox dl dd h5 {
          margin: 36px 0 0 0; } }
      @media only screen and (max-width: 640px) {
        .moviebox dl dd h5 {
          font-size: 20px;
          text-align: center; } }
    .moviebox dl dd p {
      font-size: 11px;
      color: #fff; }
      @media only screen and (max-width: 640px) {
        .moviebox dl dd p {
          text-align: center; } }

.end .slides {
  font-size: 15px;
  padding: 0 !important;
  color: #00557f; }
  @media only screen and (max-width: 640px) {
    .end .slides {
      margin-top: 30px !important;
      margin-bottom: 30px !important; } }
  .end .slides .l_text {
    font-size: 17px; }
  .end .slides .m_text {
    font-size: 14px; }
  .end .slides .s_text {
    font-size: 12px; }
  .end .slides .r_text {
    color: #e74388; }
  .end .slides li {
    display: none; }
  .end .slides .more {
    background: #5FBAC0;
    border-bottom: 3px solid #00B5C0;
    display: inline-block;
    margin-top: 0px;
    margin-left: 4.5%; }
    @media only screen and (max-width: 640px) {
      .end .slides .more {
        position: static;
        width: 100%;
        display: block;
        margin-left: 0%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; } }
    .end .slides .more a {
      text-decoration: none;
      color: #fff;
      padding: 6px 20px;
      display: inline-block; }
      @media only screen and (max-width: 640px) {
        .end .slides .more a {
          display: block;
          width: 100%; } }
  .end .slides dl {
    width: 100%; }
    @media only screen and (max-width: 640px) {
      .end .slides dl {
        overflow: hidden;
        min-height: 150px; } }
    .end .slides dl dt {
      float: left;
      width: 41.5%;
      min-height: 155px; }
      .end .slides dl dt img {
        width: 100% !important; }
    .end .slides dl dd {
      font-size: 15px;
      margin-left: 46.5%;
      width: 53.5%; }
      .end .slides dl dd.lang_ja {
        font-family: "UD新ゴNT B","UD Shin Go NT bold"; }
      .end .slides dl dd.lang_en {
        font-family: "UD Shin Go NT Light", 'FB Agenda Medium Condensed' , sans-serif; }
      .end .slides dl dd.lang_zh-cn {
        font-family: 'UD Shin Go SC Medium', sans-serif; }
      .end .slides dl dd.lang_zh-tw {
        font-family: 'AR Hei B', sans-serif; }
      .end .slides dl dd.lang_ko {
        font-family: 'UD Shin Go Hangul Medium', sans-serif; }
      .end .slides dl dd .ast {
        font-size: 13px; }
        .end .slides dl dd .ast.lang_ja {
          font-family: "UD Shin Go NT Light","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif; }
        .end .slides dl dd .ast.lang_en {
          font-family: "UD Shin Go NT Light", 'FB Agenda Medium Condensed' , sans-serif; }
        .end .slides dl dd .ast.lang_zh-cn {
          font-family: 'UD Shin Go SC Medium', sans-serif; }
        .end .slides dl dd .ast.lang_zh-tw {
          font-family: 'AR Hei B', sans-serif; }
        .end .slides dl dd .ast.lang_ko {
          font-family: 'UD Shin Go Hangul Medium', sans-serif; }

#block-bd {
  max-width: 450px;
  width: auto;
  margin: 0 auto;
  padding: 0px; }
  @media only screen and (max-width: 640px) {
    #block-bd {
      width: 100%; } }

#submenu-inner {
  margin: 0 22px !important; }

#index .drawer-hamburger {
  display: none !important; }
  @media only screen and (max-width: 640px) {
    #index .drawer-hamburger {
      display: block !important; } }

.child {
  display: none; }

.drawer-nav {
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.drawer-nav > ul > li {
  margin-top: 15px; }

.drawer-nav .toggle {
  background: transparent url("../images/arrow.svg") no-repeat scroll 0 center/auto 50%;
  padding-left: 20px;
  font-size: 16px; }

.drawer-nav .inner li {
  font-size: 13px;
  padding-left: 20px;
  margin-top: 15px; }

.drawer-nav .inner a {
  background: transparent url("../images/arrow.svg") no-repeat scroll 0 center/auto 50%;
  padding-left: 20px; }

.drawer-nav .inner a.b_link {
  background: transparent url("../images/blank.svg") no-repeat scroll 0 center/auto 50%; }

div.auther {
  font-size: 12px;
  color: #e74388;
  padding: 4px 4px 2px 22px;
  background: url(../images/g_arrow.svg) no-repeat 5px center #fff;
  background-size: auto 70%;
  margin-top: 2px;
  margin-right: 15px;
  border-bottom: 2px solid #cccccc; }
  @media only screen and (max-width: 640px) {
    div.auther {
      display: none; } }

.pc_only {
  display: block; }
  @media only screen and (max-width: 640px) {
    .pc_only {
      display: none; } }

.smp_only {
  display: none; }
  @media only screen and (max-width: 640px) {
    .smp_only {
      display: block; } }

#div-gpt-ad-1464164443956-0,
#div-gpt-ad-1464164443956-0_ad_container {
  margin: 0 auto;
  text-align: center;
  display: block; }
  #div-gpt-ad-1464164443956-0 a,
  #div-gpt-ad-1464164443956-0_ad_container a {
    display: block;
    margin: 0 auto;
    text-align: center; }
  #div-gpt-ad-1464164443956-0 iframe,
  #div-gpt-ad-1464164443956-0_ad_container iframe {
    margin: 0 auto;
    display: block; }

#aw0 {
  display: block;
  margin: 0 auto;
  text-align: center; }

.n_link {
  padding: 2px 4px 2px 17px;
  background: url(/tgs/2017/business/common/images/gray_arrow.svg) no-repeat 0px center;
  background-size: auto 50%;
  color: #E74388; }

.b_link {
  padding: 2px 4px 2px 17px;
  background: url(/tgs/2017/business/common/images/gray_blank.svg) no-repeat 0px center;
  background-size: auto 50%;
  color: #E74388; }

.remodal {
  text-align: justify !important; }
  @media only screen and (max-width: 640px) {
    .remodal {
      padding: 10px !important; } }
  .remodal .n_link {
    background-size: auto 18px;
    background-position: left 10px center; }
  .remodal h3 {
    color: #00557f;
    font-size: 22px;
    background: url(/tgs/2017/public/event/images/h3.png) no-repeat 0px center;
    margin-top: 0;
    background-size: 13px;
    border-bottom: none;
    padding-left: 20px; }
  .remodal h4 {
    font-size: 15px;
    font-weight: 500;
    color: #db4380;
    margin-top: 10px; }
    .remodal h4 > span {
      padding-left: 10px;
      font-size: 10px;
      color: #000; }
  @media only screen and (max-width: 640px) {
    .remodal > div:nth-of-type(1) {
      margin-top: 40px; } }
  .remodal > div > p {
    margin-top: 20px;
    font-size: 13px;
    line-height: 1.5; }
    .remodal > div > p img {
      width: 100%; }
  .remodal > div .right {
    width: 100%;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .remodal > div .right > dt {
      width: 70%;
      float: left; }
      @media only screen and (max-width: 640px) {
        .remodal > div .right > dt {
          width: 100%;
          float: none; } }
      .remodal > div .right > dt > h3 {
        font-size: 24px;
        font-weight: 500;
        margin-top: 0; }
    .remodal > div .right > dd {
      width: 12%;
      float: left;
      padding-top: 5px; }
      @media only screen and (max-width: 640px) {
        .remodal > div .right > dd {
          width: 100px;
          float: none;
          margin-left: 20px; } }
      .remodal > div .right > dd > p {
        font-size: 11px;
        font-weight: 500;
        background-color: #4f4552;
        color: #fff;
        text-align: center;
        padding-bottom: 1px; }

.remo-dl-bottom {
  display: block;
  overflow: hidden;
  width: 100%;
  margin-top: 10px;
  background-color: #e4edf1;
  padding: 10px; }
  .remo-dl-bottom .remo-dl-img {
    margin-top: 0; }
  .remo-dl-bottom > dt {
    font-size: 11px;
    font-weight: 500;
    color: #000; }
  .remo-dl-bottom > dd {
    font-size: 11px;
    color: #000; }
    .remo-dl-bottom > dd > p {
      line-height: 1.5; }
      .remo-dl-bottom > dd > p > a {
        background-color: #fff;
        width: 126px;
        display: inline-block;
        font-size: 12px;
        border-bottom: 2px solid #c0c0c0;
        margin-top: 10px;
        padding-left: 30px; }

.remo-dl-img {
  width: 100%;
  display: block;
  overflow: hidden;
  margin-top: 20px; }
  .remo-dl-img > dt {
    float: left;
    width: 58%; }
    @media only screen and (max-width: 640px) {
      .remo-dl-img > dt {
        width: 100%; } }
    .remo-dl-img > dt > p {
      font-size: 15px;
      line-height: 1.5; }
    .remo-dl-img > dt > p:nth-of-type(1) {
      margin-top: 0; }
  .remo-dl-img > dd {
    float: left;
    width: 38%;
    margin-left: 20px; }
    @media only screen and (max-width: 640px) {
      .remo-dl-img > dd {
        width: 100%;
        margin-left: 0; } }
    .remo-dl-img > dd img {
      width: 100%; }

.remo-dl-img.ex {
  width: 80%;
  margin: 20px auto 0;
  line-height: 1;
  text-align: center; }
  @media only screen and (max-width: 640px) {
    .remo-dl-img.ex {
      width: 100%; } }
  .remo-dl-img.ex a {
    background-color: #4f4552;
    display: block;
    width: 273px;
    height: 56px;
    padding: 10px 27px; }
  .remo-dl-img.ex p {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    color: #fff; }
  .remo-dl-img.ex > dt {
    width: 48%; }
    @media only screen and (max-width: 640px) {
      .remo-dl-img.ex > dt {
        width: 100%; } }
  .remo-dl-img.ex > dd {
    width: 48%; }
    @media only screen and (max-width: 640px) {
      .remo-dl-img.ex > dd {
        width: 100%;
        margin-top: 10px; } }

.remo-dl-img.ex2 dt {
  width: 78%; }
  @media only screen and (max-width: 640px) {
    .remo-dl-img.ex2 dt {
      width: 100%; } }

.remo-dl-img.ex2 dd {
  width: 18%; }
  @media only screen and (max-width: 640px) {
    .remo-dl-img.ex2 dd {
      width: 100%; } }

.remo-dl-img.ex3 dt {
  width: 48%; }
  .remo-dl-img.ex3 dt img {
    width: 100%; }
  @media only screen and (max-width: 640px) {
    .remo-dl-img.ex3 dt {
      width: 100%; } }

.remo-dl-img.ex3 dd {
  width: 48%;
  margin-left: 10px; }
  .remo-dl-img.ex3 dd img {
    width: 100%; }
  @media only screen and (max-width: 640px) {
    .remo-dl-img.ex3 dd {
      width: 100%;
      margin-top: 10px;
      margin-left: 0; } }

.remo-dl-img.ex4 {
  background-color: #E4EDF1;
  padding: 10px; }
  .remo-dl-img.ex4 .remo-dl-bottom {
    padding: 0;
    margin-top: 0; }
  .remo-dl-img.ex4 > dd {
    width: 39.1%; }
    @media only screen and (max-width: 640px) {
      .remo-dl-img.ex4 > dd {
        margin-top: 10px;
        width: 100%; } }

.remo-tab {
  overflow: hidden;
  margin-bottom: -2px;
  margin-top: 10px; }

.remo-tab li {
  background: #999;
  padding: 5px 25px;
  float: left;
  font-weight: 500;
  color: #fff;
  border-top: 2px solid #7d7d7d;
  border-right: 2px solid #7d7d7d; }
  @media only screen and (max-width: 640px) {
    .remo-tab li {
      padding: 5px; } }
  .remo-tab li > p {
    font-size: 14px; }
    @media only screen and (max-width: 640px) {
      .remo-tab li > p {
        font-size: 9px; } }

.remo-tab li:nth-of-type(1) {
  margin-left: 10px;
  border-left: 2px solid #7d7d7d; }
  @media only screen and (max-width: 640px) {
    .remo-tab li:nth-of-type(1) {
      margin-left: 0; } }

.remo-tab li.remo-select {
  background: #f0f5f7;
  color: #db4380; }

.remo-content {
  border: 2px solid #7d7d7d; }

.remo-content li {
  background: #f0f5f7;
  padding: 10px 20px; }
  @media only screen and (max-width: 640px) {
    .remo-content li {
      padding: 5px; } }
  .remo-content li > dl {
    width: 100%;
    display: block;
    overflow: hidden;
    border-bottom: 2px solid #fff;
    color: #000;
    padding: 10px; }
    .remo-content li > dl > dt {
      width: 20%;
      float: left; }
      @media only screen and (max-width: 640px) {
        .remo-content li > dl > dt {
          width: 100%;
          float: none; } }
    .remo-content li > dl > dd {
      width: 79.9%;
      float: left; }
      @media only screen and (max-width: 640px) {
        .remo-content li > dl > dd {
          width: 100%;
          float: none;
          margin-top: 5px; } }
  .remo-content li > dl:nth-last-of-type(1) {
    border-bottom: none; }

.remo-hide {
  display: none; }

.remo-line {
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 92%, #e74388 93%, #e74388 98%, #ffffff 93%);
  background: -webkit-linear-gradient(top, #ffffff 92%, #e74388 93%, #e74388 98%, #ffffff 93%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(92%, #ffffff), color-stop(93%, #e74388), color-stop(98%, #e74388), color-stop(93%, #ffffff));
  background: -o-linear-gradient(top, #ffffff 92%, #e74388 93%, #e74388 98%, #ffffff 93%);
  background: linear-gradient(to bottom, #ffffff 92%, #e74388 93%, #e74388 98%, #ffffff 93%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); }

.remo-red {
  color: #E74388; }