@charset "utf-8";

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

  00. Clearfix

----------------------------------------------------------------- */
#str-header .header-utility .utility-inner:before, #str-header .header-utility .utility-list:before, #str-header .header-utility .header-utility-detail .utility-detail-item .carousel .carousel-item .carousel-item-list:before, #str-header .header-utility .header-utility-detail .utility-detail-item.login .btn-login:before, #str-header .header-utility .header-utility-detail .utility-detail-item.member:before, #str-footer .footer-link-list dd:before, #str-footer .footer-utility-list:before, #str-footer .footer-group-info:before, #str-footer .footer-group-info .footer-service-list .service-category:before, #str-footer .copyright:before, #str-header .header-utility .utility-inner:after, #str-header .header-utility .utility-list:after, #str-header .header-utility .header-utility-detail .utility-detail-item .carousel .carousel-item .carousel-item-list:after, #str-header .header-utility .header-utility-detail .utility-detail-item.login .btn-login:after, #str-header .header-utility .header-utility-detail .utility-detail-item.member:after, #str-header .header-col:after, #str-footer .footer-link-list dd:after, #str-footer .footer-utility-list:after, #str-footer .footer-group-info:after, #str-footer .footer-group-info .footer-service-list .service-category:after, #str-footer .copyright:after {
  content: "";
  display: table; }
#str-header .header-utility .utility-inner:after, #str-header .header-utility .utility-list:after, #str-header .header-utility .header-utility-detail .utility-detail-item .carousel .carousel-item .carousel-item-list:after, #str-header .header-utility .header-utility-detail .utility-detail-item.login .btn-login:after, #str-header .header-utility .header-utility-detail .utility-detail-item.member:after, #str-header .header-col:after, #str-footer .footer-link-list dd:after, #str-footer .footer-utility-list:after, #str-footer .footer-group-info:after, #str-footer .footer-group-info .footer-service-list .service-category:after, #str-footer .copyright:after {
  clear: both; }

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

  01. Normalize

----------------------------------------------------------------- */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
#str-header, #str-footer {
  line-height: 1.55;
  font-size: 14px;
  font-family: '\30e1\30a4\30ea\30aa', Meiryo, '\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3', 'Hiragino Kaku Gothic ProN', '\ff2d\ff33 \ff30\30b4\30b7\30c3\30af', sans-serif; }
  #str-header a, #str-footer a {
    color: #333;
    background: transparent; }
    #str-header a:visited, #str-footer a:visited {
      color: #333; }
    #str-header a:active, #str-header a:hover, #str-header a:focus, #str-footer a:active, #str-footer a:hover, #str-footer a:focus {
      color: #333; }
  #str-header h1, #str-header h2, #str-header h3, #str-header h4, #str-header h5, #str-header h6, #str-footer h1, #str-footer h2, #str-footer h3, #str-footer h4, #str-footer h5, #str-footer h6 {
    margin: 0;
    padding: 0;
    font-size: 14px; }
  #str-header p, #str-footer p {
    margin: 20px 0 0;
    padding: 0; }
  #str-header em, #str-footer em {
    font-style: normal; }
  #str-header strong, #str-footer strong {
    font-style: normal; }
  #str-header b, #str-footer b {
    font-style: normal;
    font-weight: bold; }
  #str-header abbr[title], #str-footer abbr[title] {
    border-bottom: 1px dotted; }
  #str-header dfn, #str-footer dfn {
    font-style: italic; }
  #str-header hr, #str-footer hr {
    display: none; }
  #str-header mark, #str-footer mark {
    background: #ff0;
    color: #000; }
  #str-header pre, #str-footer pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word; }
  #str-header small, #str-footer small {
    font-size: 10px; }
  #str-header sub, #str-header sup, #str-footer sub, #str-footer sup {
    position: relative;
    line-height: 1;
    vertical-align: baseline;
    font-size: 10px; }
  #str-header sup, #str-footer sup {
    top: -0.5em; }
  #str-header sub, #str-footer sub {
    bottom: -0.25em; }
  #str-header menu, #str-header ul, #str-header ol, #str-header dl, #str-footer menu, #str-footer ul, #str-footer ol, #str-footer dl {
    margin: 20px 0 0;
    padding: 0;
    list-style: none; }
  #str-header menu > :first-child, #str-header ul > :first-child, #str-header ol > :first-child, #str-header dl > :first-child, #str-footer menu > :first-child, #str-footer ul > :first-child, #str-footer ol > :first-child, #str-footer dl > :first-child {
    margin-top: 0; }
  #str-header menu p, #str-header menu ul, #str-header menu ol, #str-header menu dl, #str-header menu table, #str-header ul p, #str-header ul ul, #str-header ul ol, #str-header ul dl, #str-header ul table, #str-header ol p, #str-header ol ul, #str-header ol ol, #str-header ol dl, #str-header ol table, #str-header dl p, #str-header dl ul, #str-header dl ol, #str-header dl dl, #str-header dl table, #str-footer menu p, #str-footer menu ul, #str-footer menu ol, #str-footer menu dl, #str-footer menu table, #str-footer ul p, #str-footer ul ul, #str-footer ul ol, #str-footer ul dl, #str-footer ul table, #str-footer ol p, #str-footer ol ul, #str-footer ol ol, #str-footer ol dl, #str-footer ol table, #str-footer dl p, #str-footer dl ul, #str-footer dl ol, #str-footer dl dl, #str-footer dl table {
    margin-top: 0;
    font-size: 100%; }
  #str-header ol, #str-footer ol {
    margin-left: 2em;
    list-style-type: decimal; }
  #str-header dd, #str-footer dd {
    margin: 0; }
  #str-header table, #str-footer table {
    margin: 20px 0 0;
    padding: 0;
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    font-size: inherit; }
    #str-header table p, #str-header table ul, #str-header table ol, #str-header table dl, #str-header table table, #str-footer table p, #str-footer table ul, #str-footer table ol, #str-footer table dl, #str-footer table table {
      margin-bottom: 5px; }
    #str-header table td > :first-child, #str-footer table td > :first-child {
      margin-top: 0; }
  #str-header td, #str-header th, #str-footer td, #str-footer th {
    padding: 0; }
  #str-header img, #str-footer img {
    border: 0;
    line-height: 1;
    max-width: 100%;
    height: auto;
    vertical-align: bottom; }
  #str-header svg:not(:root), #str-footer svg:not(:root) {
    overflow: hidden; }
  #str-header figure, #str-footer figure {
    margin: 1em 40px; }
  #str-header hr, #str-footer hr {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    height: 0; }
  #str-header pre, #str-footer pre {
    overflow: auto; }
  #str-header code, #str-header kbd, #str-header pre, #str-header samp, #str-footer code, #str-footer kbd, #str-footer pre, #str-footer samp {
    font-family: monospace, monospace;
    font-size: 1em; }
  #str-header form, #str-footer form {
    margin: 0; }
  #str-header button, #str-header input, #str-header optgroup, #str-header select, #str-header textarea, #str-footer button, #str-footer input, #str-footer optgroup, #str-footer select, #str-footer textarea {
    margin: 0;
    color: inherit;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline; }
  #str-header button, #str-footer button {
    overflow: visible; }
  #str-header button, #str-header select, #str-footer button, #str-footer select {
    text-transform: none; }
  #str-header button, #str-header html input[type="button"], #str-header input[type="reset"], #str-header input[type="submit"], #str-footer button, #str-footer html input[type="button"], #str-footer input[type="reset"], #str-footer input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer; }
  #str-header button[disabled], #str-header html input[disabled], #str-footer button[disabled], #str-footer html input[disabled] {
    cursor: default; }
  #str-header button::-moz-focus-inner, #str-header input::-moz-focus-inner, #str-footer button::-moz-focus-inner, #str-footer input::-moz-focus-inner {
    border: 0;
    padding: 0; }
  #str-header input, #str-footer input {
    line-height: normal; }
  #str-header input[type="checkbox"], #str-header input[type="radio"], #str-footer input[type="checkbox"], #str-footer input[type="radio"] {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0; }
  #str-header input[type="number"]::-webkit-inner-spin-button, #str-header input[type="number"]::-webkit-outer-spin-button, #str-footer input[type="number"]::-webkit-inner-spin-button, #str-footer input[type="number"]::-webkit-outer-spin-button {
    height: auto; }
  #str-header input[type="search"], #str-footer input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box; }
  #str-header input[type="search"]::-webkit-search-cancel-button, #str-header input[type="search"]::-webkit-search-decoration, #str-footer input[type="search"]::-webkit-search-cancel-button, #str-footer input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }
  #str-header fieldset, #str-footer fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em; }
  #str-header legend, #str-footer legend {
    border: 0;
    padding: 0; }
  #str-header textarea, #str-footer textarea {
    overflow: auto; }
  #str-header optgroup, #str-footer optgroup {
    font-weight: bold; }
  #str-header img[src*="leadback.advertising.com"], #str-footer img[src*="leadback.advertising.com"] {
    display: block;
    line-height: 0;
    vertical-align: bottom;
    height: 0; }

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

  02. Layout

----------------------------------------------------------------- */
#str-header {
  padding-bottom: 16px;
  border-bottom: 1px solid #ecf0f1;
  background-color: #fff; }
  #str-header a {
    text-decoration: underline; }
  #str-header .str-header-inner {
    margin: 0 auto;
    padding: 15px 0 0 158px;
    max-width: 1190px;
    min-height: 80px;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  #str-header .header-logo {
    position: relative;
    float: left;
    text-align: left;
    min-width:102px;
    min-height:1.2em; }
    #str-header .header-logo .header-tagline {
      font-size: 11px;
      font-weight: normal; }
    #str-header .header-logo .logo {
      position: absolute;
      top: 1px;
      left: -136px; }
  #str-header .header-addition {
    float: right;
    font-size: 12px; }
    #str-header .header-addition .header-addition-list {
      margin: 0;
      text-align: right; }
      #str-header .header-addition .header-addition-list > li {
        margin-left: 10px;
        display: inline-block;
        vertical-align: bottom; }
        #str-header .header-addition .header-addition-list > li.inquiry a, #str-header .header-addition .header-addition-list > li.faq a, #str-header .header-addition .header-addition-list > li.mail a {
          padding-left: 15px;
          display: block;
          position: relative; }
          #str-header .header-addition .header-addition-list > li.inquiry a:before, #str-header .header-addition .header-addition-list > li.faq a:before, #str-header .header-addition .header-addition-list > li.mail a:before {
            content: "";
            display: block;
            width: 12px;
            height: 14px;
            overflow: hidden;
            position: absolute;
            top: 4px;
            left: 0; }
          #str-header .header-addition .header-addition-list > li.inquiry a:before, #str-header .header-addition .header-addition-list > li.faq a:before, #str-header .header-addition .header-addition-list > li.mail a:before {
            background-image: url("//s.skygate.co.jp/pc/images/head/header-sprite.png");
            background-repeat: no-repeat; }
        #str-header .header-addition .header-addition-list > li.inquiry a:before {
          background-position: -495px 0;
          top: 2px; }
        #str-header .header-addition .header-addition-list > li.faq a:before {
          background-position: -517px 0; }
        #str-header .header-addition .header-addition-list > li.mail a:before {
          background-position: -538px 0; }
  #str-header .header-utility {
    border-bottom: 1px solid #eaf5fb;
    background-color: #eaf5fb;
    font-size: 12px; }
    #str-header .header-utility .utility-inner {
      margin: 0 auto;
      max-width: 1190px;
      position: relative; }
    #str-header .header-utility .utility-list {
      margin: 0;
      float: right;
      max-width: 750px; }
      #str-header .header-utility .utility-list > li {
        float: left;
        overflow: hidden; }
        #str-header .header-utility .utility-list > li:before {
          border-width: 5px 0;
          border-color: #eaf5fb;
          border-style: solid;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          background-color: #fff;
          content: "";
          display: block;
          height: 100%;
          overflow: hidden;
          position: absolute;
          right: 0;
          top: 0;
          width: 1px; }
        #str-header .header-utility .utility-list > li span,
        #str-header .header-utility .utility-list > li a {
          padding: 10px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          display: block;
          text-align: center;
          text-decoration: none;
          white-space: nowrap; }
          #str-header .header-utility .utility-list > li a:after {
            border-color: #76c1e5 transparent transparent;
            border-style: solid;
            border-width: 5px 5px 0;
            content: "";
            display: inline-block;
            height: 0;
            margin: 0 0 3px 10px;
            position: relative;
            vertical-align: middle;
            width: 0; }
          #str-header .header-utility .utility-list > li.favorite a:after,
          #str-header .header-utility .utility-list > li.history a:after,
          #str-header .header-utility .utility-list > li.login a:after{
            display:none; }
          #str-header .header-utility .utility-list > li a.active, #str-header .header-utility .utility-list > li a:active, #str-header .header-utility .utility-list > li a:hover, #str-header .header-utility .utility-list > li a:focus {
            color: #fff;
            background-color: #424242; }
            #str-header .header-utility .utility-list > li a.active:after, #str-header .header-utility .utility-list > li a:active:after, #str-header .header-utility .utility-list > li a:hover:after, #str-header .header-utility .utility-list > li a:focus:after {
              border-color: #fff transparent transparent; }
        #str-header .header-utility .utility-list > li.favorite {
          width: 135px; }
          #str-header .header-utility .utility-list > li.favorite a {
            padding-left: 30px;
            position: relative; }
            #str-header .header-utility .utility-list > li.favorite a:before {
              content: "";
              display: block;
              width: 18px;
              height: 17px;
              overflow: hidden;
              position: absolute;
              top: 10px;
              left: 8px; }
            #str-header .header-utility .utility-list > li.favorite a:before {
              background-image: url("//s.skygate.co.jp/pc/images/head/header-sprite.png");
              background-position: -76px 0;
              background-repeat: no-repeat; }
            #str-header .header-utility .utility-list > li.favorite a.active:before, #str-header .header-utility .utility-list > li.favorite a:active:before, #str-header .header-utility .utility-list > li.favorite a:hover:before, #str-header .header-utility .utility-list > li.favorite a:focus:before {
              background-position: -104px 0; }
          #str-header .header-utility .utility-list > li.favorite .text-info {
            padding: 0 2px;
            color: #76c1e5; }
        #str-header .header-utility .utility-list > li.history {
          width: 160px; }
          #str-header .header-utility .utility-list > li.history a {
            padding-left: 30px;
            position: relative; }
            #str-header .header-utility .utility-list > li.history a:before {
              content: "";
              display: block;
              width: 17px;
              height: 17px;
              overflow: hidden;
              position: absolute;
              top: 10px;
              left: 8px; }
            #str-header .header-utility .utility-list > li.history a:before {
              background-image: url("//s.skygate.co.jp/pc/images/head/header-sprite.png");
              background-position: -22px 0;
              background-repeat: no-repeat; }
            #str-header .header-utility .utility-list > li.history a.active:before, #str-header .header-utility .utility-list > li.history a:active:before, #str-header .header-utility .utility-list > li.history a:hover:before, #str-header .header-utility .utility-list > li.history a:focus:before {
              background-position: -49px 0; }
          #str-header .header-utility .utility-list > li.history .text-info {
            padding: 0 2px;
            color: #76c1e5; }
        #str-header .header-utility .utility-list > li.loading, #str-header .header-utility .utility-list > li.logout {
            width: 170px;
            border-left: 1px solid #fff;
            font-weight: bold; }
          #str-header .header-utility .utility-list > li.loading span, #str-header .header-utility .utility-list > li.logout span {
              padding-left: 30px;
              position: relative; }
            #str-header .header-utility .utility-list > li.loading span:before {
              content: "";
              display: block;
              width: 24px;
              height: 24px;
              overflow: hidden;
              position: absolute;
              top: 7px;
              left: 20px; }
            #str-header .header-utility .utility-list > li.logout span:before {
              content: "";
              display: block;
              width: 24px;
              height: 24px;
              overflow: hidden;
              position: absolute;
              top: 7px;
              left: 8px; }
            #str-header .header-utility .utility-list > li.loading span:before,
            #str-header .header-utility .utility-list > li.logout span:before {
              background-image: url("//s.skygate.co.jp/pc/images/common/loader_m.gif");
              background-position: 0x 0;
              background-repeat: no-repeat; }
        #str-header .header-utility .utility-list > li.entry {
          width: 105px;
          background-color: #76c1e5; }
          #str-header .header-utility .utility-list > li.entry:before {
            display: none; }
          #str-header .header-utility .utility-list > li.entry a {
            color: #fff; }
            #str-header .header-utility .utility-list > li.entry a:after {
              display: none; }
        #str-header .header-utility .utility-list > li.login {
          width: 105px;
          background-color: #fff; }
          #str-header .header-utility .utility-list > li.login:before {
            display: none; }
          #str-header .header-utility .utility-list > li.login a:after {
            border-color: #333 transparent transparent; }
          #str-header .header-utility .utility-list > li.login a.active:after, #str-header .header-utility .utility-list > li.login a:active:after, #str-header .header-utility .utility-list > li.login a:hover:after, #str-header .header-utility .utility-list > li.login a:focus:after {
            border-color: #fff transparent transparent; }
        #str-header .header-utility .utility-list > li.member {
          display: none;
          width: 232px; }
        #str-header .header-utility .utility-list > li.member .member-name {
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          display: inline-block;
          max-width: 120px;
          vertical-align: bottom; }
    #str-header .header-utility .header-utility-detail .utility-detail-item {
      padding: 15px;
      position: absolute;
      top: 38px;
      right: 0;
      z-index: 9999;
      background-color: #fff;
      -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
              box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
      display: none; }
      #str-header .header-utility .header-utility-detail .utility-detail-item.active {
        display: block; }
      #str-header .header-utility .header-utility-detail .utility-detail-item .hdg {
        color: #76c1e5;
        font-size: 14px;
        font-weight: normal; }
      #str-header .header-utility .header-utility-detail .utility-detail-item .hdg-container .hdg, #str-header .header-utility .header-utility-detail .utility-detail-item .hdg-container .hdg-sup {
        display: inline-block;
        vertical-align: middle; }
      #str-header .header-utility .header-utility-detail .utility-detail-item .hdg-container .hdg-sup {
        margin-left: 5px;
        padding-left: 13px;
        font-size: 10px;
        position: relative; }
        #str-header .header-utility .header-utility-detail .utility-detail-item .hdg-container .hdg-sup:before {
          content: "";
          display: block;
          width: 10px;
          height: 8px;
          overflow: hidden;
          position: absolute;
          top: 4px;
          left: 0; }
        #str-header .header-utility .header-utility-detail .utility-detail-item .hdg-container .hdg-sup:before {
          background-image: url("//s.skygate.co.jp/pc/images/head/header-sprite.png");
          background-repeat: no-repeat;
          background-position: -456px 0; }
      #str-header .header-utility .header-utility-detail .utility-detail-item .item-list {
        margin: 0; }
        #str-header .header-utility .header-utility-detail .utility-detail-item .item-list > li {
          margin-top: 7px;
          padding-left: 6em;
          position: relative; }
          #str-header .header-utility .header-utility-detail .utility-detail-item .item-list > li .icon-01, #str-header .header-utility .header-utility-detail .utility-detail-item .item-list > li .icon-02 {
            display: block;
            position: absolute;
            top: 0;
            left: 0; }
          #str-header .header-utility .header-utility-detail .utility-detail-item .item-list > li .link {
            margin-left: 5px;
            padding-left: 12px;
            display: inline-block;
            font-size: 10px;
            position: relative; }
            #str-header .header-utility .header-utility-detail .utility-detail-item .item-list > li .link:before {
              content: "";
              display: block;
              width: 9px;
              height: 9px;
              overflow: hidden;
              position: absolute;
              top: 4px;
              left: 0; }
            #str-header .header-utility .header-utility-detail .utility-detail-item .item-list > li .link:before {
              background-image: url("//s.skygate.co.jp/pc/images/head/header-sprite.png");
              background-repeat: no-repeat;
              background-position: -476px 0; }
      #str-header .header-utility .header-utility-detail .utility-detail-item .item-list-container {
        margin: 15px -15px 0;
        padding: 15px 15px 0;
        border-top: 1px solid #dbdbdb; }
      #str-header .header-utility .header-utility-detail .utility-detail-item .carousel {
        padding: 0 30px;
        position: relative; }
        #str-header .header-utility .header-utility-detail .utility-detail-item .carousel .carousel-nav {
          margin: 10px; }
          #str-header .header-utility .header-utility-detail .utility-detail-item .carousel .carousel-nav > li {
            position: absolute;
            top: 65px;
            left: 0; }
            #str-header .header-utility .header-utility-detail .utility-detail-item .carousel .carousel-nav > li a {
              display: block; }
            #str-header .header-utility .header-utility-detail .utility-detail-item .carousel .carousel-nav > li.next {
              left: auto;
              right: 0; }
        #str-header .header-utility .header-utility-detail .utility-detail-item .carousel .carousel-item {
          width: 550px;
          overflow: hidden; }
          #str-header .header-utility .header-utility-detail .utility-detail-item .carousel .carousel-item .carousel-item-list {
            margin: 0;
            width: 2000px; }
            #str-header .header-utility .header-utility-detail .utility-detail-item .carousel .carousel-item .carousel-item-list > li {
              margin-right: 20px;
              float: left;
              position: relative;
              width: 170px;
              text-align: center; }
              #str-header .header-utility .header-utility-detail .utility-detail-item .carousel .carousel-item .carousel-item-list > li > a {
                display: block; }
                #str-header .header-utility .header-utility-detail .utility-detail-item .carousel .carousel-item .carousel-item-list > li > a .caption {
                  display: block;
                  position: absolute;
                  top: 0;
                  left: 0;
                  font-size: 12px; }
                #str-header .header-utility .header-utility-detail .utility-detail-item .carousel .carousel-item .carousel-item-list > li > a img {
                  padding-bottom: 5px; }
                #str-header .header-utility .header-utility-detail .utility-detail-item .carousel .carousel-item .carousel-item-list > li > a > span {
                  display: block; }
      #str-header .header-utility .header-utility-detail .utility-detail-item .btn-close {
        margin: 0;
        padding: 20px 0 0 15px;
        display: block;
        border: none;
        background: none;
        text-decoration: underline;
        float: right;
        position: relative; }
        #str-header .header-utility .header-utility-detail .utility-detail-item .btn-close:before {
          content: "";
          display: block;
          width: 10px;
          height: 10px;
          overflow: hidden;
          position: absolute;
          top: 24px;
          left: 0; }
        #str-header .header-utility .header-utility-detail .utility-detail-item .btn-close:before {
          background-image: url("//s.skygate.co.jp/pc/images/head/header-sprite.png");
          background-position: -559px 0;
          background-repeat: no-repeat; }
      #str-header .header-utility .header-utility-detail .utility-detail-item .icon-01, #str-header .header-utility .header-utility-detail .utility-detail-item .icon-02 {
        padding: 2px;
        color: #fff;
        display: inline-block;
        width: 6em;
        font-size: 10px;
        background-color: #76c1e5;
        text-align: center; }
      #str-header .header-utility .header-utility-detail .utility-detail-item .icon-02 {
        background-color: #4c7d94; }
      #str-header .header-utility .header-utility-detail .utility-detail-item .text-info {
        color: #76c1e5; }
      #str-header .header-utility .header-utility-detail .utility-detail-item .text-warning {
        color: #ff3300; }
      #str-header .header-utility .header-utility-detail .utility-detail-item .text-l {
        line-height: 1.4;
        font-size: 18px; }
      #str-header .header-utility .header-utility-detail .utility-detail-item .text-s {
        font-size: 11px; }
      #str-header .header-utility .header-utility-detail .utility-detail-item.favorite {
        right: 377px;
        width: 610px; }
      #str-header .header-utility .header-utility-detail .utility-detail-item.history {
        right: 232px;
        width: 610px; }
      #str-header .header-utility .header-utility-detail .utility-detail-item.login {
        width: 455px; }
        #str-header .header-utility .header-utility-detail .utility-detail-item.login .btn-login {
          margin: 0;
          width: 455px;
          overflow: hidden; }
          #str-header .header-utility .header-utility-detail .utility-detail-item.login .btn-login > li {
            margin: 5px 5px 0 0;
            float: left;
            width: 225px; }
            #str-header .header-utility .header-utility-detail .utility-detail-item.login .btn-login > li a {
              padding: 5px 10px 5px 45px;
              border: 1px solid #dbdbdb;
              border-radius: 3px;
              -webkit-box-sizing: border-box;
                      box-sizing: border-box;
              display: block;
              text-decoration: none;
              position: relative; }
              #str-header .header-utility .header-utility-detail .utility-detail-item.login .btn-login > li a:before {
                content: "";
                display: block;
                width: 20px;
                height: 20px;
                overflow: hidden;
                position: absolute;
                top: 4px;
                left: 10px; }
              #str-header .header-utility .header-utility-detail .utility-detail-item.login .btn-login > li a:before {
                background-image: url("//s.skygate.co.jp/pc/images/head/header-sprite.png");
                background-repeat: no-repeat; }
              #str-header .header-utility .header-utility-detail .utility-detail-item.login .btn-login > li a:active, #str-header .header-utility .header-utility-detail .utility-detail-item.login .btn-login > li a:hover, #str-header .header-utility .header-utility-detail .utility-detail-item.login .btn-login > li a:focus {
                padding: 4px 9px 4px 44px;
                border: 2px solid #76c1e5; }
                #str-header .header-utility .header-utility-detail .utility-detail-item.login .btn-login > li a:active:before, #str-header .header-utility .header-utility-detail .utility-detail-item.login .btn-login > li a:hover:before, #str-header .header-utility .header-utility-detail .utility-detail-item.login .btn-login > li a:focus:before {
                  top: 3px;
                  left: 9px; }
            #str-header .header-utility .header-utility-detail .utility-detail-item.login .btn-login > li.dena-travel {
              text-align: center; }
              #str-header .header-utility .header-utility-detail .utility-detail-item.login .btn-login > li.dena-travel a {
                padding: 10px; }
                #str-header .header-utility .header-utility-detail .utility-detail-item.login .btn-login > li.dena-travel a:before {
                  margin-right: 5px;
                  display: inline-block;
                  position: relative;
                  top: auto;
                  left: auto;
                  width: 39px;
                  height: 27px;
                  vertical-align: middle;
                  background-position: -407px 0; }
            #str-header .header-utility .header-utility-detail .utility-detail-item.login .btn-login > li.yahoo {
              margin-right: 0; }
              #str-header .header-utility .header-utility-detail .utility-detail-item.login .btn-login > li.yahoo a:before {
                top: 6px;
                width: 28px;
                background-position: -280px 0; }
              #str-header .header-utility .header-utility-detail .utility-detail-item.login .btn-login > li.yahoo a:active:before, #str-header .header-utility .header-utility-detail .utility-detail-item.login .btn-login > li.yahoo a:hover:before, #str-header .header-utility .header-utility-detail .utility-detail-item.login .btn-login > li.yahoo a:focus:before {
                top: 5px; }
            #str-header .header-utility .header-utility-detail .utility-detail-item.login .btn-login > li.dena a:before {
              top: 6px;
              width: 27px;
              background-position: -579px 0; }
            #str-header .header-utility .header-utility-detail .utility-detail-item.login .btn-login > li.dena a:active:before, #str-header .header-utility .header-utility-detail .utility-detail-item.login .btn-login > li.dena a:hover:before, #str-header .header-utility .header-utility-detail .utility-detail-item.login .btn-login > li.dena a:focus:before {
              top: 5px; }
            #str-header .header-utility .header-utility-detail .utility-detail-item.login .btn-login > li.google a:before {
              background-position: -318px 0; }
            #str-header .header-utility .header-utility-detail .utility-detail-item.login .btn-login > li.facebook {
              margin-right: 0; }
              #str-header .header-utility .header-utility-detail .utility-detail-item.login .btn-login > li.facebook a:before {
                background-position: -347px 0; }
            #str-header .header-utility .header-utility-detail .utility-detail-item.login .btn-login > li.twitter a:before {
              background-position: -378px 0; }
          #str-header .header-utility .header-utility-detail .utility-detail-item.login .btn-login.branch {
            font-size: 14px; }
            #str-header .header-utility .header-utility-detail .utility-detail-item.login .btn-login.branch > li {
              margin: 5px 0 0 0;
              border-radius: 6px;
              float: none;
              width: auto; }
              #str-header .header-utility .header-utility-detail .utility-detail-item.login .btn-login.branch > li a {
                padding-top: 10px;
                padding-bottom: 7px;
                border-radius: 6px; }
                #str-header .header-utility .header-utility-detail .utility-detail-item.login .btn-login.branch > li a:active, #str-header .header-utility .header-utility-detail .utility-detail-item.login .btn-login.branch > li a:hover, #str-header .header-utility .header-utility-detail .utility-detail-item.login .btn-login.branch > li a:focus {
                  padding-top: 9px;
                  padding-bottom: 6px; }
      #str-header .header-utility .header-utility-detail .utility-detail-item.member {
        width: 225px;
        position: absolute; }
        #str-header .header-utility .header-utility-detail .utility-detail-item.member:before {
          background-color: #dbdbdb; }
        #str-header .header-utility .header-utility-detail .utility-detail-item.member .recommend {
          padding-right: 15px;
          float: left;
          width: 200px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box; }
          #str-header .header-utility .header-utility-detail .utility-detail-item.member .recommend .recommend-img {
            margin: 5px auto 0;
            width: 170px;
            position: relative;
            text-align: center; }
            #str-header .header-utility .header-utility-detail .utility-detail-item.member .recommend .recommend-img .caption {
              display: block;
              position: absolute;
              top: 0;
              left: 0;
              font-size: 12px; }
            #str-header .header-utility .header-utility-detail .utility-detail-item.member .recommend .recommend-img img {
              margin: 0 auto;
              padding-bottom: 5px;
              display: block; }
            #str-header .header-utility .header-utility-detail .utility-detail-item.member .recommend .recommend-img span {
              display: block; }
        #str-header .header-utility .header-utility-detail .utility-detail-item.member .info {
          float: left;
          width: 225px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box; }
          #str-header .header-utility .header-utility-detail .utility-detail-item.member .info .info-list {
            margin: 0; }
            #str-header .header-utility .header-utility-detail .utility-detail-item.member .info .info-list > li {
              margin-right: 8px;
              display: inline-block; }
              #str-header .header-utility .header-utility-detail .utility-detail-item.member .info .info-list > li a {
                padding-left: 18px;
                display: block;
                position: relative; }
                #str-header .header-utility .header-utility-detail .utility-detail-item.member .info .info-list > li a:before {
                  content: "";
                  display: block;
                  width: 16px;
                  height: 16px;
                  overflow: hidden;
                  position: absolute;
                  top: 0;
                  left: 0; }
                #str-header .header-utility .header-utility-detail .utility-detail-item.member .info .info-list > li a:before {
                  background-image: url("//s.skygate.co.jp/pc/images/head/header-sprite.png");
                  background-repeat: no-repeat; }
              #str-header .header-utility .header-utility-detail .utility-detail-item.member .info .info-list > li.mypage a:before {
                background-position: -132px 0; }
              #str-header .header-utility .header-utility-detail .utility-detail-item.member .info .info-list > li.logout a {
                padding-left: 15px; }
                #str-header .header-utility .header-utility-detail .utility-detail-item.member .info .info-list > li.logout a:before {
                  background-position: -158px 0; }
          #str-header .header-utility .header-utility-detail .utility-detail-item.member .info .info-detail {
            margin-top: 8px; }
            #str-header .header-utility .header-utility-detail .utility-detail-item.member .info .info-detail > li {
              border-bottom: 1px solid #fff; }
              #str-header .header-utility .header-utility-detail .utility-detail-item.member .info .info-detail > li a {
                padding: 10px;
                display: block;
                background-color: #eaf5fb;
                text-decoration: none;
                position: relative; }
                #str-header .header-utility .header-utility-detail .utility-detail-item.member .info .info-detail > li a:before {
                  content: "";
                  display: inline-block;
                  width: 0;
                  height: 0;
                  position: absolute;
                  margin: 0;
                  display: block;
                  border-width: 10px 0 10px 10px;
                  border-color: transparent transparent transparent #76c1e5;
                  border-style: solid; }
                #str-header .header-utility .header-utility-detail .utility-detail-item.member .info .info-detail > li a:before {
                  right: 5px;
                  bottom: 5px;
                  border-color: transparent transparent #76c1e5 transparent; }
                #str-header .header-utility .header-utility-detail .utility-detail-item.member .info .info-detail > li a:hover {
                  border: 2px solid #76c1e5;
                  padding: 8px; }
                  #str-header .header-utility .header-utility-detail .utility-detail-item.member .info .info-detail > li a:hover:before {
                    right: 3px;
                    bottom: 3px; }
              #str-header .header-utility .header-utility-detail .utility-detail-item.member .info .info-detail > li .title {
                padding-left: 18px;
                display: block;
                font-size: 11px;
                position: relative; }
                #str-header .header-utility .header-utility-detail .utility-detail-item.member .info .info-detail > li .title:before {
                  content: "";
                  display: block;
                  width: 16px;
                  height: 15px;
                  overflow: hidden;
                  position: absolute;
                  top: 0;
                  left: 0; }
                #str-header .header-utility .header-utility-detail .utility-detail-item.member .info .info-detail > li.sethotel .title{margin-bottom: 3px;}
                #str-header .header-utility .header-utility-detail .utility-detail-item.member .info .info-detail > li.sethotel .title:before {
                  width: 16px;
                  height: 16px;
                }
                #str-header .header-utility .header-utility-detail .utility-detail-item.member .info .info-detail > li .title:before {
                  background-image: url("//s.skygate.co.jp/pc/images/head/header-sprite.png");
                  background-repeat: no-repeat; }
              #str-header .header-utility .header-utility-detail .utility-detail-item.member .info .info-detail > li .note {
                display: block; }
              #str-header .header-utility .header-utility-detail .utility-detail-item.member .info .info-detail > li.reserve .title:before {
                background-position: -179px 0; }
              #str-header .header-utility .header-utility-detail .utility-detail-item.member .info .info-detail > li.point .title:before {
                background-position: -204px 0; }
              #str-header .header-utility .header-utility-detail .utility-detail-item.member .info .info-detail > li.rank .title:before {
                background-position: -229px 0; }
              #str-header .header-utility .header-utility-detail .utility-detail-item.member .info .info-detail > li.coupon .title:before {
                background-position: -255px 0; }
              #str-header .header-utility .header-utility-detail .utility-detail-item.member .info .info-detail > li.sethotel .title:before {
                background-position: -615px 0; }
    #str-header .header-utility .header-catch {
      margin: 0;
      padding: 10px 0 0;
      float: left;
      max-width: 470px; }
      #str-header .header-utility .header-catch a {
        padding-left: 17px;
        display: inline-block;
        position: relative; }
        #str-header .header-utility .header-catch a:before {
          content: "";
          display: block;
          width: 12px;
          height: 6px;
          overflow: hidden;
          position: absolute;
          top: 5px;
          left: 0; }
        #str-header .header-utility .header-catch a:before {
          background-image: url("//s.skygate.co.jp/pc/images/head/header-sprite.png");
          background-position: 0 0;
          background-repeat: no-repeat; }
  #str-header.login .header-utility .utility-list > li.login {
    display: none; }
  #str-header.login .header-utility .utility-list > li.entry {
    display: none; }
  #str-header.login .header-utility .utility-list > li.member {
    display: block; }
  @media screen and (max-width: 1230px) {
    #str-header .header-utility {
      padding: 0 20px; }
    #str-header .str-header-inner {
      margin: 0 20px; } }
  @media screen and (max-width: 1180px) {
    #str-header .str-header-inner {
      margin-left: 0;
      padding-left: 130px; }
    #str-header .header-logo .logo {
      left: -113px; } }
  @media screen and (max-width: 1055px) {
    #str-header {
      padding-bottom: 10px; }
      #str-header .str-header-inner {
        margin-right: 10px;
        padding: 5px 0 0 10px; }
      #str-header .header-logo .logo {
        top: auto;
        bottom: -49px;
        left: 0;
        width: 60px; }
      #str-header .header-utility {
        padding: 0; }
        #str-header .header-utility .utility-list {
          float: none; }
        #str-header .header-utility .header-catch {
          padding: 5px 10px;
          float: none;
          max-width: none;
          border-top: 1px solid #76c1e5; }
      #str-header .header-utility-detail .utility-detail-item {
        right: auto;
        left: 272px; } }
  @media screen and (max-width: 950px) {
    #str-header {
      width: 950px; } }

#nav-global {
  position: relative;
  z-index: 1; }
  #nav-global .nav-list {
    margin: 17px 0 0;
    display: table;
    width: 100%;
    table-layout: fixed;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 12px;
    letter-spacing: -.40em; }
    #nav-global .nav-list > li {
      padding: 0 4px;
      border-right: 1px solid #dbdbdb;
      display: inline-block;
      width: 99px;
      letter-spacing: normal;
      vertical-align: middle; }
      #nav-global .nav-list > li:first-child {
        border-left: 1px solid #dbdbdb; }
      #nav-global .nav-list > li.dp {
            width: 159px; }
      #nav-global .nav-list > li.hotel-dom {
            width: 119px; }
      #nav-global .nav-list > li.business {
            width: 129px; }
      #nav-global .nav-list > li a {
        padding: 8px 2px;
        display: block;
        text-align: center;
        text-decoration: none;
        font-weight: bold;
        height:35px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
        #nav-global .nav-list > li a > span {
          padding-left: 26px;
          display: inline-block;
          position: relative; }
          #nav-global .nav-list > li a > span:before {
            content: "";
            display: block;
            width: 25px;
            height: 28px;
            overflow: hidden;
            position: absolute;
            top: -2px;
            left: 0; }
          #nav-global .nav-list > li a > span:before {
            background-image: url("//s.skygate.co.jp/pc/images/head/nav-global-sprite.png");
            background-repeat: no-repeat; }
        #nav-global .nav-list > li a.active, #nav-global .nav-list > li a:active, #nav-global .nav-list > li a:hover, #nav-global .nav-list > li a:focus {
          border-radius: 3px;
          color: #fff;
          background-color: #424242; }
      #nav-global .nav-list > li.air a > span:before {
        background-position: 0 0; }
      #nav-global .nav-list > li.air a.active > span:before, #nav-global .nav-list > li.air a:active > span:before, #nav-global .nav-list > li.air a:hover > span:before, #nav-global .nav-list > li.air a:focus > span:before {
        background-position: -32px 0;}
      #nav-global .nav-list > li.tour a > span:before {
        background-position: -64px 0;}
      #nav-global .nav-list > li.tour a.active > span:before, #nav-global .nav-list > li.tour a:active > span:before, #nav-global .nav-list > li.tour a:hover > span:before, #nav-global .nav-list > li.tour a:focus > span:before {
        background-position: -94px 0;}
      #nav-global .nav-list > li.hotel a > span:before {
        background-position: -124px 0;}
      #nav-global .nav-list > li.hotel a.active > span:before, #nav-global .nav-list > li.hotel a:active > span:before, #nav-global .nav-list > li.hotel a:hover > span:before, #nav-global .nav-list > li.hotel a:focus > span:before {
        background-position: -154px 0;}
      #nav-global .nav-list > li.dp a {
        padding:4px 2px;}
      #nav-global .nav-list > li.dp .set-appeal {
        display:block;
        background-color:#fedb18;
        text-align:center;
        height:12px;
        border-radius:5px;
        padding:0 3px;}
      #nav-global .nav-list > li.dp .set-appeal > img {
        vertical-align:top;}
      #nav-global .nav-list > li.dp a > span:before {
        background-position: -186px 0;
        top:2px;
        left:-3px;}
      #nav-global .nav-list > li.dp a.active > span:before, #nav-global .nav-list > li.dp a:active > span:before, #nav-global .nav-list > li.dp a:hover > span:before, #nav-global .nav-list > li.dp a:focus > span:before {
        background-position: -221px 0;}
      #nav-global .nav-list > li.air-dom a > span:before {
        background-position: -254px 0;}
      #nav-global .nav-list > li.air-dom a.active > span:before, #nav-global .nav-list > li.air-dom a:active > span:before, #nav-global .nav-list > li.air-dom a:hover > span:before, #nav-global .nav-list > li.air-dom a:focus > span:before {
        background-position: -288px 0;}
      #nav-global .nav-list > li.tour-dom a > span:before {
        background-position: -322px 0;}
      #nav-global .nav-list > li.tour-dom a.active > span:before, #nav-global .nav-list > li.tour-dom a:active > span:before, #nav-global .nav-list > li.tour-dom a:hover > span:before, #nav-global .nav-list > li.tour-dom a:focus > span:before {
        background-position: -357px 0;}
      #nav-global .nav-list > li.hotel-dom a > span:before { 
        background-position: -392px 0;}
      #nav-global .nav-list > li.hotel-dom a.active > span:before, #nav-global .nav-list > li.hotel-dom a:active > span:before, #nav-global .nav-list > li.hotel-dom a:hover > span:before, #nav-global .nav-list > li.hotel-dom a:focus > span:before {
        background-position: -426px 0;}
      #nav-global .nav-list > li.business a > span:before {
        background-position: -460px 0;}
      #nav-global .nav-list > li.business a.active > span:before, #nav-global .nav-list > li.business a:active > span:before, #nav-global .nav-list > li.business a:hover > span:before, #nav-global .nav-list > li.business a:focus > span:before {
        background-position: -489px 0;}
  @media screen and (max-width: 1195px) {
    #nav-global .nav-list {
      table-layout: auto; }
    #nav-global .nav-list > li {
      display: table-cell;
      width: auto; }
    #nav-global .nav-list > li.dp,
    #nav-global .nav-list > li.hotel-dom,
    #nav-global .nav-list > li.business {
      width: auto; } }
  @media screen and (max-width: 1055px) {
    #nav-global {
      margin-left: 70px; }
      #nav-global .nav-list {
        margin: 10px 0 4px; } }
  @media screen and (max-width: 1030px) {
    #nav-global .nav-list {
      font-size: 11px; } }

.header-banner {
  margin-bottom: -16px; }
  .header-banner > p {
    margin-top: 0 !important; }
  @media screen and (max-width: 1055px) {
    .header-banner {
      margin-left: 70px; } }

#str-footer {
  background: #dae2e4;
  width: 100%;
  font-size: 11px;
  padding: 20px 0; }
  #str-footer p {
    margin: 0; }
  #str-footer a {
    color: #333; }
  #str-footer .footer-link-list {
    width: 1190px;
    margin: 0 auto;
    text-align: left; }
    #str-footer .footer-link-list dt {
      font-weight: bold;
      margin-bottom: 10px; }
    #str-footer .footer-link-list dd {
      margin-bottom: 20px; }
      #str-footer .footer-link-list dd li {
        display: inline; }
        #str-footer .footer-link-list dd li a {
          white-space: nowrap; }
  #str-footer .footer-link-list-02,
  #str-footer #linkOtherDown {
    width: 1190px;
    margin: 0 auto 20px;
    text-align: left; }
    #str-footer .footer-link-list-02 li,
    #str-footer #linkOtherDown li {
      display: inline; }
      #str-footer .footer-link-list-02 li a,
      #str-footer #linkOtherDown li a {
        white-space: nowrap; }
  #str-footer .footer-utility-list {
    width: 1190px;
    text-align: left;
    margin: 0 auto;
    padding: 10px;
    border-top: 1px solid #e9f3f5;
    border-bottom: 1px solid #e9f3f5;
    margin-bottom: 20px; }
    #str-footer .footer-utility-list li {
      display: inline; }
      #str-footer .footer-utility-list li a {
        white-space: nowrap; }
  #str-footer .footer-group-info {
    width: 1190px;
    border-bottom: 1px solid #e9f3f5;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    padding-bottom: 15px; }
    #str-footer .footer-group-info .dena-logo {
      margin: 2px 0 5px 0;
      width: 100px;
      float: left; }
      #str-footer .footer-group-info .dena-logo img {
        margin: 0 10px 0 10px; }
    #str-footer .footer-group-info ul {
      margin: 2px 0 0 0;
      text-align: left; }
    #str-footer .footer-group-info .footer-service-list {
      width: 840px;
      float: left; }
      #str-footer .footer-group-info .footer-service-list .service-category {
        padding-top: 2px;
        padding-left: 10px;
        text-align: left;
        width: 840px;
        font-size: 10px; }
        #str-footer .footer-group-info .footer-service-list .service-category p {
          float: left;
          font-weight: bold;
          width: 100px;
          color: #888;
          padding-top: 2px; }
        #str-footer .footer-group-info .footer-service-list .service-category ul {
          margin: 0;
          padding-top: 1px;
          float: left; }
          #str-footer .footer-group-info .footer-service-list .service-category ul li {
            list-style-type: none;
            display: inline;
            vertical-align: middle; }
          #str-footer .footer-group-info .footer-service-list .service-category ul a:hover {
            color: #f30; }
  #str-footer .copyright {
    width: 1170px;
    margin: 0 auto;
    padding-bottom: 20px; }
    #str-footer .copyright .img {
      float: left;
      width: 240px; }
    #str-footer .copyright ul {
      float: right;
      padding: 0 0 0 3px; }
      #str-footer .copyright ul li {
        display: inline;
        padding: 0 8px 0 5px; }
  @media screen and (max-width: 1230px) {
    #str-footer .footer-link-list, #str-footer .footer-link-list-02, #str-footer #linkOtherDown {
      width: 950px; }
    #str-footer .footer-utility-list {
      text-align: center;
      width: 950px;
      padding: 10px 0; }
    #str-footer .footer-group-info {
      width: 950px; }
    #str-footer .copyright {
      width: 930px; } }
  @media screen and (max-width: 950px) {
    #str-footer {
      width: 950px; } }

/* 法人 */
#str-header.selfbook .header-logo {
  min-width: 194px; }
#str-header.selfbook .header-logo .logo {
  left: -206px; }
#str-header.selfbook .str-header-inner {
  padding-left: 210px; }
#str-header.selfbook #nav-global {
  display: none; }
#str-header.selfbook .header-addition .header-addition-list > li.mail {
  display: none; }

@media screen and (max-width: 1055px) {
  #str-header.selfbook .str-header-inner {
    padding-left: 10px; }
  #str-header.selfbook .header-logo .logo {
    left: 0;
    width: 114px;}
  #str-header.selfbook .header-logo h1 {
    padding-left: 0; } }


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

  03. Override

----------------------------------------------------------------- */
.se_nd_wrap {
  padding: 3px 0 5px;
  background-color: #dae2e4; }
  .se_nd_wrap #se_nd {
    width: 950px;
    margin: 0 auto;
    background-color: transparent; }

.inquiry {
  border: none;
  padding: 0; }

/* パンくず */
.topicPath {
  float: none;
  width: 100%;
  padding: 0 0 9px; }

/* ヘッダー下の余白 */
.htlList #content, .detailHtl #content {
  padding-top: 10px; }

/* マイページ内のヘッダー */
#str-header .header-logo .header-tagline {
  color: #333;
  background: none;
  height: auto;
  width: auto; }