@charset "UTF-8";
@import url("normalize.css");
/* **************************************************

  layout

***************************************************** */
/* ==================================================

common
01:
02: link

#header
01: #header
02: h1
03: #nav

#footer
01: #footer-link
02: #link
03: #footer-link-sab
04: #copy

===================================================== */
/* ----------------------------------------------------------------------------------

common

---------------------------------------------------------------------------------- */
body {
  background: #EEEEEE;
  font: 14px Meiryo,'メイリオ','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','MS PGothic','Lucida Grande',Verdana,sans-serif;
  color: #333333;
  _display: inline;
  _zoom: 1;
  margin: 0;
  padding: 0; }

/* 02: link
================================================================================== */
a {
  color: #333333;
  text-decoration: none; }
  a:hover {
    color: #1588D8;
    text-decoration: underline;
    opacity: 0.7;
    filter: alpha(opacity=70); }

.link-box:hover,
.link-box:hover img,
.link-box-blank:hover,
.link-box-blank:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70); }

/* ----------------------------------------------------------------------------------

#header

---------------------------------------------------------------------------------- */
#header {
  background: #FFF;
  padding: 10px 0 0; }
  #header .h-logo #logo .logoPC,
  #header #navbar #navbox .logoSP {
    font-size: 86%;
    line-height: 1.4em; }
    #header .h-logo #logo .logoPC img.tfx,
    #header #navbar #navbox .logoSP img.tfx {
      margin-right: 20px;
      margin-left: 10px; }
    #header .h-logo #logo .logoPC a,
    #header #navbar #navbox .logoSP a {
      text-decoration: none; }
      #header .h-logo #logo .logoPC a:hover,
      #header #navbar #navbox .logoSP a:hover {
        color: #000; }
    @media (max-width: 767px) {
      #header .h-logo #logo .logoPC,
      #header #navbar #navbox .logoSP {
        display: flex;
        width: 80%; } }
    @media (max-width: 375px) {
      #header .h-logo #logo .logoPC,
      #header #navbar #navbox .logoSP {
        margin-top: -3px; } }
  #header .h-logo {
    padding: 0px 15px 15px; }
    @media (max-width: 767px) {
      #header .h-logo .navmenu {
        position: fixed;
        right: 0;
        z-index: 500;
        cursor: pointer; }
        #header .h-logo .navmenu:hover {
          opacity: 0.7; } }
    @media (max-width: 767px) {
      #header .h-logo #logo {
        height: 40px; } }
    @media (max-width: 767px) {
      #header .h-logo #logo .logoPC {
        position: fixed;
        margin-top: 10px;
        z-index: 50; }
        #header .h-logo #logo .logoPC.visi {
          display: block;
          opacity: 1;
          transition-duration: .1s;
          z-index: 80; }
        #header .h-logo #logo .logoPC.hidd {
          display: none;
          opacity: 0;
          transition-duration: .1s; } }
    @media (max-width: 375px) {
      #header .h-logo #logo .logoPC img.tfx {
        margin-right: 40px; } }
  #header #navbar {
    width: 100%;
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    z-index: 50; }
    @media (min-width: 768px) {
      #header #navbar.is-fixed {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
        background: #FFF; } }
    @media (max-width: 767px) {
      #header #navbar.off #navbox {
        display: none;
        top: 0;
        opacity: 0;
        margin-top: 0px;
        padding-top: 0px; }
        #header #navbar.off #navbox .navlist {
          margin-top: -200px;
          transition-duration: .5s; }
      #header #navbar.on #navbox {
        display: block;
        opacity: 1;
        top: 0px;
        margin-top: -75px;
        padding-top: 150px; }
        #header #navbar.on #navbox .navlist {
          margin-top: 0px;
          transition-duration: .5s; } }
    @media (min-width: 768px) {
      #header #navbar #navbox .logoSP {
        display: none; } }
    @media (max-width: 767px) {
      #header #navbar #navbox {
        position: fixed;
        left: 0;
        top: 60px;
        width: 100%;
        z-index: 20;
        background: #FFF; }
        #header #navbar #navbox .logoSP {
          padding: 10px 15px 14px; }
        #header #navbar #navbox.hidd {
          margin-top: -75px;
          padding-top: 150px; }
          #header #navbar #navbox.hidd .logoSP {
            display: none; }
        #header #navbar #navbox.visi {
          margin-top: 0px;
          padding-top: 0px; }
          #header #navbar #navbox.visi .logoSP {
            display: block; } }
    @media (min-width: 768px) {
      #header #navbar #navbox .row .col-xs-offset-4 {
        margin-left: 0; }
      #header #navbar #navbox .row .lineup a {
        letter-spacing: -0.075em; } }
    #header #navbar #navbox .row > div {
      padding: 0;
      text-align: center;
      font-size: 108%; }
      @media (max-width: 991px) and (min-width: 768px) {
        #header #navbar #navbox .row > div {
          font-size: 93%; } }
      @media (max-width: 767px) {
        #header #navbar #navbox .row > div {
          font-size: 100%; } }
      #header #navbar #navbox .row > div a {
        display: block;
        position: relative;
        z-index: 0;
        padding: 10px 0;
        white-space: nowrap; }
        @media (max-width: 767px) {
          #header #navbar #navbox .row > div a {
            padding: 10px 0; } }
        #header #navbar #navbox .row > div a:hover {
          background: #eee;
          text-decoration: none; }
      #header #navbar #navbox .row > div.contact a {
        background: #000;
        color: #FFF; }
  @media (min-width: 767px) {
    #header .navtoggle {
      display: none; } }
  @media (max-width: 767px) {
    #header .navtoggle {
      display: block;
      position: relative;
      float: right;
      padding: 9px 10px;
      margin-top: 8px;
      margin-right: 15px;
      margin-bottom: 8px;
      background: #000;
      border-radius: 4px;
      box-shadow: 0px 0px 8px -2px #eeeeee;
      width: 46px;
      height: 40px;
      border: none; }
      #header .navtoggle .icon-bar {
        margin-top: 4px;
        width: 22px;
        height: 2px;
        border-radius: 1px;
        background: #FFF; }
      #header .navtoggle.off .icon-bar {
        display: block;
        transition-duration: .5s; }
      #header .navtoggle.on .icon-bar {
        display: block; }
        #header .navtoggle.on .icon-bar:nth-of-type(2) {
          margin-top: 0px;
          transform-origin: 50% 50%;
          transform: rotate(-45deg);
          transition-duration: .5s; }
        #header .navtoggle.on .icon-bar:nth-of-type(3) {
          display: none; }
        #header .navtoggle.on .icon-bar:last-of-type {
          margin-top: 0px;
          transform-origin: 58% 42%;
          transform: rotate(45deg);
          transition-duration: .5s; } }
  @media (max-width: 767px) and (min-width: 392px) {
    #header .navtoggle {
      margin-top: 0px;
      margin-bottom: 20px; } }

.current {
  background: #eee; }

/* ----------------------------------------------------------------------------------

#contents

---------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------

#main

---------------------------------------------------------------------------------- */
#main {
  background: url(/wp-content/uploads/prev/tfx/main_bg_img.png) no-repeat left -50px #000;
  margin: 0;
  padding: 0;
  /* 01:h1
  ================================================================================== */ }
  @media (min-width: 1200px) {
    #main {
      background-size: 100%; } }
  @media (min-width: 993px) and (max-width: 1199px) {
    #main {
      background-size: auto 110%; } }
  #main .main-box {
    background: url(/wp-content/uploads/prev/tfx/main_bg.png);
    color: #FFF;
    padding: 80px 0; }
    @media (max-width: 992px) {
      #main .main-box {
        padding: 50px 0; } }
    #main .main-box .img {
      padding-top: 15px;
      padding-bottom: 15px; }
      @media (max-width: 992px) {
        #main .main-box .img img {
          margin: 0 auto;
          width: 80%; } }
    #main .main-box .txt {
      padding-top: 15px;
      padding-bottom: 15px; }
      #main .main-box .txt h1 {
        margin: 0 0 70px;
        padding: 0; }
        @media (max-width: 992px) {
          #main .main-box .txt h1 {
            margin-top: 40px;
            width: 80%; } }
        @media (max-width: 767px) {
          #main .main-box .txt h1 {
            width: 100%;
            margin-top: 20px;
            margin-bottom: 20px; } }
      #main .main-box .txt h2 {
        font-size: 158%;
        text-align: center;
        line-height: 1.5em;
        margin: 0 0 30px;
        padding: 0;
        text-shadow: 0px 0px 20px #055d3e;
        -ms-filter: "progid:DXImageTransform.Microsoft.Glow(Color=#ff055d3e,Strength=21)";
        zoom: 1;
        filter: progid:DXImageTransform.Microsoft.Glow(Color=#ff055d3e,Strength=21); }
        @media (max-width: 767px) {
          #main .main-box .txt h2 {
            font-size: 129%; } }
      #main .main-box .txt p {
        font-size: 115%;
        margin-bottom: 40px;
        text-shadow: 0px 0px 20px #055d3e;
        -ms-filter: "progid:DXImageTransform.Microsoft.Glow(Color=#ff055d3e,Strength=21)";
        zoom: 1;
        filter: progid:DXImageTransform.Microsoft.Glow(Color=#ff055d3e,Strength=21); }
    #main .main-box .camp:hover img {
      opacity: 0.7; }
    #main .main-box .social {
      list-style: none;
      margin: 0 auto;
      overflow: hidden;
      padding: 0;
      position: relative;
      text-align: center;
      width: 200px;
      z-index: 5; }
      #main .main-box .social li {
        float: left;
        margin-right: 10px;
        border: 1px solid #FFF; }
        #main .main-box .social li#twitter a {
          display: block;
          width: 0;
          height: 0;
          background: url(/wp-content/uploads/prev/tfx/btn_twitter.png) no-repeat top left;
          padding: 40px 40px 0 0;
          overflow: hidden; }
        #main .main-box .social li:last-child {
          margin-right: 0; }
  #main #release {
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 3px;
    margin-top: 30px;
    position: relative; }
    #main #release h1 {
      background: url(/wp-content/uploads/prev/tfx/release_h_bg.png) no-repeat top right #DB801D;
      padding: 10px;
      margin-bottom: 0;
      font-size: 172%;
      line-height: 1.3em;
      text-align: center; }
      @media (max-width: 767px) {
        #main #release h1 {
          padding: 25px 10px 5px;
          font-size: 115%; } }
      #main #release h1 img {
        position: absolute;
        top: -10px;
        left: -10px; }
        @media (max-width: 767px) {
          #main #release h1 img {
            top: -20px;
            left: -20px;
            width: 180px;
            height: auto; } }
    #main #release .release-box {
      padding: 30px; }
      @media (max-width: 767px) {
        #main #release .release-box {
          padding: 15px; } }
      #main #release .release-box h2 {
        color: #DB6D1E;
        font-weight: bold;
        font-size: 143% !important;
        margin: 0 0 15px; }
        @media (max-width: 767px) {
          #main #release .release-box h2 {
            font-size: 122% !important;
            margin-bottom: 10px;
            text-align: center; } }
        #main #release .release-box h2 img {
          margin-right: 5px;
          vertical-align: middle; }
      #main #release .release-box p {
        color: #333; }
        @media (max-width: 767px) {
          #main #release .release-box p {
            font-size: 93%; } }

/* ----------------------------------------------------------------------------------

:::: common parts :::

---------------------------------------------------------------------------------- */
.box-type01 {
  background: #F6F6F6;
  opacity: 0.8;
  padding: 15px 20px;
  color: #FFF; }

.section-box {
  padding: 60px 0 0;
  position: relative;
  overflow: hidden; }
  .section-box:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: -10px auto 0;
    width: 80%;
    height: 20px;
    background: radial-gradient(#AAA, transparent 70%); }
  @media (max-width: 767px) {
    .section-box {
      padding: 30px 0 0; }
      .section-box:before {
        margin: -5px auto 0;
        width: 90%;
        height: 10px; } }

.h-type1 {
  color: #FFF;
  font-size: 300%;
  line-height: 1.2em;
  margin: 0 0 40px;
  padding: 0; }

.h-type2 {
  font-size: 214%;
  font-weight: bold;
  margin-bottom: 30px;
  color: #333;
  text-align: center; }

.h-type3 {
  font-size: 214%;
  font-weight: bold;
  position: relative;
  margin-bottom: 30px;
  color: #333; }
  .h-type3:before {
    content: '';
    position: absolute;
    bottom: -7px;
    display: inline-block;
    width: 60%;
    height: 3px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    border-radius: 2px; }

.h-type4 {
  font-size: 179%;
  color: #333;
  margin: 0 0 20px;
  text-align: center; }
  .h-type4 span {
    display: inline-block;
    margin: 0 auto;
    padding: 6px 25px 5px;
    border-bottom: #333 1px solid; }

.h-type5 {
  font-size: 179%;
  font-weight: bold;
  margin: 0 auto 20px 0;
  display: inline-block;
  color: #333;
  position: relative;
  padding-left: 25px; }
  .h-type5:before {
    position: absolute;
    content: '';
    top: 5px;
    left: 0;
    width: 0;
    height: 0;
    border-top: solid 15px #333;
    border-right: solid 10px transparent;
    border-left: solid 10px transparent;
    transform: rotate(-90deg); }
  @media (max-width: 767px) {
    .h-type5 {
      font-size: 129%;
      padding-left: 18px; }
      .h-type5:before {
        top: 3px;
        border-top: solid 12px #333;
        border-right: solid 7px transparent;
        border-left: solid 7px transparent; } }

.button01 a {
  background: url("/wp-content/uploads/prev/tfx/i_btn.gif") no-repeat right bottom #EC4150;
  color: #FFF;
  display: block;
  font-weight: bold;
  font-size: 179%;
  padding: 20px;
  text-align: center;
  position: relative; }
  .button01 a:hover {
    text-decoration: none;
    opacity: 0.7; }

.movie {
  width: 100%; }
  .movie .video-iframe {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    overflow: hidden; }
    .movie .video-iframe iframe {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 100%;
      margin: 0 auto; }

/* ----------------------------------------------------------------------------------

#detail

---------------------------------------------------------------------------------- */
#detail {
  /* 01:ナビゲーション
  ================================================================================== */
  /* 02: スライド
  ================================================================================== */
  /* 06: #navbar（lg)
  ================================================================================== */ }
  #detail #nav-detail {
    text-align: center; }
    #detail #nav-detail ul {
      margin: -40px 0 0;
      overflow: hidden;
      padding: 0;
      list-style: none;
      /* 02: ナビ共通
      ================================================================================== */ }
      #detail #nav-detail ul li {
        /* 03: Point1
        ================================================================================== */
        /* 04: Point2
        ================================================================================== */
        /* 05: Point3
        ================================================================================== */
        /* 06: Point4
        ================================================================================== */
        /* 06: Point5
        ================================================================================== */
        /* 06: Point6
        ================================================================================== */
        /* 07: リンク設定
        ================================================================================== */
        /* 08: #main（sm)
        ================================================================================== */
        /* 09: #main（sm)
        ================================================================================== */ }
        #detail #nav-detail ul li .box-point {
          background: #FFF;
          display: block;
          min-height: 160px;
          margin-top: 10px;
          padding: 15px;
          position: relative;
          text-align: center; }
          #detail #nav-detail ul li .box-point .title {
            background: #FFF;
            display: block;
            font-size: 175%;
            line-height: 1em;
            margin: 0 auto 10px;
            padding: 5px;
            width: 110px; }
          #detail #nav-detail ul li .box-point .text.comson {
            padding: 15px 0;
            display: block; }
          #detail #nav-detail ul li .box-point .update {
            top: -10px;
            right: -10px;
            position: absolute; }
        #detail #nav-detail ul li .point1 {
          color: #0B7DAD; }
          #detail #nav-detail ul li .point1.active {
            background: #0B7DAD; }
            #detail #nav-detail ul li .point1.active .title {
              color: #0B7DAD; }
            #detail #nav-detail ul li .point1.active .text {
              color: #FFF; }
        #detail #nav-detail ul li .point2 {
          color: #7D41A1; }
          #detail #nav-detail ul li .point2.active {
            background: #7D41A1; }
            #detail #nav-detail ul li .point2.active .title {
              color: #7D41A1; }
            #detail #nav-detail ul li .point2.active .text {
              color: #FFF; }
        #detail #nav-detail ul li .point3 {
          color: #D86C00; }
          #detail #nav-detail ul li .point3.active {
            background: #D86C00; }
            #detail #nav-detail ul li .point3.active .title {
              color: #D86C00; }
            #detail #nav-detail ul li .point3.active .text {
              color: #FFF; }
        #detail #nav-detail ul li .point4 {
          color: #59B200; }
          #detail #nav-detail ul li .point4.active {
            background: #59B200; }
            #detail #nav-detail ul li .point4.active .title {
              color: #59B200; }
            #detail #nav-detail ul li .point4.active .text {
              color: #FFF; }
        #detail #nav-detail ul li .point5 {
          color: #BC3915; }
          #detail #nav-detail ul li .point5.active {
            background: #BC3915; }
            #detail #nav-detail ul li .point5.active .title {
              color: #BC3915; }
            #detail #nav-detail ul li .point5.active .text {
              color: #FFF; }
        #detail #nav-detail ul li .point6 {
          color: #EC2B5B; }
          #detail #nav-detail ul li .point6.active {
            background: #EC2B5B; }
            #detail #nav-detail ul li .point6.active .title {
              color: #EC2B5B; }
            #detail #nav-detail ul li .point6.active .text {
              color: #FFF; }
        #detail #nav-detail ul li a:hover,
        #detail #nav-detail ul li a:visited,
        #detail #nav-detail ul li a:active,
        #detail #nav-detail ul li a:link {
          text-decoration: none; }
        @media (max-width: 991px) {
          #detail #nav-detail ul li {
            margin-bottom: 30px; } }
        @media (max-width: 767px) {
          #detail #nav-detail ul li {
            margin-bottom: 10px; } }
    #detail #nav-detail #detail-arrow {
      padding: 55px 0; }
  #detail #point {
    background: #222;
    height: 555px;
    width: 100%;
    /* 02: .swiper-container（md)
    ================================================================================== */
    /* 02: .swiper-container（sm)
    ================================================================================== */
    /* 06:.swiper-container（xs)
    ================================================================================== */
    /* 03: .swiper-wrapper（lg)
    ================================================================================== */
    /* ●POINT移動のマーク　*/ }
    @media (min-width: 992px) and (max-width: 1280px) {
      #detail #point {
        height: 430px; }
        #detail #point .swiper-container {
          width: 100%;
          max-width: 992px;
          height: 100%; } }
    @media (max-width: 991px) {
      #detail #point {
        height: 336px; }
        #detail #point .swiper-container {
          width: 100%;
          max-width: 767px;
          height: 100%; } }
    @media (max-width: 767px) {
      #detail #point {
        background: none;
        height: 467px; }
        #detail #point img {
          width: auto;
          height: 432px; }
        #detail #point .swiper-slide {
          padding-top: 10px;
          padding-bottom: 15px; }
        #detail #point .swiper-container {
          width: 100%; } }
    @media (max-width: 375px) {
      #detail #point {
        min-height: 405px; } }
    @media (max-width: 314px) {
      #detail #point {
        min-height: 340px; } }
    #detail #point .swiper-wrapper .swiper-slide {
      overflow: hidden;
      /* ページ・ネーション
      =========================================================================================================================================== */
      /* ページャー
      =========================================================================================================================================== */
      /* 04: スライド（xs)
      ================================================================================== */
      /* 04: スライド（md)
      ================================================================================== */
      /* 05: スライド（sm)
      ================================================================================== */
      /* 06: スライド（xs)
      ================================================================================== */
      /* Point.1
      ================================================================================== */ }
      #detail #point .swiper-wrapper .swiper-slide .btn-swiper {
        font-size: 110%;
        margin: auto;
        left: 0;
        right: 0;
        position: absolute;
        text-align: center;
        width: 150px;
        z-index: 10000; }
        @media (max-width: 991px) {
          #detail #point .swiper-wrapper .swiper-slide .btn-swiper {
            font-size: 100%; } }
        #detail #point .swiper-wrapper .swiper-slide .btn-swiper a {
          background: url(/wp-content/uploads/prev/tfx/btn_arrow04.png) no-repeat 25px center #000;
          display: block;
          padding: 5px 15px 5px 30px;
          -moz-border-radius: 30px;
          -webkit-border-radius: 30px;
          border-radius: 30px;
          opacity: 0.6;
          filter: alpha(opacity=60);
          -ms-filter: "alpha(opacity=60)"; }
          @media (max-width: 991px) {
            #detail #point .swiper-wrapper .swiper-slide .btn-swiper a {
              padding: 3px 15px 3px 30px; } }
          #detail #point .swiper-wrapper .swiper-slide .btn-swiper a:hover {
            color: #FFF !important;
            text-decoration: none; }
        #detail #point .swiper-wrapper .swiper-slide .btn-swiper.next {
          bottom: 10px; }
          @media (max-width: 767px) {
            #detail #point .swiper-wrapper .swiper-slide .btn-swiper.next {
              bottom: 0; } }
          #detail #point .swiper-wrapper .swiper-slide .btn-swiper.next a:hover {
            background: url(/wp-content/uploads/prev/tfx/btn_arrow04.png) no-repeat 25px center #000; }
        #detail #point .swiper-wrapper .swiper-slide .btn-swiper.back {
          top: 10px; }
          @media (max-width: 767px) {
            #detail #point .swiper-wrapper .swiper-slide .btn-swiper.back {
              top: 0; } }
          #detail #point .swiper-wrapper .swiper-slide .btn-swiper.back a:hover {
            background: url(/wp-content/uploads/prev/tfx/btn_arrow05.png) no-repeat 25px center #000; }
        #detail #point .swiper-wrapper .swiper-slide .btn-swiper.point1 a {
          background: url(/wp-content/uploads/prev/tfx/btn_arrow_point1.gif) no-repeat 25px center #FFF;
          color: #0B7DAD; }
          #detail #point .swiper-wrapper .swiper-slide .btn-swiper.point1 a:hover {
            background-color: #0B7DAD; }
        #detail #point .swiper-wrapper .swiper-slide .btn-swiper.point1.back a {
          background: url(/wp-content/uploads/prev/tfx/btn_arrow_point1_b.gif) no-repeat 25px center #FFF;
          color: #0B7DAD; }
          #detail #point .swiper-wrapper .swiper-slide .btn-swiper.point1.back a:hover {
            background: url(/wp-content/uploads/prev/tfx/btn_arrow05.png) no-repeat 25px center #0B7DAD; }
        #detail #point .swiper-wrapper .swiper-slide .btn-swiper.point2 a {
          background: url(/wp-content/uploads/prev/tfx/btn_arrow_point2.gif) no-repeat 25px center #FFF;
          color: #7D41A1; }
          #detail #point .swiper-wrapper .swiper-slide .btn-swiper.point2 a:hover {
            background-color: #7D41A1; }
        #detail #point .swiper-wrapper .swiper-slide .btn-swiper.point2.back a {
          background: url(/wp-content/uploads/prev/tfx/btn_arrow_point2_b.gif) no-repeat 25px center #FFF;
          color: #7D41A1; }
          #detail #point .swiper-wrapper .swiper-slide .btn-swiper.point2.back a:hover {
            background: url(/wp-content/uploads/prev/tfx/btn_arrow05.png) no-repeat 25px center #7D41A1; }
        #detail #point .swiper-wrapper .swiper-slide .btn-swiper.point3 a {
          background: url(/wp-content/uploads/prev/tfx/btn_arrow_point3.gif) no-repeat 25px center #FFF;
          color: #D86C00; }
          #detail #point .swiper-wrapper .swiper-slide .btn-swiper.point3 a:hover {
            background-color: #D86C00; }
        #detail #point .swiper-wrapper .swiper-slide .btn-swiper.point3.back a {
          background: url(/wp-content/uploads/prev/tfx/btn_arrow_point3_b.gif) no-repeat 25px center #FFF;
          color: #D86C00; }
          #detail #point .swiper-wrapper .swiper-slide .btn-swiper.point3.back a:hover {
            background: url(/wp-content/uploads/prev/tfx/btn_arrow05.png) no-repeat 25px center #D86C00; }
        #detail #point .swiper-wrapper .swiper-slide .btn-swiper.point4 a {
          background: url(/wp-content/uploads/prev/tfx/btn_arrow_point4.gif) no-repeat 25px center #FFF;
          color: #59B200; }
          #detail #point .swiper-wrapper .swiper-slide .btn-swiper.point4 a:hover {
            background-color: #59B200; }
        #detail #point .swiper-wrapper .swiper-slide .btn-swiper.point4.back a {
          background: url(/wp-content/uploads/prev/tfx/btn_arrow_point4_b.gif) no-repeat 25px center #FFF;
          color: #59B200; }
          #detail #point .swiper-wrapper .swiper-slide .btn-swiper.point4.back a:hover {
            background: url(/wp-content/uploads/prev/tfx/btn_arrow05.png) no-repeat 25px center #59B200; }
      #detail #point .swiper-wrapper .swiper-slide .description {
        color: #FFF;
        /*float: left;*/
        /*width: 500px;*/ }
        #detail #point .swiper-wrapper .swiper-slide .description h1 {
          font-size: 280%;
          line-height: 1.3em;
          margin: 0 0 20px;
          padding: 0; }
        #detail #point .swiper-wrapper .swiper-slide .description p {
          font-size: 143%;
          margin: 0;
          padding: 0; }
      #detail #point .swiper-wrapper .swiper-slide .name {
        color: #FFF;
        font-size: 179%;
        margin: 0 0 20px;
        padding: 0;
        /* ●ページ移動のマーク POINT 1　*/ }
        #detail #point .swiper-wrapper .swiper-slide .name .swiper-pagination-v1,
        #detail #point .swiper-wrapper .swiper-slide .name .swiper-pagination-v2,
        #detail #point .swiper-wrapper .swiper-slide .name .swiper-pagination-v3,
        #detail #point .swiper-wrapper .swiper-slide .name .swiper-pagination-v4 {
          margin-right: 5px;
          height: 20px;
          width: 80px;
          display: inline;
          /*transform: translate3d(10px, 0px, 0px) !important;*/
          /*transition: all 0.3s ease 0s;*/ }
        #detail #point .swiper-wrapper .swiper-slide .name .swiper-pagination-bullet {
          background: #FFF;
          margin-right: 5px;
          border-radius: 0; }
      #detail #point .swiper-wrapper .swiper-slide .swiper-pagination-bullet {
        opacity: 1;
        background: rgba(0, 0, 0, 0.4); }
      #detail #point .swiper-wrapper .swiper-slide .swiper-pagination-v1 {
        bottom: 60px; }
        #detail #point .swiper-wrapper .swiper-slide .swiper-pagination-v1 .swiper-pagination-bullet-active {
          background: #0B73A0; }
      #detail #point .swiper-wrapper .swiper-slide .swiper-pagination-v2 {
        bottom: 60px; }
        #detail #point .swiper-wrapper .swiper-slide .swiper-pagination-v2 .swiper-pagination-bullet-active {
          background: #7D42A2; }
      #detail #point .swiper-wrapper .swiper-slide .swiper-pagination-v3 {
        bottom: 60px; }
        #detail #point .swiper-wrapper .swiper-slide .swiper-pagination-v3 .swiper-pagination-bullet-active {
          background: #FF7F00; }
      #detail #point .swiper-wrapper .swiper-slide .swiper-pagination-v4 {
        bottom: 20px; }
        #detail #point .swiper-wrapper .swiper-slide .swiper-pagination-v4 .swiper-pagination-bullet-active {
          background: #59B200; }
      @media (max-width: 991px) {
        #detail #point .swiper-wrapper .swiper-slide .swiper-pagination {
          bottom: 40px; } }
      @media (max-width: 767px) {
        #detail #point .swiper-wrapper .swiper-slide .swiper-pagination {
          bottom: 20px;
          right: 20px; } }
      #detail #point .swiper-wrapper .swiper-slide .swiper-button-next1,
      #detail #point .swiper-wrapper .swiper-slide .swiper-button-next2,
      #detail #point .swiper-wrapper .swiper-slide .swiper-button-next3,
      #detail #point .swiper-wrapper .swiper-slide .swiper-button-next4,
      #detail #point .swiper-wrapper .swiper-slide .swiper-container-rtl .swiper-button-prev {
        background-image: url(/wp-content/uploads/prev/tfx/btn_arrow02.png); }
      #detail #point .swiper-wrapper .swiper-slide .swiper-button-prev1,
      #detail #point .swiper-wrapper .swiper-slide .swiper-button-prev2,
      #detail #point .swiper-wrapper .swiper-slide .swiper-button-prev3,
      #detail #point .swiper-wrapper .swiper-slide .swiper-button-prev4,
      #detail #point .swiper-wrapper .swiper-slide .swiper-container-rtl .swiper-button-next {
        background-image: url(/wp-content/uploads/prev/tfx/btn_arrow03.png); }
      @media (max-width: 767px) {
        #detail #point .swiper-wrapper .swiper-slide .name {
          font-size: 115%;
          margin: 0 0 10px; } }
      @media (min-width: 992px) and (max-width: 1280px) {
        #detail #point .swiper-wrapper .swiper-slide .description h1 {
          font-size: 200%; }
        #detail #point .swiper-wrapper .swiper-slide .description p {
          font-size: 115%;
          line-height: 1.8em; } }
      @media (max-width: 991px) {
        #detail #point .swiper-wrapper .swiper-slide .description {
          text-align: center; }
          #detail #point .swiper-wrapper .swiper-slide .description h1 {
            font-size: 180%; }
          #detail #point .swiper-wrapper .swiper-slide .description p {
            font-size: 108%;
            line-height: 1.5em;
            margin-bottom: 20px; }
        #detail #point .swiper-wrapper .swiper-slide .image {
          padding: 0 200px; } }
      @media (max-width: 767px) {
        #detail #point .swiper-wrapper .swiper-slide .description h1 {
          font-size: 110%;
          margin: 0 0 10px; }
        #detail #point .swiper-wrapper .swiper-slide .description p {
          font-size: 93%;
          line-height: 1.3em;
          margin-bottom: 15px; }
        #detail #point .swiper-wrapper .swiper-slide .image {
          padding: 0 80px; } }
      #detail #point .swiper-wrapper .swiper-slide#point1 {
        background: url(/wp-content/uploads/prev/tfx/detail_bg_point1.png) no-repeat top center;
        background-size: cover;
        padding: 50px 70px;
        /* SM
        ================================================================================== */
        /* XS
        ================================================================================== */ }
        @media (max-width: 991px) {
          #detail #point .swiper-wrapper .swiper-slide#point1 {
            background: url(/wp-content/uploads/prev/tfx/detail_bg_point1.png) no-repeat right top;
            padding: 15px 30px; } }
        @media (max-width: 767px) {
          #detail #point .swiper-wrapper .swiper-slide#point1 {
            background: url(/wp-content/uploads/prev/tfx/detail_bg_point1.png) no-repeat top right #0B7CAC;
            background-size: 180%;
            padding: 15px 30px;
            max-width: 767px; } }
    #detail #point .swiper-container-vertical > .swiper-pagination-bullets {
      width: 20px !important;
      left: 20px !important;
      top: 50px !important;
      transform: translate3d(0px, 0px, 0px) !important;
      color: #000;
      opacity: 1; }
    #detail #point .button-wrap {
      position: relative; }
      #detail #point .button-wrap .button {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        padding-left: 50%;
        display: flex;
        align-items: flex-end; }
        #detail #point .button-wrap .button a {
          display: block;
          margin: 0 auto 40px;
          padding: 15px 15px 15px 30px;
          text-decoration: none;
          background: linear-gradient(-135deg, #00A3D9, #007ACC);
          font-weight: bold;
          color: #FFF;
          border-radius: 5px;
          width: 75%;
          text-align: center; }
          #detail #point .button-wrap .button a span {
            position: relative; }
            #detail #point .button-wrap .button a span:before {
              content: '';
              position: absolute;
              top: 7px;
              left: -20px;
              background: url("/wp-content/uploads/prev/tfx/button-arrow01.png") no-repeat;
              background-size: contain;
              width: 11px;
              height: 7px; }
      @media (max-width: 991px) and (min-width: 768px) {
        #detail #point .button-wrap .button a {
          margin: 0 auto 20px; } }
      @media (max-width: 767px) {
        #detail #point .button-wrap {
          max-width: 400px;
          margin: 0 auto;
          width: 100%; }
          #detail #point .button-wrap .button {
            padding-left: 0;
            padding-top: 242px;
            align-items: flex-start; }
            #detail #point .button-wrap .button a {
              margin: 0 auto 0px;
              padding: 1px 15px 1px 30px;
              width: 85%; } }
  @media (min-width: 1270px) {
    #detail .swiper-container {
      width: 1270px;
      height: 100%; } }

/* ----------------------------------------------------------------------------------

#lineup

---------------------------------------------------------------------------------- */
#lineup {
  background-color: #000;
  background-image: url(/wp-content/uploads/prev/tfx/lineup_bg.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  padding: 50px 0;
  /* 01: h1
  ================================================================================== */
  /* 02: .box-lineup
  ================================================================================== */ }
  #lineup h1 {
    color: #FFF;
    font-size: 300%;
    line-height: 1.2em;
    margin: 0 0 40px;
    padding: 0;
    text-align: center; }
    @media (max-width: 767px) {
      #lineup h1 {
        font-size: 180%; } }
    #lineup h1 .sub {
      font-size: 60%; }
      @media (max-width: 767px) {
        #lineup h1 .sub {
          font-size: 50%; } }
  #lineup .box-lineup {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px; }
    @media (max-width: 767px) {
      #lineup .box-lineup {
        flex-direction: column;
        margin-bottom: 0; } }
    #lineup .box-lineup-software {
      background-color: rgba(255, 255, 235, 0.7);
      padding: 50px 30px 30px;
      width: 48%;
      display: flex;
      align-items: center;
      flex-direction: column;
      position: relative; }
      @media (max-width: 767px) {
        #lineup .box-lineup-software {
          width: 100%;
          margin-bottom: 10px;
          padding: 20px; } }
      #lineup .box-lineup-software h2 {
        font-size: 158%;
        font-weight: bold;
        line-height: 1.1em;
        text-align: center;
        margin: 0 0 15px;
        padding: 0;
        min-height: 2.5em; }
        @media (max-width: 767px) {
          #lineup .box-lineup-software h2 {
            min-height: auto;
            font-size: 129%; } }
        #lineup .box-lineup-software h2 .font10 {
          font-weight: normal; }
      #lineup .box-lineup-software p {
        font-size: 129%; }
        @media (max-width: 767px) {
          #lineup .box-lineup-software p {
            font-size: 100%; } }
      #lineup .box-lineup-software ul {
        padding: 0;
        margin: 0;
        font-size: 115%;
        line-height: 1.8em; }
        @media (max-width: 767px) {
          #lineup .box-lineup-software ul {
            font-size: 100%; } }
        #lineup .box-lineup-software ul.note {
          list-style: none;
          font-size: 86%;
          color: #004C66; }
          #lineup .box-lineup-software ul.note li {
            text-indent: -1.2em;
            padding-left: 1.2em !important; }
      #lineup .box-lineup-software-price {
        text-align: center;
        padding-top: 30px;
        color: #9F0909; }
        #lineup .box-lineup-software-price p {
          font-size: 200%;
          line-height: 1em;
          font-weight: bold; }
          @media (max-width: 767px) {
            #lineup .box-lineup-software-price p {
              font-size: 172%; } }
        #lineup .box-lineup-software-price .licence {
          font-size: 72%; }
        #lineup .box-lineup-software-price .tax {
          font-weight: normal;
          font-size: 60%;
          color: #333; }
    #lineup .box-lineup-spec {
      color: #FFF;
      font-size: 115%;
      text-align: center;
      background-color: rgba(15, 150, 165, 0.5);
      border: solid 1px rgba(255, 255, 255, 0.3);
      padding: 30px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column; }
      @media (max-width: 767px) {
        #lineup .box-lineup-spec {
          padding: 20px; } }
      #lineup .box-lineup-spec h2 {
        font-size: 129%;
        font-weight: bold;
        border-bottom: solid 1px #FFF;
        display: inline-block;
        margin-bottom: 30px;
        padding-bottom: 5px; }
        @media (max-width: 767px) {
          #lineup .box-lineup-spec h2 {
            font-size: 108%;
            margin-top: 0; } }
      #lineup .box-lineup-spec dl {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        max-width: 500px; }
        @media (max-width: 767px) {
          #lineup .box-lineup-spec dl {
            flex-direction: column;
            justify-content: center; } }
      #lineup .box-lineup-spec dt {
        text-align: right;
        padding-right: 20px;
        margin-bottom: 20px;
        width: 20%; }
        @media (max-width: 767px) {
          #lineup .box-lineup-spec dt {
            width: 100%;
            text-align: center;
            margin-bottom: 0; } }
      #lineup .box-lineup-spec dd {
        text-align: left;
        margin-bottom: 20px;
        width: 80%; }
        #lineup .box-lineup-spec dd .notes {
          display: block;
          font-size: 86%;
          margin-top: 10px;
          color: #ccc; }
        @media (max-width: 767px) {
          #lineup .box-lineup-spec dd {
            width: 100%;
            text-align: center; } }

/* ----------------------------------------------------------------------------------

#plugin

---------------------------------------------------------------------------------- */
#plugin {
  padding: 50px 0;
  background: url("/wp-content/uploads/prev/tfx/plugin_bg.jpg");
  color: #333;
  text-align: center; }
  @media (max-width: 767px) {
    #plugin h1 {
      font-size: 179%; } }
  @media (max-width: 767px) {
    #plugin h2 {
      font-size: 158%; } }
  #plugin .button01 {
    width: 80%;
    margin: 60px auto 0;
    background: #FFF; }
    @media (max-width: 767px) {
      #plugin .button01 {
        width: 100%;
        font-size: 72%;
        margin-top: 30px; } }
  #plugin .box-type01 {
    padding: 2em 3em 1em;
    margin: 0 30px 50px;
    text-align: left; }
    @media (max-width: 767px) {
      #plugin .box-type01 {
        padding: 1em 2em;
        margin: 0 0px 50px; } }
    #plugin .box-type01 > p {
      font-size: 115%;
      line-height: 1.8em;
      margin: 0 auto 50px;
      max-width: 800px; }
      @media (max-width: 767px) {
        #plugin .box-type01 > p {
          margin-bottom: 30px; } }
    #plugin .box-type01 .h-type5 {
      color: #004C66;
      font-size: 143%;
      margin: 0 0 10px;
      padding-top: 0; }
      @media (max-width: 767px) {
        #plugin .box-type01 .h-type5 {
          font-size: 129%; } }
      #plugin .box-type01 .h-type5:before {
        border-top: solid 15px #004C66;
        top: 3px; }
        @media (max-width: 767px) {
          #plugin .box-type01 .h-type5:before {
            border-top: solid 10px #004C66; } }
    #plugin .box-type01 p {
      color: #004C66; }
      #plugin .box-type01 p.line180 {
        line-height: 1.8em; }
      #plugin .box-type01 p.spec {
        line-height: 1.7em; }
    #plugin .box-type01 .box-plugin {
      max-width: 600px;
      margin: 0 auto;
      margin-bottom: 30px; }
      @media (max-width: 767px) {
        #plugin .box-type01 .box-plugin {
          margin-bottom: 15px; } }

/* ----------------------------------------------------------------------------------

#addspace2

---------------------------------------------------------------------------------- */
#addspace2 {
  padding: 50px 0;
  background: url("/wp-content/uploads/prev/tfx/bg_pattern02.jpg");
  color: #FFF;
  text-align: center; }

/* ----------------------------------------------------------------------------------

#introduced

---------------------------------------------------------------------------------- */
#introduced {
  padding: 50px 0;
  text-align: center;
  /* 01: h1
  ================================================================================== */
  /* 02: .company
  ================================================================================== */ }
  #introduced h1 {
    color: #666;
    font-size: 300%;
    line-height: 1.2em;
    margin: 0 0 10px;
    padding: 0;
    text-align: center; }
    @media (max-width: 767px) {
      #introduced h1 {
        font-size: 180%;
        margin-bottom: 30px; } }
    #introduced h1 .sub {
      font-size: 60%; }
  #introduced .company {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 0;
    align-items: stretch; }
    #introduced .company > li {
      margin-bottom: 30px;
      display: flex;
      flex-wrap: wrap;
      flex-flow: column;
      justify-content: space-between; }
      #introduced .company > li .logo {
        margin-bottom: 5px; }
      #introduced .company > li .coName {
        font-size: 108%; }
        #introduced .company > li .coName a {
          color: #1588D8;
          text-decoration: none; }
      #introduced .company > li:hover .company a {
        text-decoration: underline; }
    @media (min-width: 992px) {
      #introduced .company > li .coName {
        white-space: nowrap; } }
    @media (min-width: 576px) and (max-width: 767px) {
      #introduced .company > li .coName {
        font-size: 108%; } }
    @media (max-width: 575px) {
      #introduced .company {
        margin: 0 -10px; }
        #introduced .company > li.sp-6 {
          padding: 0 10px;
          width: 49.8% !important; }
          #introduced .company > li.sp-6 .coName {
            font-size: 100%; } }

/* ----------------------------------------------------------------------------------

#contacts

---------------------------------------------------------------------------------- */
#contacts {
  background: #FFF;
  padding: 30px 0; }
  #contacts .contacts-list {
    list-style: none;
    margin: 0 -15px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    @media (max-width: 767px) {
      #contacts .contacts-list {
        flex-direction: column; } }
    #contacts .contacts-list li {
      margin-bottom: 15px;
      padding: 0 15px;
      width: 50%; }
      @media (max-width: 767px) {
        #contacts .contacts-list li {
          width: 100%; } }
      #contacts .contacts-list li a {
        color: #FFF;
        font-size: 172%;
        line-height: 1.1em;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        background: url(/wp-content/uploads/prev/tfx/contacts_bg_contacts.png) no-repeat top right #004C66;
        background-size: cover;
        height: 75px;
        width: 100%; }
        #contacts .contacts-list li a span {
          display: block;
          font-size: 65%; }
          @media (max-width: 767px) {
            #contacts .contacts-list li a span {
              font-size: 55%; } }
        #contacts .contacts-list li a:hover, #contacts .contacts-list li a:link, #contacts .contacts-list li a:visited {
          text-decoration: none; }
      #contacts .contacts-list li.mailmagazine a {
        background: url(/wp-content/uploads/prev/tfx/contacts_bg_mailmagazine.png) no-repeat top right #004C66;
        background-size: cover;
        padding: 7px; }
        @media (max-width: 767px) {
          #contacts .contacts-list li.mailmagazine a {
            line-height: 1em; } }

/* ----------------------------------------------------------------------------------

#footer

---------------------------------------------------------------------------------- */
/* 01: common
================================================================================== */
#footer {
  background: #000;
  /* 02: #copy
  ================================================================================== */
  /* 03: ★SmartPhone
  ================================================================================== */
  /* =============================================================================== */ }
  #footer #copy {
    color: #FFF;
    text-align: center;
    padding: 20px;
    line-height: 1em; }
    #footer #copy img {
      margin-right: 10px;
      vertical-align: bottom; }
  @media (max-width: 768px) {
    #footer #copy {
      text-align: center; }
      #footer #copy img {
        display: block;
        height: 15px;
        margin: 0 auto 10px;
        width: 98px; } }

.bottom-social {
  margin-top: 30px;
  background: #E4E9E7;
  padding: 10px; }
  .bottom-social .row {
    margin: 0 -5px; }
    .bottom-social .row > div {
      padding: 0 5px; }
  .bottom-social a {
    border: 1px solid #E6E6E6;
    display: block;
    background: #FFF; }
    .bottom-social a:hover {
      opacity: 0.8;
      filter: alpha(opacity=80); }
  @media (min-width: 768px) {
    .bottom-social a {
      padding: 15px;
      position: relative; }
      .bottom-social a:after {
        content: '';
        width: 13px;
        height: 12px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 12px; }
    .bottom-social .instagram a:after {
      background: url("/wp-content/uploads/prev/tfx/bnr_instagram_blank.jpg") no-repeat; }
    .bottom-social .twitter a:after {
      background: url("/wp-content/uploads/prev/tfx/bnr_twitter_blank.gif") no-repeat; }
    .bottom-social .youtube a:after {
      background: url("/wp-content/uploads/prev/tfx/bnr_youtube_blank.gif") no-repeat; } }

.backtotop {
  position: fixed;
  right: 15px;
  bottom: 20px;
  z-index: 9000;
  display: none; }
  .backtotop a {
    display: block;
    color: #777777;
    padding: 14px 6px;
    margin: 0;
    background-color: #DDDDDD;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px; }
  .backtotop:hover {
    opacity: 0.8; }

/*　テキスト
-----------------------------------*/
.bold {
  font-weight: bold; }

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

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

@media (min-width: 768px) {
  .txt-l-pc {
    text-align: left; } }
@media (max-width: 767px) {
  .txt-l-xs {
    text-align: left; } }
/*　ボックス
-----------------------------------*/
*[class*="flex-box"] {
  display: flex;
  flex-wrap: wrap; }
  *[class*="flex-box"] > * {
    float: none; }

.flex-box-cener {
  justify-content: center; }

@media (max-width: 767px) {
  .w100-sp {
    width: 100%; }

  .w50-sp {
    width: 50%; } }
/*　リスト
-----------------------------------*/
ul.type-indent li {
  text-indent: -1.2em;
  padding-left: 1.2em !important; }

/*　サイズ
-----------------------------------*/
.font10 {
  font-size: 72% !important; }

.font11 {
  font-size: 79% !important; }

.font12 {
  font-size: 86% !important; }

.font13 {
  font-size: 93% !important; }

.font15 {
  font-size: 108% !important; }

.font16 {
  font-size: 115% !important; }

.font17 {
  font-size: 122% !important; }

.font18 {
  font-size: 129% !important; }

.font19 {
  font-size: 136% !important; }

.font20 {
  font-size: 143% !important; }

.font21 {
  font-size: 150% !important; }

.font22 {
  font-size: 158% !important; }

.font23 {
  font-size: 165% !important; }

.font24 {
  font-size: 172% !important; }

.font25 {
  font-size: 179% !important; }

.font26 {
  font-size: 186% !important; }

.font27 {
  font-size: 193% !important; }

.font28 {
  font-size: 200% !important; }

.font29 {
  font-size: 207% !important; }

.font30 {
  font-size: 214% !important; }

/* ---------　.space ------------------------------ */
.space00t {
  margin-top: 0 !important; }

.space05t {
  margin-top: 5px !important; }

.space10t {
  margin-top: 10px !important; }

.space15t {
  margin-top: 15px !important; }

.space20t {
  margin-top: 20px !important; }

.space30t {
  margin-top: 30px !important; }

.space40t {
  margin-top: 40px !important; }

.space50t {
  margin-top: 50px !important; }

.space60t {
  margin-top: 60px !important; }

.space00b {
  margin-bottom: 0 !important; }

.space05b {
  margin-bottom: 5px !important; }

.space10b {
  margin-bottom: 10px !important; }

.space15b {
  margin-bottom: 15px !important; }

.space20b {
  margin-bottom: 20px !important; }

.space25b {
  margin-bottom: 25px !important; }

.space30b {
  margin-bottom: 30px !important; }

.space35b {
  margin-bottom: 35px !important; }

.space40b {
  margin-bottom: 40px !important; }

.space45b {
  margin-bottom: 45px !important; }

.space50b {
  margin-bottom: 50px !important; }

.space55b {
  margin-bottom: 55px !important; }

.space60b {
  margin-bottom: 60px !important; }

.space65b {
  margin-bottom: 65px !important; }

.space70b {
  margin-bottom: 70px !important; }

.space75b {
  margin-bottom: 75px !important; }

.space80b {
  margin-bottom: 80px !important; }

.space05l {
  margin-left: 5px !important; }

.space10l {
  margin-left: 10px !important; }

.space20l {
  margin-left: 20px !important; }

.space30l {
  margin-left: 30px !important; }

.space00r {
  margin-right: 0 !important; }

.space10r {
  margin-right: 10px !important; }

.space20r {
  margin-right: 20px !important; }

.space30r {
  margin-right: 30px !important; }

.space40r {
  margin-right: 40px !important; }

@media (max-width: 767px) {
  .space00b-xs {
    margin-bottom: 0 !important; }

  .space05b-xs {
    margin-bottom: 5px !important; }

  .space10b-xs {
    margin-bottom: 10px !important; }

  .space15b-xs {
    margin-bottom: 15px !important; }

  .space20b-xs {
    margin-bottom: 20px !important; }

  .space25b-xs {
    margin-bottom: 25px !important; }

  .space30b-xs {
    margin-bottom: 30px !important; }

  .space35b-xs {
    margin-bottom: 35px !important; }

  .space40b-xs {
    margin-bottom: 40px !important; }

  .space45b-xs {
    margin-bottom: 45px !important; }

  .space50b-xs {
    margin-bottom: 50px !important; }

  .space55b-xs {
    margin-bottom: 55px !important; }

  .space60b-xs {
    margin-bottom: 60px !important; }

  .space65b-xs {
    margin-bottom: 65px !important; }

  .space70b-xs {
    margin-bottom: 70px !important; }

  .space75b-xs {
    margin-bottom: 75px !important; }

  .space80b-xs {
    margin-bottom: 80px !important; }

  .space00l-xs {
    margin-left: 0 !important; }

  .space05l-xs {
    margin-left: 5px !important; }

  .space10l-xs {
    margin-left: 10px !important; }

  .space20l-xs {
    margin-left: 20px !important; }

  .space30l-xs {
    margin-left: 30px !important; }

  .space00r-xs {
    margin-right: 0 !important; }

  .space10r-xs {
    margin-right: 10px !important; }

  .space20r-xs {
    margin-right: 20px !important; }

  .space30r-xs {
    margin-right: 30px !important; }

  .space40r-xs {
    margin-right: 40px !important; } }