@charset "UTF-8";
@font-face {
  font-family: 'Uniqlo Light';
  src: url("../font/UniqloProLight.eot");
  src: url("../font/UniqloProLight.eot?#iefix") format("embedded-opentype"), url("../font/UniqloProLight.woff2") format("woff2"), url("../font/UniqloProLight.woff") format("woff"), url("../font/UniqloProLight.ttf") format("truetype"), url("../font/UniqloProLight.svg#uniqlo_prolight") format("svg");
  font-weight: 300; }

@font-face {
  font-family: 'Uniqlo';
  src: url("../font/UniqloProRegular.eot");
  src: url("../font/UniqloProRegular.eot?#iefix") format("embedded-opentype"), url("../font/UniqloProRegular.woff2") format("woff2"), url("../font/UniqloProRegular.woff") format("woff"), url("../font/UniqloProRegular.ttf") format("truetype"), url("../font/UniqloProRegular.svg#uniqlo_proregular") format("svg");
  font-weight: normal; }

@font-face{
  font-family:icon;
  src:url(../font/icon.eot?x3lco9);
  src:url(../font/icon.eot?#iefixx3lco9)format('embedded-opentype'),
      url(../font/icon.woff?x3lco9)format('woff'),
      url(../font/icon.ttf?x3lco9)format('truetype'),
      url(../font/icon.svg?x3lco9#icon)format('svg');
  font-weight:400;
  font-style:normal;
}

/* ===========================
--- general
============================ */
body {
  font-family: Uniqlo Light, "mplus-2p", "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo", "メイリオ", "sans-serif";
  background: #fff;
  color: #000; }

section img {
  width: 100%; }

section h2.sctn-title {
  text-align: center;
  letter-spacing: 0.02em;
  margin: 60px auto;
  margin-bottom: 20px;
  position: relative; }
  section h2.sctn-title:after {
    position: absolute;
    left: 50%;
    bottom: -7px;
    content: " ";
    display: inline-block;
    width: 80px;
    height: 3px;
    margin-left: -40px;
    background: #f00; }

section .alternative_img {
  display: none; }

section .attention {
  text-align: center;
  margin: 10px auto;
  position: relative;
  font-size: 11px; }
  section .attention a {
    text-decoration: underline;
    color: #606060; }
    section .attention a:active, section .attention a:hover {
      text-decoration: none; }
section .attention.alternative{
  display: none;
}
section .logo {
  width: 108px;
  height: 48px;
  margin: 8px; }

.main_title .sctn-title {
  margin: 30px 0;
  text-align: center; }

.cover {
  margin: 60px 0 0; }
  .cover .coverlogo {
    max-width: 260px;
    margin: 0 auto;
    margin-top: 160px;
    margin-bottom: 30px; }
  .cover .coverdesc {
    padding: 0; }

.bold {
  font-weight: bold; }

.red {
  color: #f00; }

.bt30 {
  margin-bottom: 30px; }

input[type="checkbox"].dummy {
  display: none; }

/*
===========================
--- section 360 movie Large
============================
*/
.mainmovie .container {
  width: 100%;
  margin: 0; }
  .mainmovie .container .col-xs-12 {
    padding: 0; }

.mainmovie .digest_movie {
  position: relative; }
  .mainmovie .digest_movie .sctn-title {
    position: absolute;
    top: 0;
    margin: 15px 0 0;
    width: 100%;
    color: #FFF;
    text-align: center; }

/*
===========================
--- section booth
============================
*/
.contents .booth {
  margin-bottom: 50px; }
  .contents .booth a {
    color: #000;
    outline: none;
    border: none;
    text-decoration: none; }
    .contents .booth a .readbtn {
      float: right;
      padding-top: 10px; }
      .contents .booth a .readbtn p {
        display: block;
        padding: 5px;
        border: 2px solid #000;
        color: #000;
        font-weight: bold; }
        .contents .booth a .readbtn p span:after {
          content: ">";
          padding-left: 5px; }
    .contents .booth a:active, .contents .booth a:hover {
      color: #000;
      text-decoration: none; }
      .contents .booth a:active .readbtn, .contents .booth a:hover .readbtn {
        float: right;
        padding-top: 10px; }
        .contents .booth a:active .readbtn p, .contents .booth a:hover .readbtn p {
          color: #F00;
          text-decoration: none;
          border: 2px solid #F00; }
          .contents .booth a:active .readbtn p span, .contents .booth a:hover .readbtn p span {
            color: #F00; }
  .contents .booth .booth-desc {
    height: 90px; }
    .contents .booth .booth-desc.h60 {
      height: 60px; }
    .contents .booth .booth-desc h4.sctn-subtitle {
      font-family: Uniqlo, "mplus-2p", "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo", "メイリオ", "sans-serif";
      font-size: 13px;
      margin-bottom: 3px; }
    .contents .booth .booth-desc p.sctn-desc {
      font-size: 11px;
      margin-top: 6px;
      height: 60px;
      overflow: hidden;
      position: relative; }

/*
===========================
--- section lifewear
============================
*/
.lifewear .links {
  border: solid 2px #cecece; }
  .lifewear .links .col-xs-8 {
    padding: 0; }

.lifewear .col-xs-6 {
  padding: 0; }

.lifewear .preview_card {
  box-sizing: border-box; }
  .lifewear .preview_card .row {
    margin: 0 15px;
    border: 1px solid #cecece; }
  .lifewear .preview_card span {
    padding: 0; }
  .lifewear .preview_card a {
    display: block;
    overflow: hidden;
    color: #000; }
    .lifewear .preview_card a .rTxt {
      padding: 15% 0 0;
      text-align: center; }
      .lifewear .preview_card a .rTxt.sml {
        padding: 12% 0 0; }
        .lifewear .preview_card a .rTxt.sml .detail {
          padding: 20% 0 0; }
      .lifewear .preview_card a .rTxt span {
        display: block; }
      .lifewear .preview_card a .rTxt .detail {
        font-size: 12px;
        padding: 25% 0 0; }
        .lifewear .preview_card a .rTxt .detail:after {
          content: ">";
          padding-left: 5px; }

/*
===========================
--- footer
============================
*/
footer {
  margin-top: 50px;
  padding-top: 80px;
  width: 100%;
  border-top: 2px solid #CCC; }
  footer .footer_tit {
    font-size: 18px;
    font-family: Uniqlo;
    margin: 0 0 20px; }
  footer a {
    color: #000; }
    footer a:hover {
      color: #F00; }
  footer ul {
    height: 110px;
    margin: 0;
    padding: 0; }
    footer ul .footer_col {
      float: left;
      padding: 0 0 0 40px; }
      footer ul .footer_col:first-child {
        padding: 0; }
    footer ul li {
      list-style: none;
      margin: 0;
      padding: 0; }
  footer .footer_btm {
    text-align: center;
    margin: 20px 0 0; }
    footer .footer_btm a {
      display: block;
      padding-bottom: 10px; }

/*
===========================
--- adjustment of modal plugin
============================
*/
/*.mfp-container {
  position: fixed !important; }*/

.mfp-iframe-holder .mfp-content {
  height: 100% !important; }

.mfp-iframe-holder .mfp-close {
  color: #f00 !important; }

.mfp-bg {
  background: #f0f0f0 !important; }

.mfp-iframe-holder {
  padding-top: 60px !important;
  cursor: pointer; }

.mfp-iframe-holder .mfp-close {
  top: 5px !important;
  position: fixed;
}

.mfp-close {
  font-size: 60px !important;
  font-weight: 200 !important;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important; }

.mfp-iframe-scaler iframe {
  box-shadow: 0 0 0px !important;
  padding: 0 0 0;
  box-sizing: border-box;
  background: inherit!important;
  overflow-y: scroll;
  top: 9%!important;
  height: 91%!important;
}
.mfp-container{
  padding-left: 0!important;
  padding-right: 0!important;
}
.mfp-iframe-scaler {
  height: 100% !important;
  padding: 0 0 0 !important;
  background: #FFF;
}
.mfp-iframe-holder{
  padding-top: 0px!important;
  padding-bottom: 0px!important;
}
.mfp-content{
  height: 100% !important;
  padding: 0 !important;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{
  right: 0!important;
}
/*
===========================
--- style for modal
============================
*/
.contents-booth h2.sctn-title {
  font-size: 48px;
  font-weight: 200; }
  .contents-booth h2.sctn-title:after {
    content: " ";
    width: 0px;
    height: 0px; }

.attention_img {
	margin-top:18px;
  }